@adaptabletools/adaptable 17.0.6 → 18.0.0-canary.1

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

@@ -1,29 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalculatedColumnDefinitionWizardSection = exports.isValidCalculatedColumnDefinition = exports.renderCalculatedColumnDefinitionSummary = 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 OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
-const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
-const CheckBox_1 = require("../../../components/CheckBox");
-const ErrorBox_1 = tslib_1.__importDefault(require("../../../components/ErrorBox"));
-const Tabs_1 = require("../../../components/Tabs");
-const Tag_1 = require("../../../components/Tag");
-const renderCalculatedColumnDefinitionSummary = (data) => {
+import * as React from 'react';
+import { useState } from 'react';
+import { Box, Flex } from 'rebass';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import FormLayout, { FormRow } from '../../../components/FormLayout';
+import Input from '../../../components/Input';
+import { CheckBox } from '../../../components/CheckBox';
+import ErrorBox from '../../../components/ErrorBox';
+import { Tabs } from '../../../components/Tabs';
+import { Tag } from '../../../components/Tag';
+export const renderCalculatedColumnDefinitionSummary = (data) => {
     var _a;
-    return (React.createElement(rebass_1.Box, { fontSize: 2 },
-        React.createElement(rebass_1.Box, null,
+    return (React.createElement(Box, { fontSize: 2 },
+        React.createElement(Box, null,
             "Column Identifier: ",
-            React.createElement(Tag_1.Tag, null, data.ColumnId)),
-        data.FriendlyName ? (React.createElement(rebass_1.Box, { mt: 3 },
+            React.createElement(Tag, null, data.ColumnId)),
+        data.FriendlyName ? (React.createElement(Box, { mt: 3 },
             "Column Name: ",
-            React.createElement(Tag_1.Tag, null, (_a = data.FriendlyName) !== null && _a !== void 0 ? _a : data.ColumnId))) : null));
+            React.createElement(Tag, null, (_a = data.FriendlyName) !== null && _a !== void 0 ? _a : data.ColumnId))) : null));
 };
-exports.renderCalculatedColumnDefinitionSummary = renderCalculatedColumnDefinitionSummary;
-const isValidCalculatedColumnDefinition = (data, api) => {
+export const isValidCalculatedColumnDefinition = (data, api) => {
     const columns = api.columnApi.getColumns();
     if (!data.ColumnId) {
         return 'Column Id cannot be empty';
@@ -32,10 +27,9 @@ const isValidCalculatedColumnDefinition = (data, api) => {
     const hasAlreadyExistingId = data.Uuid ? columnsWithSameIdCount > 1 : columnsWithSameIdCount > 0;
     return hasAlreadyExistingId ? 'A Column already exists with that id' : true;
 };
-exports.isValidCalculatedColumnDefinition = isValidCalculatedColumnDefinition;
-const CalculatedColumnDefinitionWizardSection = (props) => {
+export const CalculatedColumnDefinitionWizardSection = (props) => {
     var _a;
-    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const { data, api } = useOnePageAdaptableWizardContext();
     const handleColumnIdChange = (event) => {
         let e = event.target;
         props.onChange(Object.assign(Object.assign({}, data), { ColumnId: e.value }));
@@ -45,36 +39,35 @@ const CalculatedColumnDefinitionWizardSection = (props) => {
         props.onChange(Object.assign(Object.assign({}, data), { FriendlyName: e.value }));
     };
     const inEdit = props.isEdit;
-    const validCheck = (0, exports.isValidCalculatedColumnDefinition)(data, api);
+    const validCheck = isValidCalculatedColumnDefinition(data, api);
     const ErrorMessage = validCheck === true ? null : validCheck;
-    const [ColumnNameFocused, setColumnNameFocused] = (0, react_1.useState)(false);
+    const [ColumnNameFocused, setColumnNameFocused] = useState(false);
     const ColumnName = data.FriendlyName;
     const ColumnId = data.ColumnId;
     const { ShowToolTip, HeaderToolTip } = (_a = data.CalculatedColumnSettings) !== null && _a !== void 0 ? _a : {};
     const handleSpecialColumnSettingsChange = (settings) => {
         props.onChange(Object.assign(Object.assign({}, data), { CalculatedColumnSettings: Object.assign(Object.assign({}, data.CalculatedColumnSettings), settings) }));
     };
-    return (React.createElement(rebass_1.Box, { "data-name": 'calculated-column-definition' },
-        React.createElement(Tabs_1.Tabs, { autoFocus: false },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Column Details"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(rebass_1.Flex, { flexDirection: "row" },
-                    React.createElement(FormLayout_1.default, null,
-                        React.createElement(FormLayout_1.FormRow, { label: "Column Id" },
-                            React.createElement(Input_1.default, { "data-name": "column-id", value: data.ColumnId || '', width: 300, autoFocus: !inEdit, disabled: inEdit, type: "text", placeholder: "Enter an Id for the column", onChange: handleColumnIdChange })),
-                        React.createElement(FormLayout_1.FormRow, { label: "Name" },
-                            React.createElement(Input_1.default, { "data-name": "column-name", autoFocus: inEdit, onFocus: () => {
+    return (React.createElement(Box, { "data-name": 'calculated-column-definition' },
+        React.createElement(Tabs, { autoFocus: false },
+            React.createElement(Tabs.Tab, null, "Column Details"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(Flex, { flexDirection: "row" },
+                    React.createElement(FormLayout, null,
+                        React.createElement(FormRow, { label: "Column Id" },
+                            React.createElement(Input, { "data-name": "column-id", value: data.ColumnId || '', width: 300, autoFocus: !inEdit, disabled: inEdit, type: "text", placeholder: "Enter an Id for the column", onChange: handleColumnIdChange })),
+                        React.createElement(FormRow, { label: "Name" },
+                            React.createElement(Input, { "data-name": "column-name", autoFocus: inEdit, onFocus: () => {
                                     setColumnNameFocused(true);
                                 }, onBlur: () => {
                                     setColumnNameFocused(false);
                                 }, value: ColumnNameFocused ? ColumnName || '' : ColumnName || ColumnId || '', width: 300, type: "text", placeholder: "Enter column name", onChange: handleColumnNameChange })),
-                        React.createElement(FormLayout_1.FormRow, { label: "Header Tooltip" },
-                            React.createElement(Input_1.default, { "data-name": "header-tooltip", type: "text", width: 300, value: HeaderToolTip, onChange: (e) => handleSpecialColumnSettingsChange({
+                        React.createElement(FormRow, { label: "Header Tooltip" },
+                            React.createElement(Input, { "data-name": "header-tooltip", type: "text", width: 300, value: HeaderToolTip, onChange: (e) => handleSpecialColumnSettingsChange({
                                     HeaderToolTip: e.target.value,
                                 }) })),
                         ' ',
-                        React.createElement(FormLayout_1.FormRow, { label: "" },
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "column-show-tooltip", onChange: (checked) => handleSpecialColumnSettingsChange({ ShowToolTip: checked }), checked: ShowToolTip }, "Show Expression as Cell Tooltip")))))),
-        ErrorMessage ? React.createElement(ErrorBox_1.default, { marginTop: 2 }, ErrorMessage) : null));
+                        React.createElement(FormRow, { label: "" },
+                            React.createElement(CheckBox, { "data-name": "column-show-tooltip", onChange: (checked) => handleSpecialColumnSettingsChange({ ShowToolTip: checked }), checked: ShowToolTip }, "Show Expression as Cell Tooltip")))))),
+        ErrorMessage ? React.createElement(ErrorBox, { marginTop: 2 }, ErrorMessage) : null));
 };
-exports.CalculatedColumnDefinitionWizardSection = CalculatedColumnDefinitionWizardSection;

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

@@ -1,24 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalculatedColumnExpressionWizardSection = exports.isValidCalculatedColumnExpression = exports.renderCalculatedColumnExpressionSummary = 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 OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const ExpressionEditor_1 = require("../../../components/ExpressionEditor");
-const Tabs_1 = require("../../../components/Tabs");
-const CodeBlock_1 = require("../../../components/CodeBlock");
-const StringExtensions_1 = require("../../../Utilities/Extensions/StringExtensions");
-const renderCalculatedColumnExpressionSummary = (data) => {
-    const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(rebass_1.Box, { fontSize: 2 },
+import * as React from 'react';
+import { useMemo } from 'react';
+import { Box } from 'rebass';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { ExpressionEditor } from '../../../components/ExpressionEditor';
+import { Tabs } from '../../../components/Tabs';
+import { CodeBlock } from '../../../components/CodeBlock';
+import { Humanize } from '../../../Utilities/Extensions/StringExtensions';
+export const renderCalculatedColumnExpressionSummary = (data) => {
+    const { api } = useOnePageAdaptableWizardContext();
+    return (React.createElement(Box, { fontSize: 2 },
         "Column scalar expression:",
         ' ',
-        React.createElement(CodeBlock_1.CodeBlock, null, api.internalApi.getAdaptableQueryExpressionText(data.Query))));
+        React.createElement(CodeBlock, null, api.internalApi.getAdaptableQueryExpressionText(data.Query))));
 };
-exports.renderCalculatedColumnExpressionSummary = renderCalculatedColumnExpressionSummary;
-const isValidCalculatedColumnExpression = (data, api) => {
+export const isValidCalculatedColumnExpression = (data, api) => {
     var _a;
     const calculatedColumnExpressionService = api.internalApi.getCalculatedColumnExpressionService();
     const expression = (_a = api.expressionApi.getAdaptableQueryExpression(data.Query)) === null || _a === void 0 ? void 0 : _a.trim();
@@ -31,10 +26,9 @@ const isValidCalculatedColumnExpression = (data, api) => {
     }
     return true;
 };
-exports.isValidCalculatedColumnExpression = isValidCalculatedColumnExpression;
-const CalculatedColumnExpressionWizardSection = (props) => {
-    const { api, data, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    const initialData = (0, react_1.useMemo)(() => api.internalApi.getQueryPreviewData(), []);
+export const CalculatedColumnExpressionWizardSection = (props) => {
+    const { api, data, moduleInfo } = useOnePageAdaptableWizardContext();
+    const initialData = useMemo(() => api.internalApi.getQueryPreviewData(), []);
     const setCalculatedColumnExpression = (calculatedColumnQuery) => {
         const calculatedColumnExpressionService = api.internalApi.getCalculatedColumnExpressionService();
         const dataType = calculatedColumnExpressionService.getCalculatedColumnDataType(calculatedColumnQuery);
@@ -50,19 +44,18 @@ const CalculatedColumnExpressionWizardSection = (props) => {
                 return 'quantileAggregatedScalar';
         }
     };
-    return (React.createElement(Tabs_1.Tabs, { autoFocus: false, height: "100%" },
-        React.createElement(Tabs_1.Tabs.Tab, null, (0, StringExtensions_1.Humanize)(props.expressionType)),
-        React.createElement(Tabs_1.Tabs.Content, null, (() => {
+    return (React.createElement(Tabs, { autoFocus: false, height: "100%" },
+        React.createElement(Tabs.Tab, null, Humanize(props.expressionType)),
+        React.createElement(Tabs.Content, null, (() => {
             switch (props.expressionType) {
                 case 'ScalarExpression':
-                    return (React.createElement(ExpressionEditor_1.ExpressionEditor, { type: 'scalar', module: moduleInfo.ModuleName, style: { paddingLeft: 0 }, value: data.Query.ScalarExpression, onChange: (ScalarExpression) => setCalculatedColumnExpression({ ScalarExpression }), initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.namedQueryApi.getNamedQueries(), isFullExpression: true, api: api }));
+                    return (React.createElement(ExpressionEditor, { type: 'scalar', module: moduleInfo.ModuleName, style: { paddingLeft: 0 }, value: data.Query.ScalarExpression, onChange: (ScalarExpression) => setCalculatedColumnExpression({ ScalarExpression }), initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.namedQueryApi.getNamedQueries(), isFullExpression: true, api: api }));
                 case 'AggregatedScalarExpression':
                 case 'CumulativeAggregatedExpression':
                 case 'QuantileAggregatedExpression':
-                    return (React.createElement(ExpressionEditor_1.ExpressionEditor, { type: getEditorType(props.expressionType), module: moduleInfo.ModuleName, style: { paddingLeft: 0 }, value: data.Query.AggregatedScalarExpression, onChange: (AggregatedScalarExpression) => setCalculatedColumnExpression({ AggregatedScalarExpression }), initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.namedQueryApi.getNamedQueries(), isFullExpression: true, api: api }));
+                    return (React.createElement(ExpressionEditor, { type: getEditorType(props.expressionType), module: moduleInfo.ModuleName, style: { paddingLeft: 0 }, value: data.Query.AggregatedScalarExpression, onChange: (AggregatedScalarExpression) => setCalculatedColumnExpression({ AggregatedScalarExpression }), initialData: initialData, columns: api.columnApi.getQueryableColumns(), namedQueries: api.namedQueryApi.getNamedQueries(), isFullExpression: true, api: api }));
                 default:
                     return React.createElement(React.Fragment, null);
             }
         })())));
 };
-exports.CalculatedColumnExpressionWizardSection = CalculatedColumnExpressionWizardSection;

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

@@ -1,43 +1,37 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalculatedColumnSettingsWizardSection = exports.isValidCalculatedColumnSettings = exports.renderCalculatedColumnSettingsSummary = 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 OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
-const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
-const ErrorBox_1 = tslib_1.__importDefault(require("../../../components/ErrorBox"));
-const Tabs_1 = require("../../../components/Tabs");
-const ValueSelector_1 = require("../../Components/ValueSelector");
-const SpecialColumnSettingsWizardStep_1 = require("../../SpecialColumnSettingsWizardStep");
-const getCalculatedColumnSettingsTags_1 = require("../Utilities/getCalculatedColumnSettingsTags");
-const Select_1 = require("../../../components/Select");
-const renderCalculatedColumnSettingsSummary = (data) => {
-    const options = (0, getCalculatedColumnSettingsTags_1.getCalculatedColumnSettingsTags)(data.CalculatedColumnSettings);
-    return (React.createElement(rebass_1.Box, { fontSize: 2 },
-        React.createElement(ValueSelector_1.ValueOptionsTags, { toLabel: (x) => x, toIdentifier: (c) => c, readOnly: true, options: options, value: options })));
+import * as React from 'react';
+import { useMemo } from 'react';
+import { Box, Flex } from 'rebass';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import FormLayout, { FormRow } from '../../../components/FormLayout';
+import Input from '../../../components/Input';
+import ErrorBox from '../../../components/ErrorBox';
+import { Tabs } from '../../../components/Tabs';
+import { ValueOptionsTags } from '../../Components/ValueSelector';
+import { SpecialColumnSettingsWizardStep } from '../../SpecialColumnSettingsWizardStep';
+import { getCalculatedColumnSettingsTags } from '../Utilities/getCalculatedColumnSettingsTags';
+import { Select } from '../../../components/Select';
+export const renderCalculatedColumnSettingsSummary = (data) => {
+    const options = getCalculatedColumnSettingsTags(data.CalculatedColumnSettings);
+    return (React.createElement(Box, { fontSize: 2 },
+        React.createElement(ValueOptionsTags, { toLabel: (x) => x, toIdentifier: (c) => c, readOnly: true, options: options, value: options })));
 };
-exports.renderCalculatedColumnSettingsSummary = renderCalculatedColumnSettingsSummary;
-const isValidCalculatedColumnSettings = (data) => {
+export const isValidCalculatedColumnSettings = (data) => {
     var _a;
     if (!((_a = data.CalculatedColumnSettings) === null || _a === void 0 ? void 0 : _a.DataType)) {
         return 'No data type is specified and it could not be inferred from the defined expression';
     }
     return true;
 };
-exports.isValidCalculatedColumnSettings = isValidCalculatedColumnSettings;
-const CalculatedColumnSettingsWizardSection = (props) => {
+export const CalculatedColumnSettingsWizardSection = (props) => {
     var _a, _b;
-    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    const calculatedColumnExpressionService = (0, react_1.useMemo)(() => api.internalApi.getCalculatedColumnExpressionService(), []);
+    const { data, api } = useOnePageAdaptableWizardContext();
+    const calculatedColumnExpressionService = useMemo(() => api.internalApi.getCalculatedColumnExpressionService(), []);
     const handleDataTypeChange = (dataType) => {
         var _a;
         const aggregatable = dataType == 'Number' ? (_a = data.CalculatedColumnSettings) === null || _a === void 0 ? void 0 : _a.Aggregatable : false;
         props.onChange(Object.assign(Object.assign({}, data), { CalculatedColumnSettings: Object.assign(Object.assign({}, data.CalculatedColumnSettings), { DataType: dataType, Aggregatable: aggregatable }) }));
     };
-    const validCheck = (0, exports.isValidCalculatedColumnSettings)(data);
+    const validCheck = isValidCalculatedColumnSettings(data);
     const ErrorMessage = validCheck === true ? null : validCheck;
     const { DataType: dataType } = (_a = data.CalculatedColumnSettings) !== null && _a !== void 0 ? _a : {};
     const { Width } = (_b = data.CalculatedColumnSettings) !== null && _b !== void 0 ? _b : {};
@@ -56,21 +50,20 @@ const CalculatedColumnSettingsWizardSection = (props) => {
         { value: 'Date', label: 'Date' },
         { value: 'Boolean', label: 'Boolean' },
     ];
-    return (React.createElement(rebass_1.Box, { "data-name": 'calculated-column-settings' },
-        React.createElement(Tabs_1.Tabs, { autoFocus: false },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Column Settings"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(rebass_1.Flex, { flexDirection: "row" },
-                    React.createElement(FormLayout_1.default, null,
-                        React.createElement(FormLayout_1.FormRow, { label: "Data Type" },
-                            React.createElement(Select_1.Select, { "data-name": "column-type", placeholder: "Select Data Type", options: options, value: dataType, onChange: (value) => handleDataTypeChange(value) })),
-                        React.createElement(FormLayout_1.FormRow, { label: "Width" },
-                            React.createElement(Input_1.default, { "data-name": "column-width", type: "number", width: 300, value: Width || '', onChange: (e) => handleSpecialColumnSettingsChange({
+    return (React.createElement(Box, { "data-name": 'calculated-column-settings' },
+        React.createElement(Tabs, { autoFocus: false },
+            React.createElement(Tabs.Tab, null, "Column Settings"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(Flex, { flexDirection: "row" },
+                    React.createElement(FormLayout, null,
+                        React.createElement(FormRow, { label: "Data Type" },
+                            React.createElement(Select, { "data-name": "column-type", placeholder: "Select Data Type", options: options, value: dataType, onChange: (value) => handleDataTypeChange(value) })),
+                        React.createElement(FormRow, { label: "Width" },
+                            React.createElement(Input, { "data-name": "column-width", type: "number", width: 300, value: Width || '', onChange: (e) => handleSpecialColumnSettingsChange({
                                     Width: Number(e.target.value),
                                 }) })))))),
-        ErrorMessage ? React.createElement(ErrorBox_1.default, { marginTop: 2 }, ErrorMessage) : null,
-        React.createElement(SpecialColumnSettingsWizardStep_1.SpecialColumnSettingsWizardStep, { isEditable: false, 
+        ErrorMessage ? React.createElement(ErrorBox, { marginTop: 2 }, ErrorMessage) : null,
+        React.createElement(SpecialColumnSettingsWizardStep, { isEditable: false, 
             // @ts-ignore CalculatedColumn has a broader DataType
             settings: data.CalculatedColumnSettings, onChange: handleSpecialColumnSettingsChange })));
 };
-exports.CalculatedColumnSettingsWizardSection = CalculatedColumnSettingsWizardSection;

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

@@ -1,19 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalculatedColumnTypeWizardSection = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const Tabs_1 = require("../../../components/Tabs");
-const TypeRadio_1 = require("../../Wizard/TypeRadio");
-const CalculatedColumnTypeWizardSection = (props) => {
-    return (React.createElement(Tabs_1.Tabs, null,
-        React.createElement(Tabs_1.Tabs.Tab, null, "Calculated Column Type"),
-        React.createElement(Tabs_1.Tabs.Content, null,
-            React.createElement(rebass_1.Flex, { flexDirection: "column" },
-                React.createElement(TypeRadio_1.TypeRadio, { text: 'Scalar Expression', description: "The calculated value is derived from other cells in the row", checked: props.type === 'ScalarExpression', onClick: () => props.onTypeChange('ScalarExpression') }),
-                React.createElement(TypeRadio_1.TypeRadio, { text: 'Aggregated Scalar Expression', description: "The calculated value is derived from other rows", checked: props.type === 'AggregatedScalarExpression', onClick: () => props.onTypeChange('AggregatedScalarExpression') }),
-                React.createElement(TypeRadio_1.TypeRadio, { text: 'Cumulative Aggregated Expression', description: "The calculated value is derived cumulatively from other rows", checked: props.type === 'CumulativeAggregatedExpression', onClick: () => props.onTypeChange('CumulativeAggregatedExpression') }),
-                React.createElement(TypeRadio_1.TypeRadio, { text: 'Quantile Aggregated Expression', description: "The calculated value is derived from other rows using quantile aggregations", checked: props.type === 'QuantileAggregatedExpression', onClick: () => props.onTypeChange('QuantileAggregatedExpression') })))));
+import * as React from 'react';
+import { Flex } from 'rebass';
+import { Tabs } from '../../../components/Tabs';
+import { TypeRadio } from '../../Wizard/TypeRadio';
+export const CalculatedColumnTypeWizardSection = (props) => {
+    return (React.createElement(Tabs, null,
+        React.createElement(Tabs.Tab, null, "Calculated Column Type"),
+        React.createElement(Tabs.Content, null,
+            React.createElement(Flex, { flexDirection: "column" },
+                React.createElement(TypeRadio, { text: 'Scalar Expression', description: "The calculated value is derived from other cells in the row", checked: props.type === 'ScalarExpression', onClick: () => props.onTypeChange('ScalarExpression') }),
+                React.createElement(TypeRadio, { text: 'Aggregated Scalar Expression', description: "The calculated value is derived from other rows", checked: props.type === 'AggregatedScalarExpression', onClick: () => props.onTypeChange('AggregatedScalarExpression') }),
+                React.createElement(TypeRadio, { text: 'Cumulative Aggregated Expression', description: "The calculated value is derived cumulatively from other rows", checked: props.type === 'CumulativeAggregatedExpression', onClick: () => props.onTypeChange('CumulativeAggregatedExpression') }),
+                React.createElement(TypeRadio, { text: 'Quantile Aggregated Expression', description: "The calculated value is derived from other rows using quantile aggregations", checked: props.type === 'QuantileAggregatedExpression', onClick: () => props.onTypeChange('QuantileAggregatedExpression') })))));
 };
-exports.CalculatedColumnTypeWizardSection = CalculatedColumnTypeWizardSection;

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

@@ -1,38 +1,34 @@
-"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 = [
+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 = [
     'ScalarExpression',
     'AggregatedScalarExpression',
     'CumulativeAggregatedExpression',
     'QuantileAggregatedExpression',
 ];
-const CalculatedColumnWizard = (props) => {
+export const CalculatedColumnWizard = (props) => {
     var _a;
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
-    const allCalculatedColumns = (0, react_redux_1.useSelector)((state) => state.CalculatedColumn.CalculatedColumns);
-    const [calculatedColumn, setCalculatedColumn] = (0, react_1.useState)(() => {
+    const adaptable = useAdaptable();
+    const allCalculatedColumns = useSelector((state) => state.CalculatedColumn.CalculatedColumns);
+    const [calculatedColumn, setCalculatedColumn] = useState(() => {
         var _a;
         if (props.data) {
-            return (0, Helper_1.cloneObject)(props.data);
+            return 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);
@@ -40,9 +36,9 @@ const CalculatedColumnWizard = (props) => {
                 return calculatedColumn;
             }
         }
-        return ObjectFactory_1.default.CreateEmptyCalculatedColumn();
+        return ObjectFactory.CreateEmptyCalculatedColumn();
     });
-    const dispatch = (0, react_redux_1.useDispatch)();
+    const dispatch = useDispatch();
     const isEdit = Boolean(props.data) || ((_a = props.popupParams) === null || _a === void 0 ? void 0 : _a.action) === 'Edit';
     const handleFinish = () => {
         if (isEdit) {
@@ -53,9 +49,9 @@ const CalculatedColumnWizard = (props) => {
         }
         props.onCloseWizard();
     };
-    const [expressionType, setExpressionType] = (0, react_1.useState)(() => {
+    const [expressionType, setExpressionType] = useState(() => {
         var _a;
-        return (_a = (0, utils_1.getExpressionType)(props.data, adaptable.api)) !== null && _a !== void 0 ? _a : 'ScalarExpression';
+        return (_a = getExpressionType(props.data, adaptable.api)) !== null && _a !== void 0 ? _a : 'ScalarExpression';
     });
     const handleExpressionTypeChange = (type) => {
         setExpressionType(type);
@@ -71,65 +67,64 @@ const CalculatedColumnWizard = (props) => {
                 } }));
         }
     };
-    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: calculatedColumn, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: calculatedColumn, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Type',
                 renderSummary: () => {
-                    return (React.createElement(rebass_1.Box, null,
+                    return (React.createElement(Box, null,
                         "Expression Type: ",
-                        React.createElement(Tag_1.Tag, null, (0, StringExtensions_1.Humanize)(expressionType))));
+                        React.createElement(Tag, null, Humanize(expressionType))));
                 },
                 render: () => {
-                    return (React.createElement(rebass_1.Box, { p: 2 },
-                        React.createElement(CalculatedColumnTypeSection_1.CalculatedColumnTypeWizardSection, { type: expressionType, onTypeChange: handleExpressionTypeChange })));
+                    return (React.createElement(Box, { p: 2 },
+                        React.createElement(CalculatedColumnTypeWizardSection, { type: expressionType, onTypeChange: handleExpressionTypeChange })));
                 },
             },
             {
                 title: 'Details',
                 details: 'Specify Calculated Column details',
-                isValid: CalculatedColumnDefinitionWizardSection_1.isValidCalculatedColumnDefinition,
-                renderSummary: CalculatedColumnDefinitionWizardSection_1.renderCalculatedColumnDefinitionSummary,
+                isValid: isValidCalculatedColumnDefinition,
+                renderSummary: renderCalculatedColumnDefinitionSummary,
                 render: () => {
-                    return (React.createElement(rebass_1.Box, { padding: 2 },
-                        React.createElement(CalculatedColumnDefinitionWizardSection_1.CalculatedColumnDefinitionWizardSection, { isEdit: isEdit, onChange: setCalculatedColumn })));
+                    return (React.createElement(Box, { padding: 2 },
+                        React.createElement(CalculatedColumnDefinitionWizardSection, { isEdit: isEdit, onChange: setCalculatedColumn })));
                 },
             },
             {
                 title: 'Expression',
                 details: 'Specify the Calculated Column Expression',
-                isValid: CalculatedColumnExpressionWizardSection_1.isValidCalculatedColumnExpression,
-                renderSummary: CalculatedColumnExpressionWizardSection_1.renderCalculatedColumnExpressionSummary,
+                isValid: isValidCalculatedColumnExpression,
+                renderSummary: renderCalculatedColumnExpressionSummary,
                 render: () => {
-                    return (React.createElement(rebass_1.Box, { height: "100%", p: 2 },
-                        React.createElement(CalculatedColumnExpressionWizardSection_1.CalculatedColumnExpressionWizardSection, { expressionType: expressionType, onChange: setCalculatedColumn })));
+                    return (React.createElement(Box, { height: "100%", p: 2 },
+                        React.createElement(CalculatedColumnExpressionWizardSection, { expressionType: expressionType, onChange: setCalculatedColumn })));
                 },
             },
             {
                 title: 'Settings',
                 details: 'Specify Column properties',
-                isValid: CalculatedColumnSettingsWizardSection_1.isValidCalculatedColumnSettings,
-                renderSummary: CalculatedColumnSettingsWizardSection_1.renderCalculatedColumnSettingsSummary,
+                isValid: isValidCalculatedColumnSettings,
+                renderSummary: renderCalculatedColumnSettingsSummary,
                 render: () => {
-                    return (React.createElement(rebass_1.Box, { padding: 2 },
-                        React.createElement(CalculatedColumnSettingsWizardSection_1.CalculatedColumnSettingsWizardSection, { isEdit: isEdit, onChange: setCalculatedColumn })));
+                    return (React.createElement(Box, { padding: 2 },
+                        React.createElement(CalculatedColumnSettingsWizardSection, { isEdit: isEdit, onChange: setCalculatedColumn })));
                 },
             },
             {
                 details: 'Select Calculated Column Tags',
                 title: 'Tags',
                 isVisible: () => adaptable.api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setCalculatedColumn }))),
-                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+                render: () => (React.createElement(Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection, { onChange: setCalculatedColumn }))),
+                renderSummary: renderObjectTagsSummary,
             },
             '-',
             {
                 render: () => {
-                    return (React.createElement(rebass_1.Box, { padding: 2 },
-                        React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));
+                    return (React.createElement(Box, { padding: 2 },
+                        React.createElement(OnePageWizardSummary, null)));
                 },
                 title: 'Summary',
             },
         ] }));
 };
-exports.CalculatedColumnWizard = CalculatedColumnWizard;

package/src/View/CalculatedColumn/utils.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getExpressionType = void 0;
-const getExpressionType = (calculatedColumn, api) => {
+export 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'
@@ -11,4 +8,3 @@ const getExpressionType = (calculatedColumn, api) => {
                 ? 'QuantileAggregatedExpression'
                 : 'AggregatedScalarExpression';
 };
-exports.getExpressionType = getExpressionType;

package/src/View/CellSummary/CellSummaryDetails.js

@@ -1,10 +1,6 @@
-"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");
+import * as React from 'react';
+import EmptyContent from '../../components/EmptyContent';
+import { DataSource, InfiniteTable } from '../../components/InfiniteTable';
 const columnsMap = new Map([
     ['Operation', { field: 'Operation', defaultFlex: 1 }],
     ['Value', { field: 'Value', defaultFlex: 1 }],
@@ -16,7 +12,7 @@ const tableDOMProps = {
         minHeight: 380,
     },
 };
-class CellSummaryDetails extends React.Component {
+export class CellSummaryDetails extends React.Component {
     render() {
         let data = [];
         if (this.props.CellSummary != null) {
@@ -27,9 +23,8 @@ class CellSummaryDetails extends React.Component {
                 };
             });
         }
-        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,
+        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,
             React.createElement("p", null, "No cells are selected - please select some cells.")))));
     }
 }
-exports.CellSummaryDetails = CellSummaryDetails;

package/src/View/CellSummary/CellSummaryPopover.js

@@ -1,10 +1,5 @@
-"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 });
+import * as React from 'react';
+import { CellSummaryDetails } from './CellSummaryDetails';
+export const CellSummaryPopover = (props) => {
+    return React.createElement(CellSummaryDetails, { CellSummary: props.CellSummary });
 };
-exports.CellSummaryPopover = CellSummaryPopover;