@adaptabletools/adaptable 17.0.5 → 18.0.0-canary.0

package/src/View/Notes/NoteEditor.js

@@ -0,0 +1,28 @@
+import throttle from 'lodash/throttle';
+import * as React from 'react';
+import Textarea from '../../components/Textarea';
+export const NoteEditor = ({ note, onNoteChange, onClose, editMode, isReadonly }) => {
+    const textAreaRef = React.useRef(null);
+    const [liveValue, setLiveValue] = React.useState(note || '');
+    const throttledOnChange = React.useMemo(() => {
+        const throttled = throttle((value) => onNoteChange(value), 300);
+        return (value) => {
+            setLiveValue(value);
+            throttled(value);
+        };
+    }, []);
+    React.useEffect(() => {
+        var _a;
+        if (editMode) {
+            (_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [editMode]);
+    if (note === undefined || note === null) {
+        return null;
+    }
+    return (React.createElement(Textarea, { readOnly: isReadonly, ref: textAreaRef, width: "100%", minWidth: 180, minHeight: 120, value: liveValue, onBlur: () => onClose(), onKeyDown: (event) => {
+            if (event.key === 'Escape') {
+                onClose();
+            }
+        }, onChange: (event) => throttledOnChange(event.target.value) }));
+};

package/src/View/Notes/NotesPopup.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const NotePopup: () => JSX.Element;
+import * as React from 'react';
+export declare const NotesPopup: React.FunctionComponent;

package/src/View/Notes/NotesPopup.js

@@ -1,65 +1,83 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotePopup = void 0;
-const tslib_1 = require("tslib");
-const throttle_1 = tslib_1.__importDefault(require("lodash/throttle"));
-const React = tslib_1.__importStar(require("react"));
-const react_redux_1 = require("react-redux");
-const rebass_1 = require("rebass");
-const Textarea_1 = tslib_1.__importDefault(require("../../components/Textarea"));
-const NotesRedux_1 = require("../../Redux/ActionsReducers/NotesRedux");
-const SystemRedux_1 = require("../../Redux/ActionsReducers/SystemRedux");
-const AdaptableContext_1 = require("../AdaptableContext");
-const CellPopup_1 = require("../Components/CellPopup");
-const NoteEditor = ({ note, onNoteChange, onClose, editMode, isReadonly }) => {
-    const textAreaRef = React.useRef(null);
-    const [liveValue, setLiveValue] = React.useState(note || '');
-    const throttledOnChange = React.useMemo(() => {
-        const throttled = (0, throttle_1.default)((value) => onNoteChange(value), 300);
-        return (value) => {
-            setLiveValue(value);
-            throttled(value);
+import * as React from 'react';
+import { useSelector } from 'react-redux';
+import { DataSource, InfiniteTable } from '../../components/InfiniteTable';
+import { GetNotesSelector } from '../../Redux/ActionsReducers/NotesRedux';
+import { useAdaptable } from '../AdaptableContext';
+import { AdaptableButtonComponent } from '../Components/AdaptableButton';
+import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
+const tableDOMProps = {
+    style: {
+        height: '100%',
+        minWidth: '10rem',
+        // minHeight: 600,
+    },
+};
+export const NotesPopup = (props) => {
+    const adaptable = useAdaptable();
+    const primaryKeyHeader = adaptable.api.columnApi.getFriendlyNameForColumnId(adaptable.api.columnApi.getPrimaryKeyColumn().columnId);
+    const allNotes = useSelector((state) => GetNotesSelector(state.Notes));
+    const columnsMap = React.useMemo(() => {
+        const columns = {
+            primaryKey: {
+                field: 'PrimaryKeyValue',
+                header: primaryKeyHeader,
+            },
+            column: {
+                field: 'ColumnId',
+                valueGetter: (params) => {
+                    return adaptable.api.columnApi.getFriendlyNameForColumnId(params.data.ColumnId);
+                },
+            },
+            note: {
+                field: 'Value',
+                header: 'Note',
+                defaultEditable: true,
+                defaultFlex: 3,
+            },
+            timestamp: {
+                field: 'Timestamp',
+                valueGetter: (params) => {
+                    return new Date(params.data.Timestamp).toDateString();
+                },
+            },
+            author: {
+                header: 'Author',
+                valueGetter: (params) => params.data.Author.UserName,
+            },
+            delete: {
+                defaultWidth: 50,
+                render: (params) => {
+                    return (React.createElement(AdaptableButtonComponent, { variant: "text", icon: "delete", onClick: () => {
+                            const note = adaptable.api.notesApi.getNoteByUuid(params.data.Uuid);
+                            adaptable.api.notesApi.deleteNote(note);
+                        } }));
+                },
+            },
         };
+        return columns;
     }, []);
-    React.useEffect(() => {
-        var _a;
-        if (editMode) {
-            (_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        }
-    }, [editMode]);
-    return (React.createElement(Textarea_1.default, { readOnly: isReadonly, ref: textAreaRef, width: "100%", minWidth: 180, minHeight: 120, value: liveValue, onBlur: () => onClose(), onKeyDown: (event) => {
-            if (event.key === 'Escape') {
-                onClose();
-            }
-        }, onChange: (event) => throttledOnChange(event.target.value) }));
-};
-const NotePopup = () => {
-    var _a;
-    const { api } = (0, AdaptableContext_1.useAdaptable)();
-    const cellPopupRef = React.useRef(null);
-    const editMode = (0, react_redux_1.useSelector)((state) => (0, SystemRedux_1.SystemNotesEditModeSelector)(state.System));
-    const noteGridCell = (0, react_redux_1.useSelector)((state) => (0, SystemRedux_1.SystemNotesSelector)(state.System));
-    const [
-    // Only handle first note for now
-    // Later we can handle multiple notes
-    note,] = (0, react_redux_1.useSelector)((state) => {
-        return noteGridCell ? (0, NotesRedux_1.GetNotesSelector)(state.Notes, noteGridCell) : [];
-    });
-    const handleNoteChange = (value) => {
-        api.notesApi.updateNoteText(value, note);
-    };
-    const isReadonly = api.entitlementApi.isModuleReadOnlyEntitlement('Notes');
-    const enableEditMode = () => {
-        if (!editMode) {
-            api.notesApi.showNotes(noteGridCell, true);
-            cellPopupRef === null || cellPopupRef === void 0 ? void 0 : cellPopupRef.current.refreshContent();
-        }
-    };
-    if (!noteGridCell) {
-        return React.createElement(React.Fragment, null);
-    }
-    return (React.createElement(CellPopup_1.CellPopup, { ref: cellPopupRef, key: `${noteGridCell.PrimaryKeyValue}-${noteGridCell.ColumnId}`, isOpen: true, primaryKeyValue: noteGridCell.PrimaryKeyValue, columnId: noteGridCell.ColumnId },
-        React.createElement(rebass_1.Flex, { onClick: () => enableEditMode(), flexDirection: "column", className: "ab-NotesPopup" },
-            React.createElement(NoteEditor, { isReadonly: isReadonly, editMode: editMode, key: note === null || note === void 0 ? void 0 : note.Uuid, onClose: () => api.notesApi.hideNote(), note: (_a = note === null || note === void 0 ? void 0 : note.Value) !== null && _a !== void 0 ? _a : '', onNoteChange: (value) => handleNoteChange(value) }))));
+    return (React.createElement(PopupPanel, { headerText: 'Notes', glyphicon: 'import', infoLink: props.moduleInfo.HelpPage },
+        React.createElement(DataSource, { data: allNotes, primaryKey: "Uuid", onDataMutations: (params) => {
+                for (const mutation of params.mutations) {
+                    const [uuid, changes] = mutation;
+                    for (const change of changes) {
+                        if (change.type === 'update') {
+                            const data = change.data;
+                            const prevNote = allNotes.find((x) => x.Uuid === uuid);
+                            if (prevNote.Value !== data.Value) {
+                                adaptable.api.notesApi.updateNoteText(data.Value, prevNote);
+                            }
+                        }
+                    }
+                }
+            } },
+            React.createElement(InfiniteTable, { columnTypes: {
+                    default: {
+                        align: 'start',
+                        defaultFlex: 1,
+                        defaultSortable: false,
+                    },
+                }, headerOptions: {
+                    alwaysReserveSpaceForSortIcon: false,
+                }, rowHeight: 40, columnHeaderHeight: 65, domProps: tableDOMProps, columns: columnsMap }))));
 };
-exports.NotePopup = NotePopup;

package/src/View/PlusMinus/MovePlusMinus.js

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MovePlusMinus = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const SimpleButton_1 = tslib_1.__importDefault(require("../../components/SimpleButton"));
-const PlusMinusRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/PlusMinusRedux"));
-const react_redux_1 = require("react-redux");
-const AdaptableContext_1 = require("../AdaptableContext");
-const MovePlusMinus = (props) => {
-    const dispatch = (0, react_redux_1.useDispatch)();
-    const adaptable = (0, AdaptableContext_1.useAdaptable)();
-    const plusMinusNudges = (0, react_redux_1.useSelector)((state) => state.PlusMinus.PlusMinusNudges);
+import * as React from 'react';
+import SimpleButton from '../../components/SimpleButton';
+import * as PlusMinusRedux from '../../Redux/ActionsReducers/PlusMinusRedux';
+import { useDispatch, useSelector } from 'react-redux';
+import { useAdaptable } from '../AdaptableContext';
+export const MovePlusMinus = (props) => {
+    const dispatch = useDispatch();
+    const adaptable = useAdaptable();
+    const plusMinusNudges = useSelector((state) => state.PlusMinus.PlusMinusNudges);
     const handleMoveUp = React.useCallback(() => {
         dispatch(PlusMinusRedux.PlusMinusMoveUp(props.data));
     }, []);
@@ -21,7 +17,6 @@ const MovePlusMinus = (props) => {
         return React.createElement(React.Fragment, null);
     }
     return (React.createElement(React.Fragment, null,
-        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" })));
+        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" })));
 };
-exports.MovePlusMinus = MovePlusMinus;

package/src/View/PlusMinus/PlusMinusSummary.js

@@ -1,70 +1,66 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlusMinusSummary = exports.PlusMinusSummaryComponent = 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 PlusMinusRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/PlusMinusRedux"));
-const PopupRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/PopupRedux"));
-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 TeamSharingRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/TeamSharingRedux"));
-const UIHelper_1 = require("../UIHelper");
-const PlusMinusWizard_1 = require("./Wizard/PlusMinusWizard");
-class PlusMinusSummaryComponent 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 PlusMinusRedux from '../../Redux/ActionsReducers/PlusMinusRedux';
+import * as PopupRedux from '../../Redux/ActionsReducers/PopupRedux';
+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 * as TeamSharingRedux from '../../Redux/ActionsReducers/TeamSharingRedux';
+import { UIHelper } from '../UIHelper';
+import { PlusMinusWizard } from './Wizard/PlusMinusWizard';
+export class PlusMinusSummaryComponent extends React.Component {
     constructor(props) {
         super(props);
-        this.state = UIHelper_1.UIHelper.getEmptyConfigState();
+        this.state = UIHelper.getEmptyConfigState();
     }
     render() {
         let moduleSummaries = [];
         // title row
-        let titleRow = (React.createElement(ModuleHeader_1.ModuleHeader, { key: this.props.moduleInfo.FriendlyName, moduleInfo: this.props.moduleInfo, moduleSummary: Helper_1.Helper.returnItemCount(this.props.PlusMinusNudges.filter((item) => this.props.api.scopeApi.isColumnInScopeColumns(this.props.summarisedColumn, item.Scope)), this.props.moduleInfo.FriendlyName), onNew: () => this.onNew(), newButtonTooltip: 'Plus / Minus Rule', accessLevel: this.props.accessLevel }));
+        let titleRow = (React.createElement(ModuleHeader, { key: this.props.moduleInfo.FriendlyName, moduleInfo: this.props.moduleInfo, moduleSummary: Helper.returnItemCount(this.props.PlusMinusNudges.filter((item) => this.props.api.scopeApi.isColumnInScopeColumns(this.props.summarisedColumn, item.Scope)), this.props.moduleInfo.FriendlyName), onNew: () => this.onNew(), newButtonTooltip: 'Plus / Minus Rule', accessLevel: this.props.accessLevel }));
         moduleSummaries.push(titleRow);
         // existing items
         this.props.PlusMinusNudges.map((item, index) => {
             var _a;
             if (this.props.api.scopeApi.isColumnInScopeColumns(this.props.summarisedColumn, item.Scope)) {
-                let detailRow = (React.createElement(ModuleDetail_1.ModuleDetail, { key: 'PM' + index, item1: 'Nudge Value: ' + item.NudgeValue, item2: ((_a = item.Rule) === null || _a === void 0 ? void 0 : _a.BooleanExpression) ? item.Rule.BooleanExpression : 'Always', configEnity: item, showShare: this.props.teamSharingActivated, moduleInfo: this.props.moduleInfo, onEdit: () => this.onEdit(item), onShare: (config) => this.props.onShare(item, config), onDelete: PlusMinusRedux.PlusMinusNudgeDelete(item), accessLevel: this.props.accessLevel }));
+                let detailRow = (React.createElement(ModuleDetail, { key: 'PM' + index, item1: 'Nudge Value: ' + item.NudgeValue, item2: ((_a = item.Rule) === null || _a === void 0 ? void 0 : _a.BooleanExpression) ? item.Rule.BooleanExpression : 'Always', configEnity: item, showShare: this.props.teamSharingActivated, moduleInfo: this.props.moduleInfo, onEdit: () => this.onEdit(item), onShare: (config) => this.props.onShare(item, config), onDelete: PlusMinusRedux.PlusMinusNudgeDelete(item), accessLevel: this.props.accessLevel }));
                 moduleSummaries.push(detailRow);
             }
         });
         return (React.createElement("div", null,
             moduleSummaries,
-            this.state.editedAdaptableObject && (React.createElement(PlusMinusWizard_1.PlusMinusWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: null, wizardStartIndex: this.state.wizardStartIndex, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: () => this.onFinishWizard() }))));
+            this.state.editedAdaptableObject && (React.createElement(PlusMinusWizard, { moduleInfo: this.props.moduleInfo, data: this.state.editedAdaptableObject, configEntities: null, wizardStartIndex: this.state.wizardStartIndex, onCloseWizard: () => this.onCloseWizard(), onFinishWizard: () => this.onFinishWizard() }))));
     }
     onNew() {
-        let configEntity = ObjectFactory_1.ObjectFactory.CreateEmptyPlusMinusNudge();
+        let configEntity = ObjectFactory.CreateEmptyPlusMinusNudge();
         configEntity.Scope = {
             ColumnIds: [this.props.summarisedColumn.columnId],
         };
         this.setState({
             editedAdaptableObject: configEntity,
             wizardStartIndex: 1,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.New,
+            wizardStatus: WizardStatus.New,
         });
     }
     onEdit(PlusMinus) {
         this.setState({
-            editedAdaptableObject: Helper_1.Helper.cloneObject(PlusMinus),
+            editedAdaptableObject: Helper.cloneObject(PlusMinus),
             wizardStartIndex: 1,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.Edit,
+            wizardStatus: WizardStatus.Edit,
         });
     }
     onCloseWizard() {
         this.setState({
             editedAdaptableObject: null,
             wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
+            wizardStatus: WizardStatus.None,
         });
     }
     onFinishWizard() {
         let plusMinusNudge = this.state.editedAdaptableObject;
-        if (this.state.wizardStatus == EditableConfigEntityState_1.WizardStatus.Edit) {
+        if (this.state.wizardStatus == WizardStatus.Edit) {
             this.props.onEditPlusMinusNudge(plusMinusNudge);
         }
         else {
@@ -73,7 +69,7 @@ class PlusMinusSummaryComponent extends React.Component {
         this.setState({
             editedAdaptableObject: null,
             wizardStartIndex: 0,
-            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
+            wizardStatus: WizardStatus.None,
         });
     }
     canFinishWizard() {
@@ -84,7 +80,6 @@ class PlusMinusSummaryComponent extends React.Component {
         return true;
     }
 }
-exports.PlusMinusSummaryComponent = PlusMinusSummaryComponent;
 function mapStateToProps(state, ownProps) {
     return {
         PlusMinusNudges: state.PlusMinus.PlusMinusNudges,
@@ -98,4 +93,4 @@ function mapDispatchToProps(dispatch) {
         onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.PlusMinusModuleId, config)),
     };
 }
-exports.PlusMinusSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(PlusMinusSummaryComponent);
+export let PlusMinusSummary = connect(mapStateToProps, mapDispatchToProps)(PlusMinusSummaryComponent);

package/src/View/PlusMinus/Wizard/PlusMinusRuleWizardSection.js

@@ -1,31 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlusMinusRuleWizardSection = exports.PlusMinusRuleSummary = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const EntityRulesEditor_1 = require("../../Components/EntityRulesEditor");
-const CodeBlock_1 = require("../../../components/CodeBlock");
-function PlusMinusRuleSummary() {
-    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(EntityRulesEditor_1.EntityRulesSummary, { data: data, renderPredicate: (contents) => {
+import * as React from 'react';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { EntityRulesEditor, EntityRulesSummary } from '../../Components/EntityRulesEditor';
+import { CodeBlock } from '../../../components/CodeBlock';
+export function PlusMinusRuleSummary() {
+    const { data } = useOnePageAdaptableWizardContext();
+    return (React.createElement(EntityRulesSummary, { data: data, renderPredicate: (contents) => {
             return (React.createElement(React.Fragment, null,
                 "Apply Plus Minus on ",
-                React.createElement(CodeBlock_1.CodeBlock, null, contents)));
+                React.createElement(CodeBlock, null, contents)));
         }, renderQueryExpression: (contents) => {
             return (React.createElement(React.Fragment, null,
                 "Apply Plus Minus when",
                 ' ',
                 React.createElement("b", null,
-                    React.createElement(CodeBlock_1.CodeBlock, null, contents))));
+                    React.createElement(CodeBlock, null, contents))));
         } }));
 }
-exports.PlusMinusRuleSummary = PlusMinusRuleSummary;
-function PlusMinusRuleWizardSection(props) {
+export function PlusMinusRuleWizardSection(props) {
     var _a;
-    const { data, moduleInfo } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const { data, moduleInfo } = useOnePageAdaptableWizardContext();
     const plusMinusNudge = Object.assign(Object.assign({}, data), { Rule: (_a = data === null || data === void 0 ? void 0 : data.Rule) !== null && _a !== void 0 ? _a : { BooleanExpression: '' } });
-    return (React.createElement(EntityRulesEditor_1.EntityRulesEditor, { module: moduleInfo.ModuleName, 
+    return (React.createElement(EntityRulesEditor, { module: moduleInfo.ModuleName, 
         // min-height 0 so the container does not min-size from it's children
         // https://stackoverflow.com/questions/33605552/how-to-prevent-a-flex-item-height-to-overflow-due-to-its-content
         flexProps: { style: { minHeight: 0 } }, defaultPredicateId: props.defaultPredicateId, predicateDefs: [], showAggregation: false, showObservable: false, showPredicate: false, data: plusMinusNudge, 
@@ -41,4 +36,3 @@ function PlusMinusRuleWizardSection(props) {
             useAggregationQuery: null,
         } }));
 }
-exports.PlusMinusRuleWizardSection = PlusMinusRuleWizardSection;

package/src/View/PlusMinus/Wizard/PlusMinusScopeWizardSection.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlusMinusScopeWizardSection = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
-const PlusMinusScopeWizardSection = (props) => {
-    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+import * as React from 'react';
+import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
+import { NewScopeComponent } from '../../Components/NewScopeComponent';
+export const PlusMinusScopeWizardSection = (props) => {
+    const { data, api } = useOnePageAdaptableWizardContext();
     const availableColumns = React.useMemo(() => api.columnApi.getNumericColumns(), []);
-    return (React.createElement(NewScopeComponent_1.NewScopeComponent, { availableDataTypes: ['Number'], scopeColumns: availableColumns, scope: data.Scope, descriptions: {
+    return (React.createElement(NewScopeComponent, { availableDataTypes: ['Number'], scopeColumns: availableColumns, scope: data.Scope, descriptions: {
             rowScope: 'Matching rows will have the plus/minus applied',
             columnScope: 'Matching Columns will have the plus/minus applied',
         }, updateScope: (Scope) => {
@@ -20,4 +16,3 @@ const PlusMinusScopeWizardSection = (props) => {
             props.onChange(Object.assign(Object.assign({}, data), { Scope: preparedScope }));
         } }));
 };
-exports.PlusMinusScopeWizardSection = PlusMinusScopeWizardSection;

package/src/View/PlusMinus/Wizard/PlusMinusSettingsWizardSection.js

@@ -1,35 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlusMinusSettingsWizardSection = exports.isSettingsValid = exports.PlusMinusSettingsSummary = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
-const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
-const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
-const Tabs_1 = require("../../../components/Tabs");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const PlusMinusRuleWizardSection_1 = require("./PlusMinusRuleWizardSection");
-const Utilities_1 = require("../../Components/EntityRulesEditor/Utilities");
-const OnePageAdaptableWizard_2 = require("../../../View/Wizard/OnePageAdaptableWizard");
-const Tag_1 = require("../../../components/Tag");
-const PlusMinusSettingsSummary = (props) => {
+import * as React from 'react';
+import { Flex } from 'rebass';
+import Input from '../../../components/Input';
+import Radio from '../../../components/Radio';
+import FormLayout, { FormRow } from '../../../components/FormLayout';
+import { Tabs } from '../../../components/Tabs';
+import { useOnePageAdaptableWizardContext, } from '../../Wizard/OnePageAdaptableWizard';
+import { PlusMinusRuleSummary, PlusMinusRuleWizardSection } from './PlusMinusRuleWizardSection';
+import { isAdaptableRuleValid } from '../../Components/EntityRulesEditor/Utilities';
+import { SummaryText } from '../../../View/Wizard/OnePageAdaptableWizard';
+import { Tag } from '../../../components/Tag';
+export const PlusMinusSettingsSummary = (props) => {
     var _a;
-    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const { data } = useOnePageAdaptableWizardContext();
     return (React.createElement(React.Fragment, null,
-        React.createElement(OnePageAdaptableWizard_2.SummaryText, null,
+        React.createElement(SummaryText, null,
             "Nudge Value ",
-            React.createElement(Tag_1.Tag, null, (_a = data.NudgeValue) !== null && _a !== void 0 ? _a : 'Not selected')),
-        props.hasCondition && React.createElement(PlusMinusRuleWizardSection_1.PlusMinusRuleSummary, null)));
+            React.createElement(Tag, null, (_a = data.NudgeValue) !== null && _a !== void 0 ? _a : 'Not selected')),
+        props.hasCondition && React.createElement(PlusMinusRuleSummary, null)));
 };
-exports.PlusMinusSettingsSummary = PlusMinusSettingsSummary;
-const isSettingsValid = (hasCondition) => (data, api, context) => {
+export const isSettingsValid = (hasCondition) => (data, api, context) => {
     var _a;
     if (hasCondition) {
         if (!((_a = data === null || data === void 0 ? void 0 : data.Rule) === null || _a === void 0 ? void 0 : _a.BooleanExpression)) {
             return 'No valid Rule is specified';
         }
-        const ruleValidation = (0, Utilities_1.isAdaptableRuleValid)(data, api, context);
+        const ruleValidation = isAdaptableRuleValid(data, api, context);
         if (typeof ruleValidation === 'string') {
             return ruleValidation;
         }
@@ -42,25 +37,23 @@ const isSettingsValid = (hasCondition) => (data, api, context) => {
     }
     return true;
 };
-exports.isSettingsValid = isSettingsValid;
-const PlusMinusSettingsWizardSection = (props) => {
+export const PlusMinusSettingsWizardSection = (props) => {
     var _a;
-    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    const { data } = useOnePageAdaptableWizardContext();
     const handleNudgeValueChange = (event) => {
         const newValue = parseFloat(event.target.value);
         props.onChange(Object.assign(Object.assign({}, data), { NudgeValue: isNaN(newValue) ? '' : newValue }));
     };
-    return (React.createElement(rebass_1.Flex, { height: "100%", flexDirection: "column", "data-name": "plus-minus-column-settings" },
-        React.createElement(Tabs_1.Tabs, { autoFocus: false, padding: 2 },
-            React.createElement(Tabs_1.Tabs.Tab, null, "Plus Minus Settings"),
-            React.createElement(Tabs_1.Tabs.Content, null,
-                React.createElement(FormLayout_1.default, null,
-                    React.createElement(FormLayout_1.FormRow, { label: "Nudge Value" },
-                        React.createElement(Input_1.default, { "data-name": "nudge-value", flex: 1, marginRight: 3, onChange: handleNudgeValueChange, placeholder: "Enter Number", type: "number", value: (_a = data.NudgeValue) !== null && _a !== void 0 ? _a : '' })),
-                    React.createElement(FormLayout_1.FormRow, { label: "Nudge Type" },
-                        React.createElement(rebass_1.Flex, null,
-                            React.createElement(Radio_1.default, { "data-name": "nudge-type-always", value: "Always", checked: !props.hasCondition, onChange: () => props.onConditionChange(false) }, "Always Apply Nudge"),
-                            React.createElement(Radio_1.default, { "data-name": "nudge-type-condition", marginLeft: 3, value: "Expression", checked: props.hasCondition, onChange: () => props.onConditionChange(true) }, "Create a Rule")))))),
-        props.hasCondition && (React.createElement(PlusMinusRuleWizardSection_1.PlusMinusRuleWizardSection, { defaultPredicateId: "NonBlanks", onChange: props.onChange }))));
+    return (React.createElement(Flex, { height: "100%", flexDirection: "column", "data-name": "plus-minus-column-settings" },
+        React.createElement(Tabs, { autoFocus: false, padding: 2 },
+            React.createElement(Tabs.Tab, null, "Plus Minus Settings"),
+            React.createElement(Tabs.Content, null,
+                React.createElement(FormLayout, null,
+                    React.createElement(FormRow, { label: "Nudge Value" },
+                        React.createElement(Input, { "data-name": "nudge-value", flex: 1, marginRight: 3, onChange: handleNudgeValueChange, placeholder: "Enter Number", type: "number", value: (_a = data.NudgeValue) !== null && _a !== void 0 ? _a : '' })),
+                    React.createElement(FormRow, { label: "Nudge Type" },
+                        React.createElement(Flex, null,
+                            React.createElement(Radio, { "data-name": "nudge-type-always", value: "Always", checked: !props.hasCondition, onChange: () => props.onConditionChange(false) }, "Always Apply Nudge"),
+                            React.createElement(Radio, { "data-name": "nudge-type-condition", marginLeft: 3, value: "Expression", checked: props.hasCondition, onChange: () => props.onConditionChange(true) }, "Create a Rule")))))),
+        props.hasCondition && (React.createElement(PlusMinusRuleWizardSection, { defaultPredicateId: "NonBlanks", onChange: props.onChange }))));
 };
-exports.PlusMinusSettingsWizardSection = PlusMinusSettingsWizardSection;

package/src/View/PlusMinus/Wizard/PlusMinusWizard.js

@@ -1,21 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlusMinusWizard = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const rebass_1 = require("rebass");
-const OnePageAdaptableWizard_1 = require("../../../View/Wizard/OnePageAdaptableWizard");
-const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
-const PlusMinusScopeWizardSection_1 = require("./PlusMinusScopeWizardSection");
-const PlusMinusSettingsWizardSection_1 = require("./PlusMinusSettingsWizardSection");
-const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
-const react_redux_1 = require("react-redux");
-const PlusMinusRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/PlusMinusRedux"));
-const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-const PlusMinusWizard = (props) => {
+import * as React from 'react';
+import { Box } from 'rebass';
+import { OnePageAdaptableWizard, OnePageWizardSummary, } from '../../../View/Wizard/OnePageAdaptableWizard';
+import { renderScopeSummary, isScopeValid } from '../../Components/NewScopeComponent';
+import { PlusMinusScopeWizardSection } from './PlusMinusScopeWizardSection';
+import { PlusMinusSettingsWizardSection, PlusMinusSettingsSummary, isSettingsValid, } from './PlusMinusSettingsWizardSection';
+import ObjectFactory from '../../../Utilities/ObjectFactory';
+import { useDispatch } from 'react-redux';
+import * as PlusMinusRedux from '../../../Redux/ActionsReducers/PlusMinusRedux';
+import { ObjectTagsWizardSection, renderObjectTagsSummary, } from '../../Wizard/ObjectTagsWizardSection';
+export const PlusMinusWizard = (props) => {
     const [plusMinus, setPlusMinus] = React.useState(() => {
         var _a, _b, _c, _d, _e;
-        const newPlusMinus = Object.assign(Object.assign({}, (props.data ? props.data : ObjectFactory_1.default.CreateEmptyPlusMinusNudge())), { Scope: (_b = (_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.Scope) !== null && _b !== void 0 ? _b : { All: true }, NudgeValue: (_d = (_c = props === null || props === void 0 ? void 0 : props.data) === null || _c === void 0 ? void 0 : _c.NudgeValue) !== null && _d !== void 0 ? _d : 20 });
+        const newPlusMinus = Object.assign(Object.assign({}, (props.data ? props.data : ObjectFactory.CreateEmptyPlusMinusNudge())), { Scope: (_b = (_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.Scope) !== null && _b !== void 0 ? _b : { All: true }, NudgeValue: (_d = (_c = props === null || props === void 0 ? void 0 : props.data) === null || _c === void 0 ? void 0 : _c.NudgeValue) !== null && _d !== void 0 ? _d : 20 });
         if ((_e = props === null || props === void 0 ? void 0 : props.popupParams) === null || _e === void 0 ? void 0 : _e.column) {
             newPlusMinus.Scope = {
                 ColumnIds: [props.popupParams.column.columnId],
@@ -39,7 +35,7 @@ const PlusMinusWizard = (props) => {
         }
         setPlusMinus(preparedData);
     }, [hasCondition]);
-    const dispatch = (0, react_redux_1.useDispatch)();
+    const dispatch = useDispatch();
     const handleFinish = () => {
         if (props.data) {
             dispatch(PlusMinusRedux.PlusMinusNudgeEdit(plusMinus));
@@ -49,41 +45,40 @@ const PlusMinusWizard = (props) => {
         }
         props.onFinishWizard(plusMinus);
     };
-    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: plusMinus, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: plusMinus, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Target',
-                isValid: NewScopeComponent_1.isScopeValid,
+                isValid: isScopeValid,
                 details: 'Specify where Plus/Minus should be applied',
-                renderSummary: () => (0, NewScopeComponent_1.renderScopeSummary)(plusMinus.Scope, {
+                renderSummary: () => renderScopeSummary(plusMinus.Scope, {
                     scopeWholeRow: 'Plus/Minus is applied for matching rows',
                     scopeColumns: 'Plus/Minus is applied in cells in selected columns',
                     scopeDataTypes: 'Plus/Minus is applied for cells with selected data type',
                 }),
-                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
-                    React.createElement(PlusMinusScopeWizardSection_1.PlusMinusScopeWizardSection, { onChange: setPlusMinus }))),
+                render: () => (React.createElement(Box, { padding: 2 },
+                    React.createElement(PlusMinusScopeWizardSection, { onChange: setPlusMinus }))),
             },
             {
                 title: 'Settings',
-                isValid: (0, PlusMinusSettingsWizardSection_1.isSettingsValid)(hasCondition),
-                renderSummary: () => React.createElement(PlusMinusSettingsWizardSection_1.PlusMinusSettingsSummary, { hasCondition: hasCondition }),
-                render: () => (React.createElement(PlusMinusSettingsWizardSection_1.PlusMinusSettingsWizardSection, { hasCondition: hasCondition, onConditionChange: setHasCondition, onChange: setPlusMinus })),
+                isValid: isSettingsValid(hasCondition),
+                renderSummary: () => React.createElement(PlusMinusSettingsSummary, { hasCondition: hasCondition }),
+                render: () => (React.createElement(PlusMinusSettingsWizardSection, { hasCondition: hasCondition, onConditionChange: setHasCondition, onChange: setPlusMinus })),
             },
             {
                 details: 'Select Plus/Minus Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setPlusMinus }))),
-                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
+                render: () => (React.createElement(Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection, { onChange: setPlusMinus }))),
+                renderSummary: renderObjectTagsSummary,
             },
             '-',
             {
                 render: () => {
-                    return (React.createElement(rebass_1.Box, { padding: 2 },
-                        React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));
+                    return (React.createElement(Box, { padding: 2 },
+                        React.createElement(OnePageWizardSummary, null)));
                 },
                 title: 'Summary',
             },
         ] }));
 };
-exports.PlusMinusWizard = PlusMinusWizard;