@adaptabletools/adaptable 16.2.4 → 17.0.0-canary.0

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

@@ -1,34 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormatColumnSettingsWizardSection = exports.renderFormatColumnSettingsSummary = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
-const CheckBox_1 = require("../../../components/CheckBox");
-const Tabs_1 = require("../../../components/Tabs");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const Tag_1 = require("../../../components/Tag");
-const ToggleGroup_1 = require("../../../components/Toggle/ToggleGroup");
-const Toggle_1 = require("../../../components/Toggle/Toggle");
+import * as React from 'react';
+import { Box, Flex, Text } from 'rebass';
+import FormLayout, { FormRow } from '../../../components/FormLayout';
+import { CheckBox } from '../../../components/CheckBox';
+import { Tabs } from '../../../components/Tabs';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { Tag } from '../../../components/Tag';
+import { ToggleGroup } from '../../../components/Toggle/ToggleGroup';
+import { Toggle } from '../../../components/Toggle/Toggle';
 let alignmentOptions = [
     { value: 'Left', label: 'Left' },
     { value: 'Right', label: 'Right' },
     { value: 'Center', label: 'Center' },
 ];
-const renderFormatColumnSettingsSummary = (data) => {
+export const renderFormatColumnSettingsSummary = (data) => {
     var _a;
-    return (React.createElement(rebass_1.Box, { padding: 2 },
-        React.createElement(rebass_1.Text, null,
+    return (React.createElement(Box, { padding: 2 },
+        React.createElement(Text, null,
             "Cell alignment ",
-            React.createElement(Tag_1.Tag, null, (_a = data.CellAlignment) !== null && _a !== void 0 ? _a : 'default')),
-        React.createElement(rebass_1.Text, { mt: 3 },
+            React.createElement(Tag, null, (_a = data.CellAlignment) !== null && _a !== void 0 ? _a : 'default')),
+        React.createElement(Text, { mt: 3 },
             "Include grouped rows ",
-            React.createElement(Tag_1.Tag, null, data.IncludeGroupedRows ? 'yes' : 'no'))));
+            React.createElement(Tag, null, data.IncludeGroupedRows ? 'yes' : 'no'))));
 };
-exports.renderFormatColumnSettingsSummary = renderFormatColumnSettingsSummary;
-const FormatColumnSettingsWizardSection = (props) => {
-    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+export const FormatColumnSettingsWizardSection = (props) => {
+    const { data } = useOnePageAdaptableWizardContext();
     const onCellAlignmentSelectChanged = (CellAlignment) => {
         const newData = Object.assign(Object.assign({}, data), { CellAlignment });
         if (CellAlignment === null) {
@@ -39,24 +34,23 @@ const FormatColumnSettingsWizardSection = (props) => {
     const onIncludeGroupedRowsChanged = (IncludeGroupedRows) => {
         props.onChange(Object.assign(Object.assign({}, data), { IncludeGroupedRows }));
     };
-    return (React.createElement(Tabs_1.Tabs, null,
-        React.createElement(Tabs_1.Tabs.Tab, null, "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: "Cell Alignment" },
-                        React.createElement(ToggleGroup_1.ToggleGroup, null,
-                            React.createElement(Toggle_1.Toggle, { icon: "align-left", pressed: data.CellAlignment === 'Left', onPressedChange: (pressed) => pressed
+    return (React.createElement(Tabs, null,
+        React.createElement(Tabs.Tab, null, "Settings"),
+        React.createElement(Tabs.Content, null,
+            React.createElement(Flex, { flexDirection: "row" },
+                React.createElement(FormLayout, null,
+                    React.createElement(FormRow, { label: "Cell Alignment" },
+                        React.createElement(ToggleGroup, null,
+                            React.createElement(Toggle, { icon: "align-left", pressed: data.CellAlignment === 'Left', onPressedChange: (pressed) => pressed
                                     ? onCellAlignmentSelectChanged('Left')
                                     : onCellAlignmentSelectChanged(null) }),
-                            React.createElement(Toggle_1.Toggle, { icon: "align-center", pressed: data.CellAlignment === 'Center', onPressedChange: (pressed) => pressed
+                            React.createElement(Toggle, { icon: "align-center", pressed: data.CellAlignment === 'Center', onPressedChange: (pressed) => pressed
                                     ? onCellAlignmentSelectChanged('Center')
                                     : onCellAlignmentSelectChanged(null) }),
-                            React.createElement(Toggle_1.Toggle, { icon: "align-right", pressed: data.CellAlignment === 'Right', onPressedChange: (pressed) => pressed
+                            React.createElement(Toggle, { icon: "align-right", pressed: data.CellAlignment === 'Right', onPressedChange: (pressed) => pressed
                                     ? onCellAlignmentSelectChanged('Right')
                                     : onCellAlignmentSelectChanged(null) }))),
-                    React.createElement(FormLayout_1.FormRow, { label: "Include Grouped Rows:" },
-                        React.createElement(rebass_1.Flex, { alignItems: "center", marginLeft: 2 },
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "include-grouped-rows-checkbox", checked: data.IncludeGroupedRows, onChange: onIncludeGroupedRowsChanged, mr: 2 }))))))));
+                    React.createElement(FormRow, { label: "Include Grouped Rows:" },
+                        React.createElement(Flex, { alignItems: "center", marginLeft: 2 },
+                            React.createElement(CheckBox, { "data-name": "include-grouped-rows-checkbox", checked: data.IncludeGroupedRows, onChange: onIncludeGroupedRowsChanged, mr: 2 }))))))));
 };
-exports.FormatColumnSettingsWizardSection = FormatColumnSettingsWizardSection;

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

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormatColumnStyleWizardSection = exports.renderFormatColumnStyleSummary = exports.renderFormatColumnStyleWizardSummary = exports.isFormatColumnStyleValid = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const StyleHelper_1 = require("../../../Utilities/Helpers/StyleHelper");
-const StyleComponent_1 = require("../../Components/StyleComponent");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const UIHelper_1 = tslib_1.__importDefault(require("../../UIHelper"));
-const isFormatColumnStyleValid = (data, api) => {
+import * as React from 'react';
+import { Text } from 'rebass';
+import { convertAdaptableStyleToCSS } from '../../../Utilities/Helpers/StyleHelper';
+import { StyleComponent } from '../../Components/StyleComponent';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import UIHelper from '../../UIHelper';
+export const isFormatColumnStyleValid = (data, api) => {
     if (data.Style &&
-        UIHelper_1.default.IsEmptyStyle(data.Style) &&
+        UIHelper.IsEmptyStyle(data.Style) &&
         data.DisplayFormat === undefined &&
         data.CellAlignment === undefined &&
         !api.scopeApi.isSingleBooleanColumnScope(data.Scope)) {
@@ -18,25 +14,21 @@ const isFormatColumnStyleValid = (data, api) => {
     }
     return true;
 };
-exports.isFormatColumnStyleValid = isFormatColumnStyleValid;
 const toStyle = (data) => {
     var _a, _b;
-    return Object.assign(Object.assign({}, (0, StyleHelper_1.convertAdaptableStyleToCSS)((_a = data.Style) !== null && _a !== void 0 ? _a : {})), { borderWidth: ((_b = data.Style) === null || _b === void 0 ? void 0 : _b.BorderColor) ? 2 : 0, borderStyle: 'solid', textAlign: data.CellAlignment ? data.CellAlignment.toLowerCase() : undefined });
+    return Object.assign(Object.assign({}, convertAdaptableStyleToCSS((_a = data.Style) !== null && _a !== void 0 ? _a : {})), { borderWidth: ((_b = data.Style) === null || _b === void 0 ? void 0 : _b.BorderColor) ? 2 : 0, borderStyle: 'solid', textAlign: data.CellAlignment ? data.CellAlignment.toLowerCase() : undefined });
 };
-const renderFormatColumnStyleWizardSummary = (data) => {
-    const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (0, exports.renderFormatColumnStyleSummary)(data, api);
+export const renderFormatColumnStyleWizardSummary = (data) => {
+    const { api } = useOnePageAdaptableWizardContext();
+    return renderFormatColumnStyleSummary(data, api);
 };
-exports.renderFormatColumnStyleWizardSummary = renderFormatColumnStyleWizardSummary;
-const renderFormatColumnStyleSummary = (data, api) => {
-    return (React.createElement(rebass_1.Text, { className: "ab-FormatPreview", padding: 2, style: toStyle(data) }, "Preview result"));
+export const renderFormatColumnStyleSummary = (data, api) => {
+    return (React.createElement(Text, { className: "ab-FormatPreview", padding: 2, style: toStyle(data) }, "Preview result"));
 };
-exports.renderFormatColumnStyleSummary = renderFormatColumnStyleSummary;
-function FormatColumnStyleWizardSection(props) {
+export function FormatColumnStyleWizardSection(props) {
     var _a;
-    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(StyleComponent_1.StyleComponent, { headless: true, api: api, Style: (_a = data.Style) !== null && _a !== void 0 ? _a : {}, UpdateStyle: (Style) => {
+    const { data, api } = useOnePageAdaptableWizardContext();
+    return (React.createElement(StyleComponent, { headless: true, api: api, Style: (_a = data.Style) !== null && _a !== void 0 ? _a : {}, UpdateStyle: (Style) => {
             props.onChange(Object.assign(Object.assign({}, data), { Style }));
         } }));
 }
-exports.FormatColumnStyleWizardSection = FormatColumnStyleWizardSection;

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

@@ -1,29 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormatColumnWizard = 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 Helper_1 = require("../../../Utilities/Helpers/Helper");
-const FormatColumnScopeWizardSection_1 = require("./FormatColumnScopeWizardSection");
-const FormatColumnStyleWizardSection_1 = require("./FormatColumnStyleWizardSection");
-const FormatColumnFormatWizardSection_1 = require("./FormatColumnFormatWizardSection");
-const AdaptableContext_1 = require("../../AdaptableContext");
-const FormatColumnSettingsWizardSection_1 = require("./FormatColumnSettingsWizardSection");
-const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
-const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
-const react_redux_1 = require("react-redux");
-const FormatColumnRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/FormatColumnRedux"));
-const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-const Utilities_1 = require("../../Components/EntityRulesEditor/Utilities");
-const FormatColumnRuleWizardSection_1 = require("./FormatColumnRuleWizardSection");
-const constants_1 = require("./constants");
-const ObjectExtensions_1 = require("../../../Utilities/Extensions/ObjectExtensions");
+import * as React from 'react';
+import { useState } from 'react';
+import { Box, Flex } from 'rebass';
+import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
+import { cloneObject } from '../../../Utilities/Helpers/Helper';
+import { FormatColumnScopeWizardSection, renderFormatColumnScopeSummary, } from './FormatColumnScopeWizardSection';
+import { FormatColumnStyleWizardSection, isFormatColumnStyleValid, renderFormatColumnStyleWizardSummary, } from './FormatColumnStyleWizardSection';
+import { FormatColumnFormatWizardSection, getFormatDisplayTypeForScope, renderFormatColumnFormatSummary, } from './FormatColumnFormatWizardSection';
+import { useAdaptable } from '../../AdaptableContext';
+import { FormatColumnSettingsWizardSection, renderFormatColumnSettingsSummary, } from './FormatColumnSettingsWizardSection';
+import { isScopeValid } from '../../Components/NewScopeComponent';
+import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { useDispatch } from 'react-redux';
+import * as FormatColumnRedux from '../../../Redux/ActionsReducers/FormatColumnRedux';
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
+import { isAdaptableRuleValid } from '../../Components/EntityRulesEditor/Utilities';
+import { FormatColumnRuleWizardSection } from './FormatColumnRuleWizardSection';
+import { DEFAULT_PREDICATE_ID_FOR_FORMAT_COLUMN } from './constants';
+import { isObjectEmpty } from '../../../Utilities/Extensions/ObjectExtensions';
 const adjustDisplayFormat = (formatColumn, api) => {
     formatColumn = Object.assign({}, formatColumn);
-    const formatDataType = (0, FormatColumnFormatWizardSection_1.getFormatDisplayTypeForScope)(formatColumn.Scope, api);
+    const formatDataType = getFormatDisplayTypeForScope(formatColumn.Scope, api);
     if (!formatDataType && formatColumn.DisplayFormat) {
         formatColumn.DisplayFormat = undefined;
     }
@@ -54,13 +50,13 @@ const adjustFormatColumn = (formatColumn, api) => {
     formatColumn = adjustDisplayFormat(formatColumn, api);
     return formatColumn;
 };
-function FormatColumnWizard(props) {
+export function FormatColumnWizard(props) {
     var _a, _b;
-    const { api } = (0, AdaptableContext_1.useAdaptable)();
+    const { api } = useAdaptable();
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
-    const [formatColumn, doSetFormatColumn] = (0, react_1.useState)(() => {
+    const [formatColumn, doSetFormatColumn] = useState(() => {
         var _a, _b, _c, _d;
-        let formatColumn = data ? (0, Helper_1.cloneObject)(data) : ObjectFactory_1.default.CreateEmptyFormatColumn();
+        let formatColumn = data ? cloneObject(data) : ObjectFactory.CreateEmptyFormatColumn();
         formatColumn.Scope = (_a = formatColumn.Scope) !== null && _a !== void 0 ? _a : {
             ColumnIds: [],
         };
@@ -75,14 +71,14 @@ function FormatColumnWizard(props) {
     const setFormatColumn = React.useCallback((formatColumn) => {
         doSetFormatColumn(adjustFormatColumn(formatColumn, api));
     }, []);
-    const dispatch = (0, react_redux_1.useDispatch)();
+    const dispatch = useDispatch();
     const handleFinish = () => {
         var _a, _b;
         if (((_a = formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.DisplayFormat) === null || _a === void 0 ? void 0 : _a.Options) &&
-            (0, ObjectExtensions_1.isObjectEmpty)((_b = formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.DisplayFormat) === null || _b === void 0 ? void 0 : _b.Options)) {
+            isObjectEmpty((_b = formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.DisplayFormat) === null || _b === void 0 ? void 0 : _b.Options)) {
             delete formatColumn.DisplayFormat;
         }
-        if (formatColumn.Style && (0, ObjectExtensions_1.isObjectEmpty)(formatColumn.Style)) {
+        if (formatColumn.Style && isObjectEmpty(formatColumn.Style)) {
             delete formatColumn.Style;
         }
         if (data) {
@@ -93,15 +89,15 @@ function FormatColumnWizard(props) {
         }
         props.onFinishWizard(formatColumn);
     };
-    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: formatColumn, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: formatColumn, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Scope',
                 details: 'Select which Columns will be formatted',
-                isValid: NewScopeComponent_1.isScopeValid,
-                renderSummary: FormatColumnScopeWizardSection_1.renderFormatColumnScopeSummary,
+                isValid: isScopeValid,
+                renderSummary: renderFormatColumnScopeSummary,
                 render: () => {
-                    return (React.createElement(rebass_1.Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
-                        React.createElement(FormatColumnScopeWizardSection_1.FormatColumnScopeWizardSection, { onChange: setFormatColumn })));
+                    return (React.createElement(Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
+                        React.createElement(FormatColumnScopeWizardSection, { onChange: setFormatColumn })));
                 },
             },
             {
@@ -109,56 +105,55 @@ function FormatColumnWizard(props) {
                     if (!abObject.Rule) {
                         return true;
                     }
-                    return (0, Utilities_1.isAdaptableRuleValid)(abObject, api, context);
+                    return isAdaptableRuleValid(abObject, api, context);
                 },
                 title: 'Condition',
                 details: 'Build a Rule when the Format Column should be applied',
                 render: () => {
-                    return (React.createElement(FormatColumnRuleWizardSection_1.FormatColumnRuleWizardSection, { onChange: setFormatColumn, defaultPredicateId: constants_1.DEFAULT_PREDICATE_ID_FOR_FORMAT_COLUMN }));
+                    return (React.createElement(FormatColumnRuleWizardSection, { onChange: setFormatColumn, defaultPredicateId: DEFAULT_PREDICATE_ID_FOR_FORMAT_COLUMN }));
                 },
             },
             {
                 title: 'Style',
                 details: 'Create a Style for the Format Column',
-                isValid: FormatColumnStyleWizardSection_1.isFormatColumnStyleValid,
-                renderSummary: FormatColumnStyleWizardSection_1.renderFormatColumnStyleWizardSummary,
+                isValid: isFormatColumnStyleValid,
+                renderSummary: renderFormatColumnStyleWizardSummary,
                 render: () => {
-                    return (React.createElement(rebass_1.Box, { padding: 2 },
-                        React.createElement(FormatColumnStyleWizardSection_1.FormatColumnStyleWizardSection, { onChange: setFormatColumn })));
+                    return (React.createElement(Box, { padding: 2 },
+                        React.createElement(FormatColumnStyleWizardSection, { onChange: setFormatColumn })));
                 },
             },
             {
                 title: 'Display Format',
-                renderSummary: (data) => (0, FormatColumnFormatWizardSection_1.renderFormatColumnFormatSummary)(data),
+                renderSummary: (data) => renderFormatColumnFormatSummary(data),
                 render: () => {
-                    return React.createElement(FormatColumnFormatWizardSection_1.FormatColumnFormatWizardSection, { onChange: setFormatColumn });
+                    return React.createElement(FormatColumnFormatWizardSection, { onChange: setFormatColumn });
                 },
             },
             {
                 title: 'Settings',
-                renderSummary: FormatColumnSettingsWizardSection_1.renderFormatColumnSettingsSummary,
+                renderSummary: renderFormatColumnSettingsSummary,
                 render: () => {
-                    return (React.createElement(rebass_1.Box, { padding: 2 },
-                        React.createElement(FormatColumnSettingsWizardSection_1.FormatColumnSettingsWizardSection, { onChange: setFormatColumn })));
+                    return (React.createElement(Box, { padding: 2 },
+                        React.createElement(FormatColumnSettingsWizardSection, { onChange: setFormatColumn })));
                 },
             },
             {
                 details: 'Select Format Column Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setFormatColumn }))),
-                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+                render: () => (React.createElement(Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection, { onChange: setFormatColumn }))),
+                renderSummary: renderObjectTagsSummary,
             },
             '-',
             {
                 details: 'Review the Format Column',
                 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.FormatColumnWizard = FormatColumnWizard;

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

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_PREDICATE_ID_FOR_FORMAT_COLUMN = void 0;
-exports.DEFAULT_PREDICATE_ID_FOR_FORMAT_COLUMN = 'NonBlanks';
+export const DEFAULT_PREDICATE_ID_FOR_FORMAT_COLUMN = 'NonBlanks';

package/src/View/FreeTextColumn/FreeTextColumnSummary.js

@@ -1,22 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FreeTextColumnSummary = exports.FreeTextColumnSummaryComponent = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const EditableConfigEntityState_1 = require("../Components/SharedProps/EditableConfigEntityState");
-const react_redux_1 = require("react-redux");
-const Helper_1 = require("../../Utilities/Helpers/Helper");
-const FreeTextColumnRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/FreeTextColumnRedux"));
-const ObjectFactory_1 = require("../../Utilities/ObjectFactory");
-const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
-const ModuleDetail_1 = require("../Components/ModuleSummary/ModuleDetail");
-const ModuleProfile_1 = require("../Components/ModuleProfile");
-const TeamSharingRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/TeamSharingRedux"));
-const UIHelper_1 = require("../UIHelper");
-const StringExtensions_1 = require("../../Utilities/Extensions/StringExtensions");
-const ArrayExtensions_1 = require("../../Utilities/Extensions/ArrayExtensions");
-const FreeTextColumnWizard_1 = require("./Wizard/FreeTextColumnWizard");
-class FreeTextColumnSummaryComponent extends React.Component {
+import * as React from 'react';
+import { WizardStatus, } from '../Components/SharedProps/EditableConfigEntityState';
+import { connect } from 'react-redux';
+import { Helper } from '../../Utilities/Helpers/Helper';
+import * as FreeTextColumnRedux from '../../Redux/ActionsReducers/FreeTextColumnRedux';
+import { ObjectFactory } from '../../Utilities/ObjectFactory';
+import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
+import { ModuleDetail } from '../Components/ModuleSummary/ModuleDetail';
+import { ModuleProfile } from '../Components/ModuleProfile';
+import * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
+import { UIHelper } from '../UIHelper';
+import { StringExtensions } from '../../Utilities/Extensions/StringExtensions';
+import { ArrayExtensions } from '../../Utilities/Extensions/ArrayExtensions';
+import { FreeTextColumnWizard } from './Wizard/FreeTextColumnWizard';
+export class FreeTextColumnSummaryComponent extends React.Component {
     constructor(props) {
         super(props);
         this.onFinishWizard = (FreeTextColumn) => {
@@ -29,55 +25,54 @@ class FreeTextColumnSummaryComponent extends React.Component {
             this.setState({
                 editedAdaptableObject: null,
                 wizardStartIndex: 0,
-                wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
+                wizardStatus: WizardStatus.None,
             });
         };
-        this.state = UIHelper_1.UIHelper.getEmptyConfigState();
+        this.state = UIHelper.getEmptyConfigState();
     }
     render() {
         let freeTextColumn = this.props.FreeTextColumns.find((c) => c.ColumnId == this.props.summarisedColumn.columnId);
         let noFreeTextColumn = freeTextColumn == null;
         let FreeTextColumnRow;
         if (!noFreeTextColumn) {
-            let description = ArrayExtensions_1.ArrayExtensions.IsNotEmpty(freeTextColumn.FreeTextStoredValues)
+            let description = ArrayExtensions.IsNotEmpty(freeTextColumn.FreeTextStoredValues)
                 ? ' Stored values: ' + freeTextColumn.FreeTextStoredValues.length
                 : 'No stored values';
-            FreeTextColumnRow = (React.createElement(ModuleDetail_1.ModuleDetail, { key: this.props.moduleInfo.FriendlyName, item1: React.createElement(ModuleProfile_1.ModuleProfile, { moduleInfo: this.props.moduleInfo }), item2: description, configEnity: freeTextColumn, showShare: this.props.teamSharingActivated, moduleInfo: this.props.moduleInfo, onEdit: () => this.onEdit(freeTextColumn), onShare: (config) => this.props.onShare(freeTextColumn, config), onDelete: FreeTextColumnRedux.FreeTextColumnDelete(freeTextColumn), showBold: true, accessLevel: this.props.accessLevel }));
+            FreeTextColumnRow = (React.createElement(ModuleDetail, { key: this.props.moduleInfo.FriendlyName, item1: React.createElement(ModuleProfile, { moduleInfo: this.props.moduleInfo }), item2: description, configEnity: freeTextColumn, showShare: this.props.teamSharingActivated, moduleInfo: this.props.moduleInfo, onEdit: () => this.onEdit(freeTextColumn), onShare: (config) => this.props.onShare(freeTextColumn, config), onDelete: FreeTextColumnRedux.FreeTextColumnDelete(freeTextColumn), showBold: true, accessLevel: this.props.accessLevel }));
         }
         return (React.createElement("div", null,
             FreeTextColumnRow,
-            this.state.editedAdaptableObject && (React.createElement(FreeTextColumnWizard_1.FreeTextColumnWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.FreeTextColumns, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: this.onFinishWizard }))));
+            this.state.editedAdaptableObject && (React.createElement(FreeTextColumnWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.FreeTextColumns, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: this.onFinishWizard }))));
     }
     onNew() {
-        let configEntity = ObjectFactory_1.ObjectFactory.CreateEmptyFreeTextColumn();
+        let configEntity = ObjectFactory.CreateEmptyFreeTextColumn();
         configEntity.ColumnId = this.props.summarisedColumn.columnId;
         this.setState({
             editedAdaptableObject: configEntity,
             wizardStartIndex: 1,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.New,
+            wizardStatus: WizardStatus.New,
         });
     }
     onEdit(FreeTextColumn) {
-        let clonedObject = Helper_1.Helper.cloneObject(FreeTextColumn);
+        let clonedObject = Helper.cloneObject(FreeTextColumn);
         this.setState({
             editedAdaptableObject: clonedObject,
             wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.Edit,
+            wizardStatus: WizardStatus.Edit,
         });
     }
     onCloseWizard() {
         this.setState({
             editedAdaptableObject: null,
             wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
+            wizardStatus: WizardStatus.None,
         });
     }
     canFinishWizard() {
         let FreeTextColumn = this.state.editedAdaptableObject;
-        return StringExtensions_1.StringExtensions.IsNotNullOrEmpty(FreeTextColumn.ColumnId);
+        return StringExtensions.IsNotNullOrEmpty(FreeTextColumn.ColumnId);
     }
 }
-exports.FreeTextColumnSummaryComponent = FreeTextColumnSummaryComponent;
 function mapStateToProps(state, ownProps) {
     return {
         FreeTextColumns: state.FreeTextColumn.FreeTextColumns,
@@ -90,4 +85,4 @@ function mapDispatchToProps(dispatch) {
         onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.FreeTextColumnModuleId, config)),
     };
 }
-exports.FreeTextColumnSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(FreeTextColumnSummaryComponent);
+export let FreeTextColumnSummary = connect(mapStateToProps, mapDispatchToProps)(FreeTextColumnSummaryComponent);