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

package/src/View/FlashingCell/Wizard/FlashingCellWizard.js

@@ -1,27 +1,31 @@
-import * as React from 'react';
-import { useState, useCallback } from 'react';
-import { Box } from 'rebass';
-import { OnePageAdaptableWizard, OnePageWizardSummary } from '../../Wizard/OnePageAdaptableWizard';
-import { FlashingAlertSettingsWizardSection, renderFlashingAlertSettingsSummary, } from './FlashingCellSettingsWizardSection';
-import { cloneObject } from '../../../Utilities/Helpers/Helper';
-import { FlashingAlertRulesWizardSection, renderFlashingAlertRulesSummary, } from './FlashingCellRulesWizardSection';
-import { FlashingAlertStyleWizardSection, renderFlashingAlertStyleSummary, } from './FlashingCellStyleWizardSection';
-import { FlashingAlertScopeWizardSection } from './FlashingCellScopeWizardSection';
-import { renderScopeSummary } from '../../Alert/Wizard/BaseAlertScopeWizardSection';
-import { useAdaptable } from '../../AdaptableContext';
-import { isScopeValid } from '../../Components/NewScopeComponent';
-import ObjectFactory from '../../../Utilities/ObjectFactory';
-import { useDispatch } from 'react-redux';
-import { isValidFlashingCellRules } from './isValidFlashingCellRules';
-import * as FlashingCellRedux from '../../../Redux/ActionsReducers/FlashingCellRedux';
-import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
-export const FlashingCellWizard = (props) => {
-    const { api } = useAdaptable();
-    const [flashingCell, setFlashingCell] = useState(() => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlashingCellWizard = 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 FlashingCellSettingsWizardSection_1 = require("./FlashingCellSettingsWizardSection");
+const Helper_1 = require("../../../Utilities/Helpers/Helper");
+const FlashingCellRulesWizardSection_1 = require("./FlashingCellRulesWizardSection");
+const FlashingCellStyleWizardSection_1 = require("./FlashingCellStyleWizardSection");
+const FlashingCellScopeWizardSection_1 = require("./FlashingCellScopeWizardSection");
+const BaseAlertScopeWizardSection_1 = require("../../Alert/Wizard/BaseAlertScopeWizardSection");
+const AdaptableContext_1 = require("../../AdaptableContext");
+const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
+const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
+const react_redux_1 = require("react-redux");
+const isValidFlashingCellRules_1 = require("./isValidFlashingCellRules");
+const FlashingCellRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/FlashingCellRedux"));
+const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
+const FlashingCellWizard = (props) => {
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
+    const [flashingCell, setFlashingCell] = (0, react_1.useState)(() => {
         var _a, _b, _c, _d;
         let flashingCell = props.data
-            ? cloneObject(props.data)
-            : ObjectFactory.CreateEmptyFlashingCellDefinition();
+            ? (0, Helper_1.cloneObject)(props.data)
+            : ObjectFactory_1.default.CreateEmptyFlashingCellDefinition();
         flashingCell =
             api.flashingCellApi.internalApi.mergeFlashingCellDefinitionWithDefaults(flashingCell);
         if (!flashingCell.Rule.BooleanExpression && !((_b = (_a = flashingCell.Rule) === null || _a === void 0 ? void 0 : _a.Predicates) === null || _b === void 0 ? void 0 : _b.length)) {
@@ -43,11 +47,11 @@ export const FlashingCellWizard = (props) => {
         };
     };
     const updateStyles = {
-        DownChangeStyle: useCallback(updateProperty('DownChangeStyle'), []),
-        UpChangeStyle: useCallback(updateProperty('UpChangeStyle'), []),
-        NeutralChangeStyle: useCallback(updateProperty('NeutralChangeStyle'), []),
+        DownChangeStyle: (0, react_1.useCallback)(updateProperty('DownChangeStyle'), []),
+        UpChangeStyle: (0, react_1.useCallback)(updateProperty('UpChangeStyle'), []),
+        NeutralChangeStyle: (0, react_1.useCallback)(updateProperty('NeutralChangeStyle'), []),
     };
-    const dispatch = useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const handleFinish = () => {
         if (props.data) {
             dispatch(FlashingCellRedux.FlashingCellDefinitionEdit(flashingCell));
@@ -57,53 +61,54 @@ export const FlashingCellWizard = (props) => {
         }
         props.onFinishWizard(flashingCell);
     };
-    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: flashingCell, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: flashingCell, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 details: 'Specify which data changes should trigger Cell Flashing',
-                isValid: isScopeValid,
-                render: () => React.createElement(FlashingAlertScopeWizardSection, { onChange: setFlashingCell }),
-                renderSummary: renderScopeSummary,
+                isValid: NewScopeComponent_1.isScopeValid,
+                render: () => React.createElement(FlashingCellScopeWizardSection_1.FlashingAlertScopeWizardSection, { onChange: setFlashingCell }),
+                renderSummary: BaseAlertScopeWizardSection_1.renderScopeSummary,
                 title: 'Scope',
             },
             {
                 details: 'Build the Rules for when Cells should Flash',
-                isValid: isValidFlashingCellRules,
-                render: () => React.createElement(FlashingAlertRulesWizardSection, { onChange: setFlashingCell }),
-                renderSummary: renderFlashingAlertRulesSummary,
+                isValid: isValidFlashingCellRules_1.isValidFlashingCellRules,
+                render: () => React.createElement(FlashingCellRulesWizardSection_1.FlashingAlertRulesWizardSection, { onChange: setFlashingCell }),
+                renderSummary: FlashingCellRulesWizardSection_1.renderFlashingAlertRulesSummary,
                 title: 'Rule',
             },
             {
                 details: 'Choose Flash Styles for Up, Down and Neutral Changes',
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(FlashingAlertStyleWizardSection, { onStyleChange: (styleName, style) => {
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(FlashingCellStyleWizardSection_1.FlashingAlertStyleWizardSection, { onStyleChange: (styleName, style) => {
                             updateStyles[styleName](style);
                         } }))),
-                renderSummary: renderFlashingAlertStyleSummary,
+                renderSummary: FlashingCellStyleWizardSection_1.renderFlashingAlertStyleSummary,
                 title: 'Flash Styles',
             },
             {
                 details: 'Set Duration and Target Properties',
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(FlashingAlertSettingsWizardSection, { onChange: setFlashingCell }))),
-                renderSummary: renderFlashingAlertSettingsSummary,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(FlashingCellSettingsWizardSection_1.FlashingAlertSettingsWizardSection, { onChange: setFlashingCell }))),
+                renderSummary: FlashingCellSettingsWizardSection_1.renderFlashingAlertSettingsSummary,
                 title: 'Settings',
             },
             {
                 details: 'Select Flashing Cell Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection, { onChange: setFlashingCell }))),
-                renderSummary: renderObjectTagsSummary,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setFlashingCell }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
             },
             '-',
             {
                 details: 'Review the Flashing Cell Rule',
                 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.FlashingCellWizard = FlashingCellWizard;

package/src/View/FlashingCell/Wizard/isValidFlashingCellRules.js

@@ -1,10 +1,13 @@
-import { isAdaptableRuleValid } from '../../Components/EntityRulesEditor/Utilities';
-export const isValidFlashingCellRules = (flashingCell, api, context) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isValidFlashingCellRules = void 0;
+const Utilities_1 = require("../../Components/EntityRulesEditor/Utilities");
+const isValidFlashingCellRules = (flashingCell, api, context) => {
     var _a, _b;
     if (!((_b = (_a = flashingCell.Rule) === null || _a === void 0 ? void 0 : _a.Predicates) === null || _b === void 0 ? void 0 : _b.length) && !flashingCell.Rule.BooleanExpression) {
         return 'No Rule defined for Flashing Cell';
     }
-    const isRuleValid = isAdaptableRuleValid(flashingCell, api, context);
+    const isRuleValid = (0, Utilities_1.isAdaptableRuleValid)(flashingCell, api, context);
     if (typeof isRuleValid === 'string') {
         return isRuleValid;
     }
@@ -17,3 +20,4 @@ export const isValidFlashingCellRules = (flashingCell, api, context) => {
     }
     return true;
 };
+exports.isValidFlashingCellRules = isValidFlashingCellRules;

package/src/View/FormatColumn/FormatColumnSummary.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 FormatColumnRedux from '../../Redux/ActionsReducers/FormatColumnRedux';
-import { ObjectFactory } from '../../Utilities/ObjectFactory';
-import * as ModuleConstants from '../../Utilities/Constants/ModuleConstants';
-import { ModuleHeader } from '../Components/ModuleSummary/ModuleHeader';
-import { ModuleDetail } from '../Components/ModuleSummary/ModuleDetail';
-import { ModuleProfile } from '../Components/ModuleProfile';
-import { StyleVisualItem } from '../Components/StyleVisualItem';
-import * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
-import { UIHelper } from '../UIHelper';
-import { FormatColumnWizard } from './Wizard/FormatColumnWizard';
-export class FormatColumnSummaryComponent extends React.Component {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormatColumnSummary = exports.FormatColumnSummaryComponent = 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 FormatColumnRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/FormatColumnRedux"));
+const ObjectFactory_1 = require("../../Utilities/ObjectFactory");
+const ModuleConstants = tslib_1.__importStar(require("../../Utilities/Constants/ModuleConstants"));
+const ModuleHeader_1 = require("../Components/ModuleSummary/ModuleHeader");
+const ModuleDetail_1 = require("../Components/ModuleSummary/ModuleDetail");
+const ModuleProfile_1 = require("../Components/ModuleProfile");
+const StyleVisualItem_1 = require("../Components/StyleVisualItem");
+const TeamSharingRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/TeamSharingRedux"));
+const UIHelper_1 = require("../UIHelper");
+const FormatColumnWizard_1 = require("./Wizard/FormatColumnWizard");
+class FormatColumnSummaryComponent extends React.Component {
     constructor(props) {
         super(props);
         this.onFinishWizard = (formatColumn) => {
@@ -25,42 +29,42 @@ export class FormatColumnSummaryComponent 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() {
         const [formatColumn] = this.props.api.formatColumnApi.getFormatColumnsForColumn(this.props.summarisedColumn);
         let noFormatColumn = formatColumn == null;
         let formatColumnRow;
         if (noFormatColumn) {
-            formatColumnRow = (React.createElement(ModuleHeader, { key: this.props.moduleInfo.FriendlyName, moduleInfo: this.props.moduleInfo, moduleSummary: 'No Format Column Set', onNew: () => this.onNew(), newButtonTooltip: this.props.moduleInfo.FriendlyName, accessLevel: this.props.accessLevel }));
+            formatColumnRow = (React.createElement(ModuleHeader_1.ModuleHeader, { key: this.props.moduleInfo.FriendlyName, moduleInfo: this.props.moduleInfo, moduleSummary: 'No Format Column Set', onNew: () => this.onNew(), newButtonTooltip: this.props.moduleInfo.FriendlyName, accessLevel: this.props.accessLevel }));
         }
         else {
-            formatColumnRow = (React.createElement(ModuleDetail, { key: this.props.moduleInfo.FriendlyName, item1: React.createElement(ModuleProfile, { moduleInfo: this.props.moduleInfo }), item2: React.createElement(StyleVisualItem, { Style: formatColumn.Style }), configEnity: formatColumn, showShare: this.props.teamSharingActivated, moduleInfo: this.props.moduleInfo, onEdit: () => this.onEdit(formatColumn), onShare: (config) => this.props.onShare(formatColumn, config), onDelete: FormatColumnRedux.FormatColumnDelete(formatColumn), showBold: true, accessLevel: this.props.accessLevel }));
+            formatColumnRow = (React.createElement(ModuleDetail_1.ModuleDetail, { key: this.props.moduleInfo.FriendlyName, item1: React.createElement(ModuleProfile_1.ModuleProfile, { moduleInfo: this.props.moduleInfo }), item2: React.createElement(StyleVisualItem_1.StyleVisualItem, { Style: formatColumn.Style }), configEnity: formatColumn, showShare: this.props.teamSharingActivated, moduleInfo: this.props.moduleInfo, onEdit: () => this.onEdit(formatColumn), onShare: (config) => this.props.onShare(formatColumn, config), onDelete: FormatColumnRedux.FormatColumnDelete(formatColumn), showBold: true, accessLevel: this.props.accessLevel }));
         }
         return (React.createElement("div", null,
             formatColumnRow,
-            this.state.editedAdaptableObject && (React.createElement(FormatColumnWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.FormatColumns, wizardStartIndex: this.state.wizardStartIndex, onCloseWizard: this.onCloseWizard, onFinishWizard: this.onFinishWizard }))));
+            this.state.editedAdaptableObject && (React.createElement(FormatColumnWizard_1.FormatColumnWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: this.props.FormatColumns, wizardStartIndex: this.state.wizardStartIndex, onCloseWizard: this.onCloseWizard, onFinishWizard: this.onFinishWizard }))));
     }
     onNew() {
-        let configEntity = ObjectFactory.CreateEmptyFormatColumn();
+        let configEntity = ObjectFactory_1.ObjectFactory.CreateEmptyFormatColumn();
         configEntity.Scope = {
             ColumnIds: [this.props.summarisedColumn.columnId],
         };
         this.setState({
             editedAdaptableObject: configEntity,
             wizardStartIndex: 1,
-            wizardStatus: WizardStatus.New,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.New,
         });
     }
     onEdit(formatColumn) {
-        let clonedObject = Helper.cloneObject(formatColumn);
+        let clonedObject = Helper_1.Helper.cloneObject(formatColumn);
         this.setState({
             editedAdaptableObject: clonedObject,
             wizardStartIndex: 1,
-            wizardStatus: WizardStatus.Edit,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.Edit,
         });
     }
     onCloseWizard() {
@@ -68,14 +72,15 @@ export class FormatColumnSummaryComponent extends React.Component {
         (_a = this === null || this === void 0 ? void 0 : this.setState) === null || _a === void 0 ? void 0 : _a.call(this, {
             editedAdaptableObject: null,
             wizardStartIndex: 0,
-            wizardStatus: WizardStatus.None,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
         });
     }
     canFinishWizard() {
         let formatColumn = this.state.editedAdaptableObject;
-        return formatColumn.Scope != undefined && UIHelper.IsNotEmptyStyle(formatColumn.Style);
+        return formatColumn.Scope != undefined && UIHelper_1.UIHelper.IsNotEmptyStyle(formatColumn.Style);
     }
 }
+exports.FormatColumnSummaryComponent = FormatColumnSummaryComponent;
 function mapStateToProps(state, ownProps) {
     return {
         FormatColumns: state.FormatColumn.FormatColumns,
@@ -88,4 +93,4 @@ function mapDispatchToProps(dispatch) {
         onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.FormatColumnModuleId, config)),
     };
 }
-export let FormatColumnSummary = connect(mapStateToProps, mapDispatchToProps)(FormatColumnSummaryComponent);
+exports.FormatColumnSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(FormatColumnSummaryComponent);

package/src/View/FormatColumn/MoveFormatColumn.js

@@ -1,11 +1,15 @@
-import * as React from 'react';
-import SimpleButton from '../../components/SimpleButton';
-import * as FormatColumnRedux from '../../Redux/ActionsReducers/FormatColumnRedux';
-import { useDispatch } from 'react-redux';
-import { useAdaptable } from '../AdaptableContext';
-export const MoveFormatColumn = (props) => {
-    const dispatch = useDispatch();
-    const adaptable = useAdaptable();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoveFormatColumn = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
+const FormatColumnRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/FormatColumnRedux"));
+const react_redux_1 = require("react-redux");
+const AdaptableContext_1 = require("../AdaptableContext");
+const MoveFormatColumn = (props) => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const formatColumn = adaptable.api.formatColumnApi.getFormatColumns();
     const handleMoveUp = React.useCallback(() => {
         dispatch(FormatColumnRedux.FormatColumnMoveUp(props.data));
@@ -17,6 +21,7 @@ export const MoveFormatColumn = (props) => {
         return React.createElement(React.Fragment, null);
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(SimpleButton, { "data-id": "move-up", title: "move up", onClick: handleMoveUp, variant: "text", icon: "arrow-up" }),
-        React.createElement(SimpleButton, { "data-name": "move-down", title: "move down", onClick: handleMoveDown, variant: "text", icon: "arrow-down" })));
+        React.createElement(SimpleButton_1.default, { "data-id": "move-up", title: "move up", onClick: handleMoveUp, variant: "text", icon: "arrow-up" }),
+        React.createElement(SimpleButton_1.default, { "data-name": "move-down", title: "move down", onClick: handleMoveDown, variant: "text", icon: "arrow-down" })));
 };
+exports.MoveFormatColumn = MoveFormatColumn;