@adaptabletools/adaptable 17.0.0-canary.0 → 17.0.0-canary.10

package/src/View/Dashboard/ModuleToolbarWrapper.js

@@ -1,14 +1,18 @@
-import * as React from 'react';
-import { PanelDashboard } from '../Components/Panels/PanelDashboard';
-import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';
-import * as DashboardRedux from '../../Redux/ActionsReducers/DashboardRedux';
-import { useAdaptable } from '../AdaptableContext';
-export const ModuleToolbarWrapper = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModuleToolbarWrapper = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const PanelDashboard_1 = require("../Components/Panels/PanelDashboard");
+const PopupRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/PopupRedux"));
+const DashboardRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/DashboardRedux"));
+const AdaptableContext_1 = require("../AdaptableContext");
+const ModuleToolbarWrapper = (props) => {
     const moduleName = props.moduleInfo.ModuleName;
     const moduleFriendlyName = props.moduleInfo.FriendlyName;
-    const { api } = useAdaptable();
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
     const isConfigurable = moduleName !== 'OpenFin' && moduleName !== 'IPushPull' && moduleName !== 'Glue42';
-    return (React.createElement(PanelDashboard, { className: `ab-DashboardToolbar__${moduleName}`, "data-name": `ab-DashboardToolbar__${moduleName}`, headerText: moduleFriendlyName, showConfigureButton: isConfigurable, onConfigure: () => {
+    return (React.createElement(PanelDashboard_1.PanelDashboard, { className: `ab-DashboardToolbar__${moduleName}`, "data-name": `ab-DashboardToolbar__${moduleName}`, headerText: moduleFriendlyName, showConfigureButton: isConfigurable, onConfigure: () => {
             const maxWidth = api.internalApi.getModuleService().getPopupMaxWidth(moduleName);
             const popupParams = maxWidth
                 ? { maxWidth, source: 'Toolbar' }
@@ -16,3 +20,4 @@ export const ModuleToolbarWrapper = (props) => {
             api.internalApi.dispatchReduxAction(PopupRedux.PopupShowScreen(moduleName, props.moduleInfo.Popup, popupParams));
         }, onClose: () => api.internalApi.dispatchReduxAction(DashboardRedux.DashboardCloseToolbar(moduleName)), accessLevel: props.accessLevel }, props.children));
 };
+exports.ModuleToolbarWrapper = ModuleToolbarWrapper;

package/src/View/Dashboard/PinnedDashboard.js

@@ -1,16 +1,24 @@
-import * as React from 'react';
-import { useSelector } from 'react-redux';
-import { Box, Flex } from 'rebass';
-import { DashboardToolbarFactory } from './DashboardToolbarFactory';
-export const PinnedDashboard = (props) => {
-    const dashboardState = useSelector((state) => state.Dashboard);
-    const pinnedToolbars = dashboardState.PinnedToolbars;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PinnedDashboard = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const rebass_1 = require("rebass");
+const AdaptableContext_1 = require("../AdaptableContext");
+const DashboardToolbarFactory_1 = require("./DashboardToolbarFactory");
+const PinnedDashboard = (props) => {
+    var _a;
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const dashboardState = (0, react_redux_1.useSelector)((state) => state.Dashboard);
+    const pinnedToolbars = ((_a = dashboardState.PinnedToolbars) !== null && _a !== void 0 ? _a : []).filter((tb) => adaptable.api.internalApi.getModuleService().isModuleAvailable(tb));
     if (!pinnedToolbars || pinnedToolbars.length == 0) {
         return React.createElement(React.Fragment, null);
     }
-    return (React.createElement(Flex, { p: 1, className: "ab-Dashboard__pinned-content" }, pinnedToolbars.map((toolbar, index) => {
-        return (React.createElement(Box, { key: index, mr: 2, mb: 1, className: `ab-Dashboard__pinned-container ab-Dashboard__pinned-container--${toolbar}` },
-            React.createElement(Box, { className: "ab-Dashboard__toolbar-content" },
-                React.createElement(DashboardToolbarFactory, { toolbarName: toolbar }))));
+    return (React.createElement(rebass_1.Flex, { p: 1, className: "ab-Dashboard__pinned" }, pinnedToolbars.map((toolbar, index) => {
+        return (React.createElement(rebass_1.Box, { key: index, mr: 1, mb: 1, className: `ab-Dashboard__pinned-container ab-Dashboard__pinned-container--${toolbar}` },
+            React.createElement(rebass_1.Box, { className: "ab-Dashboard__toolbar-content" },
+                React.createElement(DashboardToolbarFactory_1.DashboardToolbarFactory, { toolbarName: toolbar }))));
     })));
 };
+exports.PinnedDashboard = PinnedDashboard;

package/src/View/Dashboard/PinnedToolbarsSelector.js

@@ -1,16 +1,20 @@
-import * as React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { ModuleManager } from '../../components/DragAndDropContext/ModuleManager';
-import { DashboardSetPinnedToolbars } from '../../Redux/ActionsReducers/DashboardRedux';
-import { useAdaptable } from '../AdaptableContext';
-export const PinnedToolbarsSelector = (props) => {
-    const { api } = useAdaptable();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PinnedToolbarsSelector = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const ModuleManager_1 = require("../../components/DragAndDropContext/ModuleManager");
+const DashboardRedux_1 = require("../../Redux/ActionsReducers/DashboardRedux");
+const AdaptableContext_1 = require("../AdaptableContext");
+const PinnedToolbarsSelector = (props) => {
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
     const dashboardAccessLevel = api.internalApi
         .getEntitlementService()
         .getEntitlementAccessLevelForModule('Dashboard');
     const isDashboardDisabled = dashboardAccessLevel === 'ReadOnly';
-    const dashboardState = useSelector((state) => state.Dashboard);
-    const dispatch = useDispatch();
+    const dashboardState = (0, react_redux_1.useSelector)((state) => state.Dashboard);
+    const dispatch = (0, react_redux_1.useDispatch)();
     const pinnedToolbars = dashboardState.PinnedToolbars;
     const toolbars = React.useMemo(() => {
         const systemToolbars = api.dashboardApi.internalApi.getModuleToolbars().map((mt) => ({
@@ -31,12 +35,13 @@ export const PinnedToolbarsSelector = (props) => {
             },
         ];
     }, [pinnedToolbars]);
-    return (React.createElement(ModuleManager, { permittedActions: {
+    return (React.createElement(ModuleManager_1.ModuleManager, { permittedActions: {
             createTab: false,
             dragAndDropTab: false,
             deleteTab: false,
             editTabName: false,
         }, onTabsChange: (tabs) => {
-            dispatch(DashboardSetPinnedToolbars(tabs[0].Items));
-        }, disabled: isDashboardDisabled, tabs: tabs, availableItems: toolbars, tabsTitle: 'Pinned Toolbars', unusedPanelTitle: "Available Pinned Toolbar Panels", dragItemText: "Drag into the Panel below" }));
+            dispatch((0, DashboardRedux_1.DashboardSetPinnedToolbars)(tabs[0].Items));
+        }, disabled: isDashboardDisabled, tabs: tabs, availableItems: toolbars, tabsTitle: 'Pinned Toolbars', unusedPanelTitle: "Available Pinned Toolbars", dragItemText: "Drag into the Panel below" }));
 };
+exports.PinnedToolbarsSelector = PinnedToolbarsSelector;

package/src/View/DataChangeHistory/DataChangeHistoryGrid.js

@@ -1,21 +1,25 @@
-import * as React from 'react';
-import { useAdaptable } from '../AdaptableContext';
-import { useEffect, useRef, useState } from 'react';
-import usePrevious from '../../components/utils/usePrevious';
-import { DataChangeHistoryModuleId } from '../../Utilities/Constants/ModuleConstants';
-import { buildActionColumnButton } from './buildActionColumnButton';
-export const DataChangeHistoryGrid = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataChangeHistoryGrid = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const AdaptableContext_1 = require("../AdaptableContext");
+const react_1 = require("react");
+const usePrevious_1 = tslib_1.__importDefault(require("../../components/utils/usePrevious"));
+const ModuleConstants_1 = require("../../Utilities/Constants/ModuleConstants");
+const buildActionColumnButton_1 = require("./buildActionColumnButton");
+const DataChangeHistoryGrid = (props) => {
     const { changeHistoryLog, adaptableContainerId, agGridContainerId, onUndoChange, onClearRow } = props;
-    const mainAdaptableInstance = useAdaptable();
-    const [_adaptableApi, setAdaptableApi] = useState(null);
-    const adaptableApiRef = useRef(null);
+    const mainAdaptableInstance = (0, AdaptableContext_1.useAdaptable)();
+    const [_adaptableApi, setAdaptableApi] = (0, react_1.useState)(null);
+    const adaptableApiRef = (0, react_1.useRef)(null);
     adaptableApiRef.current = _adaptableApi;
     const undoChangeEnabled = mainAdaptableInstance.api.internalApi
         .getEntitlementService()
-        .isModuleFullEntitlement(DataChangeHistoryModuleId);
-    const previousChangeHistoryLog = usePrevious(changeHistoryLog, changeHistoryLog);
+        .isModuleFullEntitlement(ModuleConstants_1.DataChangeHistoryModuleId);
+    const previousChangeHistoryLog = (0, usePrevious_1.default)(changeHistoryLog, changeHistoryLog);
     // initialize Adaptable grid
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const initializeAdaptableGrid = async () => {
             const gridOptions = buildGridOptions(mainAdaptableInstance, changeHistoryLog);
             const adaptableOptions = buildAdaptableOptions(mainAdaptableInstance, gridOptions, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange, onClearRow);
@@ -36,7 +40,7 @@ export const DataChangeHistoryGrid = (props) => {
         };
     }, []);
     // update row data
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         const adaptableApi = adaptableApiRef.current;
         if (!adaptableApi) {
             // initial render
@@ -72,6 +76,7 @@ export const DataChangeHistoryGrid = (props) => {
     }, [changeHistoryLog]);
     return React.createElement(React.Fragment, null);
 };
+exports.DataChangeHistoryGrid = DataChangeHistoryGrid;
 const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableContainerId, agGridContainerId, undoChangeEnabled, onUndoChange, onClearRow) => {
     var _a, _b, _c;
     const mainAdaptableOptions = mainAdaptableInstance.adaptableOptions;
@@ -86,7 +91,7 @@ const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableCont
         const changeKey = rowData === null || rowData === void 0 ? void 0 : rowData['changeKey'];
         changeKey && onClearRow(changeKey);
     };
-    const actionColumnButton = buildActionColumnButton((_a = mainAdaptableInstance.adaptableOptions) === null || _a === void 0 ? void 0 : _a.dataChangeHistoryOptions, mainAdaptableInstance.api, undoRowNode, clearRow);
+    const actionColumnButton = (0, buildActionColumnButton_1.buildActionColumnButton)((_a = mainAdaptableInstance.adaptableOptions) === null || _a === void 0 ? void 0 : _a.dataChangeHistoryOptions, mainAdaptableInstance.api, undoRowNode, clearRow);
     let actionColumnOptions = undefined;
     if (actionColumnButton) {
         actionColumnOptions = {
@@ -114,7 +119,9 @@ const buildAdaptableOptions = (mainAdaptableInstance, gridOptions, adaptableCont
             defaultAccessLevel: 'Hidden',
         },
         columnFilterOptions: {
-            quickFilterTrigger: 'click',
+            quickFilterOptions: {
+                quickFilterTrigger: 'click',
+            },
         },
         layoutOptions: {
             createDefaultLayout: false,

package/src/View/DataChangeHistory/DataChangeHistoryPopup.js

@@ -1,13 +1,17 @@
-import * as React from 'react';
-import { connect } from 'react-redux';
-import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
-import { DataChangeHistoryGrid } from './DataChangeHistoryGrid';
-import { SystemDataChangeHistoryDisable, SystemDataChangeHistoryEnable, SystemDataChangeHistoryResume, SystemDataChangeHistorySuspend, } from '../../Redux/ActionsReducers/SystemRedux';
-import { Flex, Text } from 'rebass';
-import { ButtonPlay } from '../Components/Buttons/ButtonPlay';
-import { ButtonPause } from '../Components/Buttons/ButtonPause';
-import { ButtonStop } from '../Components/Buttons/ButtonStop';
-import { DateFormatter } from '../../Utilities/Helpers/FormatHelper';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataChangeHistoryPopup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
+const DataChangeHistoryGrid_1 = require("./DataChangeHistoryGrid");
+const SystemRedux_1 = require("../../Redux/ActionsReducers/SystemRedux");
+const rebass_1 = require("rebass");
+const ButtonPlay_1 = require("../Components/Buttons/ButtonPlay");
+const ButtonPause_1 = require("../Components/Buttons/ButtonPause");
+const ButtonStop_1 = require("../Components/Buttons/ButtonStop");
+const FormatHelper_1 = require("../../Utilities/Helpers/FormatHelper");
 class DataChangeHistoryPopupComponent extends React.Component {
     constructor(props) {
         super(props);
@@ -22,26 +26,26 @@ class DataChangeHistoryPopupComponent extends React.Component {
         const enabled = changeHistoryMode === 'ACTIVE';
         const disabled = changeHistoryMode === 'INACTIVE';
         const suspended = changeHistoryMode === 'SUSPENDED';
-        const buttonPanel = (React.createElement(Flex, { className: "ab-DataChangeHistoryPopup--button-panel", padding: 2, style: { gap: 'var(--ab-space-1)' } },
-            disabled && (React.createElement(ButtonPlay, { className: "ab-DataChangeHistoryPopup--button-activate", "data-name": 'data-change-history--button-activate"', variant: 'raised', tone: 'accent', tooltip: '', onClick: () => onChangeHistoryEnable() }, "Activate")),
-            suspended && (React.createElement(ButtonPlay, { className: "ab-DataChangeHistoryPopup--button-resume", "data-name": 'data-change-history--button-resume', variant: 'outlined', tooltip: 'Resume tracking data changes', onClick: () => onChangeHistoryResume() }, "Resume")),
-            enabled && (React.createElement(ButtonPause, { className: "ab-DataChangeHistoryPopup--button-suspend", "data-name": 'data-change-history--button-suspend', variant: 'outlined', tooltip: 'Suspend tracking data changes', onClick: () => onChangeHistorySuspend() }, "Suspend")),
-            (enabled || suspended) && (React.createElement(ButtonStop, { className: "ab-DataChangeHistoryPopup--button-deactivate", "data-name": 'data-change-history--button-deactivate', variant: 'outlined', tooltip: 'Deactivate data change tracking', onClick: () => onChangeHistoryDisable() }, "Deactivate"))));
+        const buttonPanel = (React.createElement(rebass_1.Flex, { className: "ab-DataChangeHistoryPopup--button-panel", padding: 2, style: { gap: 'var(--ab-space-1)' } },
+            disabled && (React.createElement(ButtonPlay_1.ButtonPlay, { className: "ab-DataChangeHistoryPopup--button-activate", "data-name": 'data-change-history--button-activate"', variant: 'raised', tone: 'accent', tooltip: '', onClick: () => onChangeHistoryEnable() }, "Activate")),
+            suspended && (React.createElement(ButtonPlay_1.ButtonPlay, { className: "ab-DataChangeHistoryPopup--button-resume", "data-name": 'data-change-history--button-resume', variant: 'outlined', tooltip: 'Resume tracking data changes', onClick: () => onChangeHistoryResume() }, "Resume")),
+            enabled && (React.createElement(ButtonPause_1.ButtonPause, { className: "ab-DataChangeHistoryPopup--button-suspend", "data-name": 'data-change-history--button-suspend', variant: 'outlined', tooltip: 'Suspend tracking data changes', onClick: () => onChangeHistorySuspend() }, "Suspend")),
+            (enabled || suspended) && (React.createElement(ButtonStop_1.ButtonStop, { className: "ab-DataChangeHistoryPopup--button-deactivate", "data-name": 'data-change-history--button-deactivate', variant: 'outlined', tooltip: 'Deactivate data change tracking', onClick: () => onChangeHistoryDisable() }, "Deactivate"))));
         const dateFormat = `${this.props.api.optionsApi.getUserInterfaceOptions().dateInputOptions.dateFormat} HH:mm:ss`;
-        const statusPanel = (React.createElement(Flex, { className: "ab-DataChangeHistoryPopup--status-panel", alignItems: 'center', style: { gap: 'var(--ab-space-1)' } },
+        const statusPanel = (React.createElement(rebass_1.Flex, { className: "ab-DataChangeHistoryPopup--status-panel", alignItems: 'center', style: { gap: 'var(--ab-space-1)' } },
             enabled && (React.createElement(React.Fragment, null,
-                React.createElement(Text, { className: "ab-DataChangeHistoryPanel--status-active", style: { color: 'var(--ab-color-success)', fontWeight: 'bold' } }, "Active"),
-                !!activationTime && (React.createElement(Text, { style: { fontStyle: 'italic' }, fontSize: 2 },
+                React.createElement(rebass_1.Text, { className: "ab-DataChangeHistoryPanel--status-active", style: { color: 'var(--ab-color-success)', fontWeight: 'bold' } }, "Active"),
+                !!activationTime && (React.createElement(rebass_1.Text, { style: { fontStyle: 'italic' }, fontSize: 2 },
                     "(since ",
-                    DateFormatter(activationTime, { Pattern: dateFormat }),
+                    (0, FormatHelper_1.DateFormatter)(activationTime, { Pattern: dateFormat }),
                     ")")))),
             suspended && (React.createElement(React.Fragment, null,
-                React.createElement(Text, { className: "ab-DataChangeHistoryPopup--status-suspended", style: { color: 'var(--ab-color-warn)', fontWeight: 'bold' } }, "Suspended"),
-                !!suspensionTime && (React.createElement(Text, { style: { fontStyle: 'italic' }, fontSize: 2 },
+                React.createElement(rebass_1.Text, { className: "ab-DataChangeHistoryPopup--status-suspended", style: { color: 'var(--ab-color-warn)', fontWeight: 'bold' } }, "Suspended"),
+                !!suspensionTime && (React.createElement(rebass_1.Text, { style: { fontStyle: 'italic' }, fontSize: 2 },
                     "(since ",
-                    DateFormatter(suspensionTime, { Pattern: dateFormat }),
+                    (0, FormatHelper_1.DateFormatter)(suspensionTime, { Pattern: dateFormat }),
                     ")")))),
-            disabled && (React.createElement(Text, { className: "ab-DataChangeHistoryPopup--status-disabled", fontSize: 2 }))));
+            disabled && (React.createElement(rebass_1.Text, { className: "ab-DataChangeHistoryPopup--status-disabled", fontSize: 2 }))));
         const handleChangeUndo = (changeKey) => {
             const changeToBeUndone = this.props.changeHistoryLog[changeKey];
             if (changeToBeUndone) {
@@ -55,19 +59,19 @@ class DataChangeHistoryPopupComponent extends React.Component {
             }
         };
         const currentAgGridTheme = this.props.api.themeApi.getAgGridCurrentThemeName();
-        return (React.createElement(PopupPanel, { headerText: this.props.moduleInfo.FriendlyName, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() },
-            React.createElement(Flex, { className: "ab-DataChangeHistoryPopup", flexDirection: "column", style: { height: '100%' } },
-                React.createElement(Flex, { style: {
+        return (React.createElement(PopupPanel_1.PopupPanel, { headerText: this.props.moduleInfo.FriendlyName, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() },
+            React.createElement(rebass_1.Flex, { className: "ab-DataChangeHistoryPopup", flexDirection: "column", style: { height: '100%' } },
+                React.createElement(rebass_1.Flex, { style: {
                         color: 'var(--ab-dashboard__color)',
                         background: 'var(--ab-dashboard__background)',
                     } },
-                    React.createElement(Flex, { flexDirection: 'row' },
+                    React.createElement(rebass_1.Flex, { flexDirection: 'row' },
                         buttonPanel,
                         statusPanel)),
-                React.createElement(Flex, { className: "ab-DataChangeHistoryPopup--grid", "data-name": 'data-change-history--grid', flex: 1, alignSelf: 'stretch', flexDirection: 'column' },
+                React.createElement(rebass_1.Flex, { className: "ab-DataChangeHistoryPopup--grid", "data-name": 'data-change-history--grid', flex: 1, alignSelf: 'stretch', flexDirection: 'column' },
                     React.createElement("div", { id: adaptableContainerId }),
                     React.createElement("div", { id: agGridContainerId, className: currentAgGridTheme, style: { height: '100%' } }),
-                    React.createElement(DataChangeHistoryGrid, { adaptableContainerId: adaptableContainerId, agGridContainerId: agGridContainerId, changeHistoryLog: this.props.changeHistoryLog, onUndoChange: handleChangeUndo, onClearRow: handleClearRow })))));
+                    React.createElement(DataChangeHistoryGrid_1.DataChangeHistoryGrid, { adaptableContainerId: adaptableContainerId, agGridContainerId: agGridContainerId, changeHistoryLog: this.props.changeHistoryLog, onUndoChange: handleChangeUndo, onClearRow: handleClearRow })))));
     }
 }
 function mapStateToProps(state, ownProps) {
@@ -80,10 +84,10 @@ function mapStateToProps(state, ownProps) {
 }
 function mapDispatchToProps(dispatch) {
     return {
-        onChangeHistoryEnable: () => dispatch(SystemDataChangeHistoryEnable()),
-        onChangeHistoryDisable: () => dispatch(SystemDataChangeHistoryDisable()),
-        onChangeHistorySuspend: () => dispatch(SystemDataChangeHistorySuspend()),
-        onChangeHistoryResume: () => dispatch(SystemDataChangeHistoryResume()),
+        onChangeHistoryEnable: () => dispatch((0, SystemRedux_1.SystemDataChangeHistoryEnable)()),
+        onChangeHistoryDisable: () => dispatch((0, SystemRedux_1.SystemDataChangeHistoryDisable)()),
+        onChangeHistorySuspend: () => dispatch((0, SystemRedux_1.SystemDataChangeHistorySuspend)()),
+        onChangeHistoryResume: () => dispatch((0, SystemRedux_1.SystemDataChangeHistoryResume)()),
     };
 }
-export let DataChangeHistoryPopup = connect(mapStateToProps, mapDispatchToProps)(DataChangeHistoryPopupComponent);
+exports.DataChangeHistoryPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(DataChangeHistoryPopupComponent);

package/src/View/DataChangeHistory/DataChangeHistoryStatusBarContent.js

@@ -1,5 +1,10 @@
-import * as React from 'react';
-import { DataChangeHistoryViewPanelControl } from './DataChangeHistoryViewPanel';
-export const DataChangeHistoryStatusBarContent = () => {
-    return React.createElement(DataChangeHistoryViewPanelControl, { gap: 0, buttonsPaddingY: 0 });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataChangeHistoryStatusBarContent = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const DataChangeHistoryViewPanel_1 = require("./DataChangeHistoryViewPanel");
+const DataChangeHistoryStatusBarContent = () => {
+    return React.createElement(DataChangeHistoryViewPanel_1.DataChangeHistoryViewPanelControl, { gap: 0, buttonsPaddingY: 0 });
 };
+exports.DataChangeHistoryStatusBarContent = DataChangeHistoryStatusBarContent;

package/src/View/DataChangeHistory/DataChangeHistoryViewPanel.js

@@ -1,27 +1,31 @@
-import * as React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { SystemDataChangeHistoryDisable, SystemDataChangeHistoryEnable, SystemDataChangeHistoryResume, SystemDataChangeHistorySuspend, } from '../../Redux/ActionsReducers/SystemRedux';
-import { Box, Flex, Text } from 'rebass';
-import { ButtonPlay } from '../Components/Buttons/ButtonPlay';
-import { ButtonPause } from '../Components/Buttons/ButtonPause';
-import { ButtonStop } from '../Components/Buttons/ButtonStop';
-import { DateFormatter } from '../../Utilities/Helpers/FormatHelper';
-import Tooltip from '../../components/Tooltip';
-import { useAdaptable } from '../AdaptableContext';
-import SimpleButton from '../../components/SimpleButton';
-import { Icon } from '../../components/icons';
-export const DataChangeHistoryViewPanelControl = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataChangeHistoryViewPanelControl = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const SystemRedux_1 = require("../../Redux/ActionsReducers/SystemRedux");
+const rebass_1 = require("rebass");
+const ButtonPlay_1 = require("../Components/Buttons/ButtonPlay");
+const ButtonPause_1 = require("../Components/Buttons/ButtonPause");
+const ButtonStop_1 = require("../Components/Buttons/ButtonStop");
+const FormatHelper_1 = require("../../Utilities/Helpers/FormatHelper");
+const Tooltip_1 = tslib_1.__importDefault(require("../../components/Tooltip"));
+const AdaptableContext_1 = require("../AdaptableContext");
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const icons_1 = require("../../components/icons");
+const DataChangeHistoryViewPanelControl = (props) => {
     var _a, _b;
-    const adaptable = useAdaptable();
-    const dispatch = useDispatch();
-    const onChangeHistoryEnable = React.useCallback(() => dispatch(SystemDataChangeHistoryEnable()), []);
-    const onChangeHistoryDisable = React.useCallback(() => dispatch(SystemDataChangeHistoryDisable()), []);
-    const onChangeHistorySuspend = React.useCallback(() => dispatch(SystemDataChangeHistorySuspend()), []);
-    const onChangeHistoryResume = React.useCallback(() => dispatch(SystemDataChangeHistoryResume()), []);
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const onChangeHistoryEnable = React.useCallback(() => dispatch((0, SystemRedux_1.SystemDataChangeHistoryEnable)()), []);
+    const onChangeHistoryDisable = React.useCallback(() => dispatch((0, SystemRedux_1.SystemDataChangeHistoryDisable)()), []);
+    const onChangeHistorySuspend = React.useCallback(() => dispatch((0, SystemRedux_1.SystemDataChangeHistorySuspend)()), []);
+    const onChangeHistoryResume = React.useCallback(() => dispatch((0, SystemRedux_1.SystemDataChangeHistoryResume)()), []);
     const handleOpenPopup = React.useCallback(() => {
         adaptable.api.settingsPanelApi.openSettingsPanel('DataChangeHistory');
     }, []);
-    const { changeHistoryMode, activationTime, suspensionTime } = useSelector((state) => ({
+    const { changeHistoryMode, activationTime, suspensionTime } = (0, react_redux_1.useSelector)((state) => ({
         changeHistoryMode: state.System.DataChangeHistory.currentMode,
         activationTime: state.System.DataChangeHistory.enableTime,
         suspensionTime: state.System.DataChangeHistory.suspendTime,
@@ -31,23 +35,24 @@ export const DataChangeHistoryViewPanelControl = (props) => {
     const suspended = changeHistoryMode === 'SUSPENDED';
     const gap = (_a = props.gap) !== null && _a !== void 0 ? _a : 'var(--ab-space-1)';
     const buttonsPaddingY = (_b = props.buttonsPaddingY) !== null && _b !== void 0 ? _b : 2;
-    const buttonPanel = (React.createElement(Flex, { className: "ab-DataChangeHistoryPanel--button-panel", paddingY: buttonsPaddingY, style: { gap: gap } },
-        disabled && (React.createElement(ButtonPlay, { className: "ab-DataChangeHistoryPanel--button-activate", "data-name": 'data-change-history--button-activate', tooltip: '', onClick: () => onChangeHistoryEnable() })),
-        suspended && (React.createElement(ButtonPlay, { className: "ab-DataChangeHistoryPanel--button-resume", "data-name": 'data-change-history--button-resume', tooltip: 'Resume tracking data changes', onClick: () => onChangeHistoryResume() })),
-        enabled && (React.createElement(ButtonPause, { className: "ab-DataChangeHistoryPanel--button-suspend", "data-name": 'data-change-history--button-suspend', tooltip: 'Suspend tracking data changes', onClick: () => onChangeHistorySuspend() })),
-        (enabled || suspended) && (React.createElement(ButtonStop, { className: "ab-DataChangeHistoryPanel--button-deactivate", "data-name": 'data-change-history--button-deactivate', tooltip: 'Deactivate data change tracking', onClick: () => onChangeHistoryDisable() }))));
+    const buttonPanel = (React.createElement(rebass_1.Flex, { className: "ab-DataChangeHistoryPanel--button-panel", paddingY: buttonsPaddingY, style: { gap: gap } },
+        disabled && (React.createElement(ButtonPlay_1.ButtonPlay, { className: "ab-DataChangeHistoryPanel--button-activate", "data-name": 'data-change-history--button-activate', tooltip: '', onClick: () => onChangeHistoryEnable() })),
+        suspended && (React.createElement(ButtonPlay_1.ButtonPlay, { className: "ab-DataChangeHistoryPanel--button-resume", "data-name": 'data-change-history--button-resume', tooltip: 'Resume tracking data changes', onClick: () => onChangeHistoryResume() })),
+        enabled && (React.createElement(ButtonPause_1.ButtonPause, { className: "ab-DataChangeHistoryPanel--button-suspend", "data-name": 'data-change-history--button-suspend', tooltip: 'Suspend tracking data changes', onClick: () => onChangeHistorySuspend() })),
+        (enabled || suspended) && (React.createElement(ButtonStop_1.ButtonStop, { className: "ab-DataChangeHistoryPanel--button-deactivate", "data-name": 'data-change-history--button-deactivate', tooltip: 'Deactivate data change tracking', onClick: () => onChangeHistoryDisable() }))));
     const dateFormat = `${adaptable.api.optionsApi.getUserInterfaceOptions().dateInputOptions.dateFormat} HH:mm:ss`;
-    const statusPanel = (React.createElement(Flex, { className: "ab-DataChangeHistoryPanel--status-panel", alignItems: 'center', style: { gap: gap } },
-        enabled && (React.createElement(Tooltip, { label: !!activationTime && `since ${DateFormatter(activationTime, { Pattern: dateFormat })}` },
-            React.createElement(Text, { className: "ab-DataChangeHistoryPanel--status-active", fontSize: 2, style: { color: 'var(--ab-color-success)' } }, "Active"))),
-        suspended && (React.createElement(Tooltip, { label: !!suspensionTime && `since ${DateFormatter(suspensionTime, { Pattern: dateFormat })}` },
-            React.createElement(Text, { className: "ab-DataChangeHistoryPanel--status-suspended", fontSize: 2, style: { color: 'var(--ab-color-warn)' } }, "Suspended"))),
-        disabled && (React.createElement(Text, { className: "ab-DataChangeHistoryPanel--status-disabled", fontSize: 2 }, "Activate Data Tracking"))));
-    return (React.createElement(Flex, { flexDirection: 'row' },
+    const statusPanel = (React.createElement(rebass_1.Flex, { className: "ab-DataChangeHistoryPanel--status-panel", alignItems: 'center', style: { gap: gap } },
+        enabled && (React.createElement(Tooltip_1.default, { label: !!activationTime && `since ${(0, FormatHelper_1.DateFormatter)(activationTime, { Pattern: dateFormat })}` },
+            React.createElement(rebass_1.Text, { className: "ab-DataChangeHistoryPanel--status-active", fontSize: 2, style: { color: 'var(--ab-color-success)' } }, "Active"))),
+        suspended && (React.createElement(Tooltip_1.default, { label: !!suspensionTime && `since ${(0, FormatHelper_1.DateFormatter)(suspensionTime, { Pattern: dateFormat })}` },
+            React.createElement(rebass_1.Text, { className: "ab-DataChangeHistoryPanel--status-suspended", fontSize: 2, style: { color: 'var(--ab-color-warn)' } }, "Suspended"))),
+        disabled && (React.createElement(rebass_1.Text, { className: "ab-DataChangeHistoryPanel--status-disabled", fontSize: 2 }, "Activate Data Tracking"))));
+    return (React.createElement(rebass_1.Flex, { flexDirection: 'row' },
         buttonPanel,
         statusPanel,
-        React.createElement(Flex, { ml: 2, alignItems: "center" },
-            React.createElement(SimpleButton, { onClick: handleOpenPopup, variant: "text" },
-                React.createElement(Icon, { name: "open-in-new" }),
-                React.createElement(Box, { ml: 1 }, "Show")))));
+        React.createElement(rebass_1.Flex, { ml: 2, alignItems: "center" },
+            React.createElement(SimpleButton_1.default, { onClick: handleOpenPopup, variant: "text" },
+                React.createElement(icons_1.Icon, { name: "open-in-new" }),
+                React.createElement(rebass_1.Box, { ml: 1 }, "Show")))));
 };
+exports.DataChangeHistoryViewPanelControl = DataChangeHistoryViewPanelControl;

package/src/View/DataChangeHistory/buildActionColumnButton.js

@@ -1,4 +1,7 @@
-export const buildActionColumnButton = (options, parentAdapTableApi, undoRowNode, clearRow) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildActionColumnButton = void 0;
+const buildActionColumnButton = (options, parentAdapTableApi, undoRowNode, clearRow) => {
     let changeHistoryButtons = options.changeHistoryButton;
     if (!changeHistoryButtons ||
         (Array.isArray(changeHistoryButtons) && changeHistoryButtons.length === 0)) {
@@ -76,3 +79,4 @@ export const buildActionColumnButton = (options, parentAdapTableApi, undoRowNode
         icon: actionColumnOption.icon,
     }));
 };
+exports.buildActionColumnButton = buildActionColumnButton;

package/src/View/DataImport/DataImportPopup.js

@@ -1,10 +1,14 @@
-import * as React from 'react';
-import { Box } from 'rebass';
-import HelpBlock from '../../components/HelpBlock';
-import SimpleButton from '../../components/SimpleButton';
-import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
-import { DataImportWizard } from './DataImportWizard';
-export const DataImportPopup = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataImportPopup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const HelpBlock_1 = tslib_1.__importDefault(require("../../components/HelpBlock"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
+const DataImportWizard_1 = require("./DataImportWizard");
+const DataImportPopup = (props) => {
     const [isWizardOpen, setIsWizardOpen] = React.useState(false);
     React.useEffect(() => {
         var _a, _b;
@@ -13,11 +17,11 @@ export const DataImportPopup = (props) => {
         }
     }, []);
     return (React.createElement(React.Fragment, null,
-        React.createElement(PopupPanel, { headerText: 'Data Import', glyphicon: 'import', infoLink: props.moduleInfo.HelpPage },
-            React.createElement(Box, null,
-                React.createElement(HelpBlock, { mb: 2, fontSize: 3 }, "Click the 'Import Data' button to insert or update data into AdapTable"),
-                React.createElement(SimpleButton, { icon: "import", variant: "raised", onClick: () => setIsWizardOpen(true) }, "Import Data"))),
-        isWizardOpen && (React.createElement(DataImportWizard, { onClose: () => {
+        React.createElement(PopupPanel_1.PopupPanel, { headerText: 'Data Import', glyphicon: 'import', infoLink: props.moduleInfo.HelpPage },
+            React.createElement(rebass_1.Box, null,
+                React.createElement(HelpBlock_1.default, { mb: 2, fontSize: 3 }, "Click the 'Import Data' button to Insert or Update data into AdapTable"),
+                React.createElement(SimpleButton_1.default, { icon: "import", variant: "raised", onClick: () => setIsWizardOpen(true) }, "Import Data"))),
+        isWizardOpen && (React.createElement(DataImportWizard_1.DataImportWizard, { onClose: () => {
                 var _a;
                 setIsWizardOpen(false);
                 if (['Toolbar', 'ContextMenu', 'ColumnMenu', 'ModuleButton'].includes((_a = props === null || props === void 0 ? void 0 : props.popupParams) === null || _a === void 0 ? void 0 : _a.source)) {
@@ -25,3 +29,4 @@ export const DataImportPopup = (props) => {
                 }
             } }))));
 };
+exports.DataImportPopup = DataImportPopup;

package/src/View/DataImport/DataImportWizard/DataImportWizard.d.ts

@@ -3,7 +3,7 @@ import { AdaptableColumn, DataImportValidationError } from '../../../types';
 export interface ValidationErrorsMap {
     [key: string]: DataImportValidationError[] | null;
 }
-export declare type ColumnsMap = {
+export type ColumnsMap = {
     field: string;
     abColumn?: AdaptableColumn;
     include?: boolean;