@adaptabletools/adaptable 16.2.4 → 17.0.0-canary.1

package/src/View/AdaptableViewFactory.js

@@ -1,71 +1,69 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptableViewPanelFactory = exports.AdaptableViewFactory = void 0;
-const tslib_1 = require("tslib");
-const SmartEditPopup_1 = require("./SmartEdit/SmartEditPopup");
-const QuickSearchPopup_1 = require("./QuickSearch/QuickSearchPopup");
-const ThemePopup_1 = require("./Theme/ThemePopup");
-const ToolPanelPopup_1 = require("./Components/ToolPanel/ToolPanelPopup");
-const GridInfoPopup_1 = require("./GridInfo/GridInfoPopup/GridInfoPopup");
-const DashboardPopup_1 = require("./Dashboard/DashboardPopup");
-const StateManagementPopup_1 = require("./StateManagement/StateManagementPopup");
-const ModuleConstants = tslib_1.__importStar(require("../Utilities/Constants/ModuleConstants"));
-const BulkUpdatePopup_1 = require("./BulkUpdate/BulkUpdatePopup");
-const CellSummaryPopup_1 = require("./CellSummary/CellSummaryPopup");
-const SystemStatusPopup_1 = require("./SystemStatus/SystemStatusPopup");
-const AlertViewPanel_1 = require("./Alert/AlertViewPanel");
-const BulkUpdateViewPanel_1 = require("./BulkUpdate/BulkUpdateViewPanel");
-const CellSummaryViewPanel_1 = require("./CellSummary/CellSummaryViewPanel");
-const FilterViewPanel_1 = require("./Filter/FilterViewPanel");
-const DashboardViewPanel_1 = require("./Dashboard/DashboardViewPanel");
-const ExportViewPanel_1 = require("./Export/ExportViewPanel");
-const LayoutViewPanel_1 = require("./Layout/LayoutViewPanel");
-const QueryViewPanel_1 = require("./Query/QueryViewPanel");
-const QuickSearchViewPanel_1 = require("./QuickSearch/QuickSearchViewPanel");
-const SmartEditViewPanel_1 = require("./SmartEdit/SmartEditViewPanel");
-const SystemStatusViewPanel_1 = require("./SystemStatus/SystemStatusViewPanel");
-const ThemeViewPanel_1 = require("./Theme/ThemeViewPanel");
-const DataSetViewPanel_1 = require("./DataSet/DataSetViewPanel");
-const DataChangeHistoryPopup_1 = require("./DataChangeHistory/DataChangeHistoryPopup");
-const DataChangeHistoryViewPanel_1 = require("./DataChangeHistory/DataChangeHistoryViewPanel");
-const StateManagementViewPanel_1 = require("./StateManagement/StateManagementViewPanel");
-const StatusBarPopup_1 = require("./StatusBar/StatusBarPopup");
-const ChartingViewPanel_1 = require("./Charting/ChartingViewPanel");
-const ColumnInfoPopup_1 = require("./ColumnInfo/ColumnInfoPopup");
-const NotesListing_1 = require("./Notes/NotesListing");
-const DataImportPopup_1 = require("./DataImport/DataImportPopup");
-exports.AdaptableViewFactory = {
-    BulkUpdatePopup: BulkUpdatePopup_1.BulkUpdatePopup,
-    DashboardPopup: DashboardPopup_1.DashboardPopup,
-    StateManagementPopup: StateManagementPopup_1.StateManagementPopup,
-    GridInfoPopup: GridInfoPopup_1.GridInfoPopup,
-    ColumnInfoPopup: ColumnInfoPopup_1.ColumnInfoPopup,
-    StatusBarPopup: StatusBarPopup_1.StatusBarPopup,
-    QuickSearchPopup: QuickSearchPopup_1.QuickSearchPopup,
-    CellSummaryPopup: CellSummaryPopup_1.CellSummaryPopup,
-    SmartEditPopup: SmartEditPopup_1.SmartEditPopup,
-    ThemePopup: ThemePopup_1.ThemePopup,
-    ToolPanelPopup: ToolPanelPopup_1.ToolPanelPopup,
-    SystemStatusPopup: SystemStatusPopup_1.SystemStatusPopup,
-    DataChangeHistoryPopup: DataChangeHistoryPopup_1.DataChangeHistoryPopup,
-    NotesPopup: NotesListing_1.NotesListing,
-    DataImportPopup: DataImportPopup_1.DataImportPopup,
+import { SmartEditPopup } from './SmartEdit/SmartEditPopup';
+import { QuickSearchPopup } from './QuickSearch/QuickSearchPopup';
+import { ThemePopup } from './Theme/ThemePopup';
+import { ToolPanelPopup } from './Components/ToolPanel/ToolPanelPopup';
+import { GridInfoPopup } from './GridInfo/GridInfoPopup/GridInfoPopup';
+import { DashboardPopup } from './Dashboard/DashboardPopup';
+import { StateManagementPopup } from './StateManagement/StateManagementPopup';
+import * as ModuleConstants from '../Utilities/Constants/ModuleConstants';
+import { BulkUpdatePopup } from './BulkUpdate/BulkUpdatePopup';
+import { CellSummaryPopup } from './CellSummary/CellSummaryPopup';
+import { SystemStatusPopup } from './SystemStatus/SystemStatusPopup';
+import { AlertViewPanelControl } from './Alert/AlertViewPanel';
+import { BulkUpdateViewPanelControl } from './BulkUpdate/BulkUpdateViewPanel';
+import { CellSummaryViewPanelControl } from './CellSummary/CellSummaryViewPanel';
+import { FilterViewPanelControl } from './Filter/FilterViewPanel';
+import { DashboardViewPanelControl } from './Dashboard/DashboardViewPanel';
+import { ExportViewPanelControl } from './Export/ExportViewPanel';
+import { LayoutViewPanelControl } from './Layout/LayoutViewPanel';
+import { GridFilterPanelControl } from './GridFilter/GridFilterViewPanel';
+import { QuickSearchViewPanelControl } from './QuickSearch/QuickSearchViewPanel';
+import { SmartEditViewPanelControl } from './SmartEdit/SmartEditViewPanel';
+import { SystemStatusViewPanel } from './SystemStatus/SystemStatusViewPanel';
+import { ThemeViewPanelControl } from './Theme/ThemeViewPanel';
+import { DataSetViewPanelControl } from './DataSet/DataSetViewPanel';
+import { DataChangeHistoryPopup } from './DataChangeHistory/DataChangeHistoryPopup';
+import { DataChangeHistoryViewPanelControl } from './DataChangeHistory/DataChangeHistoryViewPanel';
+import { StateManagementViewPanel } from './StateManagement/StateManagementViewPanel';
+import { StatusBarPopup } from './StatusBar/StatusBarPopup';
+import { ChartingViewPanel } from './Charting/ChartingViewPanel';
+import { GridFilterPopup } from './GridFilter/GridFilterPopup';
+import { ColumnInfoPopup } from './ColumnInfo/ColumnInfoPopup';
+import { NotesListing } from './Notes/NotesListing';
+import { DataImportPopup } from './DataImport/DataImportPopup';
+export const AdaptableViewFactory = {
+    BulkUpdatePopup,
+    DashboardPopup,
+    StateManagementPopup,
+    GridInfoPopup,
+    ColumnInfoPopup,
+    StatusBarPopup,
+    QuickSearchPopup,
+    CellSummaryPopup,
+    SmartEditPopup,
+    ThemePopup,
+    ToolPanelPopup,
+    SystemStatusPopup,
+    DataChangeHistoryPopup,
+    NotesPopup: NotesListing,
+    DataImportPopup,
+    GridFilterPopup,
 };
-exports.AdaptableViewPanelFactory = new Map([
-    [ModuleConstants.AlertModuleId, AlertViewPanel_1.AlertViewPanelControl],
-    [ModuleConstants.BulkUpdateModuleId, BulkUpdateViewPanel_1.BulkUpdateViewPanelControl],
-    [ModuleConstants.CellSummaryModuleId, CellSummaryViewPanel_1.CellSummaryViewPanelControl],
-    [ModuleConstants.FilterModuleId, FilterViewPanel_1.FilterViewPanelControl],
-    [ModuleConstants.DashboardModuleId, DashboardViewPanel_1.DashboardViewPanelControl],
-    [ModuleConstants.ExportModuleId, ExportViewPanel_1.ExportViewPanelControl],
-    [ModuleConstants.LayoutModuleId, LayoutViewPanel_1.LayoutViewPanelControl],
-    [ModuleConstants.QueryModuleId, QueryViewPanel_1.QueryViewPanelControl],
-    [ModuleConstants.QuickSearchModuleId, QuickSearchViewPanel_1.QuickSearchViewPanelControl],
-    [ModuleConstants.SmartEditModuleId, SmartEditViewPanel_1.SmartEditViewPanelControl],
-    [ModuleConstants.SystemStatusModuleId, SystemStatusViewPanel_1.SystemStatusViewPanel],
-    [ModuleConstants.ThemeModuleId, ThemeViewPanel_1.ThemeViewPanelControl],
-    [ModuleConstants.DataSetModuleId, DataSetViewPanel_1.DataSetViewPanelControl],
-    [ModuleConstants.DataChangeHistoryModuleId, DataChangeHistoryViewPanel_1.DataChangeHistoryViewPanelControl],
-    [ModuleConstants.StateManagementModuleId, StateManagementViewPanel_1.StateManagementViewPanel],
-    [ModuleConstants.ChartingModuleId, ChartingViewPanel_1.ChartingViewPanel],
+export const AdaptableViewPanelFactory = new Map([
+    [ModuleConstants.AlertModuleId, AlertViewPanelControl],
+    [ModuleConstants.BulkUpdateModuleId, BulkUpdateViewPanelControl],
+    [ModuleConstants.CellSummaryModuleId, CellSummaryViewPanelControl],
+    [ModuleConstants.ColumnFilterModuleId, FilterViewPanelControl],
+    [ModuleConstants.DashboardModuleId, DashboardViewPanelControl],
+    [ModuleConstants.ExportModuleId, ExportViewPanelControl],
+    [ModuleConstants.LayoutModuleId, LayoutViewPanelControl],
+    [ModuleConstants.GridFilterModuleId, GridFilterPanelControl],
+    [ModuleConstants.QuickSearchModuleId, QuickSearchViewPanelControl],
+    [ModuleConstants.SmartEditModuleId, SmartEditViewPanelControl],
+    [ModuleConstants.SystemStatusModuleId, SystemStatusViewPanel],
+    [ModuleConstants.ThemeModuleId, ThemeViewPanelControl],
+    [ModuleConstants.DataSetModuleId, DataSetViewPanelControl],
+    [ModuleConstants.DataChangeHistoryModuleId, DataChangeHistoryViewPanelControl],
+    [ModuleConstants.StateManagementModuleId, StateManagementViewPanel],
+    [ModuleConstants.ChartingModuleId, ChartingViewPanel],
 ]);

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/AdaptableConfig.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/AdaptableOptionsForm.js

@@ -1,24 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdaptableOptionsForm = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const CheckBox_1 = require("../../../components/CheckBox");
-const DropdownButton_1 = tslib_1.__importDefault(require("../../../components/DropdownButton"));
-const HelpBlock_1 = tslib_1.__importDefault(require("../../../components/HelpBlock"));
-const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
-const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
-const MetamodelService_1 = require("../../../Utilities/Services/MetamodelService");
-const AdaptablePopover_1 = require("../../AdaptablePopover");
+import * as React from 'react';
+import { Box, Flex } from 'rebass';
+import { CheckBox } from '../../../components/CheckBox';
+import DropdownButton from '../../../components/DropdownButton';
+import HelpBlock from '../../../components/HelpBlock';
+import Input from '../../../components/Input';
+import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
+import { MetamodelService } from '../../../Utilities/Services/MetamodelService';
+import { AdaptablePopover } from '../../AdaptablePopover';
 const LABEL_WIDTH = 250;
 const SUPPORTED_PRIMITEVE_TYPES = ['s', 'n', 'b'];
 const OptionInput = (props) => {
     const { name, defaultValue, value, description, uiLabel } = props.option;
-    const label = uiLabel !== null && uiLabel !== void 0 ? uiLabel : StringExtensions_1.default.Humanize(name);
+    const label = uiLabel !== null && uiLabel !== void 0 ? uiLabel : StringExtensions.Humanize(name);
     let input = React.createElement(React.Fragment, null);
-    const info = (React.createElement(rebass_1.Box, { ml: 2 },
-        React.createElement(AdaptablePopover_1.AdaptablePopover, { headerText: null, bodyText: [description] })));
+    const info = (React.createElement(Box, { ml: 2 },
+        React.createElement(AdaptablePopover, { headerText: null, bodyText: [description] })));
     const handleInputChange = (event) => props.onChange(Object.assign(Object.assign({}, props.option), { value: event.currentTarget.value }));
     const handleCheckboxChange = (checked) => props.onChange(Object.assign(Object.assign({}, props.option), { value: checked }));
     // option is mutated to acomodate complex types overrides
@@ -47,50 +43,50 @@ const OptionInput = (props) => {
             .split('|')
             .map((str) => str.trim().replace(/['"]/g, ''))
             .map((str) => ({
-            label: StringExtensions_1.default.Humanize(str),
+            label: StringExtensions.Humanize(str),
             onClick: () => props.onChange(Object.assign(Object.assign({}, option), { value: str })),
         }));
-        input = (React.createElement(DropdownButton_1.default, Object.assign({}, inputProps, { columns: ['label'], items: options }), StringExtensions_1.default.Humanize(value)));
+        input = (React.createElement(DropdownButton, Object.assign({}, inputProps, { columns: ['label'], items: options }), StringExtensions.Humanize(value)));
     }
     else {
         switch (option.kind) {
             case 'n':
-                input = React.createElement(Input_1.default, Object.assign({ type: "number", onChange: handleInputChange }, inputProps));
+                input = React.createElement(Input, Object.assign({ type: "number", onChange: handleInputChange }, inputProps));
                 break;
             case 's':
-                input = React.createElement(Input_1.default, Object.assign({ type: "text", onChange: handleInputChange }, inputProps));
+                input = React.createElement(Input, Object.assign({ type: "text", onChange: handleInputChange }, inputProps));
                 break;
             case 'b':
-                input = (React.createElement(CheckBox_1.CheckBox, { onChange: handleCheckboxChange, checked: Boolean(value), type: "date" }, label));
+                input = (React.createElement(CheckBox, { onChange: handleCheckboxChange, checked: Boolean(value), type: "date" }, label));
                 break;
         }
     }
     let content = (React.createElement(React.Fragment, null,
-        React.createElement(rebass_1.Flex, { minWidth: LABEL_WIDTH, alignItems: "center" },
+        React.createElement(Flex, { minWidth: LABEL_WIDTH, alignItems: "center" },
             label,
             " ",
             info),
         input));
     if (option.kind === 'b') {
-        content = (React.createElement(rebass_1.Flex, { alignItems: "center" },
+        content = (React.createElement(Flex, { alignItems: "center" },
             input,
             " ",
             info));
     }
-    return (React.createElement(rebass_1.Flex, { mb: 2, pl: 1 }, content));
+    return (React.createElement(Flex, { mb: 2, pl: 1 }, content));
 };
 const OptionsSection = (props) => {
     var _a;
     if (!props.options.length) {
         return React.createElement(React.Fragment, null);
     }
-    return (React.createElement(rebass_1.Box, { mb: 2 },
-        React.createElement(HelpBlock_1.default, { mb: 2 }, (_a = props.name) !== null && _a !== void 0 ? _a : props.id),
+    return (React.createElement(Box, { mb: 2 },
+        React.createElement(HelpBlock, { mb: 2 }, (_a = props.name) !== null && _a !== void 0 ? _a : props.id),
         props.options.map((option, index) => (React.createElement(OptionInput, { key: index, option: option, onChange: props.onChange })))));
 };
-const AdaptableOptionsForm = (props) => {
+export const AdaptableOptionsForm = (props) => {
     const nocodeOptions = React.useMemo(() => {
-        const metamodelService = new MetamodelService_1.MetamodelService(() => props.adaptableOptions);
+        const metamodelService = new MetamodelService(() => props.adaptableOptions);
         return [...metamodelService.getGridInfoNoCodeOptions()];
     }, [props.adaptableOptions]);
     const handleOptionChange = (sectionName) => (option) => {
@@ -105,8 +101,7 @@ const AdaptableOptionsForm = (props) => {
         }
         props.onChangedAdaptableOptions(adaptableOptions);
     };
-    return (React.createElement(rebass_1.Box, { p: 2 }, nocodeOptions.map(([sectionName, { containerLabel, items }]) => {
+    return (React.createElement(Box, { p: 2 }, nocodeOptions.map(([sectionName, { containerLabel, items }]) => {
         return (React.createElement(OptionsSection, { onChange: handleOptionChange(sectionName), key: sectionName, id: sectionName, name: containerLabel, options: items }));
     })));
 };
-exports.AdaptableOptionsForm = AdaptableOptionsForm;

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/ColumnsList.js

@@ -1,17 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const useSelection_1 = tslib_1.__importDefault(require("./useSelection"));
-const CheckBox_1 = require("../../../components/CheckBox");
-const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
-const Dropdown_1 = tslib_1.__importDefault(require("../../../components/Dropdown"));
-const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
-const react_1 = require("react");
-const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
-const InfiniteTable_1 = require("../../../components/InfiniteTable");
-const rebass_1 = require("rebass");
-const throttle_1 = tslib_1.__importDefault(require("lodash/throttle"));
+import { __rest } from "tslib";
+import * as React from 'react';
+import useSelection from './useSelection';
+import { CheckBox } from '../../../components/CheckBox';
+import Radio from '../../../components/Radio';
+import Dropdown from '../../../components/Dropdown';
+import Input from '../../../components/Input';
+import { useRef, useState } from 'react';
+import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
+import { DataSource, InfiniteTable } from '../../../components/InfiniteTable';
+import { Box, Flex } from 'rebass';
+import throttle from 'lodash/throttle';
 const dataTypes = [
     {
         value: 'abColDefString',
@@ -33,14 +31,14 @@ const inputStyle = {
     textAlign: 'start',
 };
 const useForceRender = () => {
-    const [, setNow] = (0, react_1.useState)(Date.now());
+    const [, setNow] = useState(Date.now());
     return () => {
         setNow(Date.now());
     };
 };
 const ThrottledInput = React.memo((props) => {
-    const [stateValue, setStateValue] = (0, react_1.useState)(props.value);
-    const throttleOnChange = React.useRef((0, throttle_1.default)(props.onChange, 600, { leading: false }));
+    const [stateValue, setStateValue] = useState(props.value);
+    const throttleOnChange = React.useRef(throttle(props.onChange, 600, { leading: false }));
     const handleChange = React.useCallback((event) => {
         const newValue = event.target.value;
         setStateValue(newValue);
@@ -49,7 +47,7 @@ const ThrottledInput = React.memo((props) => {
     React.useEffect(() => {
         setStateValue(props.value);
     }, [props.value]);
-    return React.createElement(Input_1.default, { style: props.style, value: stateValue, onChange: handleChange });
+    return React.createElement(Input, { style: props.style, value: stateValue, onChange: handleChange });
 });
 const tableDOMProps = {
     style: {
@@ -60,7 +58,7 @@ const tableDOMProps = {
 };
 const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSelectionChange, selectedColumns, theme, }) => {
     const rerender = useForceRender();
-    const columnsRef = (0, react_1.useRef)(cols);
+    const columnsRef = useRef(cols);
     const silentSetColumns = (columns) => {
         columnsRef.current = columns;
         onChange === null || onChange === void 0 ? void 0 : onChange(columns);
@@ -105,12 +103,12 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
         setColumns(cols);
     };
     const [primaryKeyField, setPrimaryKeyField] = React.useState(columns[0].field);
-    const { selected: includedColumnsMap, isSelected: isIncludedColumn, isAllSelected: isAllIncludedColumns, isNoneSelected: isNoneIncludedColumns, selectColumn: includeColumn, deselectColumn: excludeColumn, selectAll: includeAllColumns, deselectAll: excludeAllColumns, } = (0, useSelection_1.default)(columns, selectedColumns !== null && selectedColumns !== void 0 ? selectedColumns : true, null, { onChange: onSelectionChange });
+    const { selected: includedColumnsMap, isSelected: isIncludedColumn, isAllSelected: isAllIncludedColumns, isNoneSelected: isNoneIncludedColumns, selectColumn: includeColumn, deselectColumn: excludeColumn, selectAll: includeAllColumns, deselectAll: excludeAllColumns, } = useSelection(columns, selectedColumns !== null && selectedColumns !== void 0 ? selectedColumns : true, null, { onChange: onSelectionChange });
     handle.current = {
         getColumns: () => getColumns().filter((col) => isIncludedColumn(col.field)),
         getPrimaryKey: () => primaryKeyField,
     };
-    const { isSelected: isSortableColumn, isAllSelected: isAllSortableColumns, isNoneSelected: isNoneSortableColumns, selectColumn: setSortableColumn, deselectColumn: setUnsortableColumn, selectAll: setAllSortable, deselectAll: setAllUnsortable, } = (0, useSelection_1.default)(columns, true, 'sortable', {
+    const { isSelected: isSortableColumn, isAllSelected: isAllSortableColumns, isNoneSelected: isNoneSortableColumns, selectColumn: setSortableColumn, deselectColumn: setUnsortableColumn, selectAll: setAllSortable, deselectAll: setAllUnsortable, } = useSelection(columns, true, 'sortable', {
         onBatchChange: (flag) => {
             onColumnBatchChange(flag, 'sortable');
         },
@@ -118,7 +116,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             onColumnChange(col, flag, 'sortable');
         },
     });
-    const { isSelected: isGroupableColumn, isAllSelected: isAllGroupableColumns, isNoneSelected: isNoneGroupableColumns, selectColumn: setGroupableColumn, deselectColumn: setUngroupableColumn, selectAll: setAllGroupable, deselectAll: setAllUngroupable, } = (0, useSelection_1.default)(columns, true, 'enableRowGroup', {
+    const { isSelected: isGroupableColumn, isAllSelected: isAllGroupableColumns, isNoneSelected: isNoneGroupableColumns, selectColumn: setGroupableColumn, deselectColumn: setUngroupableColumn, selectAll: setAllGroupable, deselectAll: setAllUngroupable, } = useSelection(columns, true, 'enableRowGroup', {
         onBatchChange: (flag) => {
             onColumnBatchChange(flag, 'enableRowGroup');
         },
@@ -126,7 +124,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             onColumnChange(col, flag, 'enableRowGroup');
         },
     });
-    const { isSelected: isResizableColumn, isAllSelected: isAllResizableColumns, isNoneSelected: isNoneResizableColumns, selectColumn: setResizableColumn, deselectColumn: setUnresizableColumn, selectAll: setAllResizable, deselectAll: setAllUnresizable, } = (0, useSelection_1.default)(columns, true, 'resizable', {
+    const { isSelected: isResizableColumn, isAllSelected: isAllResizableColumns, isNoneSelected: isNoneResizableColumns, selectColumn: setResizableColumn, deselectColumn: setUnresizableColumn, selectAll: setAllResizable, deselectAll: setAllUnresizable, } = useSelection(columns, true, 'resizable', {
         onBatchChange: (flag) => {
             onColumnBatchChange(flag, 'resizable');
         },
@@ -134,7 +132,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             onColumnChange(col, flag, 'resizable');
         },
     });
-    const { isSelected: isEditableColumn, isAllSelected: isAllEditableColumns, isNoneSelected: isNoneEditableColumns, selectColumn: setEditableColumn, deselectColumn: setUneditableColumn, selectAll: setAllEditable, deselectAll: setAllUneditable, } = (0, useSelection_1.default)(columns, true, 'editable', {
+    const { isSelected: isEditableColumn, isAllSelected: isAllEditableColumns, isNoneSelected: isNoneEditableColumns, selectColumn: setEditableColumn, deselectColumn: setUneditableColumn, selectAll: setAllEditable, deselectAll: setAllUneditable, } = useSelection(columns, true, 'editable', {
         onBatchChange: (flag) => {
             onColumnBatchChange(flag, 'editable');
         },
@@ -142,7 +140,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             onColumnChange(col, flag, 'editable');
         },
     });
-    const { isSelected: isFilterableColumn, isAllSelected: isAllFilterableColumns, isNoneSelected: isNoneFilterableColumns, selectColumn: setFilterableColumn, deselectColumn: setUnFilterableColumn, selectAll: setAllFilterable, deselectAll: setAllUnfilterable, } = (0, useSelection_1.default)(columns, true, 'filter', {
+    const { isSelected: isFilterableColumn, isAllSelected: isAllFilterableColumns, isNoneSelected: isNoneFilterableColumns, selectColumn: setFilterableColumn, deselectColumn: setUnFilterableColumn, selectAll: setAllFilterable, deselectAll: setAllUnfilterable, } = useSelection(columns, true, 'filter', {
         onBatchChange: (flag) => {
             onColumnBatchChange(flag, 'filter');
         },
@@ -158,15 +156,15 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
     const rowHeight = 40;
     const data = columns;
     const CellWrapper = (props) => {
-        return (React.createElement(rebass_1.Flex, Object.assign({}, props, { style: Object.assign(Object.assign({}, props.style), { position: 'absolute', textAlign: 'center', top: 0, left: 0, height: '100%', width: '100%', whiteSpace: 'normal' }), justifyContent: "center", alignItems: "center" }), props.children));
+        return (React.createElement(Flex, Object.assign({}, props, { style: Object.assign(Object.assign({}, props.style), { position: 'absolute', textAlign: 'center', top: 0, left: 0, height: '100%', width: '100%', whiteSpace: 'normal' }), justifyContent: "center", alignItems: "center" }), props.children));
     };
     const HeaderCellWrapper = (props) => (React.createElement(CellWrapper, Object.assign({}, props, { fontSize: 3, style: { fontWeight: 600 } })));
     const HeaderWithCheckbox = (props) => {
-        const { label, onChange, checked } = props, flexProps = tslib_1.__rest(props, ["label", "onChange", "checked"]);
+        const { label, onChange, checked } = props, flexProps = __rest(props, ["label", "onChange", "checked"]);
         return (React.createElement(HeaderCellWrapper, Object.assign({}, flexProps, { flexDirection: "column" }),
-            React.createElement(rebass_1.Box, null, label),
-            React.createElement(rebass_1.Box, { style: { textAlign: 'center' } },
-                React.createElement(CheckBox_1.CheckBox, { checked: checked, onChange: onChange }))));
+            React.createElement(Box, null, label),
+            React.createElement(Box, { style: { textAlign: 'center' } },
+                React.createElement(CheckBox, { checked: checked, onChange: onChange }))));
     };
     const columnsMap = {
         pk: {
@@ -178,7 +176,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
                 const { data } = params;
                 const column = data;
                 const isPrimaryKey = (column === null || column === void 0 ? void 0 : column.field) === primaryKeyField;
-                return (React.createElement(Radio_1.default, { checked: isPrimaryKey, onChange: (checked) => {
+                return (React.createElement(Radio, { checked: isPrimaryKey, onChange: (checked) => {
                         if (checked && isIncludedColumn(column.field)) {
                             setPrimaryKeyField(column.field);
                         }
@@ -200,7 +198,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             render: (params) => {
                 const column = params.data;
                 return (React.createElement(CellWrapper, null,
-                    React.createElement(CheckBox_1.CheckBox, { checked: isIncludedColumn(column.field), onChange: (included) => {
+                    React.createElement(CheckBox, { checked: isIncludedColumn(column.field), onChange: (included) => {
                             if (included) {
                                 includeColumn(column.field);
                             }
@@ -217,8 +215,8 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             renderMenuIcon: false,
             render: (params) => {
                 const column = params.data;
-                const humanized = StringExtensions_1.default.Humanize(column.field);
-                return (React.createElement(rebass_1.Box, { p: 2 },
+                const humanized = StringExtensions.Humanize(column.field);
+                return (React.createElement(Box, { p: 2 },
                     React.createElement(ThrottledInput, { key: column.field, style: inputStyle, value: column.caption != undefined ? column.caption : humanized, placeholder: humanized, onChange: (value) => {
                             setColumnCaption(value, column.field);
                         } })));
@@ -232,7 +230,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
                 var _a;
                 const column = params.data;
                 return (React.createElement(CellWrapper, { paddingLeft: 1, paddingRight: 1 },
-                    React.createElement(Dropdown_1.default, { style: inputStyle, showClearButton: false, options: dataTypes, value: (_a = column === null || column === void 0 ? void 0 : column.type) !== null && _a !== void 0 ? _a : '', onChange: onColumnTypeChange.bind(null, column) })));
+                    React.createElement(Dropdown, { style: inputStyle, showClearButton: false, options: dataTypes, value: (_a = column === null || column === void 0 ? void 0 : column.type) !== null && _a !== void 0 ? _a : '', onChange: onColumnTypeChange.bind(null, column) })));
             },
         },
         sortable: {
@@ -247,7 +245,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
                 } })),
             render: (params) => {
                 const column = params.data;
-                return (React.createElement(CheckBox_1.CheckBox, { checked: isSortableColumn(column.field), onChange: (sortable) => {
+                return (React.createElement(CheckBox, { checked: isSortableColumn(column.field), onChange: (sortable) => {
                         sortable ? setSortableColumn(column.field) : setUnsortableColumn(column.field);
                     } }));
             },
@@ -265,7 +263,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             render: (params) => {
                 const col = params.data;
                 return (React.createElement(CellWrapper, null,
-                    React.createElement(CheckBox_1.CheckBox, { checked: isEditableColumn(col.field), onChange: (editable) => {
+                    React.createElement(CheckBox, { checked: isEditableColumn(col.field), onChange: (editable) => {
                             editable ? setEditableColumn(col.field) : setUneditableColumn(col.field);
                         } })));
             },
@@ -283,7 +281,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             render: (params) => {
                 const col = params.data;
                 return (React.createElement(CellWrapper, null,
-                    React.createElement(CheckBox_1.CheckBox, { checked: isResizableColumn(col.field), onChange: (resizable) => {
+                    React.createElement(CheckBox, { checked: isResizableColumn(col.field), onChange: (resizable) => {
                             resizable ? setResizableColumn(col.field) : setUnresizableColumn(col.field);
                         } })));
             },
@@ -301,7 +299,7 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             render: (params) => {
                 const col = params.data;
                 return (React.createElement(CellWrapper, null,
-                    React.createElement(CheckBox_1.CheckBox, { checked: isGroupableColumn(col.field), onChange: (groupable) => {
+                    React.createElement(CheckBox, { checked: isGroupableColumn(col.field), onChange: (groupable) => {
                             groupable ? setGroupableColumn(col.field) : setUngroupableColumn(col.field);
                         } })));
             },
@@ -319,15 +317,15 @@ const ColumnsList = ({ columns: cols, handle, onValidityChange, onChange, onSele
             render: (params) => {
                 const col = params.data;
                 return (React.createElement(CellWrapper, null,
-                    React.createElement(CheckBox_1.CheckBox, { checked: isFilterableColumn(col.field), onChange: (filterable) => {
+                    React.createElement(CheckBox, { checked: isFilterableColumn(col.field), onChange: (filterable) => {
                             filterable ? setFilterableColumn(col.field) : setUnFilterableColumn(col.field);
                         } })));
             },
         },
     };
-    return (React.createElement(rebass_1.Box, { p: 2, style: { height: '100%' }, className: theme },
-        React.createElement(InfiniteTable_1.DataSource, { data: data, primaryKey: "colId" },
-            React.createElement(InfiniteTable_1.InfiniteTable, { columnTypes: {
+    return (React.createElement(Box, { p: 2, style: { height: '100%' }, className: theme },
+        React.createElement(DataSource, { data: data, primaryKey: "colId" },
+            React.createElement(InfiniteTable, { columnTypes: {
                     default: {
                         defaultFlex: 1,
                         align: 'center',
@@ -344,4 +342,4 @@ function areEqual() {
      */
     return true;
 }
-exports.default = React.memo(ColumnsList, areEqual);
+export default React.memo(ColumnsList, areEqual);

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/Components/FormBox.js

@@ -1,9 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NocodeWizardFormBox = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const join_1 = tslib_1.__importDefault(require("../../../../components/utils/join"));
-const NocodeWizardFormBox = (props) => (React.createElement(rebass_1.Box, Object.assign({}, props, { padding: 2, mb: 2, className: (0, join_1.default)('ab-NocodeWizardFormBox', props.className) })));
-exports.NocodeWizardFormBox = NocodeWizardFormBox;
+import * as React from 'react';
+import { Box } from 'rebass';
+import join from '../../../../components/utils/join';
+export const NocodeWizardFormBox = (props) => (React.createElement(Box, Object.assign({}, props, { padding: 2, mb: 2, className: join('ab-NocodeWizardFormBox', props.className) })));

package/src/View/AdaptableWizardView/AdaptableConfigurationDialog/ConfigurationWizard.js

@@ -1,30 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigurationWizard = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_1 = require("react");
-const StringExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/StringExtensions"));
-const OnePageWizards_1 = require("../../Wizard/OnePageWizards");
-const ConfigurationWizardColumnsStep_1 = require("./ConfigurationWizardColumnsStep");
-const GridOptionsForm_1 = tslib_1.__importDefault(require("./GridOptionsForm"));
-const EntitlementsForm_1 = tslib_1.__importDefault(require("./EntitlementsForm"));
-const UiOptionsForm_1 = require("./UIOptions/UiOptionsForm");
-const AdaptableOptionsForm_1 = require("./AdaptableOptionsForm");
-const AdaptableHelper_1 = tslib_1.__importDefault(require("../../../Utilities/Helpers/AdaptableHelper"));
-const ConfigurationWizard = (props) => {
+import * as React from 'react';
+import { useState } from 'react';
+import StringExtensions from '../../../Utilities/Extensions/StringExtensions';
+import { OnePageWizard } from '../../Wizard/OnePageWizards';
+import { ConfigurationWizardColumnsStep } from './ConfigurationWizardColumnsStep';
+import GridOptionsForm from './GridOptionsForm';
+import EntitlementsForm from './EntitlementsForm';
+import { UIElementsForm } from './UIOptions/UiOptionsForm';
+import { AdaptableOptionsForm } from './AdaptableOptionsForm';
+import AdaptableHelper from '../../../Utilities/Helpers/AdaptableHelper';
+export const ConfigurationWizard = (props) => {
     const [isPrimaryKeySelected, setIsValid] = React.useState(true);
-    const [adaptableConfig, setAdaptableConfig] = (0, react_1.useState)(() => {
+    const [adaptableConfig, setAdaptableConfig] = useState(() => {
         const gridOptionDefaults = {
             sideBar: {
                 toolPanels: ['columns', 'filters', 'adaptable'],
             },
         };
         const gridOptions = Object.assign(Object.assign({}, gridOptionDefaults), props.adaptableConfig.gridOptions);
-        const adaptableOptions = AdaptableHelper_1.default.assignAdaptableOptions(props.adaptableConfig.adaptableOptions);
+        const adaptableOptions = AdaptableHelper.assignAdaptableOptions(props.adaptableConfig.adaptableOptions);
         return { gridOptions, adaptableOptions };
     });
-    const [selectedColumns, setSelectedColumns] = (0, react_1.useState)(() => {
+    const [selectedColumns, setSelectedColumns] = useState(() => {
         var _a, _b;
         return (_b = (_a = props.adaptableConfig.gridOptions) === null || _a === void 0 ? void 0 : _a.columnDefs) === null || _b === void 0 ? void 0 : _b.reduce((acc, col) => {
             acc[col.field] = true;
@@ -37,7 +33,7 @@ const ConfigurationWizard = (props) => {
         const newGridOptions = Object.assign({}, adaptableConfig.gridOptions);
         if (columnsHandle.current) {
             adaptableConfig.gridOptions.columnDefs = columnsHandle.current.getColumns().map((column) => {
-                const newColumn = Object.assign(Object.assign({}, column), { headerName: column.caption || StringExtensions_1.default.Humanize(column.field) });
+                const newColumn = Object.assign(Object.assign({}, column), { headerName: column.caption || StringExtensions.Humanize(column.field) });
                 delete newColumn.caption;
                 return newColumn;
             });
@@ -79,28 +75,28 @@ const ConfigurationWizard = (props) => {
                 }
                 return true;
             },
-            render: () => (React.createElement(ConfigurationWizardColumnsStep_1.ConfigurationWizardColumnsStep, { adaptableConfig: adaptableConfig, setPrimaryKeyIsNotSelected: handlePrimaryKeyColumnIsNotSelected, onChange: setAdaptableConfig, selectedColumns: selectedColumns, onSelectionChange: handleColumnSelectionChange, onColumnChange: handleColumnsChange, columnsHandle: columnsHandle })),
+            render: () => (React.createElement(ConfigurationWizardColumnsStep, { adaptableConfig: adaptableConfig, setPrimaryKeyIsNotSelected: handlePrimaryKeyColumnIsNotSelected, onChange: setAdaptableConfig, selectedColumns: selectedColumns, onSelectionChange: handleColumnSelectionChange, onColumnChange: handleColumnsChange, columnsHandle: columnsHandle })),
         },
         {
             title: 'AdapTable Options',
             details: 'Configure Adaptable Options',
             isValid: () => adaptableConfig.adaptableOptions.adaptableId ? true : 'Adaptable ID is required',
-            render: () => (React.createElement(AdaptableOptionsForm_1.AdaptableOptionsForm, { adaptableOptions: adaptableConfig.adaptableOptions, onChangedAdaptableOptions: handleAdaptableOptionsChange })),
+            render: () => (React.createElement(AdaptableOptionsForm, { adaptableOptions: adaptableConfig.adaptableOptions, onChangedAdaptableOptions: handleAdaptableOptionsChange })),
         },
         {
             title: 'AG Grid Options',
             details: 'Configure AG Grid Options',
-            render: () => (React.createElement(GridOptionsForm_1.default, { gridOptions: adaptableConfig.gridOptions, onChangedGridOptions: handleGridOptionsChange })),
+            render: () => (React.createElement(GridOptionsForm, { gridOptions: adaptableConfig.gridOptions, onChangedGridOptions: handleGridOptionsChange })),
         },
         {
             title: 'UI Elements',
             details: 'Configure UI Elements',
-            render: () => (React.createElement(UiOptionsForm_1.UIElementsForm, { adaptableOptions: adaptableConfig.adaptableOptions, gridOptions: adaptableConfig.gridOptions, onChangedAdaptableOptions: handleAdaptableOptionsChange, onChangedGridOptions: handleGridOptionsChange })),
+            render: () => (React.createElement(UIElementsForm, { adaptableOptions: adaptableConfig.adaptableOptions, gridOptions: adaptableConfig.gridOptions, onChangedAdaptableOptions: handleAdaptableOptionsChange, onChangedGridOptions: handleGridOptionsChange })),
         },
         {
             title: 'Entitlements',
             details: 'Configure Entitlements',
-            render: () => (React.createElement(EntitlementsForm_1.default, { adaptableOptions: adaptableConfig.adaptableOptions, onChangedAptableOptions: handleAdaptableOptionsChange })),
+            render: () => (React.createElement(EntitlementsForm, { adaptableOptions: adaptableConfig.adaptableOptions, onChangedAptableOptions: handleAdaptableOptionsChange })),
         },
         /**
         financePlugin && {
@@ -129,6 +125,5 @@ const ConfigurationWizard = (props) => {
             ...sections,
         ];
     }
-    return (React.createElement(OnePageWizards_1.OnePageWizard, { data: adaptableConfig, name: "Configure", defaultCurrentSectionName: 'default section name', onHide: () => null, onFinish: handleFinish, sections: sections }));
+    return (React.createElement(OnePageWizard, { data: adaptableConfig, name: "Configure", defaultCurrentSectionName: 'default section name', onHide: () => null, onFinish: handleFinish, sections: sections }));
 };
-exports.ConfigurationWizard = ConfigurationWizard;