Add Dash settings for additions buttons (#3063)

Author: melikhov-dev

src/ui/registry/units/dash/components-map.tsx

@@ -1,6 +1,7 @@
 import type {DialogTextWidgetProps} from '../../../components/DialogTextWidget/DialogTextWidget';
 import {makeDefaultEmpty} from '../../components/DefaultEmpty';
 
+import type {DashActionPanelAdditionalButtonsProps} from './types/DashActionPanelAdditionalButtons';
 import type {DialogDashOtherSettingsPrependProps} from './types/DialogDashOtherSettingsPrepend';
 
 export const dashComponentsMap = {
@@ -9,5 +10,5 @@ export const dashComponentsMap = {
     DialogTextWidget: makeDefaultEmpty<DialogTextWidgetProps>(),
     DashBodyAdditionalControls: makeDefaultEmpty(),
     DialogDashOtherSettingsPrepend: makeDefaultEmpty<DialogDashOtherSettingsPrependProps>(),
-    DashActionPanelAdditionalButtons: makeDefaultEmpty(),
+    DashActionPanelAdditionalButtons: makeDefaultEmpty<DashActionPanelAdditionalButtonsProps>(),
 } as const;

src/ui/registry/units/dash/types/DashActionPanelAdditionalButtons.ts

@@ -0,0 +1,5 @@
+import type {DashSettings} from 'shared';
+
+export type DashActionPanelAdditionalButtonsProps = {
+    dashSettings: DashSettings;
+};

src/ui/units/dash/components/DashActionPanel/DashActionPanel.tsx

@@ -48,6 +48,7 @@ import {
     selectDashDescription,
     selectDashShowOpenedDescription,
     selectLoadingEditMode,
+    selectSettings,
     selectStateMode,
 } from '../../store/selectors/dashTypedSelectors';
 import type {DashEntry} from '../../typings/entry';
@@ -113,7 +114,10 @@ class DashActionPanel extends React.PureComponent<ActionPanelProps, ActionPanelS
                             entry={entry as GetEntryResponse}
                             additionalEntryItems={this.getAdditionalEntryItems()}
                             rightItems={[
-                                <DashActionPanelAdditionalButtons key="additional-buttons" />,
+                                <DashActionPanelAdditionalButtons
+                                    key="additional-buttons"
+                                    dashSettings={this.props.settings}
+                                />,
                                 <div className={b('controls')} key="controls">
                                     {this.renderControls()}
                                 </div>,
@@ -360,6 +364,7 @@ const mapStateToProps = (state: DatalensGlobalState) => {
         accessDescription: selectDashAccessDescription(state),
         showOpenedDescription: selectDashShowOpenedDescription(state),
         description: selectDashDescription(state),
+        settings: selectSettings(state),
     };
 };