@adaptabletools/adaptable 17.0.0-canary.1 → 17.0.0-canary.10

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;

package/src/View/QuickSearch/QuickSearchInput.js

@@ -1,18 +1,23 @@
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import * as QuickSearchRedux from '../../Redux/ActionsReducers/QuickSearchRedux';
-import { AdaptableFormControlTextClear } from '../Components/Forms/AdaptableFormControlTextClear';
-import { useQuickSearchDebounced } from './useQuickSearchDebounced';
-import { useAdaptable } from '../AdaptableContext';
-export const QuickSearchInput = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickSearchInput = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_redux_1 = require("react-redux");
+const QuickSearchRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QuickSearchRedux"));
+const AdaptableFormControlTextClear_1 = require("../Components/Forms/AdaptableFormControlTextClear");
+const useQuickSearchDebounced_1 = require("./useQuickSearchDebounced");
+const AdaptableContext_1 = require("../AdaptableContext");
+const QuickSearchInput = (props) => {
     var _a;
-    const adaptable = useAdaptable();
-    const QuickSearchText = useSelector((state) => state.QuickSearch.QuickSearchText);
-    const dispatch = useDispatch();
-    const onRunQuickSearch = React.useCallback((newQuickSearchText) => dispatch(QuickSearchRedux.QuickSearchRun(newQuickSearchText)), []);
-    const [searchText, search] = useQuickSearchDebounced({
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
+    const QuickSearchText = (0, react_redux_1.useSelector)((state) => state.QuickSearch.QuickSearchText);
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const onRunQuickSearch = react_1.default.useCallback((newQuickSearchText) => dispatch(QuickSearchRedux.QuickSearchRun(newQuickSearchText)), []);
+    const [searchText, search] = (0, useQuickSearchDebounced_1.useQuickSearchDebounced)({
         QuickSearchText,
         onRunQuickSearch,
     });
-    return (React.createElement(AdaptableFormControlTextClear, { type: "text", autoFocus: props.autoFocus, placeholder: adaptable.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, className: props.className, value: searchText, OnTextChange: search, style: { height: '100%' }, inputStyle: { width: (_a = props.width) !== null && _a !== void 0 ? _a : '10rem' } }));
+    return (react_1.default.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { type: "text", autoFocus: props.autoFocus, placeholder: adaptable.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, className: props.className, value: searchText, OnTextChange: search, style: { height: '100%' }, inputStyle: { width: (_a = props.width) !== null && _a !== void 0 ? _a : '10rem' } }));
 };
+exports.QuickSearchInput = QuickSearchInput;

package/src/View/QuickSearch/QuickSearchPopup.js

@@ -1,19 +1,23 @@
-import * as React from 'react';
-import { useState } from 'react';
-import { connect } from 'react-redux';
-import * as QuickSearchRedux from '../../Redux/ActionsReducers/QuickSearchRedux';
-import { PopupPanel } from '../Components/Popups/AdaptablePopup/PopupPanel';
-import Panel from '../../components/Panel';
-import FormLayout, { FormRow } from '../../components/FormLayout';
-import { AdaptableFormControlTextClear } from '../Components/Forms/AdaptableFormControlTextClear';
-import { StyleComponent } from '../Components/StyleComponent';
-import { Flex } from 'rebass';
-import { CheckBox } from '../../components/CheckBox';
-import StringExtensions from '../../Utilities/Extensions/StringExtensions';
-import { useQuickSearchDebounced } from './useQuickSearchDebounced';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickSearchPopup = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_1 = require("react");
+const react_redux_1 = require("react-redux");
+const QuickSearchRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QuickSearchRedux"));
+const PopupPanel_1 = require("../Components/Popups/AdaptablePopup/PopupPanel");
+const Panel_1 = tslib_1.__importDefault(require("../../components/Panel"));
+const FormLayout_1 = tslib_1.__importStar(require("../../components/FormLayout"));
+const AdaptableFormControlTextClear_1 = require("../Components/Forms/AdaptableFormControlTextClear");
+const StyleComponent_1 = require("../Components/StyleComponent");
+const rebass_1 = require("rebass");
+const CheckBox_1 = require("../../components/CheckBox");
+const StringExtensions_1 = tslib_1.__importDefault(require("../../Utilities/Extensions/StringExtensions"));
+const useQuickSearchDebounced_1 = require("./useQuickSearchDebounced");
 const QuickSearchPopupComponent = (props) => {
-    const [searchText, search] = useQuickSearchDebounced(props);
-    const [state, setState] = useState({
+    const [searchText, search] = (0, useQuickSearchDebounced_1.useQuickSearchDebounced)(props);
+    const [state, setState] = (0, react_1.useState)({
         RunQueryAfterQuickSearch: props.api.optionsApi.getQuickSearchOptions().filterResultsAfterQuickSearch,
         EditedStyle: props.QuickSearchStyle,
     });
@@ -26,18 +30,18 @@ const QuickSearchPopupComponent = (props) => {
         props.api.optionsApi.getAdaptableOptions().quickSearchOptions.filterResultsAfterQuickSearch =
             checked;
     };
-    return (React.createElement(PopupPanel, { headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() },
-        React.createElement(Panel, { header: props.moduleInfo.FriendlyName + ' Text', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginLeft: 2, marginRight: 2 },
+    return (React.createElement(PopupPanel_1.PopupPanel, { headerText: props.moduleInfo.FriendlyName, glyphicon: props.moduleInfo.Glyph, infoLink: props.moduleInfo.HelpPage, infoLinkDisabled: !props.api.internalApi.isDocumentationLinksDisplayed() },
+        React.createElement(Panel_1.default, { header: props.moduleInfo.FriendlyName + ' Text', style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginLeft: 2, marginRight: 2 },
             ' ',
-            React.createElement(FormLayout, null,
-                React.createElement(AdaptableFormControlTextClear, { "data-name": "quick-search-text", type: "text", marginLeft: 2, marginRight: 5, padding: 20, style: { height: '100%' }, placeholder: props.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, value: searchText, OnTextChange: search }))),
-        React.createElement(Panel, { header: props.api.internalApi.getCorrectEnglishVariant('Behaviour'), style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginLeft: 2, marginRight: 2 },
+            React.createElement(FormLayout_1.default, null,
+                React.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { "data-name": "quick-search-text", type: "text", marginLeft: 2, marginRight: 5, padding: 20, style: { height: '100%' }, placeholder: props.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, value: searchText, OnTextChange: search }))),
+        React.createElement(Panel_1.default, { header: props.api.internalApi.getCorrectEnglishVariant('Behaviour'), style: { height: 'auto' }, variant: "default", borderRadius: "none", marginTop: 3, marginLeft: 2, marginRight: 2 },
             ' ',
-            React.createElement(Flex, { flexDirection: "column" },
-                React.createElement(FormLayout, { columns: [1, 2] },
-                    React.createElement(FormRow, null,
-                        React.createElement(CheckBox, { "data-name": "filter-quick-search-results", value: "existing", marginLeft: 1, marginRight: 3, checked: state.RunQueryAfterQuickSearch, disabled: StringExtensions.IsNotNullOrEmpty(searchText), onChange: onQuickSearchBehaviourChange }, "Filter using Quick Search Results"))))),
-        React.createElement(StyleComponent, { style: { height: '100%' }, api: props.api, Style: props.QuickSearchStyle, UpdateStyle: onUpdateStyle })));
+            React.createElement(rebass_1.Flex, { flexDirection: "column" },
+                React.createElement(FormLayout_1.default, { columns: [1, 2] },
+                    React.createElement(FormLayout_1.FormRow, null,
+                        React.createElement(CheckBox_1.CheckBox, { "data-name": "filter-quick-search-results", value: "existing", marginLeft: 1, marginRight: 3, checked: state.RunQueryAfterQuickSearch, disabled: StringExtensions_1.default.IsNotNullOrEmpty(searchText), onChange: onQuickSearchBehaviourChange }, "Filter using Quick Search Results"))))),
+        React.createElement(StyleComponent_1.StyleComponent, { style: { height: '100%' }, api: props.api, Style: props.QuickSearchStyle, UpdateStyle: onUpdateStyle })));
 };
 function mapStateToProps(state, ownProps) {
     return {
@@ -51,4 +55,4 @@ function mapDispatchToProps(dispatch) {
         onSetStyle: (style) => dispatch(QuickSearchRedux.QuickSearchSetStyle(style)),
     };
 }
-export const QuickSearchPopup = connect(mapStateToProps, mapDispatchToProps)(QuickSearchPopupComponent);
+exports.QuickSearchPopup = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(QuickSearchPopupComponent);

package/src/View/QuickSearch/QuickSearchStatusBarContent.js

@@ -1,12 +1,17 @@
-import * as React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { useAdaptable } from '../AdaptableContext';
-import { AdaptableFormControlTextClear } from '../Components/Forms/AdaptableFormControlTextClear';
-import * as QuickSearchRedux from '../../Redux/ActionsReducers/QuickSearchRedux';
-export const QuickSearchStatusBarContent = () => {
-    const text = useSelector((state) => state.QuickSearch.QuickSearchText);
-    const dispatch = useDispatch();
-    const adaptable = useAdaptable();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickSearchStatusBarContent = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_redux_1 = require("react-redux");
+const AdaptableContext_1 = require("../AdaptableContext");
+const AdaptableFormControlTextClear_1 = require("../Components/Forms/AdaptableFormControlTextClear");
+const QuickSearchRedux = tslib_1.__importStar(require("../../Redux/ActionsReducers/QuickSearchRedux"));
+const QuickSearchStatusBarContent = () => {
+    const text = (0, react_redux_1.useSelector)((state) => state.QuickSearch.QuickSearchText);
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const adaptable = (0, AdaptableContext_1.useAdaptable)();
     const handleTextChange = React.useCallback((text) => dispatch(QuickSearchRedux.QuickSearchRun(text)), []);
-    return (React.createElement(AdaptableFormControlTextClear, { onClick: (event) => event.stopPropagation(), type: "text", inputStyle: { padding: '2px 3px', width: 90 }, placeholder: adaptable.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, value: text, OnTextChange: handleTextChange }));
+    return (React.createElement(AdaptableFormControlTextClear_1.AdaptableFormControlTextClear, { onClick: (event) => event.stopPropagation(), type: "text", inputStyle: { padding: '2px 3px', width: 90 }, placeholder: adaptable.api.optionsApi.getQuickSearchOptions().quickSearchPlaceholder, value: text, OnTextChange: handleTextChange }));
 };
+exports.QuickSearchStatusBarContent = QuickSearchStatusBarContent;

package/src/View/QuickSearch/QuickSearchViewPanel.js

@@ -1,6 +1,11 @@
-import * as React from 'react';
-import { QuickSearchInput } from './QuickSearchInput';
-export const QuickSearchViewPanelControl = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickSearchViewPanelControl = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const QuickSearchInput_1 = require("./QuickSearchInput");
+const QuickSearchViewPanelControl = (props) => {
     let elementType = props.viewType === 'ToolPanel' ? 'DashboardToolbar' : 'ToolPanel';
-    return React.createElement(QuickSearchInput, { className: `ab-${elementType}__QuickSearch__text`, width: '15rem' });
+    return React.createElement(QuickSearchInput_1.QuickSearchInput, { className: `ab-${elementType}__QuickSearch__text`, width: '15rem' });
 };
+exports.QuickSearchViewPanelControl = QuickSearchViewPanelControl;

package/src/View/QuickSearch/useQuickSearchDebounced.js

@@ -1,11 +1,15 @@
-import { useEffect, useState, useMemo } from 'react';
-import debounce from 'lodash/debounce';
-import { QUICK_SEARCH_DEBOUNCE_TIME } from '../../Utilities/Constants/GeneralConstants';
-export const useQuickSearchDebounced = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQuickSearchDebounced = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("react");
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const GeneralConstants_1 = require("../../Utilities/Constants/GeneralConstants");
+const useQuickSearchDebounced = (props) => {
     var _a;
-    const [searchText, setSearchText] = useState((_a = props.QuickSearchText) !== null && _a !== void 0 ? _a : '');
-    const debouncedRunQuickSearch = useMemo(() => debounce(props.onRunQuickSearch, QUICK_SEARCH_DEBOUNCE_TIME), [props.onRunQuickSearch]);
-    useEffect(() => {
+    const [searchText, setSearchText] = (0, react_1.useState)((_a = props.QuickSearchText) !== null && _a !== void 0 ? _a : '');
+    const debouncedRunQuickSearch = (0, react_1.useMemo)(() => (0, debounce_1.default)(props.onRunQuickSearch, GeneralConstants_1.QUICK_SEARCH_DEBOUNCE_TIME), [props.onRunQuickSearch]);
+    (0, react_1.useEffect)(() => {
         setSearchText(props.QuickSearchText);
     }, [props.QuickSearchText]);
     const executeSearch = (searchText) => {
@@ -14,3 +18,4 @@ export const useQuickSearchDebounced = (props) => {
     };
     return [searchText, executeSearch];
 };
+exports.useQuickSearchDebounced = useQuickSearchDebounced;

package/src/View/Schedule/Wizard/ScheduleScheduleSummary.js

@@ -1,10 +1,15 @@
-import * as React from 'react';
-import { Tag } from '../../../components/Tag';
-import { UIHelper } from '../../UIHelper';
-import { SummaryText, useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-export const ScheduleScheduleSummary = () => {
-    const { data } = useOnePageAdaptableWizardContext();
-    return (React.createElement(SummaryText, null,
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleScheduleSummary = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Tag_1 = require("../../../components/Tag");
+const UIHelper_1 = require("../../UIHelper");
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const ScheduleScheduleSummary = () => {
+    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
+    return (React.createElement(OnePageAdaptableWizard_1.SummaryText, null,
         "Schedule: ",
-        React.createElement(Tag, null, UIHelper.getScheduleDescription(data.Schedule))));
+        React.createElement(Tag_1.Tag, null, UIHelper_1.UIHelper.getScheduleDescription(data.Schedule))));
 };
+exports.ScheduleScheduleSummary = ScheduleScheduleSummary;

package/src/View/Schedule/Wizard/ScheduleScheduleWizard.js

@@ -1,13 +1,17 @@
-import * as React from 'react';
-import { Box } from 'rebass';
-import { CheckBox } from '../../../components/CheckBox';
-import FormLayout, { FormRow } from '../../../components/FormLayout';
-import Radio from '../../../components/Radio';
-import { Tabs } from '../../../components/Tabs';
-import ArrayExtensions from '../../../Utilities/Extensions/ArrayExtensions';
-import AdaptableInput from '../../Components/AdaptableInput';
-import { useOnePageAdaptableWizardContext } from '../../Wizard/OnePageAdaptableWizard';
-export const isScheduleValid = (schedule, isOneOff) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleScheduleWizard = exports.isScheduleValid = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const CheckBox_1 = require("../../../components/CheckBox");
+const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
+const Radio_1 = tslib_1.__importDefault(require("../../../components/Radio"));
+const Tabs_1 = require("../../../components/Tabs");
+const ArrayExtensions_1 = tslib_1.__importDefault(require("../../../Utilities/Extensions/ArrayExtensions"));
+const AdaptableInput_1 = tslib_1.__importDefault(require("../../Components/AdaptableInput"));
+const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
+const isScheduleValid = (schedule, isOneOff) => {
     var _a;
     if (!schedule.Schedule) {
         return 'Schedule is not specified';
@@ -18,11 +22,12 @@ export const isScheduleValid = (schedule, isOneOff) => {
     if (isOneOff && !schedule.Schedule.OneOffDate) {
         return 'Schedule Date is not specified';
     }
-    if (!isOneOff && ArrayExtensions.IsEmpty((_a = schedule === null || schedule === void 0 ? void 0 : schedule.Schedule) === null || _a === void 0 ? void 0 : _a.DaysOfWeek)) {
+    if (!isOneOff && ArrayExtensions_1.default.IsEmpty((_a = schedule === null || schedule === void 0 ? void 0 : schedule.Schedule) === null || _a === void 0 ? void 0 : _a.DaysOfWeek)) {
         return 'Schedule Days are not specified';
     }
     return true;
 };
+exports.isScheduleValid = isScheduleValid;
 const daysMap = [
     {
         label: 'Monday',
@@ -53,9 +58,9 @@ const daysMap = [
         value: 'Sunday',
     },
 ];
-export const ScheduleScheduleWizard = (props) => {
+const ScheduleScheduleWizard = (props) => {
     var _a, _b, _c, _d, _e;
-    const { data } = useOnePageAdaptableWizardContext();
+    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
     const handleIsOneOfChange = (isOneOffNew) => {
         var _a, _b;
         props.onSetIsOneOff(isOneOffNew);
@@ -88,19 +93,20 @@ export const ScheduleScheduleWizard = (props) => {
         const minute = `${(_d = data.Schedule) === null || _d === void 0 ? void 0 : _d.Minute}` || '00';
         timeValue = `${hours.padStart(2, '0')}:${minute.padStart(2, '0')}`;
     }
-    return (React.createElement(Box, { "data-name": "schedule-setup" },
-        React.createElement(Tabs, { autoFocus: false },
-            React.createElement(Tabs.Tab, null, "Schedule"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(FormLayout, null,
-                    React.createElement(FormRow, { label: "Frequency" },
-                        React.createElement(Radio, { "data-name": "frequency-recurring", mr: 2, value: "recurring", checked: !props.isOneOff, onChange: (checked) => checked && handleIsOneOfChange(false) }, "Recurring Days"),
-                        React.createElement(Radio, { "data-name": "frequency-one-off", checked: props.isOneOff, value: "oneoff", onChange: (checked) => checked && handleIsOneOfChange(true) }, "One-Off Date")),
-                    props.isOneOff ? (React.createElement(FormRow, { label: "Date" },
-                        React.createElement(AdaptableInput, { "data-name": "one-off-date", width: 300, type: "date", placeholder: "Date", onChange: handleOneOfDateChange, value: ((_e = data.Schedule) === null || _e === void 0 ? void 0 : _e.OneOffDate) || '' }))) : (React.createElement(FormRow, { label: "Days" }, daysMap.map((day) => {
+    return (React.createElement(rebass_1.Box, { "data-name": "schedule-setup" },
+        React.createElement(Tabs_1.Tabs, { autoFocus: false },
+            React.createElement(Tabs_1.Tabs.Tab, null, "Schedule"),
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(FormLayout_1.default, null,
+                    React.createElement(FormLayout_1.FormRow, { label: "Frequency" },
+                        React.createElement(Radio_1.default, { "data-name": "frequency-recurring", mr: 2, value: "recurring", checked: !props.isOneOff, onChange: (checked) => checked && handleIsOneOfChange(false) }, "Recurring Days"),
+                        React.createElement(Radio_1.default, { "data-name": "frequency-one-off", checked: props.isOneOff, value: "oneoff", onChange: (checked) => checked && handleIsOneOfChange(true) }, "One-Off Date")),
+                    props.isOneOff ? (React.createElement(FormLayout_1.FormRow, { label: "Date" },
+                        React.createElement(AdaptableInput_1.default, { "data-name": "one-off-date", width: 300, type: "date", placeholder: "Date", onChange: handleOneOfDateChange, value: ((_e = data.Schedule) === null || _e === void 0 ? void 0 : _e.OneOffDate) || '' }))) : (React.createElement(FormLayout_1.FormRow, { label: "Days" }, daysMap.map((day) => {
                         var _a, _b;
-                        return (React.createElement(CheckBox, { "data-name": `day-${day.value}`, width: "33%", ml: 2, value: day.value, checked: (_b = (_a = data.Schedule) === null || _a === void 0 ? void 0 : _a.DaysOfWeek) === null || _b === void 0 ? void 0 : _b.includes(day.value), key: day.value, onChange: (checked) => handleDayChange(checked, day.value) }, day.label));
+                        return (React.createElement(CheckBox_1.CheckBox, { "data-name": `day-${day.value}`, width: "33%", ml: 2, value: day.value, checked: (_b = (_a = data.Schedule) === null || _a === void 0 ? void 0 : _a.DaysOfWeek) === null || _b === void 0 ? void 0 : _b.includes(day.value), key: day.value, onChange: (checked) => handleDayChange(checked, day.value) }, day.label));
                     }))),
-                    React.createElement(FormRow, { label: "Time" },
-                        React.createElement(AdaptableInput, { "data-name": "time", width: 300, value: timeValue, type: "time", onChange: handleTimeChange })))))));
+                    React.createElement(FormLayout_1.FormRow, { label: "Time" },
+                        React.createElement(AdaptableInput_1.default, { "data-name": "time", width: 300, value: timeValue, type: "time", onChange: handleTimeChange })))))));
 };
+exports.ScheduleScheduleWizard = ScheduleScheduleWizard;

package/src/View/Schedule/Wizard/ScheduleSettingsWizard/ScheduleSettingsGlue42.js

@@ -1,20 +1,25 @@
-import * as React from 'react';
-import { Box } from 'rebass';
-import { Tabs } from '../../../../components/Tabs';
-import FormLayout, { FormRow } from '../../../../components/FormLayout';
-import DropdownButton from '../../../../components/DropdownButton';
-export const ScheduleSettingsGlue42 = (props) => {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScheduleSettingsGlue42 = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const rebass_1 = require("rebass");
+const Tabs_1 = require("../../../../components/Tabs");
+const FormLayout_1 = tslib_1.__importStar(require("../../../../components/FormLayout"));
+const DropdownButton_1 = tslib_1.__importDefault(require("../../../../components/DropdownButton"));
+const ScheduleSettingsGlue42 = (props) => {
     var _a, _b;
     const reportOptions = props.allReports.map((report) => ({
         label: report.Name,
         value: report.Name,
         onClick: () => props.onChange(Object.assign(Object.assign({}, props.glue42), { Glue42Report: Object.assign(Object.assign({}, props.glue42.Glue42Report), { ReportName: report.Name }) })),
     }));
-    return (React.createElement(Box, { "data-name": "schedule-settings-glue42" },
-        React.createElement(Tabs, { autoFocus: false },
-            React.createElement(Tabs.Tab, null, "Glue42 Schedule Settings"),
-            React.createElement(Tabs.Content, null,
-                React.createElement(FormLayout, null,
-                    React.createElement(FormRow, { label: "Select Report" },
-                        React.createElement(DropdownButton, { "data-name": "select-report", width: 300, disabled: props.allReports.length == 0, items: reportOptions }, ((_b = (_a = props === null || props === void 0 ? void 0 : props.glue42) === null || _a === void 0 ? void 0 : _a.Glue42Report) === null || _b === void 0 ? void 0 : _b.ReportName) || 'Select Report')))))));
+    return (React.createElement(rebass_1.Box, { "data-name": "schedule-settings-glue42" },
+        React.createElement(Tabs_1.Tabs, { autoFocus: false },
+            React.createElement(Tabs_1.Tabs.Tab, null, "Glue42 Schedule Settings"),
+            React.createElement(Tabs_1.Tabs.Content, null,
+                React.createElement(FormLayout_1.default, null,
+                    React.createElement(FormLayout_1.FormRow, { label: "Select Report" },
+                        React.createElement(DropdownButton_1.default, { "data-name": "select-report", width: 300, disabled: props.allReports.length == 0, items: reportOptions }, ((_b = (_a = props === null || props === void 0 ? void 0 : props.glue42) === null || _a === void 0 ? void 0 : _a.Glue42Report) === null || _b === void 0 ? void 0 : _b.ReportName) || 'Select Report')))))));
 };
+exports.ScheduleSettingsGlue42 = ScheduleSettingsGlue42;