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

package/src/View/CalculatedColumn/Wizard/CalculatedColumnWizard.js

@@ -1,34 +1,38 @@
-import * as React from 'react';
-import { useState } from 'react';
-import { Box } from 'rebass';
-import { cloneObject } from '../../../Utilities/Helpers/Helper';
-import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
-import { CalculatedColumnExpressionWizardSection, isValidCalculatedColumnExpression, renderCalculatedColumnExpressionSummary, } from './CalculatedColumnExpressionWizardSection';
-import { CalculatedColumnDefinitionWizardSection, isValidCalculatedColumnDefinition, renderCalculatedColumnDefinitionSummary, } from './CalculatedColumnDefinitionWizardSection';
-import { useAdaptable } from '../../AdaptableContext';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
-import { useDispatch, useSelector } from 'react-redux';
-import * as CalculatedColumnRedux from '../../../Redux/ActionsReducers/CalculatedColumnRedux';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
-import { CalculatedColumnSettingsWizardSection, isValidCalculatedColumnSettings, renderCalculatedColumnSettingsSummary, } from './CalculatedColumnSettingsWizardSection';
-import { getExpressionType } from '../utils';
-import { Humanize } from '../../../Utilities/Extensions/StringExtensions';
-import { Tag } from '../../../components/Tag';
-import { CalculatedColumnTypeWizardSection } from './CalculatedColumnTypeSection';
-export const calculatedColumnTypes = [
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalculatedColumnWizard = exports.calculatedColumnTypes = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const rebass_1 = require("rebass");
+const Helper_1 = require("../../../Utilities/Helpers/Helper");
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const CalculatedColumnExpressionWizardSection_1 = require("./CalculatedColumnExpressionWizardSection");
+const CalculatedColumnDefinitionWizardSection_1 = require("./CalculatedColumnDefinitionWizardSection");
+const AdaptableContext_1 = require("../../AdaptableContext");
+const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
+const react_redux_1 = require("react-redux");
+const CalculatedColumnRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/CalculatedColumnRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
+const CalculatedColumnSettingsWizardSection_1 = require("./CalculatedColumnSettingsWizardSection");
+const utils_1 = require("../utils");
+const StringExtensions_1 = require("../../../Utilities/Extensions/StringExtensions");
+const Tag_1 = require("../../../components/Tag");
+const CalculatedColumnTypeSection_1 = require("./CalculatedColumnTypeSection");
+exports.calculatedColumnTypes = [
     'ScalarExpression',
     'AggregatedScalarExpression',
     'CumulativeAggregatedExpression',
     'QuantileAggregatedExpression',
 ];
-export const CalculatedColumnWizard = (props) => {
+const CalculatedColumnWizard = (props) => {
     var _a;
-    const adaptable = useAdaptable();
-    const allCalculatedColumns = useSelector((state) => state.CalculatedColumn.CalculatedColumns);
-    const [calculatedColumn, setCalculatedColumn] = useState(() => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const allCalculatedColumns = (0, react_redux_1.useSelector)((state) => state.CalculatedColumn.CalculatedColumns);
+    const [calculatedColumn, setCalculatedColumn] = (0, react_1.useState)(() => {
         var _a;
         if (props.data) {
-            return cloneObject(props.data);
+            return (0, Helper_1.cloneObject)(props.data);
         }
         if ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.column) {
             const calculatedColumn = allCalculatedColumns.find((calculatedColumn) => calculatedColumn.ColumnId === props.popupParams.column.columnId);
@@ -36,9 +40,9 @@ export const CalculatedColumnWizard = (props) => {
                 return calculatedColumn;
             }
         }
-        return ObjectFactory.CreateEmptyCalculatedColumn();
+        return ObjectFactory_1.default.CreateEmptyCalculatedColumn();
     });
-    const dispatch = useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const isEdit = Boolean(props.data) || ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.action) === 'Edit';
     const handleFinish = () => {
         if (isEdit) {
@@ -49,9 +53,9 @@ export const CalculatedColumnWizard = (props) => {
         }
         props.onCloseWizard();
     };
-    const [expressionType, setExpressionType] = useState(() => {
+    const [expressionType, setExpressionType] = (0, react_1.useState)(() => {
         var _a;
-        return (_a = getExpressionType(props.data, adaptable.api)) !== null && _a !== void 0 ? _a : 'ScalarExpression';
+        return (_a = (0, utils_1.getExpressionType)(props.data, adaptable.api)) !== null && _a !== void 0 ? _a : 'ScalarExpression';
     });
     const handleExpressionTypeChange = (type) => {
         setExpressionType(type);
@@ -67,64 +71,65 @@ export const CalculatedColumnWizard = (props) => {
                 } }));
         }
     };
-    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: calculatedColumn, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: calculatedColumn, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Type',
                 renderSummary: () => {
-                    return (React.createElement(Box, null,
+                    return (React.createElement(rebass_1.Box, null,
                         "Expression Type: ",
-                        React.createElement(Tag, null, Humanize(expressionType))));
+                        React.createElement(Tag_1.Tag, null, (0, StringExtensions_1.Humanize)(expressionType))));
                 },
                 render: () => {
-                    return (React.createElement(Box, { p: 2 },
-                        React.createElement(CalculatedColumnTypeWizardSection, { type: expressionType, onTypeChange: handleExpressionTypeChange })));
+                    return (React.createElement(rebass_1.Box, { p: 2 },
+                        React.createElement(CalculatedColumnTypeSection_1.CalculatedColumnTypeWizardSection, { type: expressionType, onTypeChange: handleExpressionTypeChange })));
                 },
             },
             {
-                title: 'Definition',
-                details: 'Specify Column details',
-                isValid: isValidCalculatedColumnDefinition,
-                renderSummary: renderCalculatedColumnDefinitionSummary,
+                title: 'Details',
+                details: 'Specify Calculated Column details',
+                isValid: CalculatedColumnDefinitionWizardSection_1.isValidCalculatedColumnDefinition,
+                renderSummary: CalculatedColumnDefinitionWizardSection_1.renderCalculatedColumnDefinitionSummary,
                 render: () => {
-                    return (React.createElement(Box, { padding: 2 },
-                        React.createElement(CalculatedColumnDefinitionWizardSection, { isEdit: isEdit, onChange: setCalculatedColumn })));
+                    return (React.createElement(rebass_1.Box, { padding: 2 },
+                        React.createElement(CalculatedColumnDefinitionWizardSection_1.CalculatedColumnDefinitionWizardSection, { isEdit: isEdit, onChange: setCalculatedColumn })));
                 },
             },
             {
                 title: 'Expression',
                 details: 'Specify the Calculated Column Expression',
-                isValid: isValidCalculatedColumnExpression,
-                renderSummary: renderCalculatedColumnExpressionSummary,
+                isValid: CalculatedColumnExpressionWizardSection_1.isValidCalculatedColumnExpression,
+                renderSummary: CalculatedColumnExpressionWizardSection_1.renderCalculatedColumnExpressionSummary,
                 render: () => {
-                    return (React.createElement(Box, { p: 2 },
-                        React.createElement(CalculatedColumnExpressionWizardSection, { expressionType: expressionType, onChange: setCalculatedColumn })));
+                    return (React.createElement(rebass_1.Box, { height: "100%", p: 2 },
+                        React.createElement(CalculatedColumnExpressionWizardSection_1.CalculatedColumnExpressionWizardSection, { expressionType: expressionType, onChange: setCalculatedColumn })));
                 },
             },
             {
                 title: 'Settings',
                 details: 'Specify Column properties',
-                isValid: isValidCalculatedColumnSettings,
-                renderSummary: renderCalculatedColumnSettingsSummary,
+                isValid: CalculatedColumnSettingsWizardSection_1.isValidCalculatedColumnSettings,
+                renderSummary: CalculatedColumnSettingsWizardSection_1.renderCalculatedColumnSettingsSummary,
                 render: () => {
-                    return (React.createElement(Box, { padding: 2 },
-                        React.createElement(CalculatedColumnSettingsWizardSection, { isEdit: isEdit, onChange: setCalculatedColumn })));
+                    return (React.createElement(rebass_1.Box, { padding: 2 },
+                        React.createElement(CalculatedColumnSettingsWizardSection_1.CalculatedColumnSettingsWizardSection, { isEdit: isEdit, onChange: setCalculatedColumn })));
                 },
             },
             {
                 details: 'Select Calculated Column Tags',
                 title: 'Tags',
                 isVisible: () => adaptable.api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection, { onChange: setCalculatedColumn }))),
-                renderSummary: renderObjectTagsSummary,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setCalculatedColumn }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
             },
             '-',
             {
                 render: () => {
-                    return (React.createElement(Box, { padding: 2 },
-                        React.createElement(OnePageWizardSummary, null)));
+                    return (React.createElement(rebass_1.Box, { padding: 2 },
+                        React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));
                 },
                 title: 'Summary',
             },
         ] }));
 };
+exports.CalculatedColumnWizard = CalculatedColumnWizard;

package/src/View/CalculatedColumn/utils.js

@@ -1,4 +1,7 @@
-export const getExpressionType = (calculatedColumn, api) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getExpressionType = void 0;
+const getExpressionType = (calculatedColumn, api) => {
     var _a;
     return ((_a = calculatedColumn === null || calculatedColumn === void 0 ? void 0 : calculatedColumn.Query) === null || _a === void 0 ? void 0 : _a.AggregatedScalarExpression) == undefined
         ? 'ScalarExpression'
@@ -8,3 +11,4 @@ export const getExpressionType = (calculatedColumn, api) => {
                 ? 'QuantileAggregatedExpression'
                 : 'AggregatedScalarExpression';
 };
+exports.getExpressionType = getExpressionType;

package/src/View/CellSummary/CellSummaryDetails.js

@@ -1,6 +1,10 @@
-import * as React from 'react';
-import EmptyContent from '../../components/EmptyContent';
-import { DataSource, InfiniteTable } from '../../components/InfiniteTable';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellSummaryDetails = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const EmptyContent_1 = tslib_1.__importDefault(require("../../components/EmptyContent"));
+const InfiniteTable_1 = require("../../components/InfiniteTable");
 const columnsMap = new Map([
     ['Operation', { field: 'Operation', defaultFlex: 1 }],
     ['Value', { field: 'Value', defaultFlex: 1 }],
@@ -12,7 +16,7 @@ const tableDOMProps = {
         minHeight: 380,
     },
 };
-export class CellSummaryDetails extends React.Component {
+class CellSummaryDetails extends React.Component {
     render() {
         let data = [];
         if (this.props.CellSummary != null) {
@@ -23,8 +27,9 @@ export class CellSummaryDetails extends React.Component {
                 };
             });
         }
-        return (React.createElement(React.Fragment, null, this.props.CellSummary != null ? (React.createElement(DataSource, { data: data, primaryKey: "Operation" },
-            React.createElement(InfiniteTable, { domProps: tableDOMProps, columns: columnsMap }))) : (React.createElement(EmptyContent, null,
+        return (React.createElement(React.Fragment, null, this.props.CellSummary != null ? (React.createElement(InfiniteTable_1.DataSource, { data: data, primaryKey: "Operation" },
+            React.createElement(InfiniteTable_1.InfiniteTable, { domProps: tableDOMProps, columns: columnsMap }))) : (React.createElement(EmptyContent_1.default, null,
             React.createElement("p", null, "No cells are selected - please select some cells.")))));
     }
 }
+exports.CellSummaryDetails = CellSummaryDetails;

package/src/View/CellSummary/CellSummaryPopover.js

@@ -1,5 +1,10 @@
-import * as React from 'react';
-import { CellSummaryDetails } from './CellSummaryDetails';
-export const CellSummaryPopover = (props) => {
-    return React.createElement(CellSummaryDetails, { CellSummary: props.CellSummary });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellSummaryPopover = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const CellSummaryDetails_1 = require("./CellSummaryDetails");
+const CellSummaryPopover = (props) => {
+    return React.createElement(CellSummaryDetails_1.CellSummaryDetails, { CellSummary: props.CellSummary });
 };
+exports.CellSummaryPopover = CellSummaryPopover;

package/src/View/CellSummary/CellSummaryPopup.js

@@ -1,8 +1,12 @@
-import * as React from 'react';
-import { connect } from 'react-redux';
-import * as GridRedux from '../../Redux/ActionsReducers/GridRedux';
-import { CellSummaryDetails } from './CellSummaryDetails';
-import { PanelWithButton } from '../Components/Panels/PanelWithButton';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellSummaryPopup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const GridRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/GridRedux"));
+const CellSummaryDetails_1 = require("./CellSummaryDetails");
+const PanelWithButton_1 = require("../Components/Panels/PanelWithButton");
 class CellSummaryPopupComponent extends React.Component {
     componentDidMount() {
         var _a, _b, _c;
@@ -16,8 +20,8 @@ class CellSummaryPopupComponent extends React.Component {
         this.props.onCreateCellSummary();
     }
     render() {
-        return (React.createElement(PanelWithButton, { headerText: this.props.moduleInfo.FriendlyName, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() },
-            React.createElement(CellSummaryDetails, { CellSummary: this.props.CellSummary })));
+        return (React.createElement(PanelWithButton_1.PanelWithButton, { headerText: this.props.moduleInfo.FriendlyName, glyphicon: this.props.moduleInfo.Glyph, infoLink: this.props.moduleInfo.HelpPage, infoLinkDisabled: !this.props.api.internalApi.isDocumentationLinksDisplayed() },
+            React.createElement(CellSummaryDetails_1.CellSummaryDetails, { CellSummary: this.props.CellSummary })));
     }
 }
 function mapStateToProps(state, ownProps) {
@@ -30,4 +34,4 @@ function mapDispatchToProps(dispatch) {
         onCreateCellSummary: () => dispatch(GridRedux.GridCreateCellSummary()),
     };
 }
-export let CellSummaryPopup = connect(mapStateToProps, mapDispatchToProps)(CellSummaryPopupComponent);
+exports.CellSummaryPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(CellSummaryPopupComponent);

package/src/View/CellSummary/CellSummaryStatusBarSubPanelPopover.js

@@ -1,11 +1,16 @@
-import * as React from 'react';
-import { CellSummaryDetails } from './CellSummaryDetails';
-import { useSelector } from 'react-redux';
-export const CellSummaryStatusBarSubPanelPopover = () => {
-    const cellSummary = useSelector((state) => state.Grid.CellSummary);
-    const summary = React.createElement(CellSummaryDetails, { CellSummary: cellSummary });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellSummaryStatusBarSubPanelPopover = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const CellSummaryDetails_1 = require("./CellSummaryDetails");
+const react_redux_1 = require("react-redux");
+const CellSummaryStatusBarSubPanelPopover = () => {
+    const cellSummary = (0, react_redux_1.useSelector)((state) => state.Grid.CellSummary);
+    const summary = React.createElement(CellSummaryDetails_1.CellSummaryDetails, { CellSummary: cellSummary });
     return cellSummary && cellSummary.Count ? (summary) : (
     // the extra wrapper is added because the empty text is rendered
     // inside a  EmptyContent, hat has position absolute
     React.createElement("div", { style: { position: 'relative', width: '100%', height: 80 } }, summary));
 };
+exports.CellSummaryStatusBarSubPanelPopover = CellSummaryStatusBarSubPanelPopover;

package/src/View/CellSummary/CellSummaryStatusPanel.js

@@ -1,14 +1,18 @@
-import * as React from 'react';
-import { useDispatch } from 'react-redux';
-import { useAdaptable } from '../AdaptableContext';
-import { StatusBarPanel } from '../StatusBar/StatusBarPanel';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import * as GridRedux from '../../Redux/ActionsReducers/GridRedux';
-import { CellSummaryStatusBarSubPanelPopover } from './CellSummaryStatusBarSubPanelPopover';
-export const CellSummaryStatusPanel = () => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellSummaryStatusPanel = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const AdaptableContext_1 = require("../AdaptableContext");
+const StatusBarPanel_1 = require("../StatusBar/StatusBarPanel");
+const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
+const GridRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/GridRedux"));
+const CellSummaryStatusBarSubPanelPopover_1 = require("./CellSummaryStatusBarSubPanelPopover");
+const CellSummaryStatusPanel = () => {
     var _a;
-    const adaptable = useAdaptable();
-    const dispatch = useDispatch();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const cellSummaryApi = adaptable.api.cellSummaryApi;
     const module = adaptable.ModuleService.getModuleById(ModuleConstants.CellSummaryModuleId);
     const text = `${cellSummaryApi.getCurrentCellSummaryOperation()}: ${(_a = cellSummaryApi.getCurrentCellSummaryOperationValue()) !== null && _a !== void 0 ? _a : 'N/A'}`;
@@ -28,5 +32,6 @@ export const CellSummaryStatusPanel = () => {
         checkSelectedCells();
         return () => cleanupEvent === null || cleanupEvent === void 0 ? void 0 : cleanupEvent();
     }, []);
-    return (React.createElement(StatusBarPanel, { tooltip: module.moduleInfo.ModuleName, "data-name": module.moduleInfo.ModuleName, icon: module.moduleInfo.Glyph, onAction: onAction, content: text, popover: CellSummaryStatusBarSubPanelPopover, popoverMinWidth: 360 }));
+    return (React.createElement(StatusBarPanel_1.StatusBarPanel, { tooltip: module.moduleInfo.ModuleName, "data-name": module.moduleInfo.ModuleName, icon: module.moduleInfo.Glyph, onAction: onAction, content: text, popover: CellSummaryStatusBarSubPanelPopover_1.CellSummaryStatusBarSubPanelPopover, popoverMinWidth: 360 }));
 };
+exports.CellSummaryStatusPanel = CellSummaryStatusPanel;

package/src/View/CellSummary/CellSummaryViewPanel.js

@@ -1,15 +1,19 @@
-import * as React from 'react';
-import { EnumExtensions } from '../../Utilities/Extensions/EnumExtensions';
-import { SummaryOperation } from '../../PredefinedConfig/Common/Enums';
-import ArrayExtensions from '../../Utilities/Extensions/ArrayExtensions';
-import { CellSummaryPopover } from './CellSummaryPopover';
-import { Flex } from 'rebass';
-import * as GeneralConstants from '../../Utilities/Constants/GeneralConstants';
-import DropdownButton from '../../components/DropdownButton';
-import { AdaptablePopover } from '../AdaptablePopover';
-import * as SystemRedux from '../../Redux/ActionsReducers/SystemRedux';
-import * as GridRedux from '../../Redux/ActionsReducers/GridRedux';
-import { connect } from 'react-redux';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CellSummaryViewPanelControl = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const EnumExtensions_1 = require("../../Utilities/Extensions/EnumExtensions");
+const Enums_1 = require("../../PredefinedConfig/Common/Enums");
+const ArrayExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/ArrayExtensions"));
+const CellSummaryPopover_1 = require("./CellSummaryPopover");
+const rebass_1 = require("rebass");
+const GeneralConstants = tslib_1.__importStar(require("../../Utilities/Constants/GeneralConstants"));
+const AdaptablePopover_1 = require("../AdaptablePopover");
+const SystemRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/SystemRedux"));
+const GridRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/GridRedux"));
+const react_redux_1 = require("react-redux");
+const Select_1 = require("../../components/Select");
 class CellSummaryViewPanelComponent extends React.Component {
     constructor(props) {
         super(props);
@@ -28,22 +32,22 @@ class CellSummaryViewPanelComponent extends React.Component {
         (_a = this.cleanupEvent) === null || _a === void 0 ? void 0 : _a.call(this);
     }
     render() {
-        let operationMenuItems = EnumExtensions.getNames(SummaryOperation).map((summaryOperation, index) => {
+        let operationMenuItems = EnumExtensions_1.EnumExtensions.getNames(Enums_1.SummaryOperation).map((summaryOperation, index) => {
             return {
                 label: summaryOperation,
-                onClick: () => this.props.onCellSummaryOperationChange(summaryOperation),
+                value: summaryOperation,
             };
         });
         const cellSummaryOperationDefinitions = this.props.api.cellSummaryApi.getCellSummaryOperationDefinitions();
-        const operationDefinitions = ArrayExtensions.IsNullOrEmpty(cellSummaryOperationDefinitions)
+        const operationDefinitions = ArrayExtensions_1.default.IsNullOrEmpty(cellSummaryOperationDefinitions)
             ? []
             : cellSummaryOperationDefinitions.map((operationDefinition) => {
                 return {
-                    onClick: () => this.props.onCellSummaryOperationChange(operationDefinition.operationName),
+                    value: operationDefinition.operationName,
                     label: operationDefinition.operationName,
                 };
             });
-        let cellSummaryPopover = React.createElement(CellSummaryPopover, { CellSummary: this.props.CellSummary });
+        let cellSummaryPopover = React.createElement(CellSummaryPopover_1.CellSummaryPopover, { CellSummary: this.props.CellSummary });
         let shouldDisable = this.props.accessLevel == 'ReadOnly' ||
             this.props.api.internalApi.isGridInPivotMode() ||
             this.props.CellSummary == null;
@@ -55,15 +59,15 @@ class CellSummaryViewPanelComponent extends React.Component {
             if (operationValue == undefined) {
                 return;
             }
-            return this.props.viewType === 'ToolPanel' ? (React.createElement(Flex, { className: `ab-${elementType}__CellSummary__value`, style: { borderRadius: 'var(--ab__border-radius)' }, marginRight: 2, padding: 2, color: 'var( --ab-color-text-on-info)', backgroundColor: 'var(--ab-color-info)', fontSize: 'var( --ab-font-size-2)' }, operationValue)) : (React.createElement(Flex, { flex: 1, marginRight: 2, marginLeft: 1, justifyContent: "center", className: `ab-${elementType}__CellSummary__value`, color: 'var(--ab-color-text-on-primary)' }, operationValue));
+            return this.props.viewType === 'ToolPanel' ? (React.createElement(rebass_1.Flex, { className: `ab-${elementType}__CellSummary__value`, style: { borderRadius: 'var(--ab__border-radius)' }, marginRight: 2, padding: 2, color: 'var( --ab-color-text-on-info)', backgroundColor: 'var(--ab-color-info)', fontSize: 'var( --ab-font-size-2)' }, operationValue)) : (React.createElement(rebass_1.Flex, { flex: 1, marginRight: 2, marginLeft: 1, justifyContent: "center", className: `ab-${elementType}__CellSummary__value`, color: 'var(--ab-color-text-on-primary)' }, operationValue));
         };
         const elementType = this.props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-        return (React.createElement(Flex, { flexDirection: "row", className: shouldDisable ? GeneralConstants.READ_ONLY_STYLE : `ab-${elementType}__CellSummary__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
-            React.createElement(Flex, { flex: 1 },
-                React.createElement(DropdownButton, { style: { fontSize: 'small', width: '100%' }, marginRight: 2, columns: ['label'], className: `ab-${elementType}__CellSummary__select`, items: [...operationMenuItems, ...operationDefinitions], disabled: shouldDisable, variant: "outlined", tone: 'neutral' }, this.props.CellSummaryOperation)),
-            React.createElement(Flex, { alignItems: "center" }, React.createElement(React.Fragment, null,
+        return (React.createElement(rebass_1.Flex, { flexDirection: "row", className: shouldDisable ? GeneralConstants.READ_ONLY_STYLE : `ab-${elementType}__CellSummary__wrap`, flexWrap: this.props.viewType === 'ToolPanel' ? 'wrap' : 'nowrap' },
+            React.createElement(rebass_1.Flex, { flex: 1 },
+                React.createElement(Select_1.Select, { style: { width: '100%' }, className: `ab-${elementType}__CellSummary__select`, disabled: shouldDisable, options: [...operationMenuItems, ...operationDefinitions], onChange: (x) => this.props.onCellSummaryOperationChange(x), value: this.props.CellSummaryOperation })),
+            React.createElement(rebass_1.Flex, { alignItems: "center", ml: 2 }, React.createElement(React.Fragment, null,
                 renderOperationValue(),
-                this.props.CellSummary != null && this.props.CellSummary.Count > 0 && (React.createElement(AdaptablePopover, { popoverMaxWidth: 360, className: "ab-ToolPanel__CellSummary__info", bodyText: [cellSummaryPopover], useButton: true, showEvent: 'focus', hideEvent: "blur" }))))));
+                this.props.CellSummary != null && this.props.CellSummary.Count > 0 && (React.createElement(AdaptablePopover_1.AdaptablePopover, { popoverMaxWidth: 360, className: "ab-ToolPanel__CellSummary__info", bodyText: [cellSummaryPopover], useButton: true, showEvent: 'focus', hideEvent: "blur" }))))));
     }
     checkSelectedCells() {
         this.props.onCreateCellSummary();
@@ -86,4 +90,4 @@ function mapDispatchToProps(dispatch) {
         onCreateCellSummary: () => dispatch(GridRedux.GridCreateCellSummary()),
     };
 }
-export let CellSummaryViewPanelControl = connect(mapStateToProps, mapDispatchToProps)(CellSummaryViewPanelComponent);
+exports.CellSummaryViewPanelControl = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(CellSummaryViewPanelComponent);

package/src/View/Charting/ChartingStatusBarPopover.js

@@ -1,23 +1,28 @@
-import * as React from 'react';
-import { useAdaptable } from '../AdaptableContext';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import { useChartingElements } from './useChartingElements';
-import { Box, Flex } from 'rebass';
-export const ChartingStatusBarPopover = (props) => {
-    const adaptable = useAdaptable();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartingStatusBarPopover = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const AdaptableContext_1 = require("../AdaptableContext");
+const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
+const useChartingElements_1 = require("./useChartingElements");
+const rebass_1 = require("rebass");
+const ChartingStatusBarPopover = (props) => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const accessLevel = adaptable.api.internalApi
         .getEntitlementService()
         .getEntitlementAccessLevelForModule(ModuleConstants.ChartingModuleId);
-    const { chartSelector, containerSelector, chartButton, deleteButton, editButton } = useChartingElements({
+    const { chartSelector, containerSelector, chartButton, deleteButton, editButton } = (0, useChartingElements_1.useChartingElements)({
         elementType: 'Statusbar',
         accessLevel: accessLevel,
         size: 'small',
     });
-    return (React.createElement(Flex, { width: "100%", alignItems: "center" },
-        React.createElement(Box, null, chartSelector),
-        containerSelector && React.createElement(Box, { ml: 1 }, containerSelector),
-        React.createElement(Box, { ml: 1 },
+    return (React.createElement(rebass_1.Flex, { width: "100%", alignItems: "center" },
+        React.createElement(rebass_1.Box, null, chartSelector),
+        containerSelector && React.createElement(rebass_1.Box, { ml: 1 }, containerSelector),
+        React.createElement(rebass_1.Box, { ml: 1 },
             chartButton,
             deleteButton,
             editButton)));
 };
+exports.ChartingStatusBarPopover = ChartingStatusBarPopover;

package/src/View/Charting/ChartingViewPanel.js

@@ -1,25 +1,30 @@
-import * as React from 'react';
-import { Box, Flex } from 'rebass';
-import { useChartingElements } from './useChartingElements';
-export const ChartingViewPanel = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChartingViewPanel = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const useChartingElements_1 = require("./useChartingElements");
+const ChartingViewPanel = (props) => {
     const elementType = props.viewType === 'Toolbar' ? 'DashboardToolbar' : 'ToolPanel';
-    const { chartSelector, containerSelector, chartButton, deleteButton, editButton } = useChartingElements({ elementType, accessLevel: props.accessLevel });
+    const { chartSelector, containerSelector, chartButton, deleteButton, editButton } = (0, useChartingElements_1.useChartingElements)({ elementType, accessLevel: props.accessLevel });
     if (elementType === 'DashboardToolbar') {
-        return (React.createElement(Flex, { width: "100%", alignItems: "center" },
-            React.createElement(Box, null, chartSelector),
-            containerSelector && React.createElement(Box, { ml: 1 }, containerSelector),
-            React.createElement(Box, { ml: 1 },
+        return (React.createElement(rebass_1.Flex, { width: "100%", alignItems: "center" },
+            React.createElement(rebass_1.Box, null, chartSelector),
+            containerSelector && React.createElement(rebass_1.Box, { ml: 1 }, containerSelector),
+            React.createElement(rebass_1.Box, { ml: 1 },
                 chartButton,
                 deleteButton,
                 editButton)));
     }
-    return (React.createElement(Flex, { flexDirection: "column", width: "100%" },
-        React.createElement(Box, { mb: 1 }, chartSelector),
-        containerSelector && React.createElement(Box, { mb: 1 }, containerSelector),
-        React.createElement(Box, null,
+    return (React.createElement(rebass_1.Flex, { flexDirection: "column", width: "100%" },
+        React.createElement(rebass_1.Box, { mb: 1 }, chartSelector),
+        containerSelector && React.createElement(rebass_1.Box, { mb: 1 }, containerSelector),
+        React.createElement(rebass_1.Box, null,
             chartButton,
             " ",
             deleteButton,
             " ",
             editButton)));
 };
+exports.ChartingViewPanel = ChartingViewPanel;

package/src/View/Charting/ChartingWizard/AgChargingWizard/AgChargingWizard.js

@@ -1,12 +1,16 @@
-import * as React from 'react';
-import { Box } from 'rebass';
-import { useAdaptable } from '../../../AdaptableContext';
-import { OnePageAdaptableWizard } from '../../../Wizard/OnePageAdaptableWizard';
-import { PreviewChartSection } from './PreviewChartSection';
-import { isSettingsValid, SettingsSection } from './SettingsSection';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../../Wizard/ObjectTagsWizardSection';
-export const AgChargingWizard = (props) => {
-    const adaptable = useAdaptable();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AgChargingWizard = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const AdaptableContext_1 = require("../../../AdaptableContext");
+const OnePageAdaptableWizard_1 = require("../../../Wizard/OnePageAdaptableWizard");
+const PreviewChartSection_1 = require("./PreviewChartSection");
+const SettingsSection_1 = require("./SettingsSection");
+const ObjectTagsWizardSection_1 = require("../../../Wizard/ObjectTagsWizardSection");
+const AgChargingWizard = (props) => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const [chartDefinition, setChartDefinition] = React.useState(() => {
         var _a, _b;
         return (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
@@ -15,28 +19,29 @@ export const AgChargingWizard = (props) => {
         adaptable.api.chartingApi.editChartDefinition(chartDefinition);
         props.onFinishWizard(chartDefinition);
     }, [chartDefinition]);
-    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: chartDefinition, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: chartDefinition, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Settings',
                 details: 'Chart Settings',
-                isValid: isSettingsValid,
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(SettingsSection, { chartDefinition: chartDefinition, onChange: setChartDefinition }))),
+                isValid: SettingsSection_1.isSettingsValid,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(SettingsSection_1.SettingsSection, { chartDefinition: chartDefinition, onChange: setChartDefinition }))),
             },
             {
                 details: 'Select Chart Tags',
                 title: 'Tags',
                 isVisible: () => adaptable.api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection, { onChange: setChartDefinition }))),
-                renderSummary: renderObjectTagsSummary,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setChartDefinition }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
             },
             '-',
             {
                 title: 'Preview Chart',
                 details: 'Chart Preview',
-                render: () => (React.createElement(Box, { p: 2 },
-                    React.createElement(PreviewChartSection, { chartDefinition: chartDefinition, onChange: setChartDefinition }))),
+                render: () => (React.createElement(rebass_1.Box, { p: 2 },
+                    React.createElement(PreviewChartSection_1.PreviewChartSection, { chartDefinition: chartDefinition, onChange: setChartDefinition }))),
             },
         ] }));
 };
+exports.AgChargingWizard = AgChargingWizard;