@adaptabletools/adaptable 13.0.0-canary.20 → 13.0.0-canary.22

package/src/View/ConditionalStyle/Wizard/ConditionalStyleScopeWizardSection.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConditionalStyleScopeWizardSection = exports.renderConditionalStyleScopeSummary = 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 DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE_1 = require("./DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE");
-const renderConditionalStyleScopeSummary = (data) => {
-    return (0, NewScopeComponent_1.renderScopeSummary)(data.Scope, {
-        scopeWholeRow: 'Matching rows will display the Conditionally Style',
-        scopeColumns: 'Cells in selected columns will display the Conditionally Style',
-        scopeDataTypes: 'Cells in columns of the selected data-types will display the Conditionally Style',
-    });
-};
-exports.renderConditionalStyleScopeSummary = renderConditionalStyleScopeSummary;
-function ConditionalStyleScopeWizardSection(props) {
-    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(React.Fragment, null,
-        React.createElement(NewScopeComponent_1.NewScopeComponent, { scope: data.Scope, descriptions: {
-                rowScope: 'Matching Rows will have the Conditional Style applied',
-                columnScope: 'Matching Columns will have the Conditional Style applied',
-            }, updateScope: (Scope) => {
-                const newData = Object.assign(Object.assign({}, data), { Scope });
-                const wholeRow = api.scopeApi.scopeIsAll(Scope);
-                if (newData.Rule.Predicate) {
-                    if (wholeRow) {
-                        // if scope is whole row, a predicate cannot be present, so we set the rule
-                        // to be a boolean expression
-                        delete newData.Rule.Predicate;
-                        newData.Rule.BooleanExpression = '';
-                    }
-                    else {
-                        // if scope is not whole row, if you have a predicate, reset it
-                        newData.Rule.Predicate = {
-                            PredicateId: DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE_1.DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE,
-                        };
-                    }
-                }
-                props.onChange(newData);
-            } })));
-}
-exports.ConditionalStyleScopeWizardSection = ConditionalStyleScopeWizardSection;

package/src/View/ConditionalStyle/Wizard/ConditionalStyleSettingsWizardSettings.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { ConditionalStyle } from '../../../../types';
-export declare const renderConditionalStyleSettingsSummary: (data: ConditionalStyle) => JSX.Element;
-interface ConditionalStyleSettingsWizardSettingsProps {
-    onChange: (data: ConditionalStyle) => void;
-}
-export declare const ConditionalStyleSettingsWizardSettings: React.FunctionComponent<ConditionalStyleSettingsWizardSettingsProps>;
-export {};

package/src/View/ConditionalStyle/Wizard/ConditionalStyleSettingsWizardSettings.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConditionalStyleSettingsWizardSettings = exports.renderConditionalStyleSettingsSummary = 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 Tabs_1 = require("../../../components/Tabs");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const renderConditionalStyleSettingsSummary = (data) => (React.createElement(rebass_1.Box, { padding: 2 },
-    React.createElement(rebass_1.Text, null, "Include grouped rows"),
-    React.createElement(rebass_1.Text, { mt: 3 }, data.IncludeGroupedRows ? 'Yes' : 'No')));
-exports.renderConditionalStyleSettingsSummary = renderConditionalStyleSettingsSummary;
-const ConditionalStyleSettingsWizardSettings = (props) => {
-    const { data } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    const onIncludeGroupedRowsChanged = (checked) => {
-        props.onChange(Object.assign(Object.assign({}, data), { IncludeGroupedRows: checked }));
-    };
-    return (React.createElement(Tabs_1.Tabs, null,
-        React.createElement(Tabs_1.Tabs.Tab, null, "Settings"),
-        React.createElement(Tabs_1.Tabs.Content, null,
-            React.createElement(rebass_1.Flex, { flexDirection: "row" },
-                React.createElement(FormLayout_1.default, null,
-                    React.createElement(FormLayout_1.FormRow, { label: "Include Grouped Rows:" },
-                        React.createElement(rebass_1.Flex, { alignItems: "center", marginLeft: 2 },
-                            React.createElement(CheckBox_1.CheckBox, { "data-name": "inlcude-grouped-rows", checked: data.IncludeGroupedRows, onChange: onIncludeGroupedRowsChanged, mr: 2 }))))))));
-};
-exports.ConditionalStyleSettingsWizardSettings = ConditionalStyleSettingsWizardSettings;

package/src/View/ConditionalStyle/Wizard/ConditionalStyleStyleWizardSection.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ConditionalStyle } from '../../../types';
-declare type ConditionalStyleStyleWizardSectionProps = {
-    onChange: (data: ConditionalStyle) => void;
-};
-export declare const renderConditionalStyleStyleSummary: (data: ConditionalStyle) => JSX.Element;
-export declare function ConditionalStyleStyleWizardSection(props: ConditionalStyleStyleWizardSectionProps): JSX.Element;
-export {};

package/src/View/ConditionalStyle/Wizard/ConditionalStyleStyleWizardSection.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConditionalStyleStyleWizardSection = exports.renderConditionalStyleStyleSummary = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const StyleComponent_1 = require("../../Components/StyleComponent");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const rebass_1 = require("rebass");
-const StyleHelper_1 = require("../../../Utilities/Helpers/StyleHelper");
-const toStyle = (style) => {
-    return Object.assign(Object.assign({}, (0, StyleHelper_1.convertAdaptableStyleToCSS)(style !== null && style !== void 0 ? style : {})), { borderWidth: (style === null || style === void 0 ? void 0 : style.BorderColor) ? 2 : 0, borderStyle: 'solid' });
-};
-const renderConditionalStyleStyleSummary = (data) => {
-    return (React.createElement(rebass_1.Text, { padding: 2, style: toStyle(data.Style) }, "Preview result"));
-};
-exports.renderConditionalStyleStyleSummary = renderConditionalStyleStyleSummary;
-function ConditionalStyleStyleWizardSection(props) {
-    const { data, api } = (0, OnePageAdaptableWizard_1.useOnePageAdaptableWizardContext)();
-    return (React.createElement(StyleComponent_1.StyleComponent, { headless: true, api: api, Style: data.Style, UpdateStyle: (Style) => {
-            props.onChange(Object.assign(Object.assign({}, data), { Style }));
-        } }));
-}
-exports.ConditionalStyleStyleWizardSection = ConditionalStyleStyleWizardSection;

package/src/View/ConditionalStyle/Wizard/ConditionalStyleWizard.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { AdaptableOnePageWizardProps } from '../../Wizard/Interface/IAdaptableWizard';
-import { ConditionalStyle } from '../../../types';
-export interface ConditionalStyleWizardProps extends AdaptableOnePageWizardProps<ConditionalStyle> {
-}
-export declare const ConditionalStyleWizard: React.FunctionComponent<ConditionalStyleWizardProps>;

package/src/View/ConditionalStyle/Wizard/ConditionalStyleWizard.js

@@ -1,104 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConditionalStyleWizard = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const react_1 = require("react");
-const rebass_1 = require("rebass");
-const OnePageAdaptableWizard_1 = require("../../Wizard/OnePageAdaptableWizard");
-const Helper_1 = require("../../../Utilities/Helpers/Helper");
-const ConditionalStyleStyleWizardSection_1 = require("./ConditionalStyleStyleWizardSection");
-const ConditionalStyleScopeWizardSection_1 = require("./ConditionalStyleScopeWizardSection");
-const ConditionalStyleRuleWizardSection_1 = require("./ConditionalStyleRuleWizardSection");
-const DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE_1 = require("./DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE");
-const CheckBox_1 = require("../../../components/CheckBox");
-const NewScopeComponent_1 = require("../../Components/NewScopeComponent");
-const EntityRulesEditor_1 = require("../../Components/EntityRulesEditor");
-const ObjectFactory_1 = tslib_1.__importDefault(require("../../../Utilities/ObjectFactory"));
-const react_redux_1 = require("react-redux");
-const ConditionalStyleSettingsWizardSettings_1 = require("./ConditionalStyleSettingsWizardSettings");
-const ObjectTagsWizardSection_1 = require("../../Wizard/ObjectTagsWizardSection");
-const ConditionalStyleWizard = (props) => {
-    var _a, _b;
-    const data = (_a = props.data) !== null && _a !== void 0 ? _a : (_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.value;
-    const [conditionalStyle, setConditionalStyle] = (0, react_1.useState)(() => {
-        var _a, _b, _c;
-        const DEFAULT_RULE = {
-            BooleanExpression: '',
-        };
-        const conditionalStyle = data ? (0, Helper_1.cloneObject)(data) : ObjectFactory_1.default.CreateEmptyConditionalStyle();
-        conditionalStyle.Scope = (_a = conditionalStyle.Scope) !== null && _a !== void 0 ? _a : { All: true };
-        if (!conditionalStyle.Rule) {
-            conditionalStyle.Rule = DEFAULT_RULE;
-        }
-        if (!conditionalStyle.Rule.Predicate && conditionalStyle.Rule.BooleanExpression == undefined) {
-            conditionalStyle.Rule.BooleanExpression = '';
-        }
-        if (((_b = props.popupParams) === null || _b === void 0 ? void 0 : _b.action) === 'New' && ((_c = props.popupParams) === null || _c === void 0 ? void 0 : _c.column)) {
-            conditionalStyle.Scope = {
-                ColumnIds: [props.popupParams.column.columnId],
-            };
-        }
-        return conditionalStyle;
-    });
-    const dispatch = (0, react_redux_1.useDispatch)();
-    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: conditionalStyle, onHide: props.onCloseWizard, sections: [
-            {
-                title: 'Style',
-                details: 'Specify the Style to be applied conditionally',
-                renderSummary: ConditionalStyleStyleWizardSection_1.renderConditionalStyleStyleSummary,
-                render: () => {
-                    return (React.createElement(rebass_1.Box, { padding: 2 },
-                        React.createElement(ConditionalStyleStyleWizardSection_1.ConditionalStyleStyleWizardSection, { onChange: setConditionalStyle })));
-                },
-            },
-            {
-                title: 'Target',
-                isValid: NewScopeComponent_1.isScopeValid,
-                renderSummary: ConditionalStyleScopeWizardSection_1.renderConditionalStyleScopeSummary,
-                details: (React.createElement(rebass_1.Flex, { flexDirection: "row", alignItems: "center" },
-                    "Specify where the Conditional Style should be applied",
-                    React.createElement("div", { style: { flex: 1 } }),
-                    React.createElement(CheckBox_1.CheckBox, { margin: 0, marginLeft: 2, onChange: (IncludeGroupedRows) => {
-                            setConditionalStyle(Object.assign(Object.assign({}, conditionalStyle), { IncludeGroupedRows: IncludeGroupedRows }));
-                        }, checked: conditionalStyle.IncludeGroupedRows }, "Include Grouped Rows"))),
-                render: () => {
-                    return (React.createElement(rebass_1.Flex, { flexDirection: "column", style: { height: '100%' }, padding: 2 },
-                        React.createElement(ConditionalStyleScopeWizardSection_1.ConditionalStyleScopeWizardSection, { onChange: setConditionalStyle })));
-                },
-            },
-            {
-                isValid: EntityRulesEditor_1.isRuleValid,
-                title: 'Condition',
-                details: 'Build the rules when the Conditional Style should be applied',
-                render: () => {
-                    return (React.createElement(ConditionalStyleRuleWizardSection_1.ConditionalStyleRuleWizardSection, { onChange: setConditionalStyle, defaultPredicateId: DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE_1.DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE }));
-                },
-                renderSummary: ConditionalStyleRuleWizardSection_1.renderConditionalStyleRuleSummary,
-            },
-            {
-                title: 'Settings',
-                renderSummary: ConditionalStyleSettingsWizardSettings_1.renderConditionalStyleSettingsSummary,
-                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
-                    React.createElement(ConditionalStyleSettingsWizardSettings_1.ConditionalStyleSettingsWizardSettings, { onChange: setConditionalStyle }))),
-            },
-            {
-                details: 'Select Conditional Style tags',
-                title: 'Tags',
-                isVisible: (_, api) => api.internalApi.shouldDisplayTagSections(),
-                render: () => (React.createElement(rebass_1.Box, { padding: 2 },
-                    React.createElement(ObjectTagsWizardSection_1.ObjectTagsWizardSection, { onChange: setConditionalStyle }))),
-                renderSummary: ObjectTagsWizardSection_1.renderObjectTagsSummary,
-            },
-            '-',
-            {
-                details: 'Review the Conditional Style',
-                render: () => {
-                    return (React.createElement(rebass_1.Box, { padding: 2 },
-                        React.createElement(OnePageAdaptableWizard_1.OnePageWizardSummary, null)));
-                },
-                title: 'Summary',
-            },
-        ] }));
-};
-exports.ConditionalStyleWizard = ConditionalStyleWizard;

package/src/View/ConditionalStyle/Wizard/DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE.d.ts

@@ -1 +0,0 @@
-export declare const DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE = "NonBlanks";

package/src/View/ConditionalStyle/Wizard/DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE = void 0;
-exports.DEFAULT_PREDICATE_ID_FOR_CONDITIONAL_STYLE = 'NonBlanks';