@adaptabletools/adaptable 14.0.0-canary.0 → 14.0.0-canary.1

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, { 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,114 +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 ConditionalStyleRedux = tslib_1.__importStar(require("../../../Redux/ActionsReducers/ConditionalStyleRedux"));
-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)();
-    const handleFinish = () => {
-        if (data) {
-            dispatch(ConditionalStyleRedux.ConditionalStyleEdit(conditionalStyle));
-        }
-        else {
-            dispatch(ConditionalStyleRedux.ConditionalStyleAdd(conditionalStyle));
-        }
-        props.onCloseWizard();
-    };
-    return (React.createElement(OnePageAdaptableWizard_1.OnePageAdaptableWizard, { defaultCurrentSectionName: props.defaultCurrentSectionName, moduleInfo: props.moduleInfo, data: conditionalStyle, onHide: props.onCloseWizard, onFinish: handleFinish, 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';

package/src/components/OverlayTrigger/getOverlayStyle.d.ts

@@ -1,13 +0,0 @@
-import { CSSProperties } from 'react';
-import { BoundingClientRect } from '../utils/getAvailableSizeInfo';
-export declare type OverlayHorizontalAlign = 'center' | 'left' | 'right' | 'auto';
-interface OverlayStyleParam {
-    targetRect: BoundingClientRect;
-    constrainRect: BoundingClientRect;
-    maxSizeOffset?: number;
-    anchor: 'vertical' | 'horizontal';
-    alignHorizontal?: OverlayHorizontalAlign;
-    targetOffset?: number;
-}
-declare const getOverlayStyle: ({ targetRect, constrainRect, anchor, targetOffset, alignHorizontal, }: OverlayStyleParam) => CSSProperties;
-export default getOverlayStyle;

package/src/components/OverlayTrigger/getOverlayStyle.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const getAvailableSizeInfo_1 = tslib_1.__importDefault(require("../utils/getAvailableSizeInfo"));
-const globalObject = typeof globalThis !== 'undefined' ? globalThis : window;
-const getWindowSize = () => ({
-    width: globalObject.innerWidth,
-    height: globalObject.innerHeight,
-});
-const getOverlayStyle = ({ targetRect, constrainRect, anchor, targetOffset, alignHorizontal, }) => {
-    alignHorizontal = alignHorizontal || 'center';
-    const sizeInfo = (0, getAvailableSizeInfo_1.default)({ targetRect, constrainRect });
-    const overlayStyle = {
-        maxWidth: sizeInfo.maxWidth,
-        maxHeight: sizeInfo.maxHeight,
-        position: 'absolute',
-    };
-    const offset = targetOffset || 0;
-    const windowSize = getWindowSize();
-    if (anchor === 'horizontal') {
-        if (sizeInfo.horizontalPosition === 'left') {
-            overlayStyle.right = windowSize.width - targetRect.left + offset;
-            overlayStyle.right -= globalObject.scrollX;
-        }
-        else {
-            overlayStyle.left = targetRect.right + offset;
-            overlayStyle.left += globalObject.scrollX;
-        }
-        overlayStyle.top = targetRect.top + targetRect.height / 2 + +globalObject.scrollY;
-        overlayStyle.transform = 'translate3d(0px, -50%, 0px)';
-        delete overlayStyle.maxHeight;
-    }
-    else {
-        if (sizeInfo.verticalPosition === 'top') {
-            overlayStyle.bottom = windowSize.height - targetRect.top + offset;
-            overlayStyle.bottom -= globalObject.scrollY;
-        }
-        else {
-            overlayStyle.top = targetRect.bottom + offset;
-            overlayStyle.top += globalObject.scrollY;
-        }
-        if (alignHorizontal === 'center') {
-            overlayStyle.left = targetRect.left + targetRect.width / 2 + globalObject.scrollX;
-            overlayStyle.transform = 'translate3d(-50%, 0px, 0px)';
-        }
-        if (alignHorizontal === 'left') {
-            overlayStyle.left = targetRect.left + globalObject.scrollX;
-        }
-        if (alignHorizontal === 'right') {
-            overlayStyle.right = windowSize.width - targetRect.right + globalObject.scrollX;
-        }
-        delete overlayStyle.maxWidth;
-    }
-    return overlayStyle;
-};
-exports.default = getOverlayStyle;