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

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

@@ -1,24 +1,29 @@
-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) => {
+"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) => {
     var _a;
-    return (React.createElement(Box, { fontSize: 2 },
-        React.createElement(Box, null,
+    return (React.createElement(rebass_1.Box, { fontSize: 2 },
+        React.createElement(rebass_1.Box, null,
             "Column Identifier: ",
-            React.createElement(Tag, null, data.ColumnId)),
-        data.FriendlyName ? (React.createElement(Box, { mt: 3 },
+            React.createElement(Tag_1.Tag, null, data.ColumnId)),
+        data.FriendlyName ? (React.createElement(rebass_1.Box, { mt: 3 },
             "Column Name: ",
-            React.createElement(Tag, null, (_a = data.FriendlyName) !== null && _a !== void 0 ? _a : data.ColumnId))) : null));
+            React.createElement(Tag_1.Tag, null, (_a = data.FriendlyName) !== null && _a !== void 0 ? _a : data.ColumnId))) : null));
 };
-export const isValidCalculatedColumnDefinition = (data, api) => {
+exports.renderCalculatedColumnDefinitionSummary = renderCalculatedColumnDefinitionSummary;
+const isValidCalculatedColumnDefinition = (data, api) => {
     const columns = api.columnApi.getColumns();
     if (!data.ColumnId) {
         return 'Column Id cannot be empty';
@@ -27,9 +32,10 @@ export const isValidCalculatedColumnDefinition = (data, api) => {
     const hasAlreadyExistingId = data.Uuid ? columnsWithSameIdCount > 1 : columnsWithSameIdCount > 0;
     return hasAlreadyExistingId ? 'A Column already exists with that id' : true;
 };
-export const CalculatedColumnDefinitionWizardSection = (props) => {
+exports.isValidCalculatedColumnDefinition = isValidCalculatedColumnDefinition;
+const CalculatedColumnDefinitionWizardSection = (props) => {
     var _a;
-    const { data, api } = useOnePageAdaptableWizardContext();
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const handleColumnIdChange = (event) => {
         let e = event.target;
         props.onChange(Object.assign(Object.assign({}, data), { ColumnId: e.value }));
@@ -39,35 +45,36 @@ export const CalculatedColumnDefinitionWizardSection = (props) => {
         props.onChange(Object.assign(Object.assign({}, data), { FriendlyName: e.value }));
     };
     const inEdit = props.isEdit;
-    const validCheck = isValidCalculatedColumnDefinition(data, api);
+    const validCheck = (0, exports.isValidCalculatedColumnDefinition)(data, api);
     const ErrorMessage = validCheck === true ? null : validCheck;
-    const [ColumnNameFocused, setColumnNameFocused] = useState(false);
+    const [ColumnNameFocused, setColumnNameFocused] = (0, react_1.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(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: () => {
+    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: () => {
                                     setColumnNameFocused(true);
                                 }, onBlur: () => {
                                     setColumnNameFocused(false);
                                 }, value: ColumnNameFocused ? ColumnName || '' : ColumnName || ColumnId || '', width: 300, type: "text", placeholder: "Enter column name", onChange: handleColumnNameChange })),
-                        React.createElement(FormRow, { label: "Header Tooltip" },
-                            React.createElement(Input, { "data-name": "header-tooltip", type: "text", width: 300, value: HeaderToolTip, onChange: (e) => handleSpecialColumnSettingsChange({
+                        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({
                                     HeaderToolTip: e.target.value,
                                 }) })),
                         ' ',
-                        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));
+                        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));
 };
+exports.CalculatedColumnDefinitionWizardSection = CalculatedColumnDefinitionWizardSection;

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

@@ -1,19 +1,24 @@
-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 },
+"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 },
         "Column scalar expression:",
         ' ',
-        React.createElement(CodeBlock, null, api.internalApi.getAdaptableQueryExpressionText(data.Query))));
+        React.createElement(CodeBlock_1.CodeBlock, null, api.internalApi.getAdaptableQueryExpressionText(data.Query))));
 };
-export const isValidCalculatedColumnExpression = (data, api) => {
+exports.renderCalculatedColumnExpressionSummary = renderCalculatedColumnExpressionSummary;
+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();
@@ -26,9 +31,10 @@ export const isValidCalculatedColumnExpression = (data, api) => {
     }
     return true;
 };
-export const CalculatedColumnExpressionWizardSection = (props) => {
-    const { api, data, moduleInfo } = useOnePageAdaptableWizardContext();
-    const initialData = useMemo(() => api.internalApi.getQueryPreviewData(), []);
+exports.isValidCalculatedColumnExpression = isValidCalculatedColumnExpression;
+const CalculatedColumnExpressionWizardSection = (props) => {
+    const { api, data, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const initialData = (0, react_1.useMemo)(() => api.internalApi.getQueryPreviewData(), []);
     const setCalculatedColumnExpression = (calculatedColumnQuery) => {
         const calculatedColumnExpressionService = api.internalApi.getCalculatedColumnExpressionService();
         const dataType = calculatedColumnExpressionService.getCalculatedColumnDataType(calculatedColumnQuery);
@@ -44,18 +50,19 @@ export const CalculatedColumnExpressionWizardSection = (props) => {
                 return 'quantileAggregatedScalar';
         }
     };
-    return (React.createElement(Tabs, { autoFocus: false },
-        React.createElement(Tabs.Tab, null, Humanize(props.expressionType)),
-        React.createElement(Tabs.Content, null, (() => {
+    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, (() => {
             switch (props.expressionType) {
                 case 'ScalarExpression':
-                    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 }));
+                    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 }));
                 case 'AggregatedScalarExpression':
                 case 'CumulativeAggregatedExpression':
                 case 'QuantileAggregatedExpression':
-                    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 }));
+                    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 }));
                 default:
                     return React.createElement(React.Fragment, null);
             }
         })())));
 };
+exports.CalculatedColumnExpressionWizardSection = CalculatedColumnExpressionWizardSection;

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

@@ -1,37 +1,43 @@
-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 })));
+"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 })));
 };
-export const isValidCalculatedColumnSettings = (data) => {
+exports.renderCalculatedColumnSettingsSummary = renderCalculatedColumnSettingsSummary;
+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;
 };
-export const CalculatedColumnSettingsWizardSection = (props) => {
+exports.isValidCalculatedColumnSettings = isValidCalculatedColumnSettings;
+const CalculatedColumnSettingsWizardSection = (props) => {
     var _a, _b;
-    const { data, api } = useOnePageAdaptableWizardContext();
-    const calculatedColumnExpressionService = useMemo(() => api.internalApi.getCalculatedColumnExpressionService(), []);
+    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const calculatedColumnExpressionService = (0, react_1.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 = isValidCalculatedColumnSettings(data);
+    const validCheck = (0, exports.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 : {};
@@ -50,20 +56,21 @@ export const CalculatedColumnSettingsWizardSection = (props) => {
         { value: 'Date', label: 'Date' },
         { value: 'Boolean', label: 'Boolean' },
     ];
-    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({
+    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({
                                     Width: Number(e.target.value),
                                 }) })))))),
-        ErrorMessage ? React.createElement(ErrorBox, { marginTop: 2 }, ErrorMessage) : null,
-        React.createElement(SpecialColumnSettingsWizardStep, { isEditable: false, 
+        ErrorMessage ? React.createElement(ErrorBox_1.default, { marginTop: 2 }, ErrorMessage) : null,
+        React.createElement(SpecialColumnSettingsWizardStep_1.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,14 +1,19 @@
-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') })))));
+"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') })))));
 };
+exports.CalculatedColumnTypeWizardSection = CalculatedColumnTypeWizardSection;

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: 'Details',
                 details: 'Specify Calculated Column details',
-                isValid: isValidCalculatedColumnDefinition,
-                renderSummary: renderCalculatedColumnDefinitionSummary,
+                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;