@adaptabletools/adaptable 17.0.0-canary.4 → 17.0.0-canary.6

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

@@ -1,29 +1,34 @@
-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';
+"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");
 let alignmentOptions = [
     { value: 'Left', label: 'Left' },
     { value: 'Right', label: 'Right' },
     { value: 'Center', label: 'Center' },
 ];
-export const renderFormatColumnSettingsSummary = (data) => {
+const renderFormatColumnSettingsSummary = (data) => {
     var _a;
-    return (React.createElement(Box, { padding: 2 },
-        React.createElement(Text, null,
+    return (React.createElement(rebass_1.Box, { padding: 2 },
+        React.createElement(rebass_1.Text, null,
             "Cell alignment ",
-            React.createElement(Tag, null, (_a = data.CellAlignment) !== null && _a !== void 0 ? _a : 'default')),
-        React.createElement(Text, { mt: 3 },
+            React.createElement(Tag_1.Tag, null, (_a = data.CellAlignment) !== null && _a !== void 0 ? _a : 'default')),
+        React.createElement(rebass_1.Text, { mt: 3 },
             "Include grouped rows ",
-            React.createElement(Tag, null, data.IncludeGroupedRows ? 'yes' : 'no'))));
+            React.createElement(Tag_1.Tag, null, data.IncludeGroupedRows ? 'yes' : 'no'))));
 };
-export const FormatColumnSettingsWizardSection = (props) => {
-    const { data } = useOnePageAdaptableWizardContext();
+exports.renderFormatColumnSettingsSummary = renderFormatColumnSettingsSummary;
+const FormatColumnSettingsWizardSection = (props) => {
+    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const onCellAlignmentSelectChanged = (CellAlignment) => {
         const newData = Object.assign(Object.assign({}, data), { CellAlignment });
         if (CellAlignment === null) {
@@ -34,23 +39,24 @@ export const FormatColumnSettingsWizardSection = (props) => {
     const onIncludeGroupedRowsChanged = (IncludeGroupedRows) => {
         props.onChange(Object.assign(Object.assign({}, data), { IncludeGroupedRows }));
     };
-    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
+    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
                                     ? onCellAlignmentSelectChanged('Left')
                                     : onCellAlignmentSelectChanged(null) }),
-                            React.createElement(Toggle, { icon: "align-center", pressed: data.CellAlignment === 'Center', onPressedChange: (pressed) => pressed
+                            React.createElement(Toggle_1.Toggle, { icon: "align-center", pressed: data.CellAlignment === 'Center', onPressedChange: (pressed) => pressed
                                     ? onCellAlignmentSelectChanged('Center')
                                     : onCellAlignmentSelectChanged(null) }),
-                            React.createElement(Toggle, { icon: "align-right", pressed: data.CellAlignment === 'Right', onPressedChange: (pressed) => pressed
+                            React.createElement(Toggle_1.Toggle, { icon: "align-right", pressed: data.CellAlignment === 'Right', onPressedChange: (pressed) => pressed
                                     ? onCellAlignmentSelectChanged('Right')
                                     : onCellAlignmentSelectChanged(null) }))),
-                    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 }))))))));
+                    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 }))))))));
 };
+exports.FormatColumnSettingsWizardSection = FormatColumnSettingsWizardSection;

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

@@ -1,12 +1,16 @@
-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) => {
+"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) => {
     if (data.Style &&
-        UIHelper.IsEmptyStyle(data.Style) &&
+        UIHelper_1.default.IsEmptyStyle(data.Style) &&
         data.DisplayFormat === undefined &&
         data.CellAlignment === undefined &&
         !api.scopeApi.isSingleBooleanColumnScope(data.Scope)) {
@@ -14,21 +18,25 @@ export const isFormatColumnStyleValid = (data, api) => {
     }
     return true;
 };
+exports.isFormatColumnStyleValid = isFormatColumnStyleValid;
 const toStyle = (data) => {
     var _a, _b;
-    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 });
+    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 });
 };
-export const renderFormatColumnStyleWizardSummary = (data) => {
-    const { api } = useOnePageAdaptableWizardContext();
-    return renderFormatColumnStyleSummary(data, api);
+const renderFormatColumnStyleWizardSummary = (data) => {
+    const { api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    return (0, exports.renderFormatColumnStyleSummary)(data, api);
 };
-export const renderFormatColumnStyleSummary = (data, api) => {
-    return (React.createElement(Text, { className: "ab-FormatPreview", padding: 2, style: toStyle(data) }, "Preview result"));
+exports.renderFormatColumnStyleWizardSummary = renderFormatColumnStyleWizardSummary;
+const renderFormatColumnStyleSummary = (data, api) => {
+    return (React.createElement(rebass_1.Text, { className: "ab-FormatPreview", padding: 2, style: toStyle(data) }, "Preview result"));
 };
-export function FormatColumnStyleWizardSection(props) {
+exports.renderFormatColumnStyleSummary = renderFormatColumnStyleSummary;
+function FormatColumnStyleWizardSection(props) {
     var _a;
-    const { data, api } = useOnePageAdaptableWizardContext();
-    return (React.createElement(StyleComponent, { headless: true, api: api, Style: (_a = data.Style) !== null && _a !== void 0 ? _a : {}, UpdateStyle: (Style) => {
+    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) => {
             props.onChange(Object.assign(Object.assign({}, data), { Style }));
         } }));
 }
+exports.FormatColumnStyleWizardSection = FormatColumnStyleWizardSection;

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

@@ -1,25 +1,29 @@
-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';
+"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");
 const adjustDisplayFormat = (formatColumn, api) => {
     formatColumn = Object.assign({}, formatColumn);
-    const formatDataType = getFormatDisplayTypeForScope(formatColumn.Scope, api);
+    const formatDataType = (0, FormatColumnFormatWizardSection_1.getFormatDisplayTypeForScope)(formatColumn.Scope, api);
     if (!formatDataType && formatColumn.DisplayFormat) {
         formatColumn.DisplayFormat = undefined;
     }
@@ -50,13 +54,13 @@ const adjustFormatColumn = (formatColumn, api) => {
     formatColumn = adjustDisplayFormat(formatColumn, api);
     return formatColumn;
 };
-export function FormatColumnWizard(props) {
+function FormatColumnWizard(props) {
     var _a, _b;
-    const { api } = useAdaptable();
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
     const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
-    const [formatColumn, doSetFormatColumn] = useState(() => {
+    const [formatColumn, doSetFormatColumn] = (0, react_1.useState)(() => {
         var _a, _b, _c, _d;
-        let formatColumn = data ? cloneObject(data) : ObjectFactory.CreateEmptyFormatColumn();
+        let formatColumn = data ? (0, Helper_1.cloneObject)(data) : ObjectFactory_1.default.CreateEmptyFormatColumn();
         formatColumn.Scope = (_a = formatColumn.Scope) !== null && _a !== void 0 ? _a : {
             ColumnIds: [],
         };
@@ -71,14 +75,14 @@ export function FormatColumnWizard(props) {
     const setFormatColumn = React.useCallback((formatColumn) => {
         doSetFormatColumn(adjustFormatColumn(formatColumn, api));
     }, []);
-    const dispatch = useDispatch();
+    const dispatch = (0, react_redux_1.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) &&
-            isObjectEmpty((_b = formatColumn === null || formatColumn === void 0 ? void 0 : formatColumn.DisplayFormat) === null || _b === void 0 ? void 0 : _b.Options)) {
+            (0, ObjectExtensions_1.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 && isObjectEmpty(formatColumn.Style)) {
+        if (formatColumn.Style && (0, ObjectExtensions_1.isObjectEmpty)(formatColumn.Style)) {
             delete formatColumn.Style;
         }
         if (data) {
@@ -89,15 +93,15 @@ export function FormatColumnWizard(props) {
         }
         props.onFinishWizard(formatColumn);
     };
-    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: formatColumn, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard_1.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: isScopeValid,
-                renderSummary: renderFormatColumnScopeSummary,
+                isValid: NewScopeComponent_1.isScopeValid,
+                renderSummary: FormatColumnScopeWizardSection_1.renderFormatColumnScopeSummary,
                 render: () => {
-                    return (React.createElement(Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
-                        React.createElement(FormatColumnScopeWizardSection, { onChange: setFormatColumn })));
+                    return (React.createElement(rebass_1.Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
+                        React.createElement(FormatColumnScopeWizardSection_1.FormatColumnScopeWizardSection, { onChange: setFormatColumn })));
                 },
             },
             {
@@ -105,57 +109,58 @@ export function FormatColumnWizard(props) {
                     if (!abObject.Rule) {
                         return true;
                     }
-                    return isAdaptableRuleValid(abObject, api, context);
+                    return (0, Utilities_1.isAdaptableRuleValid)(abObject, api, context);
                 },
                 title: 'Condition',
                 details: 'Build a Rule when the Format Column should be applied',
                 render: () => {
-                    return (React.createElement(FormatColumnRuleWizardSection, { onChange: setFormatColumn, defaultPredicateId: DEFAULT_PREDICATE_ID_FOR_FORMAT_COLUMN }));
+                    return (React.createElement(FormatColumnRuleWizardSection_1.FormatColumnRuleWizardSection, { onChange: setFormatColumn, defaultPredicateId: constants_1.DEFAULT_PREDICATE_ID_FOR_FORMAT_COLUMN }));
                 },
             },
             {
                 title: 'Style',
                 details: 'Create a Style',
-                isValid: isFormatColumnStyleValid,
-                renderSummary: renderFormatColumnStyleWizardSummary,
+                isValid: FormatColumnStyleWizardSection_1.isFormatColumnStyleValid,
+                renderSummary: FormatColumnStyleWizardSection_1.renderFormatColumnStyleWizardSummary,
                 render: () => {
-                    return (React.createElement(Box, { padding: 2 },
-                        React.createElement(FormatColumnStyleWizardSection, { onChange: setFormatColumn })));
+                    return (React.createElement(rebass_1.Box, { padding: 2 },
+                        React.createElement(FormatColumnStyleWizardSection_1.FormatColumnStyleWizardSection, { onChange: setFormatColumn })));
                 },
             },
             {
                 title: 'Display Format',
                 details: 'Provide a Display Format',
-                renderSummary: (data) => renderFormatColumnFormatSummary(data),
+                renderSummary: (data) => (0, FormatColumnFormatWizardSection_1.renderFormatColumnFormatSummary)(data),
                 render: () => {
-                    return React.createElement(FormatColumnFormatWizardSection, { onChange: setFormatColumn });
+                    return React.createElement(FormatColumnFormatWizardSection_1.FormatColumnFormatWizardSection, { onChange: setFormatColumn });
                 },
             },
             {
                 title: 'Settings',
                 details: 'Set Additional Properties',
-                renderSummary: renderFormatColumnSettingsSummary,
+                renderSummary: FormatColumnSettingsWizardSection_1.renderFormatColumnSettingsSummary,
                 render: () => {
-                    return (React.createElement(Box, { padding: 2 },
-                        React.createElement(FormatColumnSettingsWizardSection, { onChange: setFormatColumn })));
+                    return (React.createElement(rebass_1.Box, { padding: 2 },
+                        React.createElement(FormatColumnSettingsWizardSection_1.FormatColumnSettingsWizardSection, { onChange: setFormatColumn })));
                 },
             },
             {
                 details: 'Select Format Column Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection, { onChange: setFormatColumn }))),
-                renderSummary: renderObjectTagsSummary,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setFormatColumn }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
             },
             '-',
             {
                 details: 'Review the Format Column',
                 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.FormatColumnWizard = FormatColumnWizard;

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

@@ -1 +1,4 @@
-export const DEFAULT_PREDICATE_ID_FOR_FORMAT_COLUMN = 'NonBlanks';
+"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';

package/src/View/FreeTextColumn/FreeTextColumnSummary.js

@@ -1,18 +1,22 @@
-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 {
+"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 {
     constructor(props) {
         super(props);
         this.onFinishWizard = (FreeTextColumn) => {
@@ -25,54 +29,55 @@ export class FreeTextColumnSummaryComponent extends React.Component {
             this.setState({
                 editedAdaptableObject: null,
                 wizardStartIndex: 0,
-                wizardStatus: WizardStatus.None,
+                wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
             });
         };
-        this.state = UIHelper.getEmptyConfigState();
+        this.state = UIHelper_1.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.IsNotEmpty(freeTextColumn.FreeTextStoredValues)
+            let description = ArrayExtensions_1.ArrayExtensions.IsNotEmpty(freeTextColumn.FreeTextStoredValues)
                 ? ' Stored values: ' + freeTextColumn.FreeTextStoredValues.length
                 : 'No stored values';
-            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 }));
+            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 }));
         }
         return (React.createElement("div", null,
             FreeTextColumnRow,
-            this.state.editedAdaptableObject && (React.createElement(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_1.FreeTextColumnWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.FreeTextColumns, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: this.onFinishWizard }))));
     }
     onNew() {
-        let configEntity = ObjectFactory.CreateEmptyFreeTextColumn();
+        let configEntity = ObjectFactory_1.ObjectFactory.CreateEmptyFreeTextColumn();
         configEntity.ColumnId = this.props.summarisedColumn.columnId;
         this.setState({
             editedAdaptableObject: configEntity,
             wizardStartIndex: 1,
-            wizardStatus: WizardStatus.New,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.New,
         });
     }
     onEdit(FreeTextColumn) {
-        let clonedObject = Helper.cloneObject(FreeTextColumn);
+        let clonedObject = Helper_1.Helper.cloneObject(FreeTextColumn);
         this.setState({
             editedAdaptableObject: clonedObject,
             wizardStartIndex: 0,
-            wizardStatus: WizardStatus.Edit,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.Edit,
         });
     }
     onCloseWizard() {
         this.setState({
             editedAdaptableObject: null,
             wizardStartIndex: 0,
-            wizardStatus: WizardStatus.None,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
         });
     }
     canFinishWizard() {
         let FreeTextColumn = this.state.editedAdaptableObject;
-        return StringExtensions.IsNotNullOrEmpty(FreeTextColumn.ColumnId);
+        return StringExtensions_1.StringExtensions.IsNotNullOrEmpty(FreeTextColumn.ColumnId);
     }
 }
+exports.FreeTextColumnSummaryComponent = FreeTextColumnSummaryComponent;
 function mapStateToProps(state, ownProps) {
     return {
         FreeTextColumns: state.FreeTextColumn.FreeTextColumns,
@@ -85,4 +90,4 @@ function mapDispatchToProps(dispatch) {
         onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.FreeTextColumnModuleId, config)),
     };
 }
-export let FreeTextColumnSummary = connect(mapStateToProps, mapDispatchToProps)(FreeTextColumnSummaryComponent);
+exports.FreeTextColumnSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(FreeTextColumnSummaryComponent);