@adaptabletools/adaptable 12.2.2 → 14.0.0-canary.0

package/src/View/Export/Wizard/ReportNameWizardSection.js

@@ -30,8 +30,8 @@ const isValidReportName = (report, api) => {
 };
 exports.isValidReportName = isValidReportName;
 const ReportNameWizardSection = (props) => {
-    const { api, data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
-    const validCheck = exports.isValidReportName(data, api);
+    const { api, data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const validCheck = (0, exports.isValidReportName)(data, api);
     const ErrorMessage = validCheck === true ? null : validCheck;
     return (React.createElement(React.Fragment, null,
         React.createElement(rebass_1.Box, null,

package/src/View/Export/Wizard/ReportRowsWizardSection.js

@@ -19,7 +19,7 @@ const isValidReportRowsQuery = (report) => {
 };
 exports.isValidReportRowsQuery = isValidReportRowsQuery;
 const renderReportRowsSummary = (report) => {
-    const { api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     return (React.createElement(rebass_1.Box, { fontSize: 2 },
         report.ReportRowScope === 'AllRows' ? (React.createElement(React.Fragment, null,
             "Include ",
@@ -37,8 +37,8 @@ const renderReportRowsSummary = (report) => {
 exports.renderReportRowsSummary = renderReportRowsSummary;
 const ReportRowsWizardSection = (props) => {
     var _a, _b;
-    const { api, data, moduleInfo } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
-    const initialData = react_1.useMemo(() => api.internalApi.getQueryPreviewData(), []);
+    const { api, data, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const initialData = (0, react_1.useMemo)(() => api.internalApi.getQueryPreviewData(), []);
     return (React.createElement(React.Fragment, null,
         React.createElement(Tabs_1.Tabs, { m: 2, value: data.ReportRowScope, onValueChange: (ReportRowScope) => {
                 const report = Object.assign(Object.assign({}, data), { ReportRowScope });

package/src/View/Filter/ActiveFiltersPanel.js

@@ -7,7 +7,7 @@ const AdaptableContext_1 = require("../AdaptableContext");
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const AdaptableObjectCompactList_1 = require("../Components/AdaptableObjectList/AdaptableObjectCompactList");
 const ActiveFiltersPanel = () => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const filterModule = adaptable.ModuleService.getModuleById(ModuleConstants.FilterModuleId);
     const columnFilters = adaptable.api.filterApi.getColumnFilters();
     return React.createElement(AdaptableObjectCompactList_1.AdaptableObjectCompactList, { abObjects: columnFilters, module: filterModule });

package/src/View/Filter/FilterSummary.d.ts

@@ -12,4 +12,4 @@ export declare class FilterSummaryComponent extends React.Component<FilterSummar
     render(): any;
     getDescription(columnFilter: ColumnFilter): string;
 }
-export declare let FilterSummary: import("react-redux").ConnectedComponent<typeof FilterSummaryComponent, import("react-redux").Omit<React.ClassAttributes<FilterSummaryComponent> & FilterSummaryProps, "onClearPopupParams" | "ColumnFilters" | "onShare" | "onClearFilter">>;
+export declare let FilterSummary: import("react-redux").ConnectedComponent<typeof FilterSummaryComponent, import("react-redux").Omit<React.ClassAttributes<FilterSummaryComponent> & FilterSummaryProps, "ColumnFilters" | "onClearPopupParams" | "onShare" | "onClearFilter">>;

package/src/View/Filter/FilterSummary.js

@@ -40,7 +40,7 @@ class FilterSummaryComponent extends React.Component {
 exports.FilterSummaryComponent = FilterSummaryComponent;
 function mapStateToProps(state) {
     return {
-        ColumnFilters: LayoutRedux_1.getColumnFilterSelector(state),
+        ColumnFilters: (0, LayoutRedux_1.getColumnFilterSelector)(state),
     };
 }
 function mapDispatchToProps(dispatch) {
@@ -50,4 +50,4 @@ function mapDispatchToProps(dispatch) {
         onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.FilterModuleId, config)),
     };
 }
-exports.FilterSummary = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(FilterSummaryComponent);
+exports.FilterSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(FilterSummaryComponent);

package/src/View/Filter/FilterViewPanel.d.ts

@@ -18,5 +18,5 @@ declare class FilterViewPanelComponent extends React.Component<FilterViewPanelCo
     private onClearFilters;
     private onClearColumnFilter;
 }
-export declare const FilterViewPanelControl: import("react-redux").ConnectedComponent<typeof FilterViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<FilterViewPanelComponent> & FilterViewPanelComponentProps, "api" | "accessLevel" | "IsQuickFilterVisible" | "moduleInfo" | "Columns" | "ColumnFilters" | "viewType" | "onHideQuickFilterBar" | "onShowQuickFilterBar" | "Entitlements">>;
+export declare const FilterViewPanelControl: import("react-redux").ConnectedComponent<typeof FilterViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<FilterViewPanelComponent> & FilterViewPanelComponentProps, "api" | "Columns" | "ColumnFilters" | "moduleInfo" | "accessLevel" | "IsQuickFilterVisible" | "viewType" | "onHideQuickFilterBar" | "onShowQuickFilterBar" | "Entitlements">>;
 export {};

package/src/View/Filter/FilterViewPanel.js

@@ -37,7 +37,7 @@ class FilterViewPanelComponent extends React.Component {
             React.createElement(rebass_1.Flex, null,
                 ArrayExtensions_1.ArrayExtensions.IsNotNullOrEmpty(this.props.ColumnFilters) && (React.createElement(AdaptablePopover_1.AdaptablePopover, { popupPadding: 0, className: `ab-${elementType}__Filter__info`, headerText: "", bodyText: [React.createElement(ActiveFiltersPanel_1.ActiveFiltersPanel, null)], useButton: true, showEvent: 'focus', hideEvent: "blur", popoverMinWidth: 400 })),
                 showClearButton && (React.createElement(ButtonClear_1.ButtonClear, { className: `ab-${elementType}__Filter__clear`, marginLeft: 1, marginBottom: 0, marginRight: 1, onClick: () => this.onClearFilters(), tooltip: "Clear Filters", disabled: this.props.ColumnFilters.length == 0, showText: this.props.viewType === 'ToolPanel' }, this.props.viewType === 'ToolPanel' && 'Clear')),
-                showSuspendFilterButton && (React.createElement(SimpleButton_1.default, { className: join_1.default(`ab-${elementType}__Filter__suspend-button`, isAtLeastOneFilterActive && `ab-${elementType}__Filter__suspend-all`, !isAtLeastOneFilterActive && `ab-${elementType}__Filter__un-suspend-all`), disabled: !isAtLeastOneFilter, onClick: handleSuspendUnsuspendAll, tone: isAtLeastOneFilterActive ? 'neutral' : 'success', variant: "text", icon: isAtLeastOneFilterActive ? 'pause' : 'play', accessLevel: this.props.accessLevel }))),
+                showSuspendFilterButton && (React.createElement(SimpleButton_1.default, { className: (0, join_1.default)(`ab-${elementType}__Filter__suspend-button`, isAtLeastOneFilterActive && `ab-${elementType}__Filter__suspend-all`, !isAtLeastOneFilterActive && `ab-${elementType}__Filter__un-suspend-all`), disabled: !isAtLeastOneFilter, onClick: handleSuspendUnsuspendAll, tone: isAtLeastOneFilterActive ? 'neutral' : 'success', variant: "text", icon: isAtLeastOneFilterActive ? 'pause' : 'play', accessLevel: this.props.accessLevel }))),
             React.createElement(rebass_1.Flex, { alignItems: "center" }, this.props.api.filterApi.isQuickFilterAvailable() && (React.createElement(CheckBox_1.CheckBox, { className: `ab-${elementType}__Filter__active-check`, disabled: this.props.accessLevel === 'ReadOnly' ||
                     this.props.api.internalApi.isGridInPivotMode(), marginTop: 0, marginBottom: 0, fontSize: 2, padding: 1, checked: this.props.IsQuickFilterVisible, onChange: (checked) => {
                     checked ? this.props.onShowQuickFilterBar() : this.props.onHideQuickFilterBar();
@@ -52,7 +52,7 @@ class FilterViewPanelComponent extends React.Component {
 }
 function mapStateToProps(state) {
     return {
-        ColumnFilters: LayoutRedux_1.getColumnFilterSelector(state),
+        ColumnFilters: (0, LayoutRedux_1.getColumnFilterSelector)(state),
         IsQuickFilterVisible: state.System.IsQuickFilterVisible,
     };
 }
@@ -62,4 +62,4 @@ function mapDispatchToProps(dispatch) {
         onShowQuickFilterBar: () => dispatch(SystemRedux.SystemQuickFilterBarShow()),
     };
 }
-exports.FilterViewPanelControl = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(FilterViewPanelComponent);
+exports.FilterViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(FilterViewPanelComponent);

package/src/View/FlashingCell/Wizard/FlashingCellRulesWizardSection.js

@@ -8,7 +8,7 @@ const CodeBlock_1 = require("../../../components/CodeBlock");
 const EntityRulesEditor_1 = require("../../Components/EntityRulesEditor");
 const renderFlashingAlertRulesSummary = (flashingAlert) => {
     var _a;
-    const { api: { flashingCellApi }, } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { api: { flashingCellApi }, } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const FlashTarget = (_a = flashingAlert.FlashTarget) !== null && _a !== void 0 ? _a : flashingCellApi.getFlashingCellFlashTarget(flashingAlert);
     return (React.createElement(EntityRulesEditor_1.EntityRulesSummary, { data: flashingAlert, renderPredicate: (content) => {
             return (React.createElement(React.Fragment, null,
@@ -29,7 +29,7 @@ const renderFlashingAlertRulesSummary = (flashingAlert) => {
 };
 exports.renderFlashingAlertRulesSummary = renderFlashingAlertRulesSummary;
 const FlashingAlertRulesWizardSection = (props) => {
-    const { data, api, moduleInfo } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const predicateDefs = api.flashingCellApi.getFlashingCellPredicateDefsForScope(data.Scope);
     return (React.createElement(EntityRulesEditor_1.EntityRulesEditor, { module: moduleInfo.ModuleName, defaultPredicateId: "Any", data: data, predicateDefs: predicateDefs, onChange: props.onChange, showAggregation: false, showObservable: false, showBoolean: true, showPredicate: true, descriptions: {
             selectPredicate: 'Select an Flashing Cell Rule - to be applied when data changes',

package/src/View/FlashingCell/Wizard/FlashingCellScopeWizardSection.js

@@ -7,7 +7,7 @@ const rebass_1 = require("rebass");
 const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const FlashingAlertScopeWizardSection = (props) => {
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     return (React.createElement(rebass_1.Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
         React.createElement(NewScopeComponent_1.NewScopeComponent, { descriptions: {
                 rowScope: 'Changes anywhere in the row will trigger an Flashing Cell',

package/src/View/FlashingCell/Wizard/FlashingCellSettingsWizardSection.js

@@ -24,15 +24,15 @@ const renderFlashingAlertSettingsSummary = (flashingAlert) => {
 exports.renderFlashingAlertSettingsSummary = renderFlashingAlertSettingsSummary;
 const FlashingAlertSettingsWizardSection = (props) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    let { data: flashingCell } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    let { data: flashingCell } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     flashingCell = flashingCell !== null && flashingCell !== void 0 ? flashingCell : props.flashingCell;
     const setDuration = (FlashDuration) => {
         props.onChange(Object.assign(Object.assign({}, flashingCell), { FlashDuration: FlashDuration }));
     };
     const duration = (_a = flashingCell.FlashDuration) !== null && _a !== void 0 ? _a : 500;
     const numberDuration = React.useRef(typeof duration === 'number' ? duration : 500);
-    const inputRef = react_1.useRef(null);
-    const oldDuration = usePrevious_1.default(duration, duration);
+    const inputRef = (0, react_1.useRef)(null);
+    const oldDuration = (0, usePrevious_1.default)(duration, duration);
     React.useEffect(() => {
         var _a;
         if (oldDuration === 'always' && duration != oldDuration) {

package/src/View/FlashingCell/Wizard/FlashingCellStyleWizardSection.js

@@ -11,7 +11,7 @@ const StylePreview_1 = require("../../../components/StylePreview");
 const changeStyle = (React.createElement(rebass_1.Text, { fontSize: 2, style: { display: 'inline-block' } }, "Change style"));
 const FlashingAlertStyleWizardSection = (props) => {
     var _a, _b, _c;
-    let { data: flashingAlert, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    let { data: flashingAlert, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     flashingAlert = flashingAlert !== null && flashingAlert !== void 0 ? flashingAlert : props.flashingAlert;
     return (React.createElement(React.Fragment, null,
         React.createElement(Tabs_1.Tabs, { defaultValue: "up" },

package/src/View/FlashingCell/Wizard/FlashingCellWizard.js

@@ -20,10 +20,10 @@ const isValidFlashingCellRules_1 = require("./isValidFlashingCellRules");
 const FlashingCellRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/FlashingCellRedux"));
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 const FlashingCellWizard = (props) => {
-    const { api } = AdaptableContext_1.useAdaptable();
-    const [flashingCell, setFlashingCell] = react_1.useState(() => {
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
+    const [flashingCell, setFlashingCell] = (0, react_1.useState)(() => {
         let flashingCell = props.data
-            ? Helper_1.cloneObject(props.data)
+            ? (0, Helper_1.cloneObject)(props.data)
             : ObjectFactory_1.default.CreateEmptyFlashingCellDefinition();
         flashingCell = api.flashingCellApi.mergeFlashingCellDefinitionWithDefaults(flashingCell);
         if (!flashingCell.Rule.BooleanExpression && !flashingCell.Rule.Predicate) {
@@ -40,14 +40,14 @@ const FlashingCellWizard = (props) => {
         };
     };
     const updateStyles = {
-        DownChangeStyle: react_1.useCallback(updateProperty('DownChangeStyle'), []),
-        UpChangeStyle: react_1.useCallback(updateProperty('UpChangeStyle'), []),
-        NeutralChangeStyle: react_1.useCallback(updateProperty('NeutralChangeStyle'), []),
+        DownChangeStyle: (0, react_1.useCallback)(updateProperty('DownChangeStyle'), []),
+        UpChangeStyle: (0, react_1.useCallback)(updateProperty('UpChangeStyle'), []),
+        NeutralChangeStyle: (0, react_1.useCallback)(updateProperty('NeutralChangeStyle'), []),
     };
     const flashStyleComponent = (React.createElement(FlashingCellStyleWizardSection_1.FlashingAlertStyleWizardSection, { onStyleChange: (styleName, style) => {
             updateStyles[styleName](style);
         } }));
-    const dispatch = react_redux_1.useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const handleFinish = () => {
         if (props.data) {
             dispatch(FlashingCellRedux.FlashingCellDefinitionEdit(flashingCell));

package/src/View/FormatColumn/FormatColumnSummary.js

@@ -93,4 +93,4 @@ function mapDispatchToProps(dispatch) {
         onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.FormatColumnModuleId, config)),
     };
 }
-exports.FormatColumnSummary = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(FormatColumnSummaryComponent);
+exports.FormatColumnSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(FormatColumnSummaryComponent);

package/src/View/FormatColumn/Wizard/FormatColumnFormatWizardSection.js

@@ -113,7 +113,7 @@ const renderCustomFormatter = (data, customFormatter, setFormatOption) => {
             } })));
 };
 const renderFormatColumnFormatSummary = (data) => {
-    return React.createElement(Tag_1.Tag, null, exports.getFormatColumnFormatSummaryValue(data));
+    return React.createElement(Tag_1.Tag, null, (0, exports.getFormatColumnFormatSummaryValue)(data));
 };
 exports.renderFormatColumnFormatSummary = renderFormatColumnFormatSummary;
 const getFormatDisplayTypeForScope = (scope, api) => {
@@ -126,7 +126,7 @@ const getFormatDisplayTypeForScope = (scope, api) => {
     // need to see if all columns are numeric or date
     if ('ColumnIds' in scope) {
         const columns = scope.ColumnIds.map((c) => api.columnApi.getColumnFromId(c));
-        const columnDataTypes = uniq_1.default(columns.map((c) => c.dataType));
+        const columnDataTypes = (0, uniq_1.default)(columns.map((c) => c.dataType));
         if (columnDataTypes.length == 1 && columnDataTypes[0] == 'Number') {
             return 'Number';
         }
@@ -264,7 +264,7 @@ const renderNumberFormat = (data, onChange, setFormatOption, scopedCustomFormatt
                                 value: typeof data.DisplayFormat.Options.FractionDigits === 'number'
                                     ? data.DisplayFormat.Options.FractionDigits
                                     : '', onChange: (e) => setFormatOption('FractionDigits', StringExtensions_1.default.IsNumeric(e.currentTarget.value)
-                                    ? clamp_1.default(Number(e.currentTarget.value), 0, 20)
+                                    ? (0, clamp_1.default)(Number(e.currentTarget.value), 0, 20)
                                     : undefined) })),
                         React.createElement(FormLayout_1.FormRow, { label: "Integer Digits" },
                             React.createElement(Input_1.default, { type: "number", min: "0", value: data.DisplayFormat.Options.IntegerDigits, onChange: (e) => setFormatOption('IntegerDigits', Number(e.currentTarget.value)) })),
@@ -364,8 +364,8 @@ const renderStringFormat = (data, _onChange, setFormatOption, scopedCustomFormat
 };
 const FormatColumnFormatWizardSection = (props) => {
     var _a, _b, _c;
-    const { data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const formatColumnApi = adaptable.api.formatColumnApi;
     const customDisplayFormatters = (_c = (_b = (_a = adaptable.adaptableOptions) === null || _a === void 0 ? void 0 : _a.userInterfaceOptions) === null || _b === void 0 ? void 0 : _b.customDisplayFormatters) !== null && _c !== void 0 ? _c : [];
     const update = (updated) => {

package/src/View/FormatColumn/Wizard/FormatColumnScopeWizardSection.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
 const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
 const renderFormatColumnScopeSummary = (data) => {
-    return NewScopeComponent_1.renderScopeSummary(data.Scope, {
+    return (0, NewScopeComponent_1.renderScopeSummary)(data.Scope, {
         scopeWholeRow: 'Matching rows will be formatted',
         scopeColumns: 'Cells in selected columns will be formatted',
         scopeDataTypes: 'Cells in columns of the selected data-types will be formatted',
@@ -14,7 +14,7 @@ const renderFormatColumnScopeSummary = (data) => {
 };
 exports.renderFormatColumnScopeSummary = renderFormatColumnScopeSummary;
 const FormatColumnScopeWizardSection = (props) => {
-    const { data } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     return (React.createElement(NewScopeComponent_1.NewScopeComponent, { descriptions: {
             rowScope: 'Apply a style to an entire row',
             columnScope: 'Select columns to format',

package/src/View/FormatColumn/Wizard/FormatColumnSettingsWizardSection.js

@@ -34,7 +34,7 @@ const renderFormatColumnSettingsSummary = (data) => {
 };
 exports.renderFormatColumnSettingsSummary = renderFormatColumnSettingsSummary;
 const FormatColumnSettingsWizardSection = (props) => {
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const onCellAlignmentSelectChanged = (CellAlignment) => {
         props.onChange(Object.assign(Object.assign({}, data), { CellAlignment }));
     };
@@ -45,12 +45,12 @@ const FormatColumnSettingsWizardSection = (props) => {
         let e = event.target;
         props.onChange(Object.assign(Object.assign({}, data), { HeaderName: e.value }));
     };
-    const [hasHeaderName, setHasHeaderName] = react_1.useState(false);
-    react_1.useEffect(() => {
+    const [hasHeaderName, setHasHeaderName] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
         const hasCustomHeaderName = StringExtensions_1.default.IsNotNullOrEmpty(data.HeaderName);
         setHasHeaderName(hasCustomHeaderName);
         if (hasCustomHeaderName) {
-            LoggingHelper_1.ConsoleLogWarning(`DEPRECATED: The 'FormatColumn.HeaderName' property is deprecated; use a Layout custom Column Header instead!`);
+            (0, LoggingHelper_1.ConsoleLogWarning)(`DEPRECATED: The 'FormatColumn.HeaderName' property is deprecated; use a Layout custom Column Header instead!`);
         }
     }, []);
     return (React.createElement(Tabs_1.Tabs, null,

package/src/View/FormatColumn/Wizard/FormatColumnStyleWizardSection.js

@@ -42,7 +42,7 @@ const isFormatColumnStyleValid = (data, api) => {
 };
 exports.isFormatColumnStyleValid = isFormatColumnStyleValid;
 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' });
+    return Object.assign(Object.assign({}, (0, StyleHelper_1.convertAdaptableStyleToCSS)(style !== null && style !== void 0 ? style : {})), { borderWidth: (style === null || style === void 0 ? void 0 : style.BorderColor) ? 2 : 0, borderStyle: 'solid' });
 };
 const getRanges = (ranges) => {
     return ranges.map((r, i) => (React.createElement(rebass_1.Flex, { key: i, alignItems: "center", mr: 3 },
@@ -77,8 +77,8 @@ const getColumnComparison = (columnComparison, api) => {
             } })));
 };
 const renderFormatColumnStyleWizardSummary = (data) => {
-    const { api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
-    return exports.renderFormatColumnStyleSummary(data, api);
+    const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    return (0, exports.renderFormatColumnStyleSummary)(data, api);
 };
 exports.renderFormatColumnStyleWizardSummary = renderFormatColumnStyleWizardSummary;
 const renderFormatColumnStyleSummary = (data, api) => {
@@ -112,7 +112,7 @@ const renderFormatColumnStyleSummary = (data, api) => {
 exports.renderFormatColumnStyleSummary = renderFormatColumnStyleSummary;
 function FormatColumnStyleWizardSection(props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const singleNumericColumn = api.scopeApi.isSingleNumericColumnScope(data.Scope);
     const onlyBooleanColumnsInScope = api.scopeApi.areAllBooleanColumnsInScope(data.Scope) ||
         api.scopeApi.scopeHasOnlyBooleanDataType(data.Scope);
@@ -219,7 +219,7 @@ function FormatColumnStyleWizardSection(props) {
     const onUsePercentStyleColorCheckChanged = (checked) => {
         var _a;
         let percentBarStyle = (_a = data.ColumnStyle) === null || _a === void 0 ? void 0 : _a.PercentBarStyle;
-        percentBarStyle.BackColor = checked ? UIHelper_1.getHexForName(UIHelper_1.GRAY) : null;
+        percentBarStyle.BackColor = checked ? (0, UIHelper_1.getHexForName)(UIHelper_1.GRAY) : null;
         props.onChange(Object.assign(Object.assign({}, data), { ColumnStyle: {
                 PercentBarStyle: percentBarStyle,
             } }));

package/src/View/FormatColumn/Wizard/FormatColumnWizard.js

@@ -19,7 +19,7 @@ const FormatColumnRedux = tslib_1.__importStar(require("../../../Redux/ActionsRe
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 const adjustDisplayFormat = (formatColumn, api) => {
     formatColumn = Object.assign({}, formatColumn);
-    const formatDataType = FormatColumnFormatWizardSection_1.getFormatDisplayTypeForScope(formatColumn.Scope, api);
+    const formatDataType = (0, FormatColumnFormatWizardSection_1.getFormatDisplayTypeForScope)(formatColumn.Scope, api);
     if (!formatDataType && formatColumn.DisplayFormat) {
         formatColumn.DisplayFormat = undefined;
     }
@@ -73,11 +73,11 @@ const adjustFormatColumn = (formatColumn, api) => {
 };
 function FormatColumnWizard(props) {
     var _a, _b;
-    const { api } = AdaptableContext_1.useAdaptable();
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
-    const [formatColumn, doSetFormatColumn] = react_1.useState(() => {
+    const [formatColumn, doSetFormatColumn] = (0, react_1.useState)(() => {
         var _a, _b, _c, _d;
-        let formatColumn = data ? Helper_1.cloneObject(data) : ObjectFactory_1.default.CreateEmptyFormatColumn();
+        let formatColumn = data ? (0, Helper_1.cloneObject)(data) : ObjectFactory_1.default.CreateEmptyFormatColumn();
         formatColumn.Scope = (_a = formatColumn.Scope) !== null && _a !== void 0 ? _a : {
             ColumnIds: [],
         };
@@ -92,7 +92,7 @@ function FormatColumnWizard(props) {
     const setFormatColumn = React.useCallback((formatColumn) => {
         doSetFormatColumn(adjustFormatColumn(formatColumn, api));
     }, []);
-    const dispatch = react_redux_1.useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const handleFinish = () => {
         if (data) {
             dispatch(FormatColumnRedux.FormatColumnEdit(formatColumn));
@@ -125,7 +125,7 @@ function FormatColumnWizard(props) {
             },
             {
                 title: 'Display Format',
-                renderSummary: (data) => FormatColumnFormatWizardSection_1.renderFormatColumnFormatSummary(data),
+                renderSummary: (data) => (0, FormatColumnFormatWizardSection_1.renderFormatColumnFormatSummary)(data),
                 render: () => {
                     return React.createElement(FormatColumnFormatWizardSection_1.FormatColumnFormatWizardSection, { onChange: setFormatColumn });
                 },

package/src/View/FreeTextColumn/FreeTextColumnSummary.js

@@ -90,4 +90,4 @@ function mapDispatchToProps(dispatch) {
         onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.FreeTextColumnModuleId, config)),
     };
 }
-exports.FreeTextColumnSummary = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(FreeTextColumnSummaryComponent);
+exports.FreeTextColumnSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(FreeTextColumnSummaryComponent);

package/src/View/FreeTextColumn/Wizard/FreeTextColumnSettingsWizardSection.js

@@ -61,11 +61,11 @@ const isValidFreeTextColumn = (data, api) => {
 exports.isValidFreeTextColumn = isValidFreeTextColumn;
 const FreeTextColumnSettingsWizardSection = (props) => {
     var _a;
-    const { data, api } = OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const Pattern = api.internalApi.getAdaptableOptions().userInterfaceOptions.dateInputOptions.dateFormat;
-    const [ColumnNameFocused, setColumnNameFocused] = react_1.useState(false);
+    const [ColumnNameFocused, setColumnNameFocused] = (0, react_1.useState)(false);
     const inEdit = props.isEdit;
-    const validCheck = exports.isValidFreeTextColumn(data, api);
+    const validCheck = (0, exports.isValidFreeTextColumn)(data, api);
     const ErrorMessage = validCheck === true ? null : validCheck;
     const handleColumnIdChange = (event) => {
         let e = event.target;
@@ -94,7 +94,7 @@ const FreeTextColumnSettingsWizardSection = (props) => {
         let e = event.target;
         let DefaultValue = e.value;
         if (data.DataType === 'Date') {
-            DefaultValue = FormatHelper_1.DateFormatter(DefaultValue, {
+            DefaultValue = (0, FormatHelper_1.DateFormatter)(DefaultValue, {
                 Pattern,
             });
         }
@@ -127,7 +127,7 @@ const FreeTextColumnSettingsWizardSection = (props) => {
             React.createElement(FormLayout_1.FormRow, { label: "Default Value" }, data.DataType === 'Boolean' ? (React.createElement(CheckBox_1.CheckBox, { checked: !!data.DefaultValue, onChange: (DefaultValue) => {
                     props.onChange(Object.assign(Object.assign({}, data), { DefaultValue }));
                 } })) : (React.createElement(AdaptableInput_1.default, { value: data.DataType === 'Date' && data.DefaultValue
-                    ? DateHelper_1.parseToISO(data.DefaultValue, Pattern) || ''
+                    ? (0, DateHelper_1.parseToISO)(data.DefaultValue, Pattern) || ''
                     : data.DefaultValue || '', style: { width: '100%', maxWidth: 500 }, type: data.DataType === 'Number' ? 'number' : data.DataType === 'Date' ? 'date' : 'text', placeholder: "Default Column Value (not required)", onChange: (e) => handleDefaultValueChange(e) }))),
             React.createElement(FormLayout_1.FormRow, { label: "Header Tooltip" },
                 React.createElement(Input_1.default, { "data-name": "header-tooltip", type: "text", style: { width: '100%', maxWidth: 500 }, value: ((_a = data.FreeTextColumnSettings) === null || _a === void 0 ? void 0 : _a.HeaderToolTip) || '', onChange: (e) => handleSpecialColumnSettingsChange({

package/src/View/FreeTextColumn/Wizard/FreeTextColumnWizard.js

@@ -14,18 +14,18 @@ const react_redux_1 = require("react-redux");
 const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
 const FreeTextColumnWizard = (props) => {
     var _a;
-    const allFreeTextColumns = react_redux_1.useSelector((state) => state.FreeTextColumn.FreeTextColumns);
-    const [freeTextColumn, setFreeTextColumn] = react_1.useState(() => {
+    const allFreeTextColumns = (0, react_redux_1.useSelector)((state) => state.FreeTextColumn.FreeTextColumns);
+    const [freeTextColumn, setFreeTextColumn] = (0, react_1.useState)(() => {
         var _a, _b;
         if (props.data) {
-            return Helper_1.cloneObject(props.data);
+            return (0, Helper_1.cloneObject)(props.data);
         }
         if (((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.action) === 'Edit' && ((_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.column)) {
             return allFreeTextColumns.find((column) => column.ColumnId === props.popupParams.column.columnId);
         }
         return ObjectFactory_1.default.CreateEmptyFreeTextColumn();
     });
-    const dispatch = react_redux_1.useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const isEdit = props.data || ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.action) === 'Edit';
     const handleFinish = () => {
         if (isEdit) {

package/src/View/GridInfo/AdaptableObjectsSummary.js

@@ -8,8 +8,8 @@ const rebass_1 = require("rebass");
 const AdaptableContext_1 = require("../AdaptableContext");
 const AdaptableObjectList_1 = require("../Components/AdaptableObjectList");
 const AdaptableObjectsSummary = () => {
-    const state = react_redux_1.useSelector((state) => state);
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const state = (0, react_redux_1.useSelector)((state) => state);
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const modules = adaptable.ModuleService.getModuleCollection();
     const baseClassName = 'ab-AdaptableObjectsSummary';
     return (React.createElement(rebass_1.Box, { className: baseClassName }, [...modules].map(([moduleName, module]) => {

package/src/View/GridInfo/AdaptableOptionsComponent.js

@@ -69,9 +69,9 @@ const AdaptableOptionsComponent = (props) => {
         });
         return (React.createElement(AdaptableObjectCollection_1.AdaptableObjectCollection, { colItems: getAdaptableOptionsColItems(), items: gridInfoOptionComponents }));
     };
-    const [gridInfoOptions, setGridInfoOptions] = react_1.useState();
-    const [gridInfoContainerComponents, setGridInfoContainerComponents] = react_1.useState();
-    react_1.useEffect(() => {
+    const [gridInfoOptions, setGridInfoOptions] = (0, react_1.useState)();
+    const [gridInfoContainerComponents, setGridInfoContainerComponents] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
         const gridInfoOptions = api.internalApi.getMetamodelService().getGridInfoOptions();
         const gridInfoContainerComponentMap = new Map();
         gridInfoOptions.forEach((gridInfoOptionContainer, containerName) => {
@@ -80,7 +80,7 @@ const AdaptableOptionsComponent = (props) => {
         setGridInfoContainerComponents(gridInfoContainerComponentMap);
         setGridInfoOptions(gridInfoOptions);
     }, []);
-    const [expandedComponentContainer, setExpandedComponentContainer] = react_1.useState('');
+    const [expandedComponentContainer, setExpandedComponentContainer] = (0, react_1.useState)('');
     return (React.createElement(rebass_1.Box, { className: "ab-AdaptableOptions", padding: 2, "data-name": "gridInfo-adaptableOptions-content" }, gridInfoOptions &&
         Array.from(gridInfoOptions.entries()).map(([containerName, container]) => (React.createElement(OptionContainerComponent, { key: containerName, name: containerName, label: container.containerLabel, viewMode: containerName === expandedComponentContainer ? 'expanded' : 'collapsed', onViewModeChange: (newViewMode) => setExpandedComponentContainer(newViewMode === 'expanded' ? containerName : '') }, gridInfoContainerComponents.get(containerName))))));
 };

package/src/View/Layout/EditCurrentLayoutButton.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const AdaptableContext_1 = require("../AdaptableContext");
 const EditCurrentLayoutButton = () => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const handleClick = React.useCallback(() => {
         adaptable.api.layoutApi.showLayoutEditor();
     }, []);

package/src/View/Layout/LayoutCloneButton.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
 const AdaptableContext_1 = require("../AdaptableContext");
 const LayoutCloneButton = ({ data, accessLevel }) => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const isDisabled = accessLevel === 'ReadOnly';
     const handleClick = React.useCallback(() => {
         adaptable.api.layoutApi.showLayoutEditor(data.Name, 'Clone');

package/src/View/Layout/LayoutRadioSelector.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const Radio_1 = tslib_1.__importDefault(require("../../components/Radio"));
 const AdaptableContext_1 = require("../AdaptableContext");
 const LayoutRadioSelector = ({ data }) => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const currentLayout = adaptable.api.layoutApi.getCurrentLayout();
     const layouts = adaptable.api.layoutApi.getAllLayout();
     const isDisabled = (layouts === null || layouts === void 0 ? void 0 : layouts.length) === 1;

package/src/View/Layout/LayoutStatusBarSubPanelPopover.js

@@ -6,7 +6,7 @@ const React = tslib_1.__importStar(require("react"));
 const SelectList_1 = require("../../components/SelectList");
 const AdaptableContext_1 = require("../AdaptableContext");
 const LayoutStatusBarSubPanelPopover = () => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const layouts = adaptable.api.layoutApi.getAllLayout();
     const options = layouts.map((layout) => ({ label: layout.Name, value: layout.Uuid }));
     const handleChange = (option) => {

package/src/View/Layout/LayoutViewPanel.d.ts

@@ -15,5 +15,5 @@ declare class LayoutViewPanelComponent extends React.Component<LayoutViewPanelCo
     render(): any;
     private onSaveLayout;
 }
-export declare let LayoutViewPanelControl: import("react-redux").ConnectedComponent<typeof LayoutViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<LayoutViewPanelComponent> & LayoutViewPanelComponentProps, "api" | "accessLevel" | "moduleInfo" | "viewType" | "onSelectLayout" | "onSaveLayout" | "Layouts" | "CurrentDraftLayout" | "CanSave" | "CurrentLayoutName"> & LayoutViewPanelComponentProps>;
+export declare let LayoutViewPanelControl: import("react-redux").ConnectedComponent<typeof LayoutViewPanelComponent, import("react-redux").Omit<React.ClassAttributes<LayoutViewPanelComponent> & LayoutViewPanelComponentProps, "api" | "Layouts" | "moduleInfo" | "accessLevel" | "viewType" | "onSelectLayout" | "onSaveLayout" | "CurrentDraftLayout" | "CanSave" | "CurrentLayoutName"> & LayoutViewPanelComponentProps>;
 export {};

package/src/View/Layout/LayoutViewPanel.js

@@ -32,7 +32,7 @@ class LayoutViewPanelComponent extends React.Component {
         return (React.createElement(rebass_1.Flex, { flexDirection: "row", className: `ab-${elementType}__Layout__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
             React.createElement(rebass_1.Flex, { flex: 1 },
                 React.createElement(DropdownButton_1.default, { marginRight: 2, columns: ['label'], style: { width: '100%', fontSize: 'small' }, className: `ab-${elementType}__Layout__select`, items: availableLayoutOptions, disabled: availableLayoutOptions.length == 0 }, layoutEntity ? layoutEntity.Name : null)),
-            React.createElement(rebass_1.Flex, { flexDirection: "row", className: join_1.default(this.props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Layout__wrap`) },
+            React.createElement(rebass_1.Flex, { flexDirection: "row", className: (0, join_1.default)(this.props.accessLevel == 'ReadOnly' ? GeneralConstants.READ_ONLY_STYLE : '', `ab-${elementType}__Layout__wrap`) },
                 isManualSaveLayout && (React.createElement(ButtonSave_1.ButtonSave, { className: `ab-${elementType}__Layout__save`, onClick: () => this.onSaveLayout(), tooltip: "Save Changes to Current Layout", disabled: !this.props.CanSave, accessLevel: accessLevel })),
                 React.createElement(ButtonEdit_1.ButtonEdit, { onClick: () => this.props.api.layoutApi.showLayoutEditor(layoutEntity.Name), tooltip: "Edit Layout", className: `ab-${elementType}__Layout__edit`, accessLevel: accessLevel }),
                 React.createElement(ButtonClone_1.ButtonClone, { onClick: () => this.props.api.layoutApi.showLayoutEditor(layoutEntity.Name, 'Clone'), tooltip: "Clone Layout", className: `ab-${elementType}__Layout__clone`, tone: "neutral", variant: "text", children: null, accessLevel: cloneAccessLevel }),
@@ -67,4 +67,4 @@ function mapDispatchToProps(dispatch) {
         },
     };
 }
-exports.LayoutViewPanelControl = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(LayoutViewPanelComponent);
+exports.LayoutViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(LayoutViewPanelComponent);

package/src/View/Layout/SaveLayoutButton.js

@@ -10,12 +10,12 @@ const GridRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/Grid
 const LayoutRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/LayoutRedux"));
 const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
 const SaveLayoutButton = () => {
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const accessLevel = adaptable.api.internalApi
         .getEntitlementService()
         .getEntitlementAccessLevelForModule(ModuleConstants.LayoutModuleId);
-    const dispatch = react_redux_1.useDispatch();
-    const currentDraftLayout = react_redux_1.useSelector((state) => state.Grid.CurrentLayout);
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const currentDraftLayout = (0, react_redux_1.useSelector)((state) => state.Grid.CurrentLayout);
     const isManualSaveLayout = !adaptable.api.layoutApi.shouldAutoSaveLayout(currentDraftLayout);
     const handleSave = React.useCallback((layout) => {
         dispatch(LayoutRedux.LayoutSave(layout));

package/src/View/Layout/Wizard/Components/ColumnLabels.js

@@ -20,7 +20,7 @@ const ColumnLabels = (props) => {
         [flexDirection === 'row' ? 'alignItems' : 'justifyContent']: 'center',
     };
     return (React.createElement(rebass_1.Flex, Object.assign({ flexDirection: flexDirection }, flexProps, { width: "100%" }),
-        showTitle ? (React.createElement(rebass_1.Text, { mr: 2 }, AdaptableContext_1.useAdaptable().api.internalApi.getCorrectEnglishVariant('Behaviours:'))) : null,
+        showTitle ? (React.createElement(rebass_1.Text, { mr: 2 }, (0, AdaptableContext_1.useAdaptable)().api.internalApi.getCorrectEnglishVariant('Behaviours:'))) : null,
         labels.map((l, index) => {
             const enabled = !!l;
             const labelName = labelNames[index];

package/src/View/Layout/Wizard/LayoutWizard.js

@@ -20,15 +20,15 @@ const SortSection_1 = require("./sections/SortSection");
 const FilterSection_1 = require("./sections/FilterSection");
 const LayoutWizard = (props) => {
     var _a, _b;
-    const dispatch = react_redux_1.useDispatch();
-    const adaptable = AdaptableContext_1.useAdaptable();
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const allLayouts = adaptable.api.layoutApi.getAllLayout();
     const initialLayout = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
-    const [layout, setLayout] = react_1.useState(() => {
+    const [layout, setLayout] = (0, react_1.useState)(() => {
         var _a;
         let preparedLayout = null;
         if (initialLayout) {
-            preparedLayout = Helper_1.cloneObject(initialLayout);
+            preparedLayout = (0, Helper_1.cloneObject)(initialLayout);
             if (((_a = props === null || props === void 0 ? void 0 : props.popupParams) === null || _a === void 0 ? void 0 : _a.action) === 'Clone') {
                 preparedLayout.Name = '';
             }
@@ -112,7 +112,7 @@ const LayoutWizard = (props) => {
                 title: 'Aggregations',
                 details: 'Select Column Aggregations',
                 renderSummary: () => React.createElement(AggregationsSection_1.AggregationsSectionSummary, null),
-                isValid: (data) => AggregationsSection_1.isAggregationsSectionValid(data),
+                isValid: (data) => (0, AggregationsSection_1.isAggregationsSectionValid)(data),
                 render: () => (React.createElement(rebass_1.Box, { p: 2, style: { height: '100%' } },
                     React.createElement(AggregationsSection_1.AggregationsSection, { onChange: setLayout }))),
             },