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

package/src/View/Notes/NotesListing.js

@@ -1,10 +1,14 @@
-import * as React from 'react';
-import { useSelector } from 'react-redux';
-import { Box } from 'rebass';
-import { DataSource, InfiniteTable } from '../../components/InfiniteTable';
-import { GetNotesSelector } from '../../Redux/ActionsReducers/NotesRedux';
-import { useAdaptable } from '../AdaptableContext';
-import { AdaptableButtonComponent } from '../Components/AdaptableButton';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotesListing = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const rebass_1 = require("rebass");
+const InfiniteTable_1 = require("../../components/InfiniteTable");
+const NotesRedux_1 = require("../../Redux/ActionsReducers/NotesRedux");
+const AdaptableContext_1 = require("../AdaptableContext");
+const AdaptableButton_1 = require("../Components/AdaptableButton");
 const tableDOMProps = {
     style: {
         height: '100%',
@@ -12,10 +16,10 @@ const tableDOMProps = {
         minHeight: 600,
     },
 };
-export const NotesListing = () => {
-    const adaptable = useAdaptable();
+const NotesListing = () => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const primaryKeyHeader = adaptable.api.columnApi.getFriendlyNameForColumnId(adaptable.api.columnApi.getPrimaryKeyColumn().columnId);
-    const allNotes = useSelector((state) => GetNotesSelector(state.Notes));
+    const allNotes = (0, react_redux_1.useSelector)((state) => (0, NotesRedux_1.GetNotesSelector)(state.Notes));
     const columnsMap = React.useMemo(() => {
         const columns = {
             primaryKey: {
@@ -47,7 +51,7 @@ export const NotesListing = () => {
             delete: {
                 defaultWidth: 50,
                 render: (params) => {
-                    return (React.createElement(AdaptableButtonComponent, { variant: "text", icon: "delete", onClick: () => {
+                    return (React.createElement(AdaptableButton_1.AdaptableButtonComponent, { variant: "text", icon: "delete", onClick: () => {
                             const note = adaptable.api.notesApi.getNoteByUuid(params.data.Uuid);
                             adaptable.api.notesApi.deleteNote(note);
                         } }));
@@ -56,8 +60,8 @@ export const NotesListing = () => {
         };
         return columns;
     }, []);
-    return (React.createElement(Box, { p: 2, style: { height: '100%', width: '100%' } },
-        React.createElement(DataSource, { data: allNotes, primaryKey: "Uuid", onDataMutations: (params) => {
+    return (React.createElement(rebass_1.Box, { p: 2, style: { height: '100%', width: '100%' } },
+        React.createElement(InfiniteTable_1.DataSource, { data: allNotes, primaryKey: "Uuid", onDataMutations: (params) => {
                 for (const mutation of params.mutations) {
                     const [uuid, changes] = mutation;
                     for (const change of changes) {
@@ -71,7 +75,7 @@ export const NotesListing = () => {
                     }
                 }
             } },
-            React.createElement(InfiniteTable, { columnTypes: {
+            React.createElement(InfiniteTable_1.InfiniteTable, { columnTypes: {
                     default: {
                         align: 'start',
                         defaultFlex: 1,
@@ -81,3 +85,4 @@ export const NotesListing = () => {
                     alwaysReserveSpaceForSortIcon: false,
                 }, rowHeight: 40, columnHeaderHeight: 65, domProps: tableDOMProps, columns: columnsMap }))));
 };
+exports.NotesListing = NotesListing;

package/src/View/Notes/NotesPopup.js

@@ -1,17 +1,21 @@
-import { throttle } from 'lodash';
-import * as React from 'react';
-import { useSelector } from 'react-redux';
-import { Flex } from 'rebass';
-import Textarea from '../../components/Textarea';
-import { GetNotesSelector } from '../../Redux/ActionsReducers/NotesRedux';
-import { SystemNotesEditModeSelector, SystemNotesSelector, } from '../../Redux/ActionsReducers/SystemRedux';
-import { useAdaptable } from '../AdaptableContext';
-import { CellPopup } from '../Components/CellPopup';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotePopup = void 0;
+const tslib_1 = require("tslib");
+const lodash_1 = require("lodash");
+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 = throttle((value) => onNoteChange(value), 300);
+        const throttled = (0, lodash_1.throttle)((value) => onNoteChange(value), 300);
         return (value) => {
             setLiveValue(value);
             throttled(value);
@@ -23,23 +27,23 @@ const NoteEditor = ({ note, onNoteChange, onClose, editMode, isReadonly }) => {
             (_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }, [editMode]);
-    return (React.createElement(Textarea, { readOnly: isReadonly, ref: textAreaRef, width: "100%", minWidth: 180, minHeight: 120, value: liveValue, onBlur: () => onClose(), onKeyDown: (event) => {
+    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) }));
 };
-export const NotePopup = () => {
+const NotePopup = () => {
     var _a;
-    const { api } = useAdaptable();
+    const { api } = (0, AdaptableContext_1.useAdaptable)();
     const cellPopupRef = React.useRef(null);
-    const editMode = useSelector((state) => SystemNotesEditModeSelector(state.System));
-    const noteGridCell = useSelector((state) => SystemNotesSelector(state.System));
+    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,] = useSelector((state) => {
-        return noteGridCell ? GetNotesSelector(state.Notes, noteGridCell) : [];
+    note,] = (0, react_redux_1.useSelector)((state) => {
+        return noteGridCell ? (0, NotesRedux_1.GetNotesSelector)(state.Notes, noteGridCell) : [];
     });
     const handleNoteChange = (value) => {
         api.notesApi.updateNoteText(value, note);
@@ -54,7 +58,8 @@ export const NotePopup = () => {
     if (!noteGridCell) {
         return React.createElement(React.Fragment, null);
     }
-    return (React.createElement(CellPopup, { ref: cellPopupRef, key: `${noteGridCell.PrimaryKeyValue}-${noteGridCell.ColumnId}`, isOpen: true, primaryKeyValue: noteGridCell.PrimaryKeyValue, columnId: noteGridCell.ColumnId },
-        React.createElement(Flex, { onClick: () => enableEditMode(), flexDirection: "column", className: "ab-NotesPopup" },
+    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) }))));
 };
+exports.NotePopup = NotePopup;

package/src/View/PlusMinus/PlusMinusSummary.js

@@ -1,66 +1,70 @@
-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 {
+"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 {
     constructor(props) {
         super(props);
-        this.state = UIHelper.getEmptyConfigState();
+        this.state = UIHelper_1.UIHelper.getEmptyConfigState();
     }
     render() {
         let moduleSummaries = [];
         // title row
-        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 }));
+        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 }));
         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, { 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_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 }));
                 moduleSummaries.push(detailRow);
             }
         });
         return (React.createElement("div", null,
             moduleSummaries,
-            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() }))));
+            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() }))));
     }
     onNew() {
-        let configEntity = ObjectFactory.CreateEmptyPlusMinusNudge();
+        let configEntity = ObjectFactory_1.ObjectFactory.CreateEmptyPlusMinusNudge();
         configEntity.Scope = {
             ColumnIds: [this.props.summarisedColumn.columnId],
         };
         this.setState({
             editedAdaptableObject: configEntity,
             wizardStartIndex: 1,
-            wizardStatus: WizardStatus.New,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.New,
         });
     }
     onEdit(PlusMinus) {
         this.setState({
-            editedAdaptableObject: Helper.cloneObject(PlusMinus),
+            editedAdaptableObject: Helper_1.Helper.cloneObject(PlusMinus),
             wizardStartIndex: 1,
-            wizardStatus: WizardStatus.Edit,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.Edit,
         });
     }
     onCloseWizard() {
         this.setState({
             editedAdaptableObject: null,
             wizardStartIndex: 0,
-            wizardStatus: WizardStatus.None,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
         });
     }
     onFinishWizard() {
         let plusMinusNudge = this.state.editedAdaptableObject;
-        if (this.state.wizardStatus == WizardStatus.Edit) {
+        if (this.state.wizardStatus == EditableConfigEntityState_1.WizardStatus.Edit) {
             this.props.onEditPlusMinusNudge(plusMinusNudge);
         }
         else {
@@ -69,7 +73,7 @@ export class PlusMinusSummaryComponent extends React.Component {
         this.setState({
             editedAdaptableObject: null,
             wizardStartIndex: 0,
-            wizardStatus: WizardStatus.None,
+            wizardStatus: EditableConfigEntityState_1.WizardStatus.None,
         });
     }
     canFinishWizard() {
@@ -80,6 +84,7 @@ export class PlusMinusSummaryComponent extends React.Component {
         return true;
     }
 }
+exports.PlusMinusSummaryComponent = PlusMinusSummaryComponent;
 function mapStateToProps(state, ownProps) {
     return {
         PlusMinusNudges: state.PlusMinus.PlusMinusNudges,
@@ -93,4 +98,4 @@ function mapDispatchToProps(dispatch) {
         onShare: (entity, config) => dispatch(TeamSharingRedux.TeamSharingShare(entity, ModuleConstants.PlusMinusModuleId, config)),
     };
 }
-export let PlusMinusSummary = connect(mapStateToProps, mapDispatchToProps)(PlusMinusSummaryComponent);
+exports.PlusMinusSummary = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(PlusMinusSummaryComponent);

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

@@ -1,26 +1,31 @@
-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) => {
+"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) => {
             return (React.createElement(React.Fragment, null,
                 "Apply Plus Minus on ",
-                React.createElement(CodeBlock, null, contents)));
+                React.createElement(CodeBlock_1.CodeBlock, null, contents)));
         }, renderQueryExpression: (contents) => {
             return (React.createElement(React.Fragment, null,
                 "Apply Plus Minus when",
                 ' ',
                 React.createElement("b", null,
-                    React.createElement(CodeBlock, null, contents))));
+                    React.createElement(CodeBlock_1.CodeBlock, null, contents))));
         } }));
 }
-export function PlusMinusRuleWizardSection(props) {
+exports.PlusMinusRuleSummary = PlusMinusRuleSummary;
+function PlusMinusRuleWizardSection(props) {
     var _a;
-    const { data, moduleInfo } = useOnePageAdaptableWizardContext();
+    const { data, moduleInfo } = (0, OnePageAdaptableWizard_1.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, { module: moduleInfo.ModuleName, 
+    return (React.createElement(EntityRulesEditor_1.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, 
@@ -36,3 +41,4 @@ export function PlusMinusRuleWizardSection(props) {
             useAggregationQuery: null,
         } }));
 }
+exports.PlusMinusRuleWizardSection = PlusMinusRuleWizardSection;

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

@@ -1,10 +1,14 @@
-import * as React from 'react';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-import { NewScopeComponent } from '../../Components/NewScopeComponent';
-export const PlusMinusScopeWizardSection = (props) => {
-    const { data, api } = useOnePageAdaptableWizardContext();
+"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)();
     const availableColumns = React.useMemo(() => api.columnApi.getNumericColumns(), []);
-    return (React.createElement(NewScopeComponent, { availableDataTypes: ['Number'], scopeColumns: availableColumns, scope: data.Scope, descriptions: {
+    return (React.createElement(NewScopeComponent_1.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) => {
@@ -16,3 +20,4 @@ export const PlusMinusScopeWizardSection = (props) => {
             props.onChange(Object.assign(Object.assign({}, data), { Scope: preparedScope }));
         } }));
 };
+exports.PlusMinusScopeWizardSection = PlusMinusScopeWizardSection;

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

@@ -1,30 +1,35 @@
-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) => {
+"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) => {
     var _a;
-    const { data } = useOnePageAdaptableWizardContext();
+    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     return (React.createElement(React.Fragment, null,
-        React.createElement(SummaryText, null,
+        React.createElement(OnePageAdaptableWizard_2.SummaryText, null,
             "Nudge Value ",
-            React.createElement(Tag, null, (_a = data.NudgeValue) !== null && _a !== void 0 ? _a : 'Not selected')),
-        props.hasCondition && React.createElement(PlusMinusRuleSummary, null)));
+            React.createElement(Tag_1.Tag, null, (_a = data.NudgeValue) !== null && _a !== void 0 ? _a : 'Not selected')),
+        props.hasCondition && React.createElement(PlusMinusRuleWizardSection_1.PlusMinusRuleSummary, null)));
 };
-export const isSettingsValid = (hasCondition) => (data, api, context) => {
+exports.PlusMinusSettingsSummary = PlusMinusSettingsSummary;
+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 = isAdaptableRuleValid(data, api, context);
+        const ruleValidation = (0, Utilities_1.isAdaptableRuleValid)(data, api, context);
         if (typeof ruleValidation === 'string') {
             return ruleValidation;
         }
@@ -37,23 +42,25 @@ export const isSettingsValid = (hasCondition) => (data, api, context) => {
     }
     return true;
 };
-export const PlusMinusSettingsWizardSection = (props) => {
+exports.isSettingsValid = isSettingsValid;
+const PlusMinusSettingsWizardSection = (props) => {
     var _a;
-    const { data } = useOnePageAdaptableWizardContext();
+    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const handleNudgeValueChange = (event) => {
         const newValue = parseFloat(event.target.value);
         props.onChange(Object.assign(Object.assign({}, data), { NudgeValue: isNaN(newValue) ? '' : newValue }));
     };
-    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 }))));
+    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 }))));
 };
+exports.PlusMinusSettingsWizardSection = PlusMinusSettingsWizardSection;

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

@@ -1,17 +1,21 @@
-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) => {
+"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) => {
     const [plusMinus, setPlusMinus] = React.useState(() => {
         var _a, _b, _c, _d, _e;
-        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 });
+        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 });
         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],
@@ -35,7 +39,7 @@ export const PlusMinusWizard = (props) => {
         }
         setPlusMinus(preparedData);
     }, [hasCondition]);
-    const dispatch = useDispatch();
+    const dispatch = (0, react_redux_1.useDispatch)();
     const handleFinish = () => {
         if (props.data) {
             dispatch(PlusMinusRedux.PlusMinusNudgeEdit(plusMinus));
@@ -45,40 +49,41 @@ export const PlusMinusWizard = (props) => {
         }
         props.onFinishWizard(plusMinus);
     };
-    return (React.createElement(OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: plusMinus, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
+    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: plusMinus, onHide: props.onCloseWizard, onFinish: handleFinish, sections: [
             {
                 title: 'Target',
-                isValid: isScopeValid,
+                isValid: NewScopeComponent_1.isScopeValid,
                 details: 'Specify where Plus/Minus should be applied',
-                renderSummary: () => renderScopeSummary(plusMinus.Scope, {
+                renderSummary: () => (0, NewScopeComponent_1.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(Box, { padding: 2 },
-                    React.createElement(PlusMinusScopeWizardSection, { onChange: setPlusMinus }))),
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(PlusMinusScopeWizardSection_1.PlusMinusScopeWizardSection, { onChange: setPlusMinus }))),
             },
             {
                 title: 'Settings',
-                isValid: isSettingsValid(hasCondition),
-                renderSummary: () => React.createElement(PlusMinusSettingsSummary, { hasCondition: hasCondition }),
-                render: () => (React.createElement(PlusMinusSettingsWizardSection, { hasCondition: hasCondition, onConditionChange: setHasCondition, onChange: setPlusMinus })),
+                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 })),
             },
             {
                 details: 'Select Plus/Minus Tags',
                 title: 'Tags',
                 isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection, { onChange: setPlusMinus }))),
-                renderSummary: renderObjectTagsSummary,
+                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
+                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setPlusMinus }))),
+                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
             },
             '-',
             {
                 render: () => {
-                    return (React.createElement(Box, { padding: 2 },
-                        React.createElement(OnePageWizardSummary, null)));
+                    return (React.createElement(rebass_1.Box, { padding: 2 },
+                        React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));
                 },
                 title: 'Summary',
             },
         ] }));
 };
+exports.PlusMinusWizard = PlusMinusWizard;

package/src/View/QuickSearch/FloatingQuickSearch/FloatingQuickSearch.js

@@ -1,14 +1,18 @@
-import * as React from 'react';
-import { useSelector } from 'react-redux';
-import { Flex } from 'rebass';
-import { Drawer } from '../../../components/Drawer/index';
-import { SystemQuickSearchFloatingVisibilitySelector } from '../../../Redux/ActionsReducers/SystemRedux';
-import { useAdaptable } from '../../AdaptableContext';
-import { QuickSearchInput } from '../QuickSearchInput';
-export const QuickSearchDrawer = () => {
-    const adaptable = useAdaptable();
-    const isOpen = useSelector((state) => SystemQuickSearchFloatingVisibilitySelector(state.System));
-    return (React.createElement(Drawer, { open: isOpen, onOpenChange: (open) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickSearchDrawer = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const rebass_1 = require("rebass");
+const index_1 = require("../../../components/Drawer/index");
+const SystemRedux_1 = require("../../../Redux/ActionsReducers/SystemRedux");
+const AdaptableContext_1 = require("../../AdaptableContext");
+const QuickSearchInput_1 = require("../QuickSearchInput");
+const QuickSearchDrawer = () => {
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const isOpen = (0, react_redux_1.useSelector)((state) => (0, SystemRedux_1.SystemQuickSearchFloatingVisibilitySelector)(state.System));
+    return (React.createElement(index_1.Drawer, { open: isOpen, onOpenChange: (open) => {
             if (open) {
                 adaptable.api.quickSearchApi.showFloatingQuickSearch();
             }
@@ -16,6 +20,7 @@ export const QuickSearchDrawer = () => {
                 adaptable.api.quickSearchApi.hideFloatingQuickSearch();
             }
         } },
-        React.createElement(Flex, { className: "ab-FloatinQuickSearch" },
-            React.createElement(QuickSearchInput, { autoFocus: true }))));
+        React.createElement(rebass_1.Flex, { className: "ab-FloatinQuickSearch" },
+            React.createElement(QuickSearchInput_1.QuickSearchInput, { autoFocus: true }))));
 };
+exports.QuickSearchDrawer = QuickSearchDrawer;