@adaptabletools/adaptable 12.0.0-canary.2 → 12.0.0-canary.5

package/src/View/Components/Panels/PanelWithImage.js

@@ -37,4 +37,6 @@ class PanelWithImageCmp extends React.Component {
         return (React.createElement(Panel_1.default, { flex: this.props.flex, header: headerRow, variant: this.props.variant, style: this.props.style, bodyScroll: this.props.bodyScroll !== undefined ? this.props.bodyScroll : true, border: "none", borderRadius: this.props.borderRadius || 'none', bodyProps: Object.assign({ padding: 0 }, this.props.bodyProps) }, this.props.children));
     }
 }
+// apparently it's very hard to type `withTheme()` result in typescript
+// @ts-ignore
 exports.PanelWithImage = styled_components_1.withTheme(PanelWithImageCmp);

package/src/View/Components/Popups/AdaptablePopup/AdaptablePopup.js

@@ -15,7 +15,7 @@ const AdaptableContext_1 = require("../../../AdaptableContext");
 const CustomSettingsPanelView_1 = require("./CustomSettingsPanelView");
 const useMenuItems_1 = require("./useMenuItems");
 const AdaptablePopupDialog_1 = require("./AdaptablePopupDialog");
-exports.AdaptablePopup = (props) => {
+const AdaptablePopup = (props) => {
     var _a, _b, _c;
     const adaptable = AdaptableContext_1.useAdaptable();
     const settingsPanelOptions = adaptable.adaptableOptions.settingsPanelOptions;
@@ -77,3 +77,4 @@ exports.AdaptablePopup = (props) => {
                 !isStandalone && (React.createElement(Navigation_1.Navigation, { menuItems: menuItems, api: props.api, activeItem: activeItem, customSettingsPanels: settingsPanelOptions.customSettingsPanels })),
                 React.createElement(rebass_1.Flex, { flex: 1, className: "ab-Adaptable-Popup__Body" }, moduleViewContent)))));
 };
+exports.AdaptablePopup = AdaptablePopup;

package/src/View/Components/Popups/AdaptablePopup/AdaptablePopupBody.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const UIHelper_1 = require("../../../UIHelper");
 const AdaptableViewFactory_1 = require("../../../AdaptableViewFactory");
 const AdaptablePopupModuleView_1 = require("./AdaptablePopupModuleView");
-exports.AdaptablePopupBody = (props) => {
+const AdaptablePopupBody = (props) => {
     var _a;
     const modalContainer = UIHelper_1.UIHelper.getModalContainer(props.api.internalApi.getAdaptableOptions(), document);
     const moduleName = props.module.moduleInfo.ModuleName;
@@ -35,3 +35,4 @@ exports.AdaptablePopupBody = (props) => {
     // most of the views use the `AdaptablePopupModuleView` component
     return React.createElement(BodyComponent, Object.assign({ key: props === null || props === void 0 ? void 0 : props.componentName, module: props.module }, moduleProps));
 };
+exports.AdaptablePopupBody = AdaptablePopupBody;

package/src/View/Components/Popups/AdaptablePopup/AdaptablePopupDialog.js

@@ -44,7 +44,7 @@ const PopupDialog = (props) => {
     const { style, className, onHide, children } = props, dialogProps = tslib_1.__rest(props, ["style", "className", "onHide", "children"]);
     return (React.createElement(Dialog_1.default, Object.assign({ fixed: false, style: props.style, padding: 0, height: '90vh', width: '90vw', className: className, onDismiss: onHide, isOpen: true, showCloseButton: true }, dialogProps), children));
 };
-exports.AdaptablePopupDialog = (props) => {
+const AdaptablePopupDialog = (props) => {
     const { isActionModule, style, friendlyName, baseClassName, className, children, onHide, isWindowModal, modalContainer, } = props;
     const elementRef = React.useMemo(() => {
         if (!modalContainer) {
@@ -78,3 +78,4 @@ exports.AdaptablePopupDialog = (props) => {
         return (React.createElement(PopupDialog, { onHide: onHide, style: modalStyle, className: className }, children));
     }
 };
+exports.AdaptablePopupDialog = AdaptablePopupDialog;

package/src/View/Components/Popups/AdaptablePopup/AdaptablePopupModuleView.js

@@ -13,7 +13,7 @@ const PopupPanel_1 = require("./PopupPanel");
 const rebass_1 = require("rebass");
 const CheckBox_1 = require("../../../../components/CheckBox");
 const SystemRedux_1 = require("../../../../Redux/ActionsReducers/SystemRedux");
-exports.AdaptablePopupModuleView = (props) => {
+const AdaptablePopupModuleView = (props) => {
     var _a, _b, _c, _d, _e;
     /**
      * This triggers an render for each redux change.
@@ -109,3 +109,4 @@ exports.AdaptablePopupModuleView = (props) => {
         (items === null || items === void 0 ? void 0 : items.length) ? (React.createElement(AdaptableObjectList_1.AdaptableObjectList, { module: props.module, items: items })) : (React.createElement(EmptyContent_1.default, null, emptyContent !== null && emptyContent !== void 0 ? emptyContent : `Click 'New' to create a new ${moduleInfo.FriendlyName}`)),
         isWizardOpen && EditWizard && (React.createElement(EditWizard, { abObjectType: abObjectType, moduleInfo: moduleInfo, data: null, popupParams: props.popupParams, configEntities: null, onCloseWizard: handleWizardClose, onFinishWizard: handleWizardClose }))));
 };
+exports.AdaptablePopupModuleView = AdaptablePopupModuleView;

package/src/View/Components/Popups/AdaptablePopup/CustomSettingsPanelView.js

@@ -4,6 +4,7 @@ exports.CustomSettingsPanelView = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const ExternalRenderer_1 = require("../../ExternalRenderer");
-exports.CustomSettingsPanelView = (props) => {
+const CustomSettingsPanelView = (props) => {
     return (React.createElement(ExternalRenderer_1.ExternalRenderer, { render: props.settingsPanel.render, componentName: props.settingsPanel.name, frameworkComponent: props.settingsPanel.frameworkComponent }));
 };
+exports.CustomSettingsPanelView = CustomSettingsPanelView;

package/src/View/Components/Popups/AdaptablePopup/Navigation.js

@@ -4,11 +4,10 @@ exports.Navigation = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const react_redux_1 = require("react-redux");
-const ApplicationIcon_1 = require("../../../../components/ApplicationIcon");
-const icons_1 = require("../../../../components/icons");
 const join_1 = tslib_1.__importDefault(require("../../../../components/utils/join"));
 const useGlobalEvent_1 = require("../../../../components/utils/useGlobalEvent");
-exports.Navigation = (props) => {
+const AdaptableIconComponent_1 = require("../../../../components/AdaptableIconComponent");
+const Navigation = (props) => {
     const dispatch = react_redux_1.useDispatch();
     const handleKeyPress = React.useCallback((event) => {
         if ((event.ctrlKey || event.metaKey) &&
@@ -48,8 +47,9 @@ exports.Navigation = (props) => {
                 React.createElement("button", { type: "button", className: `${baseClassName}__Button`, onClick: () => {
                         dispatch(menuItem.reduxAction);
                     } },
-                    menuItem.icon && (React.createElement(icons_1.Icon, { className: `${baseClassName}__Icon`, name: menuItem.icon })),
-                    customIcon && React.createElement(ApplicationIcon_1.ApplicationIcon, { icon: customIcon }),
+                    menuItem.icon && (React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: menuItem.icon, iconClassName: `${baseClassName}__Icon` })),
+                    customIcon && React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: customIcon }),
                     menuItem.label)));
         }))));
 };
+exports.Navigation = Navigation;

package/src/View/Components/Popups/AdaptablePopup/PopupContext.js

@@ -6,7 +6,8 @@ const React = tslib_1.__importStar(require("react"));
 const PopupContext = React.createContext({
     hidePopup: () => { },
 });
-exports.usePopupContext = () => {
+const usePopupContext = () => {
     return React.useContext(PopupContext);
 };
+exports.usePopupContext = usePopupContext;
 exports.default = PopupContext;

package/src/View/Components/Popups/AdaptablePopup/PopupPanel.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
 const ButtonInfo_1 = require("../../Buttons/ButtonInfo");
 const Noop = () => React.createElement(React.Fragment, null);
-exports.PopupPanel = (props) => {
+const PopupPanel = (props) => {
     const baseClassName = 'ab-Adaptable-Popup__Panel';
     return (React.createElement(rebass_1.Flex, { flexDirection: "column", flex: "1 1 0", className: baseClassName, width: "100%" },
         React.createElement("div", { className: `${baseClassName}__Header` },
@@ -20,3 +20,4 @@ exports.PopupPanel = (props) => {
             props.button),
         React.createElement(rebass_1.Box, { className: `${baseClassName}__Body`, width: "100%", height: "100%", flex: 1 }, props.children)));
 };
+exports.PopupPanel = PopupPanel;

package/src/View/Components/Popups/AdaptablePopup/TopBar.js

@@ -4,10 +4,10 @@ exports.TopBar = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const rebass_1 = require("rebass");
-const ApplicationIcon_1 = require("../../../../components/ApplicationIcon");
 const icons_1 = require("../../../../components/icons");
 const AdaptableContext_1 = require("../../../AdaptableContext");
-exports.TopBar = (props) => {
+const AdaptableIconComponent_1 = require("../../../../components/AdaptableIconComponent");
+const TopBar = (props) => {
     var _a;
     const baseClassName = 'ab-Adaptable-Popup__TopBar';
     const adaptable = AdaptableContext_1.useAdaptable();
@@ -18,13 +18,14 @@ exports.TopBar = (props) => {
         icon = React.createElement(icons_1.Icon, { className: iconClassName, name: "settings" });
     }
     else if (props.icon === 'ApplicationIcon' && applicationIcon) {
-        icon = React.createElement(ApplicationIcon_1.ApplicationIcon, { className: iconClassName, icon: applicationIcon });
+        icon = React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: applicationIcon, iconClassName: iconClassName });
     }
-    else if (typeof props.icon === 'object' && props.icon.src) {
-        icon = React.createElement(ApplicationIcon_1.ApplicationIcon, { className: iconClassName, icon: props.icon });
+    else if (typeof props.icon === 'object') {
+        icon = React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: props.icon, iconClassName: iconClassName });
     }
     return (React.createElement(rebass_1.Flex, { flex: 0, className: baseClassName },
         icon,
         React.createElement(rebass_1.Text, { className: `${baseClassName}__Title` }, props.children)));
 };
+exports.TopBar = TopBar;
 exports.default = exports.TopBar;

package/src/View/Components/Popups/AdaptablePopup/useMenuItems.js

@@ -7,7 +7,7 @@ const react_redux_1 = require("react-redux");
 const DefaultSettingsPanel_1 = require("../../../../Utilities/Defaults/DefaultSettingsPanel");
 const AdaptableContext_1 = require("../../../AdaptableContext");
 const PopupRedux = tslib_1.__importStar(require("../../../../Redux/ActionsReducers/PopupRedux"));
-exports.useMenuItems = () => {
+const useMenuItems = () => {
     const adaptable = AdaptableContext_1.useAdaptable();
     const settingsPanelOptions = adaptable.adaptableOptions.settingsPanelOptions;
     const allMenuItems = react_redux_1.useSelector((state) => { var _a; return (_a = state === null || state === void 0 ? void 0 : state.Grid) === null || _a === void 0 ? void 0 : _a.SettingPanelModuleMenuItems; });
@@ -43,3 +43,4 @@ exports.useMenuItems = () => {
             .filter(Boolean);
     }, [allMenuItems]);
 };
+exports.useMenuItems = useMenuItems;

package/src/View/Components/Popups/AdaptablePopupAlert.js

@@ -10,7 +10,8 @@ const Dialog_1 = tslib_1.__importDefault(require("../../../components/Dialog"));
 const AdaptableFormComponent_1 = require("../../../components/AdaptableFormComponent");
 const react_1 = require("react");
 const AdaptableContext_1 = require("../../AdaptableContext");
-exports.AdaptablePopupAlert = (props) => {
+const AdaptableIconComponent_1 = require("../../../components/AdaptableIconComponent");
+const AdaptablePopupAlert = (props) => {
     var _a;
     const messageType = props.adaptableAlert.alertDefinition.MessageType || 'Error';
     const msg = (_a = props.adaptableAlert.message) !== null && _a !== void 0 ? _a : '';
@@ -52,11 +53,9 @@ exports.AdaptablePopupAlert = (props) => {
         if (!icon) {
             return null;
         }
-        let width = icon.style && icon.style.width ? icon.style.width : 'var(--ab-cmp-simple-button__width)';
-        let height = icon.style && icon.style.height ? icon.style.height : 'var(--ab-cmp-simple-button__height)';
         return (React.createElement(rebass_1.Flex, { flexDirection: "column", alignSelf: "end", alignItems: "right" },
             ' ',
-            React.createElement("img", { className: "alert-popup__application-icon", src: icon.src, style: { width: width, height: height } })));
+            React.createElement(AdaptableIconComponent_1.AdaptableIconComponent, { icon: icon, iconClassName: 'alert-popup__application-icon' })));
     };
     const content = (React.createElement(PanelWithImage_1.PanelWithImage, { header: header, headerColor: headerColor, glyphicon: glyph, bodyProps: { padding: 2 } },
         React.createElement("div", null,
@@ -86,3 +85,4 @@ exports.AdaptablePopupAlert = (props) => {
             maxWidth: '70vw',
         } }, content));
 };
+exports.AdaptablePopupAlert = AdaptablePopupAlert;

package/src/View/Components/Popups/AdaptablePopupPrompt.js

@@ -9,7 +9,7 @@ const rebass_1 = require("rebass");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
 const react_redux_1 = require("react-redux");
-exports.AdaptablePopupPrompt = (props) => {
+const AdaptablePopupPrompt = (props) => {
     var _a;
     const dispatch = react_redux_1.useDispatch();
     const [promptText, setPromptText] = React.useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : '');
@@ -46,3 +46,4 @@ exports.AdaptablePopupPrompt = (props) => {
                     React.createElement("div", { style: { flex: 1 } }),
                     React.createElement(SimpleButton_1.default, { tone: "neutral", variant: "raised", onClick: () => onCloseForm(), "data-name": "cancel" }, "Cancel"))))));
 };
+exports.AdaptablePopupPrompt = AdaptablePopupPrompt;

package/src/View/Components/Popups/AdaptablePopupTeamSharing.js

@@ -12,7 +12,7 @@ const React = tslib_1.__importStar(require("react"));
 const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
 const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlock"));
 const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
-exports.AdaptablePopupTeamSharing = (props) => {
+const AdaptablePopupTeamSharing = (props) => {
     const { showPopup, onClose, onConfirm, header } = props;
     const [config, setConfig] = react_1.useState({
         description: '',
@@ -47,3 +47,4 @@ exports.AdaptablePopupTeamSharing = (props) => {
                         React.createElement("div", { style: { flex: 1 } }),
                         React.createElement(SimpleButton_1.default, { tone: "accent", "data-name": "ok", variant: "raised", disabled: StringExtensions_1.StringExtensions.IsNullOrEmpty(config.description), onClick: () => onConfirm(config) }, "OK")))))));
 };
+exports.AdaptablePopupTeamSharing = AdaptablePopupTeamSharing;

package/src/View/Components/Popups/AdaptableToaster.js

@@ -8,7 +8,7 @@ const AdaptablePopupAlert_1 = require("./AdaptablePopupAlert");
 const react_toastify_1 = require("react-toastify");
 const apiInstances = new WeakMap();
 const weakMapKeys = new Map();
-exports.showToast = (props) => {
+const showToast = (props) => {
     // we're doing this hack and not simply using props.api in order not to have a memory
     // leak where the api is still kept around in memory by the toaster
     const adaptableOptions = props.api.internalApi.getAdaptableOptions();
@@ -63,3 +63,4 @@ exports.showToast = (props) => {
             break;
     }
 };
+exports.showToast = showToast;

package/src/View/Components/Popups/FormPopups/FormPopups.js

@@ -10,7 +10,7 @@ const Dialog_1 = tslib_1.__importDefault(require("../../../../components/Dialog"
 const AdaptableForm_1 = require("../../../../PredefinedConfig/Common/AdaptableForm");
 const PopupRedux_1 = require("../../../../Redux/ActionsReducers/PopupRedux");
 const AdaptableContext_1 = require("../../../AdaptableContext");
-exports.FormDialog = ({ id, formProps, form, prepareContext, }) => {
+const FormDialog = ({ id, formProps, form, prepareContext, }) => {
     const dispatch = react_redux_1.useDispatch();
     const adaptable = AdaptableContext_1.useAdaptable();
     const [data, setData] = React.useState(() => {
@@ -29,9 +29,11 @@ exports.FormDialog = ({ id, formProps, form, prepareContext, }) => {
                     (_a = button.onClick) === null || _a === void 0 ? void 0 : _a.call(button, button, preparedContext);
                 } }))));
 };
-exports.FormPopups = () => {
+exports.FormDialog = FormDialog;
+const FormPopups = () => {
     const forms = react_redux_1.useSelector((state) => state.Popup.FormPopup.FormList);
     return (React.createElement(React.Fragment, null, forms.map((form) => {
         return (React.createElement(exports.FormDialog, { key: form.Id, prepareContext: form.prepareContext, id: form.Id, formProps: form.FormProps, form: form.Form }));
     })));
 };
+exports.FormPopups = FormPopups;

package/src/View/Components/Popups/Utilities.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getWindowPopupSize = exports.getSettingsPanelSize = exports.getActionPanelSize = exports.getMiddlePosition = void 0;
 const Helper_1 = require("../../../Utilities/Helpers/Helper");
-exports.getMiddlePosition = (size) => {
+const getMiddlePosition = (size) => {
     const height = window.innerHeight;
     const width = window.innerWidth;
     return {
@@ -10,7 +10,8 @@ exports.getMiddlePosition = (size) => {
         y: height / 2 - size.height / 2,
     };
 };
-exports.getActionPanelSize = () => {
+exports.getMiddlePosition = getMiddlePosition;
+const getActionPanelSize = () => {
     const height = window.innerHeight;
     const width = window.innerWidth;
     return {
@@ -18,7 +19,8 @@ exports.getActionPanelSize = () => {
         width: Helper_1.clamp(800, 0, width * 0.9),
     };
 };
-exports.getSettingsPanelSize = () => {
+exports.getActionPanelSize = getActionPanelSize;
+const getSettingsPanelSize = () => {
     const height = window.innerHeight;
     const width = window.innerWidth;
     return {
@@ -26,6 +28,8 @@ exports.getSettingsPanelSize = () => {
         width: Helper_1.clamp(width * 0.9, 0, 800),
     };
 };
-exports.getWindowPopupSize = () => {
+exports.getSettingsPanelSize = getSettingsPanelSize;
+const getWindowPopupSize = () => {
     return exports.getSettingsPanelSize();
 };
+exports.getWindowPopupSize = getWindowPopupSize;

package/src/View/Components/Popups/WindowPopups/WindowPopups.js

@@ -13,7 +13,7 @@ const windowFactory_1 = require("./windowFactory");
 const NoopComponent = () => {
     return React.createElement(React.Fragment, null);
 };
-exports.WindowPopups = () => {
+const WindowPopups = () => {
     const [windowModalSettings, setWindowModalSettings] = React.useState({});
     const adaptable = AdaptableContext_1.useAdaptable();
     const dispatch = react_redux_1.useDispatch();
@@ -34,3 +34,4 @@ exports.WindowPopups = () => {
                 React.createElement(Component, { api: adaptable.api, onDismiss: handleDismiss, popupProps: restPopupProps }))));
     })));
 };
+exports.WindowPopups = WindowPopups;

package/src/View/Components/Selectors/ColumnSelector.js

@@ -35,7 +35,8 @@ class ColumnSelector extends React.Component {
             };
         });
         let currentColumnName = selectedColumnIds.length > 0
-            ? (_a = this.props.ColumnList.find((c) => c.columnId == selectedColumnIds[0])) === null || _a === void 0 ? void 0 : _a.friendlyName : 'Select a column';
+            ? (_a = this.props.ColumnList.find((c) => c.columnId == selectedColumnIds[0])) === null || _a === void 0 ? void 0 : _a.friendlyName
+            : 'Select a column';
         return (React.createElement("div", { "data-name": 'column-selector' },
             React.createElement(FormLayout_1.default, { columns: [{ name: 'columnSelector', style: { display: 'flex' } }], style: this.props.style },
                 React.createElement(FormLayout_1.FormRow, null,

package/src/View/Components/TagValueSelector/index.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 const ValueSelector_1 = require("../ValueSelector");
 const AdaptableContext_1 = require("../../AdaptableContext");
-exports.TagValueSelector = (props) => {
+const TagValueSelector = (props) => {
     const { api } = AdaptableContext_1.useAdaptable();
     const getDefaultTags = () => {
         var _a;
@@ -16,8 +16,10 @@ exports.TagValueSelector = (props) => {
             onChange(selectedTagsIds.map((id) => selectedTagsMap.get(id)));
         }, selectionBoxPosition: 'top', toIdentifier: (tag) => api.internalApi.getLabelForTag(tag), toLabel: (tag) => api.internalApi.getLabelForTag(tag), noSelectionLabel: singleSelect ? 'Select a tag' : 'You have not selected any tags.', xSelectedLabel: singleSelect ? () => 'Selected tag:' : () => 'Selected tags:' }));
 };
-exports.TagValueOptionsTags = (props) => {
+exports.TagValueSelector = TagValueSelector;
+const TagValueOptionsTags = (props) => {
     const { tags = [] } = props;
     const { api } = AdaptableContext_1.useAdaptable();
     return (React.createElement(ValueSelector_1.ValueOptionsTags, { options: tags, value: tags.map((tag) => api.internalApi.getValueForTag(tag)), toIdentifier: (tag) => api.internalApi.getValueForTag(tag), toLabel: (tag) => api.internalApi.getLabelForTag(tag), allowWrap: true, readOnly: true }));
 };
+exports.TagValueOptionsTags = TagValueOptionsTags;

package/src/View/Components/ToolPanel/AdaptableToolPanel.d.ts

@@ -23,7 +23,7 @@ interface AdaptableToolPanelProps {
     onExpandToolPanel: (toolPanel: AdaptableToolPanel | string) => ToolPanelRedux.ToolPanelExpandToolPanelAction;
     onCollapseToolPanel: (toolPanel: AdaptableToolPanel | string) => ToolPanelRedux.ToolPanelCollapseToolPanelAction;
 }
-export declare const ConnectedAdaptableToolPanel: import("react-redux").ConnectedComponent<(props: AdaptableToolPanelProps) => JSX.Element, Pick<AdaptableToolPanelProps, "api" | "teamSharingActivated">>;
+export declare const ConnectedAdaptableToolPanel: import("react-redux").ConnectedComponent<(props: AdaptableToolPanelProps) => JSX.Element, import("react-redux").Omit<AdaptableToolPanelProps, "onClick" | "Columns" | "ToolPanels" | "ModuleButtons" | "MainMenuItems" | "onNewColumnListOrder" | "onShowToolPanel" | "onHideToolPanel" | "onExpandToolPanel" | "onCollapseToolPanel">>;
 export declare const getAdaptableToolPanelAgGridComponent: (adaptable?: IAdaptable) => {
     new (): {
         gui: HTMLElement;

package/src/View/Components/ToolPanel/AdaptableToolPanel.js

@@ -205,6 +205,9 @@ const AdaptableToolPanelComponent = (props) => {
     const toolPanelButtons = renderToolPanelButtons();
     return (React.createElement(rebass_1.Flex, { className: "ab-ToolPanel", "data-name": "adaptable-tool-panel", flexDirection: "column", justifyContent: "center", padding: 2, style: {
             width: '100%',
+            // Cannot have the with of the parent, on windows, when you have scrollbars
+            // the inner-width is smaller
+            // minWidth: 'var(--ab-cmp-toolpanel__width)',
         } },
         React.createElement(rebass_1.Flex, { className: "ab-ToolPanel__header", flexDirection: "row", justifyContent: "left", padding: 1, flexWrap: "wrap", style: { width: '100%' } },
             isToolPanelModuleConfigurable && renderToolPanelDropdowns(),
@@ -233,7 +236,7 @@ function mapDispatchToProps(dispatch) {
     };
 }
 exports.ConnectedAdaptableToolPanel = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(AdaptableToolPanelComponent);
-exports.getAdaptableToolPanelAgGridComponent = (adaptable) => {
+const getAdaptableToolPanelAgGridComponent = (adaptable) => {
     return class AdaptableToolPanelAgGridComponent {
         init(params) {
             const agGridApi = params.api;
@@ -258,4 +261,5 @@ exports.getAdaptableToolPanelAgGridComponent = (adaptable) => {
         }
     };
 };
+exports.getAdaptableToolPanelAgGridComponent = getAdaptableToolPanelAgGridComponent;
 exports.AdaptableToolPanelAgGridComponent = exports.getAdaptableToolPanelAgGridComponent();

package/src/View/Components/ToolPanel/CustomToolPanelContent.js

@@ -8,7 +8,7 @@ const AdaptableContext_1 = require("../../AdaptableContext");
 const uuid_1 = require("../../../components/utils/uuid");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../../components/SimpleButton"));
 const kebabCase_1 = tslib_1.__importDefault(require("lodash/kebabCase"));
-exports.CustomToolPanelContent = (props) => {
+const CustomToolPanelContent = (props) => {
     var _a;
     const { customToolPanel } = props;
     const { api } = AdaptableContext_1.useAdaptable();
@@ -73,5 +73,6 @@ exports.CustomToolPanelContent = (props) => {
                 buttonLabel));
         })))));
 };
+exports.CustomToolPanelContent = CustomToolPanelContent;
 const hasCustomRenderFn = (customToolPanel) => customToolPanel.render;
 const hasCustomFrameworkComponent = (customToolPanel) => customToolPanel.frameworkComponent;

package/src/View/Components/ToolPanel/ToolPanelPopup.d.ts

@@ -23,5 +23,5 @@ declare class ToolPanelPopupComponent extends React.Component<ToolPanelPopupComp
     onShowGridPropertiesChanged(event: React.FormEvent<any>): void;
     onToolPanelToolPanelsChanged(selectedValues: AdaptableToolPanels): void;
 }
-export declare let ToolPanelPopup: import("react-redux").ConnectedComponent<typeof ToolPanelPopupComponent, Pick<React.ClassAttributes<ToolPanelPopupComponent> & ToolPanelPopupComponentProps, never>>;
+export declare let ToolPanelPopup: import("react-redux").ConnectedComponent<typeof ToolPanelPopupComponent, import("react-redux").Omit<React.ClassAttributes<ToolPanelPopupComponent> & ToolPanelPopupComponentProps, "ref" | "key" | "api" | "onSuspend" | "accessLevel" | "popupParams" | "onClearPopupParams" | "teamSharingActivated" | "onClosePopup" | "moduleInfo" | "onUnSuspend" | "modalContainer" | "ToolPanelState" | "GridState" | "onToolPanelSetModuleButtons" | "onToolPanelSetToolPanels">>;
 export {};

package/src/View/Components/ToolPanel/ToolPanelPopup.js

@@ -72,7 +72,7 @@ class ToolPanelPopupComponent extends React.Component {
             }
             return false;
         };
-        return (React.createElement(PopupPanel_1.PopupPanel, { headerText: "ToolPanel Configuration", glyphicon: this.props.moduleInfo.Glyph },
+        return (React.createElement(PopupPanel_1.PopupPanel, { headerText: "ToolPanel", glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() },
             React.createElement(Tabs_1.Tabs, { "data-name": 'toolPanelPopup-component', className: "ab-ToolPanelPopup", value: this.state.ToolPanelConfigView, style: { height: '100%' }, onValueChange: (value) => this.setState({ ToolPanelConfigView: value }) },
                 React.createElement(Tabs_1.Tabs.Tab, { value: ToolPanelConfigView.ToolPanels },
                     React.createElement(Radio_1.default, { margin: 0, value: ToolPanelConfigView.ToolPanels, checked: this.state.ToolPanelConfigView == ToolPanelConfigView.ToolPanels, tabIndex: -1 }, "Tool Panels")),

package/src/View/Components/ToolPanel/ToolPanelWrapper.js

@@ -11,7 +11,7 @@ const ToolPanelRedux = tslib_1.__importStar(require("../../../Redux/ActionsReduc
 const PanelToolPanel_1 = require("../Panels/PanelToolPanel");
 const PopupRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/PopupRedux"));
 const ModuleConstants_1 = require("../../../Utilities/Constants/ModuleConstants");
-exports.ToolPanelWrapper = (props) => {
+const ToolPanelWrapper = (props) => {
     const { adaptableToolPanel, customToolPanel, visibilityMode: visibilityMode, onVisibilityModeChange: onVisibilityModeChange, } = props;
     const { api } = AdaptableContext_1.useAdaptable();
     const getToolPanelConfiguration = () => {
@@ -67,3 +67,4 @@ exports.ToolPanelWrapper = (props) => {
                 }
                 : null, onClose: () => api.internalApi.dispatchReduxAction(ToolPanelRedux.ToolPanelHideToolPanel(toolPanelName)) }, isMinimised ? null : toolPanelContent)))));
 };
+exports.ToolPanelWrapper = ToolPanelWrapper;

package/src/View/Components/WizardSummaryPage.js

@@ -16,8 +16,9 @@ const tableDOMProps = {
         margin: 'var(--ab-space-2)',
     },
 };
-exports.WizardSummaryPage = (props) => {
+const WizardSummaryPage = (props) => {
     return (React.createElement(WizardPanel_1.default, { bodyProps: { padding: 0 }, className: "ab-WizardSummary", "data-name": 'wizard-summary' },
         React.createElement(InfiniteTable_1.DataSource, { data: props.KeyValuePairs, primaryKey: "Key" },
             React.createElement(InfiniteTable_1.InfiniteTable, { showZebraRows: true, domProps: tableDOMProps, columns: columnsMap }))));
 };
+exports.WizardSummaryPage = WizardSummaryPage;

package/src/View/ConditionalStyle/Wizard/ConditionalStyleScopeWizardSection.js

@@ -6,13 +6,14 @@ const React = tslib_1.__importStar(require("react"));
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
 const DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE_1 = require("./DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE");
-exports.renderConditionalStyleScopeSummary = (data) => {
+const renderConditionalStyleScopeSummary = (data) => {
     return NewScopeComponent_1.renderScopeSummary(data.Scope, {
         scopeWholeRow: 'Matching rows will display the Conditionally Style',
         scopeColumns: 'Cells in selected columns will display the Conditionally Style',
         scopeDataTypes: 'Cells in columns of the selected data-types will display the Conditionally Style',
     });
 };
+exports.renderConditionalStyleScopeSummary = renderConditionalStyleScopeSummary;
 function ConditionalStyleScopeWizardSection(props) {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(React.Fragment, null,

package/src/View/ConditionalStyle/Wizard/ConditionalStyleSettingsWizardSettings.js

@@ -8,10 +8,11 @@ const CheckBox_1 = require("../../../components/CheckBox");
 const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
 const Tabs_1 = require("../../../components/Tabs");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-exports.renderConditionalStyleSettingsSummary = (data) => (React.createElement(rebass_1.Box, { padding: 2 },
+const renderConditionalStyleSettingsSummary = (data) => (React.createElement(rebass_1.Box, { padding: 2 },
     React.createElement(rebass_1.Text, null, "Include grouped rows"),
     React.createElement(rebass_1.Text, { mt: 3 }, data.IncludeGroupedRows ? 'Yes' : 'No')));
-exports.ConditionalStyleSettingsWizardSettings = (props) => {
+exports.renderConditionalStyleSettingsSummary = renderConditionalStyleSettingsSummary;
+const ConditionalStyleSettingsWizardSettings = (props) => {
     const { data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const onIncludeGroupedRowsChanged = (checked) => {
         props.onChange(Object.assign(Object.assign({}, data), { IncludeGroupedRows: checked }));
@@ -25,3 +26,4 @@ exports.ConditionalStyleSettingsWizardSettings = (props) => {
                         React.createElement(rebass_1.Flex, { alignItems: "center", marginLeft: 2 },
                             React.createElement(CheckBox_1.CheckBox, { checked: data.IncludeGroupedRows, onChange: onIncludeGroupedRowsChanged, mr: 2 }))))))));
 };
+exports.ConditionalStyleSettingsWizardSettings = ConditionalStyleSettingsWizardSettings;

package/src/View/ConditionalStyle/Wizard/ConditionalStyleStyleWizardSection.js

@@ -10,9 +10,10 @@ const StyleHelper_1 = require("../../../Utilities/Helpers/StyleHelper");
 const toStyle = (style) => {
     return Object.assign(Object.assign({}, StyleHelper_1.convertAdaptableStyleToCSS(style !== null && style !== void 0 ? style : {})), { borderWidth: (style === null || style === void 0 ? void 0 : style.BorderColor) ? 2 : 0, borderStyle: 'solid' });
 };
-exports.renderConditionalStyleStyleSummary = (data) => {
+const renderConditionalStyleStyleSummary = (data) => {
     return (React.createElement(rebass_1.Text, { padding: 2, style: toStyle(data.Style) }, "Preview result"));
 };
+exports.renderConditionalStyleStyleSummary = renderConditionalStyleStyleSummary;
 function ConditionalStyleStyleWizardSection(props) {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(StyleComponent_1.StyleComponent, { headless: true, api: api, Style: data.Style, UpdateStyle: (Style) => {

package/src/View/ConditionalStyle/Wizard/ConditionalStyleWizard.js

@@ -19,7 +19,7 @@ const react_redux_1 = require("react-redux");
 const ConditionalStyleRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ConditionalStyleRedux"));
 const ConditionalStyleSettingsWizardSettings_1 = require("./ConditionalStyleSettingsWizardSettings");
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-exports.ConditionalStyleWizard = (props) => {
+const ConditionalStyleWizard = (props) => {
     var _a, _b;
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
     const [conditionalStyle, setConditionalStyle] = react_1.useState(() => {
@@ -111,3 +111,4 @@ exports.ConditionalStyleWizard = (props) => {
             },
         ] }));
 };
+exports.ConditionalStyleWizard = ConditionalStyleWizard;

package/src/View/CustomSort/Wizard/CustomSortColumnWizardSection.js

@@ -8,19 +8,21 @@ const Tabs_1 = require("../../../components/Tabs");
 const Tag_1 = require("../../../components/Tag");
 const ColumnSelector_1 = require("../../Components/ColumnSelector");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-exports.renderCustomSortColumn = (data) => {
+const renderCustomSortColumn = (data) => {
     const { api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     return (React.createElement(rebass_1.Text, { pr: 2, py: 2, fontSize: 2 },
         "Custom sort column: ",
         React.createElement(Tag_1.Tag, null, api.columnApi.getFriendlyNameFromColumnId(data.ColumnId))));
 };
-exports.isValidCustomSortColumn = (data) => {
+exports.renderCustomSortColumn = renderCustomSortColumn;
+const isValidCustomSortColumn = (data) => {
     if (!data.ColumnId) {
         return 'You have to select a Column for Custom Sort';
     }
     return true;
 };
-exports.CustomSortColumnWizardSection = (props) => {
+exports.isValidCustomSortColumn = isValidCustomSortColumn;
+const CustomSortColumnWizardSection = (props) => {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const sortableCols = React.useMemo(() => {
         var _a, _b;
@@ -48,3 +50,4 @@ exports.CustomSortColumnWizardSection = (props) => {
                     props.onChange(Object.assign(Object.assign({}, data), { ColumnId: ids[0] }));
                 }, allowReorder: false }))));
 };
+exports.CustomSortColumnWizardSection = CustomSortColumnWizardSection;

package/src/View/CustomSort/Wizard/CustomSortValuesWizardSection.js

@@ -12,17 +12,19 @@ const runIfNotResolvedIn_1 = require("../../../Utilities/runIfNotResolvedIn");
 const sortWithOrder_1 = require("../../../Utilities/sortWithOrder");
 const ValueSelector_1 = require("../../Components/ValueSelector");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-exports.isValidCustomSortOrder = (data) => {
+const isValidCustomSortOrder = (data) => {
     if (!data.SortedValues || !data.SortedValues.length) {
         return 'You have to specify at least one value for Custom Sort order';
     }
     return true;
 };
-exports.renderCustomSortValuesSummary = (data) => {
+exports.isValidCustomSortOrder = isValidCustomSortOrder;
+const renderCustomSortValuesSummary = (data) => {
     return data.SortedValues.length ? (React.createElement(rebass_1.Text, { fontSize: 2 },
         React.createElement(ValueSelector_1.ValueOptionsTags, { options: data.SortedValues, value: data.SortedValues, toIdentifier: (x) => `${x}`, toLabel: (x) => `${x}`, allowWrap: true, readOnly: true }))) : null;
 };
-exports.CustomSortValuesWizardSection = (props) => {
+exports.renderCustomSortValuesSummary = renderCustomSortValuesSummary;
+const CustomSortValuesWizardSection = (props) => {
     const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
     const [distinctValues, setDistinctValues] = react_1.useState([]);
     const [isDistinctValuesLoading, setIsDistinctValuesLoading] = react_1.useState(false);
@@ -71,3 +73,4 @@ exports.CustomSortValuesWizardSection = (props) => {
                     props.onChange(Object.assign(Object.assign({}, data), { SortedValues }));
                 } }))));
 };
+exports.CustomSortValuesWizardSection = CustomSortValuesWizardSection;

package/src/View/CustomSort/Wizard/CustomSortWizard.js

@@ -13,7 +13,7 @@ const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/Obje
 const react_redux_1 = require("react-redux");
 const CustomSortRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/CustomSortRedux"));
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-exports.CustomSortWizard = (props) => {
+const CustomSortWizard = (props) => {
     var _a, _b;
     let data = props.data;
     const allCustomSorts = react_redux_1.useSelector((state) => { var _a; return (_a = state.CustomSort) === null || _a === void 0 ? void 0 : _a.CustomSorts; });
@@ -79,3 +79,4 @@ exports.CustomSortWizard = (props) => {
             },
         ] }));
 };
+exports.CustomSortWizard = CustomSortWizard;

package/src/View/Dashboard/CustomDashboardButton.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const react_1 = require("react");
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const kebabCase_1 = tslib_1.__importDefault(require("lodash/kebabCase"));
-exports.CustomDashboardButton = (props) => {
+const CustomDashboardButton = (props) => {
     const { button } = props;
     const [componentRevision, setComponentRevision] = react_1.useState(1);
     // TODO: variants of this mapping are present in several places (just search for api.internalApi.getStyleForButton() usages)
@@ -45,3 +45,4 @@ exports.CustomDashboardButton = (props) => {
         buttonIcon ? React.createElement("img", Object.assign({}, iconProps)) : null,
         buttonLabel));
 };
+exports.CustomDashboardButton = CustomDashboardButton;