@adaptabletools/adaptable 12.1.7 → 12.2.0-canary.0

package/src/View/Layout/Wizard/LayoutEditorWizard.js

@@ -1,132 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutEditorWizard = void 0;
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const WizardPanel_1 = tslib_1.__importDefault(require("../../../components/WizardPanel"));
-const FormLayout_1 = tslib_1.__importStar(require("../../../components/FormLayout"));
-const Input_1 = tslib_1.__importDefault(require("../../../components/Input"));
-const LayoutEditor_1 = require("./LayoutEditor");
-const ErrorBox_1 = tslib_1.__importDefault(require("../../../components/ErrorBox"));
-const AdaptablePopover_1 = require("../../AdaptablePopover");
-const rebass_1 = require("rebass");
-const Panel_1 = tslib_1.__importDefault(require("../../../components/Panel"));
-const ColumnLabels_1 = require("./LayoutEditor/ColumnLabels");
-const CheckBox_1 = require("../../../components/CheckBox");
-class LayoutEditorWizard extends React.Component {
-    constructor(props) {
-        super(props);
-        this.onLayoutNameChange = (event) => {
-            const Name = event.target.value;
-            const ErrorMessage = this.getErrorMessage(Object.assign(Object.assign({}, this.state), { layoutName: Name }));
-            this.updateLayout({ Name });
-            this.setState({
-                layoutName: Name,
-                errorMessage: ErrorMessage || null,
-            }, () => {
-                this.props.updateGoBackState();
-            });
-        };
-        this.getErrorMessage = ({ layout, layoutName }) => {
-            const Exists = this.props.Layouts.find((l) => l.Name === layoutName && l.Uuid !== layout.Uuid);
-            let ErrorMessage = Exists
-                ? 'A Layout already exists with that name'
-                : !layoutName
-                    ? 'Layout name cannot be blank'
-                    : null;
-            // if (!ErrorMessage && !layout.Columns.length) {
-            //   ErrorMessage = 'A Layout must have at least one visible column';
-            // }
-            return ErrorMessage;
-        };
-        this.updateLayout = (layout) => {
-            var _a, _b;
-            const updatedLayout = Object.assign(Object.assign({}, this.state.layout), layout);
-            Object.assign(this.props.data, updatedLayout);
-            this.setState({
-                layout: updatedLayout,
-            });
-            (_b = (_a = this.props) === null || _a === void 0 ? void 0 : _a.onLayoutChange) === null || _b === void 0 ? void 0 : _b.call(_a, updatedLayout);
-        };
-        this.onLayoutChange = (layout) => {
-            layout = Object.assign(Object.assign({}, layout), { Name: this.state.layoutName });
-            this.updateLayout(layout);
-            this.setState({
-                layout,
-                errorMessage: this.getErrorMessage({
-                    layout,
-                    layoutName: this.state.layoutName,
-                }),
-            }, () => {
-                this.props.updateGoBackState();
-            });
-        };
-        this.getLayout = () => {
-            return Object.assign(Object.assign({}, this.state.layout), { Name: this.state.layoutName });
-        };
-        this.state = {
-            layout: props.data,
-            layoutName: props.data.Name,
-            errorMessage: null,
-        };
-    }
-    render() {
-        const behaviourHeader = 'Column ' + this.props.api.internalApi.getCorrectEnglishVariant('Behaviours');
-        return (React.createElement("div", { "data-name": 'layout-editor', style: { height: '100%' } },
-            React.createElement(WizardPanel_1.default, { bodyProps: { padding: 0 } },
-                React.createElement(rebass_1.Flex, null,
-                    React.createElement(rebass_1.Box, { width: 350 },
-                        React.createElement(FormLayout_1.default, { columns: ['label', 'children'], m: 2 },
-                            React.createElement(FormLayout_1.FormRow, { label: "Layout Name" },
-                                React.createElement(Input_1.default, { value: this.state.layoutName, "data-name": "layout-editor-name-input", width: "100%", autoFocus: true, placeholder: "Type a name", onChange: this.onLayoutNameChange }),
-                                ' '),
-                            this.state.errorMessage ? (React.createElement(FormLayout_1.FormRow, { label: "" },
-                                React.createElement(ErrorBox_1.default, null, this.state.errorMessage))) : null)),
-                    React.createElement(rebass_1.Flex, { flex: 1, alignItems: "center", justifyContent: "flex-end" },
-                        React.createElement(CheckBox_1.CheckBox, { mt: 0, mb: 0, checked: this.state.layout.EnablePivot, onChange: (checked) => {
-                                this.updateLayout({ EnablePivot: checked });
-                            } }, "Enable Pivot Layout")),
-                    React.createElement(rebass_1.Flex, { width: 120, pr: 2, alignItems: "center", justifyContent: "end" },
-                        React.createElement(rebass_1.Text, { mr: 2 }, "Legend"),
-                        React.createElement(AdaptablePopover_1.AdaptablePopover, { popoverMinWidth: 200, bodyText: [
-                                React.createElement(Panel_1.default, { variant: "modern", header: behaviourHeader, className: "ab-LayoutEditor__LegendPanel", style: {
-                                        gridRow: '1 /1',
-                                        gridColumn: '3/3',
-                                    }, bodyProps: {
-                                        padding: 2,
-                                        backgroundColor: 'defaultbackground',
-                                        color: 'text-on-defaultbackground',
-                                    } },
-                                    React.createElement(ColumnLabels_1.ColumnLabels, { flexDirection: "column", showBoth: true, labels: {
-                                            Sortable: 'Able to be sorted',
-                                            Filterable: 'Can be filtered',
-                                            Aggregatable: 'Shows aggregations (in grouped rows)',
-                                            Groupable: 'Can form a row group',
-                                            Moveable: 'Is draggable and movable',
-                                            Pivotable: 'Eligible for pivoting',
-                                        }, sortable: true, filterable: true, moveable: true, pivotable: true, groupable: true, aggregatable: true })),
-                            ] }))),
-                React.createElement(LayoutEditor_1.LayoutEditor, { api: this.props.api, layout: this.state.layout, onLayoutChange: this.onLayoutChange }))));
-    }
-    canNext() {
-        return !!this.state.layoutName && !this.state.errorMessage;
-    }
-    canBack() {
-        return true;
-    }
-    next() {
-        Object.keys(this.props.data).forEach((key) => {
-            delete this.props.data[key];
-        });
-        const layout = this.getLayout();
-        Object.assign(this.props.data, layout);
-    }
-    back() { }
-    getIndexStepIncrement() {
-        return 1;
-    }
-    getIndexStepDecrement() {
-        return 1;
-    }
-}
-exports.LayoutEditorWizard = LayoutEditorWizard;

package/src/components/ExpressionEditor/editorButtonsReactive.d.ts

@@ -1,2 +0,0 @@
-import { OperatorEditorButton } from './BaseEditorInput';
-export declare const editorButtonsReactive: OperatorEditorButton[];