d2coreui 21.0.33 → 23.0.0

package/components/grid/cell/statusTextCellEditor.js

@@ -1,160 +1,137 @@
-import React from 'react';
-import { InputNumber, Select } from "antd";
-import { Key } from "ts-key-enum";
-import KeyboardUtils from "d2coreui/components/keyboard/keyboardUtils";
-import { LocaleHolder } from "d2core/i18n/localeHolder";
-import ReactDOM from 'react-dom';
-import scrollIntoView from "dom-scroll-into-view";
-const KEY_BACKSPACE = 8;
-const KEY_DELETE = 46;
-const KEY_F2 = 113;
-export default class StatusTextCellEditor extends React.Component {
-    constructor(props) {
-        super(props);
-        this.inputComponent = null;
-        this.focusOpId = null;
-        this.state = this.getInitialState(props);
-    }
-    getInitialState(props) {
-        let value;
-        let highlightAllOnFocus = true;
-        if (props.keyPress === KEY_BACKSPACE || props.keyPress === KEY_DELETE) {
-            value = null;
-        }
-        else if (props.charPress) {
-            const parsedValue = Number.parseInt(props.charPress);
-            value = isNaN(parsedValue) ? props.value : parsedValue;
-            highlightAllOnFocus = false;
-        }
-        else {
-            value = props.value;
-            if (props.keyPress === KEY_F2) {
-                highlightAllOnFocus = false;
-            }
-        }
-        return {
-            value: value,
-            highlightAllOnFocus,
-            cancelEdit: false
-        };
-    }
-    componentWillUnmount() {
-        if (this.focusOpId) {
-            clearTimeout(this.focusOpId);
-        }
-    }
-    afterGuiAttached() {
-        this.focusOpId = window.setTimeout(() => {
-            var _a, _b, _c, _d, _e;
-            (_a = this.inputComponent) === null || _a === void 0 ? void 0 : _a.focus();
-            if (this.state.highlightAllOnFocus) {
-                (_b = this.inputComponent) === null || _b === void 0 ? void 0 : _b.select();
-                this.setState({
-                    highlightAllOnFocus: false,
-                });
-            }
-            else {
-                const length = ((_c = this.inputComponent) === null || _c === void 0 ? void 0 : _c.value) ? (_d = this.inputComponent) === null || _d === void 0 ? void 0 : _d.value.length : 0;
-                if (length > 0) {
-                    (_e = this.inputComponent) === null || _e === void 0 ? void 0 : _e.setSelectionRange(length, length);
-                }
-            }
-        }, 200);
-    }
-    getValue() {
-        return this.state.value;
-    }
-    isPopup() {
-        return true;
-    }
-    isCancelBeforeStart() {
-        return !!this.props.charPress && '1234567890'.indexOf(this.props.charPress) < 0;
-    }
-    isCancelAfterEnd() {
-        return false;
-    }
-    getScrollParent(element, includeHidden = false) {
-        var style = getComputedStyle(element);
-        var excludeStaticParent = style.position === "absolute";
-        var overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/;
-        if (style.position === "fixed")
-            return document.body;
-        let parent;
-        for (parent = element; (parent = parent.parentElement);) {
-            style = getComputedStyle(parent);
-            if (excludeStaticParent && style.position === "static") {
-                continue;
-            }
-            if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX))
-                return parent;
-        }
-        return document.body;
-    }
-    scrollTo(value) {
-        const elementToScroll = document.getElementById("select-value-" + value);
-        if (elementToScroll) {
-            const parent = this.getScrollParent(elementToScroll, true);
-            scrollIntoView(elementToScroll, parent, {
-                onlyScrollIfNeeded: true,
-                allowHorizontalScroll: false,
-                alignWithTop: true,
-                offsetTop: 20,
-                offsetBottom: 20,
-            });
-        }
-    }
-    render() {
-        var _a;
-        return (React.createElement("div", { style: { width: "100%", minWidth: 150 } },
-            React.createElement(Select, { size: "small", virtual: false, dropdownMatchSelectWidth: false, className: "select-with-one-item", style: { width: "100%", overflow: "auto", visibility: "hidden" }, dropdownStyle: { maxHeight: 400, overflow: 'auto' }, allowClear: true, dropdownAlign: { points: ["tl", "tr"], offset: [0, -100], overflow: { adjustX: true, adjustY: true } }, filterOption: (inputValue, option) => {
-                    var _a;
-                    const inputToSearch = inputValue.toLocaleLowerCase(LocaleHolder.formattingLocale);
-                    const value = option === null || option === void 0 ? void 0 : option.value;
-                    return ((value === null || value === void 0 ? void 0 : value.toString().indexOf(inputToSearch)) >= 0) || (((_a = option === null || option === void 0 ? void 0 : option.title) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase(LocaleHolder.formattingLocale).indexOf(inputToSearch)) >= 0);
-                }, value: this.state.value !== null ? this.state.value : undefined, onChange: (value) => {
-                    this.setState({ value: value });
-                }, open: this.state.opened, onDropdownVisibleChange: (visible) => {
-                    this.setState({ opened: visible });
-                }, getPopupContainer: (_trigger) => {
-                    var _a, _b;
-                    return ((_b = (_a = ReactDOM.findDOMNode(this)) === null || _a === void 0 ? void 0 : _a.parentNode) !== null && _b !== void 0 ? _b : document.body);
-                } }, (_a = this.props.statusTexts) === null || _a === void 0 ? void 0 : _a.map((statusTextItem) => {
-                return React.createElement(Select.Option, { id: "select-value-" + statusTextItem.value, key: "" + statusTextItem.value, value: statusTextItem.value, title: statusTextItem.text },
-                    React.createElement("span", { style: {
-                            color: "rgba(0, 0, 0, 0.85)",
-                            whiteSpace: "nowrap"
-                        } }, `${statusTextItem.text} (${statusTextItem.value})`));
-            })),
-            React.createElement(InputNumber, { ref: (component) => {
-                    this.inputComponent = component;
-                }, size: "small", style: {
-                    position: "absolute",
-                    top: 0,
-                    bottom: 0,
-                    left: 0,
-                    right: 0,
-                    width: "100%"
-                }, autoFocus: true, decimalSeparator: this.props.decimalSeparator, precision: this.props.precision, placeholder: this.state.value === null ? "NULL" : "", value: this.state.value !== undefined && this.state.value !== null ? this.state.value : undefined, onChange: value => {
-                    if (KeyboardUtils.isKeyPressed(Key.Alt)) {
-                        return;
-                    }
-                    if (typeof value === "number") {
-                        this.setState({ value: value, opened: true });
-                        this.scrollTo(value);
-                    }
-                    else if (value === undefined || value === "") {
-                        this.setState({ value: null, opened: true });
-                    }
-                }, onKeyDown: (e) => {
-                    if (e.key === Key.ArrowUp || e.key === Key.ArrowDown) {
-                        this.props.onKeyDown(e.nativeEvent);
-                        e.preventDefault();
-                    }
-                }, onFocus: () => {
-                    this.setState({ opened: true });
-                }, onClick: () => {
-                    this.setState({ opened: true });
-                } })));
-    }
-}
+import React from 'react';
+import { InputNumber, Select } from "antd";
+import { Key } from "ts-key-enum";
+import KeyboardUtils from "d2coreui/components/keyboard/keyboardUtils";
+import { LocaleHolder } from "d2core/i18n/localeHolder";
+import ReactDOM from 'react-dom';
+import scrollIntoView from "dom-scroll-into-view";
+import { DataGridCellEditorComponent, withAgGridHooks } from "./dataGridCellEditorComponent";
+class StatusTextCellEditor extends DataGridCellEditorComponent {
+    constructor(props) {
+        super(props);
+        this.inputComponent = null;
+        this.state = this.getInitialState(props);
+    }
+    getInitialState(props) {
+        let value;
+        if (props.eventKey === Key.Backspace || props.eventKey === Key.Delete) {
+            value = null;
+            props.onValueChange(null);
+        }
+        else if (props.eventKey && props.eventKey.length === 1) {
+            const parsedValue = Number.parseInt(props.eventKey);
+            value = isNaN(parsedValue) ? props.value : parsedValue;
+            props.onValueChange(value);
+        }
+        else {
+            value = props.initialValue;
+        }
+        return { value: value };
+    }
+    focus() {
+        var _a;
+        (_a = this.inputComponent) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    select() {
+        var _a;
+        (_a = this.inputComponent) === null || _a === void 0 ? void 0 : _a.select();
+    }
+    placeCursorToEnd() {
+        var _a, _b, _c;
+        const length = ((_a = this.inputComponent) === null || _a === void 0 ? void 0 : _a.value) ? (_b = this.inputComponent) === null || _b === void 0 ? void 0 : _b.value.length : 0;
+        if (length > 0) {
+            (_c = this.inputComponent) === null || _c === void 0 ? void 0 : _c.setSelectionRange(length, length);
+        }
+    }
+    isCancelBeforeStart() {
+        return !!this.props.eventKey && this.props.eventKey.length === 1 && '1234567890'.indexOf(this.props.eventKey) < 0;
+    }
+    getScrollParent(element, includeHidden = false) {
+        var style = getComputedStyle(element);
+        var excludeStaticParent = style.position === "absolute";
+        var overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/;
+        if (style.position === "fixed")
+            return document.body;
+        let parent;
+        for (parent = element; (parent = parent.parentElement);) {
+            style = getComputedStyle(parent);
+            if (excludeStaticParent && style.position === "static") {
+                continue;
+            }
+            if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX))
+                return parent;
+        }
+        return document.body;
+    }
+    scrollTo(value) {
+        const elementToScroll = document.getElementById("select-value-" + value);
+        if (elementToScroll) {
+            const parent = this.getScrollParent(elementToScroll, true);
+            scrollIntoView(elementToScroll, parent, {
+                onlyScrollIfNeeded: true,
+                allowHorizontalScroll: false,
+                alignWithTop: true,
+                offsetTop: 20,
+                offsetBottom: 20,
+            });
+        }
+    }
+    render() {
+        var _a;
+        return (React.createElement("div", { style: { width: "100%", minWidth: 150 } },
+            React.createElement(Select, { size: "small", virtual: false, popupMatchSelectWidth: false, className: "select-with-one-item", style: { width: "100%", overflow: "auto", visibility: "hidden" }, dropdownStyle: { maxHeight: 400, overflow: 'auto' }, allowClear: true, dropdownAlign: { points: ["tl", "tr"], offset: [0, -100], overflow: { adjustX: true, adjustY: true } }, filterOption: (inputValue, option) => {
+                    var _a, _b;
+                    const inputToSearch = inputValue.toLocaleLowerCase(LocaleHolder.formattingLocale);
+                    const value = option === null || option === void 0 ? void 0 : option.value;
+                    return ((value === null || value === void 0 ? void 0 : value.toString().indexOf(inputToSearch)) >= 0) || (((_b = (_a = option === null || option === void 0 ? void 0 : option.title) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase(LocaleHolder.formattingLocale).indexOf(inputToSearch)) !== null && _b !== void 0 ? _b : -1) >= 0);
+                }, value: this.state.value !== null ? this.state.value : undefined, onChange: (value) => {
+                    this.setState({ value: value });
+                    this.props.onValueChange(value);
+                }, open: this.state.opened, onDropdownVisibleChange: (visible) => {
+                    this.setState({ opened: visible });
+                }, getPopupContainer: (_trigger) => {
+                    var _a, _b;
+                    return ((_b = (_a = ReactDOM.findDOMNode(this)) === null || _a === void 0 ? void 0 : _a.parentNode) !== null && _b !== void 0 ? _b : document.body);
+                } }, (_a = this.props.statusTexts) === null || _a === void 0 ? void 0 : _a.map((statusTextItem) => {
+                return React.createElement(Select.Option, { id: "select-value-" + statusTextItem.value, key: "" + statusTextItem.value, value: statusTextItem.value, title: statusTextItem.text },
+                    React.createElement("span", { style: {
+                            color: "rgba(0, 0, 0, 0.85)",
+                            whiteSpace: "nowrap"
+                        } }, `${statusTextItem.text} (${statusTextItem.value})`));
+            })),
+            React.createElement(InputNumber, { ref: (component) => {
+                    this.inputComponent = component;
+                }, size: "small", style: {
+                    position: "absolute",
+                    top: 0,
+                    bottom: 0,
+                    left: 0,
+                    right: 0,
+                    width: "100%"
+                }, autoFocus: true, decimalSeparator: this.props.decimalSeparator, precision: this.props.precision, placeholder: this.state.value === null ? "NULL" : "", value: this.state.value !== undefined && this.state.value !== null ? this.state.value : undefined, onChange: value => {
+                    if (KeyboardUtils.isKeyPressed(Key.Alt)) {
+                        return;
+                    }
+                    if (typeof value === "number") {
+                        this.setState({ value: value, opened: true });
+                        this.scrollTo(value);
+                        this.props.onValueChange(value);
+                    }
+                    else if (value === undefined || value === "") {
+                        this.setState({ value: null, opened: true });
+                        this.props.onValueChange(null);
+                    }
+                }, onKeyDown: (e) => {
+                    if (e.key === Key.ArrowUp || e.key === Key.ArrowDown) {
+                        this.props.onKeyDown(e.nativeEvent);
+                        e.preventDefault();
+                    }
+                }, onFocus: () => {
+                    this.setState({ opened: true });
+                }, onClick: () => {
+                    this.setState({ opened: true });
+                } })));
+    }
+}
+export default withAgGridHooks(StatusTextCellEditor);
 //# sourceMappingURL=statusTextCellEditor.js.map

package/components/grid/cell/statusTextCellEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"statusTextCellEditor.js","sourceRoot":"","sources":["../../../../../components/grid/cell/statusTextCellEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,WAAW,EAAE,MAAM,EAAC,MAAM,MAAM,CAAC;AAEzC,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAChC,OAAO,aAAa,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAC,YAAY,EAAC,MAAM,0BAA0B,CAAC;AACtD,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAElD,MAAM,aAAa,GAAG,CAAC,CAAC;AACxB,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,MAAM,GAAG,GAAG,CAAC;AAenB,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,KAAK,CAAC,SAAoE;IAIxH,YAAY,KAA+C;QACvD,KAAK,CAAC,KAAK,CAAC,CAAC;QAJT,mBAAc,GAA4B,IAAI,CAAC;QAC/C,cAAS,GAAkB,IAAI,CAAC;QAIpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC;IAED,eAAe,CAAC,KAA+C;QAC3D,IAAI,KAAoB,CAAC;QACzB,IAAI,mBAAmB,GAAG,IAAI,CAAC;QAE/B,IAAI,KAAK,CAAC,QAAQ,KAAK,aAAa,IAAI,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE;YAEnE,KAAK,GAAG,IAAI,CAAC;SAChB;aAAM,IAAI,KAAK,CAAC,SAAS,EAAE;YAExB,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YACrD,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC;YACvD,mBAAmB,GAAG,KAAK,CAAC;SAC/B;aAAM;YAEH,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;YACpB,IAAI,KAAK,CAAC,QAAQ,KAAK,MAAM,EAAE;gBAC3B,mBAAmB,GAAG,KAAK,CAAC;aAC/B;SACJ;QACD,OAAO;YACH,KAAK,EAAE,KAAK;YACZ,mBAAmB;YACnB,UAAU,EAAE,KAAK;SACS,CAAC;IACnC,CAAC;IAED,oBAAoB;QAChB,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAChC;IACL,CAAC;IAED,gBAAgB;QACZ,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;;YACpC,MAAA,IAAI,CAAC,cAAc,0CAAE,KAAK,EAAE,CAAC;YAC7B,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAAE;gBAChC,MAAA,IAAI,CAAC,cAAc,0CAAE,MAAM,EAAE,CAAC;gBAC9B,IAAI,CAAC,QAAQ,CAAC;oBACV,mBAAmB,EAAE,KAAK;iBAC7B,CAAC,CAAC;aACN;iBAAM;gBAKH,MAAM,MAAM,GAAG,CAAA,MAAA,IAAI,CAAC,cAAc,0CAAE,KAAK,EAAC,CAAC,CAAC,MAAA,IAAI,CAAC,cAAc,0CAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClF,IAAI,MAAM,GAAG,CAAC,EAAE;oBACZ,MAAA,IAAI,CAAC,cAAc,0CAAE,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;iBAC1D;aACJ;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC;IAED,QAAQ;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IAED,OAAO;QACH,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,mBAAmB;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACpF,CAAC;IAED,gBAAgB;QACZ,OAAO,KAAK,CAAC;IACjB,CAAC;IAGD,eAAe,CAAC,OAAoB,EAAE,aAAa,GAAG,KAAK;QACvD,IAAI,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,mBAAmB,GAAG,KAAK,CAAC,QAAQ,KAAK,UAAU,CAAC;QACxD,IAAI,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,eAAe,CAAC;QAC7E,IAAI,KAAK,CAAC,QAAQ,KAAK,OAAO;YAAE,OAAO,QAAQ,CAAC,IAAI,CAAC;QACrD,IAAI,MAA0B,CAAC;QAC/B,KAAK,MAAM,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,GAAG;YACrD,KAAK,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;YACjC,IAAI,mBAAmB,IAAI,KAAK,CAAC,QAAQ,KAAK,QAAQ,EAAE;gBACpD,SAAS;aACZ;YACD,IAAI,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;gBAAE,OAAO,MAAM,CAAC;SAC7F;QACD,OAAO,QAAQ,CAAC,IAAI,CAAC;IACzB,CAAC;IAED,QAAQ,CAAC,KAAa;QAClB,MAAM,eAAe,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,GAAG,KAAK,CAAC,CAAC;QACzE,IAAI,eAAe,EAAE;YACjB,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;YAC3D,cAAc,CAAC,eAAe,EAAE,MAAM,EAAE;gBACpC,kBAAkB,EAAE,IAAI;gBACxB,qBAAqB,EAAE,KAAK;gBAC5B,YAAY,EAAE,IAAI;gBAClB,SAAS,EAAE,EAAE;gBACb,YAAY,EAAE,EAAE;aACnB,CAAC,CAAC;SACN;IACL,CAAC;IAED,MAAM;;QACF,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAC;YACtC,oBAAC,MAAM,IACH,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,KAAK,EACd,wBAAwB,EAAE,KAAK,EAC/B,SAAS,EAAE,sBAAsB,EACjC,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAC,EAC9D,aAAa,EAAE,EAAC,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAC,EACjD,UAAU,QACV,aAAa,EAAE,EAAC,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC,EAAC,EAClG,YAAY,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE;;oBACjC,MAAM,aAAa,GAAG,UAAU,CAAC,iBAAiB,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;oBAClF,MAAM,KAAK,GAAW,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAe,CAAC;oBAC9C,OAAO,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,GAAG,OAAO,CAAC,aAAa,CAAC,KAAI,CAAC,CAAC,IAAI,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,iBAAiB,CAAC,YAAY,CAAC,gBAAgB,EAAE,OAAO,CAAC,aAAa,CAAC,KAAI,CAAC,CAAC,CAAC;gBAC5J,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC/D,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAChB,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC;gBAClC,CAAC,EACD,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACvB,uBAAuB,EAAE,CAAC,OAAO,EAAE,EAAE;oBACjC,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,OAAO,EAAC,CAAC,CAAC;gBACrC,CAAC,EACD,iBAAiB,EAAE,CAAC,QAAQ,EAAE,EAAE;;oBAE5B,OAAO,CAAC,MAAA,MAAA,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,0CAAE,UAAU,mCAAI,QAAQ,CAAC,IAAI,CAAgB,CAAC;gBACpF,CAAC,IAEA,MAAA,IAAI,CAAC,KAAK,CAAC,WAAW,0CAAE,GAAG,CAAC,CAAC,cAAc,EAAE,EAAE;gBAC5C,OAAO,oBAAC,MAAM,CAAC,MAAM,IACjB,EAAE,EAAE,eAAe,GAAG,cAAc,CAAC,KAAK,EAC1C,GAAG,EAAE,EAAE,GAAG,cAAc,CAAC,KAAK,EAC9B,KAAK,EAAE,cAAc,CAAC,KAAK,EAC3B,KAAK,EAAE,cAAc,CAAC,IAAI;oBAEd,8BAAM,KAAK,EAAE;4BACT,KAAK,EAAE,qBAAqB;4BAC5B,UAAU,EAAE,QAAQ;yBACvB,IAAG,GAAG,cAAc,CAAC,IAAI,KAAK,cAAc,CAAC,KAAK,GAAG,CAAQ,CAC9D,CAAC;YACrB,CAAC,CAAC,CACG;YACT,oBAAC,WAAW,IACR,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE;oBACf,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;gBACpC,CAAC,EACD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE;oBACH,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,MAAM,EAAE,CAAC;oBACT,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;oBACR,KAAK,EAAE,MAAM;iBAChB,EACD,SAAS,QACT,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAC7C,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EACpD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EACjG,QAAQ,EAAE,KAAK,CAAC,EAAE;oBACd,IAAI,aAAa,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;wBAErC,OAAO;qBACV;oBACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;wBAC3B,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;wBAC5C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;qBACxB;yBAAM,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,EAAE;wBAC5C,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;qBAC9C;gBACL,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,SAAS,EAAE;wBAClD,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;wBACpC,CAAC,CAAC,cAAc,EAAE,CAAC;qBACtB;gBACL,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;oBACV,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;gBAClC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;oBACV,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;gBAClC,CAAC,GACH,CACA,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from 'react';\nimport {InputNumber, Select} from \"antd\";\nimport {ICellEditor, ICellEditorParams} from \"ag-grid-community\";\nimport {Key} from \"ts-key-enum\";\nimport KeyboardUtils from \"d2coreui/components/keyboard/keyboardUtils\";\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\nimport ReactDOM from 'react-dom';\nimport scrollIntoView from \"dom-scroll-into-view\";\n\nconst KEY_BACKSPACE = 8;\nconst KEY_DELETE = 46;\nconst KEY_F2 = 113;\n\ninterface StatusTextCellEditorProperties extends ICellEditorParams {\n    decimalSeparator?: string\n    precision?: number\n    statusTexts: { text: string, value: number }[];\n}\n\ninterface StatusTextCellEditorState {\n    value: number | null\n    highlightAllOnFocus: boolean\n    cancelEdit: boolean\n    opened: boolean\n}\n\nexport default class StatusTextCellEditor extends React.Component<StatusTextCellEditorProperties, StatusTextCellEditorState> implements ICellEditor {\n    private inputComponent: HTMLInputElement | null = null;\n    private focusOpId: number | null = null;\n\n    constructor(props: Readonly<StatusTextCellEditorProperties>) {\n        super(props);\n        this.state = this.getInitialState(props);\n    }\n\n    getInitialState(props: Readonly<StatusTextCellEditorProperties>): StatusTextCellEditorState {\n        let value: number | null;\n        let highlightAllOnFocus = true;\n\n        if (props.keyPress === KEY_BACKSPACE || props.keyPress === KEY_DELETE) {\n            // if backspace or delete pressed, we clear the cell\n            value = null;\n        } else if (props.charPress) {\n            // if a letter was pressed, we start with the letter\n            const parsedValue = Number.parseInt(props.charPress);\n            value = isNaN(parsedValue) ? props.value : parsedValue;\n            highlightAllOnFocus = false;\n        } else {\n            // otherwise we start with the current value\n            value = props.value;\n            if (props.keyPress === KEY_F2) {\n                highlightAllOnFocus = false;\n            }\n        }\n        return {\n            value: value,\n            highlightAllOnFocus,\n            cancelEdit: false\n        } as StatusTextCellEditorState;\n    }\n\n    componentWillUnmount() {\n        if (this.focusOpId) {\n            clearTimeout(this.focusOpId);\n        }\n    }\n\n    afterGuiAttached() {\n        this.focusOpId = window.setTimeout(() => {\n            this.inputComponent?.focus();\n            if (this.state.highlightAllOnFocus) {\n                this.inputComponent?.select();\n                this.setState({\n                    highlightAllOnFocus: false,\n                });\n            } else {\n                // when we started editing, we want the carot at the end, not the start.\n                // this comes into play in two scenarios: a) when user hits F2 and b)\n                // when user hits a printable character, then on IE (and only IE) the carot\n                // was placed after the first character, thus 'apply' would end up as 'pplea'\n                const length = this.inputComponent?.value ? this.inputComponent?.value.length : 0;\n                if (length > 0) {\n                    this.inputComponent?.setSelectionRange(length, length);\n                }\n            }\n        }, 200);\n    }\n\n    getValue() {\n        return this.state.value;\n    }\n\n    isPopup(): boolean {\n        return true;\n    }\n\n    isCancelBeforeStart(): boolean {\n        return !!this.props.charPress && '1234567890'.indexOf(this.props.charPress) < 0;\n    }\n\n    isCancelAfterEnd() {\n        return false;\n    }\n\n    // noinspection DuplicatedCode\n    getScrollParent(element: HTMLElement, includeHidden = false): HTMLElement {\n        var style = getComputedStyle(element);\n        var excludeStaticParent = style.position === \"absolute\";\n        var overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/;\n        if (style.position === \"fixed\") return document.body;\n        let parent: HTMLElement | null;\n        for (parent = element; (parent = parent.parentElement);) {\n            style = getComputedStyle(parent);\n            if (excludeStaticParent && style.position === \"static\") {\n                continue;\n            }\n            if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX)) return parent;\n        }\n        return document.body;\n    }\n\n    scrollTo(value: number) {\n        const elementToScroll = document.getElementById(\"select-value-\" + value);\n        if (elementToScroll) {\n            const parent = this.getScrollParent(elementToScroll, true);\n            scrollIntoView(elementToScroll, parent, {\n                onlyScrollIfNeeded: true,\n                allowHorizontalScroll: false,\n                alignWithTop: true,\n                offsetTop: 20,\n                offsetBottom: 20,\n            });\n        }\n    }\n\n    render() {\n        return (\n            <div style={{width: \"100%\", minWidth: 150}}>\n                <Select<number>\n                    size={\"small\"}\n                    virtual={false}\n                    dropdownMatchSelectWidth={false}\n                    className={\"select-with-one-item\"}\n                    style={{width: \"100%\", overflow: \"auto\", visibility: \"hidden\"}}\n                    dropdownStyle={{maxHeight: 400, overflow: 'auto'}}\n                    allowClear\n                    dropdownAlign={{points: [\"tl\", \"tr\"], offset: [0, -100], overflow: {adjustX: true, adjustY: true}}}\n                    filterOption={(inputValue, option) => {\n                        const inputToSearch = inputValue.toLocaleLowerCase(LocaleHolder.formattingLocale);\n                        const value: number = option?.value as number;\n                        return (value?.toString().indexOf(inputToSearch) >= 0) || (option?.title?.toLocaleLowerCase(LocaleHolder.formattingLocale).indexOf(inputToSearch) >= 0);\n                    }}\n                    value={this.state.value !== null ? this.state.value : undefined}\n                    onChange={(value) => {\n                        this.setState({value: value});\n                    }}\n                    open={this.state.opened}\n                    onDropdownVisibleChange={(visible) => {\n                        this.setState({opened: visible});\n                    }}\n                    getPopupContainer={(_trigger) => {\n                        // very nasty trick how to keep select's popup within focusable area of ag-grid cell editor popup (prevent closing cell editor when we click in select's dropdown area)\n                        return (ReactDOM.findDOMNode(this)?.parentNode ?? document.body) as HTMLElement;\n                    }}\n                >\n                    {this.props.statusTexts?.map((statusTextItem) => {\n                        return <Select.Option\n                            id={\"select-value-\" + statusTextItem.value}\n                            key={\"\" + statusTextItem.value}\n                            value={statusTextItem.value}\n                            title={statusTextItem.text}\n                        >\n                                        <span style={{\n                                            color: \"rgba(0, 0, 0, 0.85)\",\n                                            whiteSpace: \"nowrap\"\n                                        }}>{`${statusTextItem.text} (${statusTextItem.value})`}</span>\n                        </Select.Option>;\n                    })}\n                </Select>\n                <InputNumber\n                    ref={(component) => {\n                        this.inputComponent = component;\n                    }}\n                    size=\"small\"\n                    style={{\n                        position: \"absolute\",\n                        top: 0,\n                        bottom: 0,\n                        left: 0,\n                        right: 0,\n                        width: \"100%\"\n                    }}\n                    autoFocus\n                    decimalSeparator={this.props.decimalSeparator}\n                    precision={this.props.precision}\n                    placeholder={this.state.value === null ? \"NULL\" : \"\"}\n                    value={this.state.value !== undefined && this.state.value !== null ? this.state.value : undefined}\n                    onChange={value => {\n                        if (KeyboardUtils.isKeyPressed(Key.Alt)) {\n                            // ignore navigational keystrokes ALT+cursor arrow\n                            return;\n                        }\n                        if (typeof value === \"number\") {\n                            this.setState({value: value, opened: true});\n                            this.scrollTo(value);\n                        } else if (value === undefined || value === \"\") {\n                            this.setState({value: null, opened: true});\n                        }\n                    }}\n                    onKeyDown={(e) => {\n                        if (e.key === Key.ArrowUp || e.key === Key.ArrowDown) {\n                            this.props.onKeyDown(e.nativeEvent);\n                            e.preventDefault();\n                        }\n                    }}\n                    onFocus={() => {\n                        this.setState({opened: true});\n                    }}\n                    onClick={() => {\n                        this.setState({opened: true});\n                    }}\n                />\n            </div>\n        );\n    }\n}"]}
+{"version":3,"file":"statusTextCellEditor.js","sourceRoot":"","sources":["../../../../../components/grid/cell/statusTextCellEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport {InputNumber, Select} from \"antd\";\r\nimport {Key} from \"ts-key-enum\";\r\nimport KeyboardUtils from \"d2coreui/components/keyboard/keyboardUtils\";\r\nimport {LocaleHolder} from \"d2core/i18n/localeHolder\";\r\nimport ReactDOM from 'react-dom';\r\nimport scrollIntoView from \"dom-scroll-into-view\";\r\nimport {CustomCellEditorProps} from \"ag-grid-react\";\r\nimport {DataGridCellEditorComponent, withAgGridHooks} from \"./dataGridCellEditorComponent\";\r\n\r\ninterface StatusTextCellEditorProperties extends CustomCellEditorProps {\r\n    decimalSeparator?: string\r\n    precision?: number\r\n    statusTexts: { text: string, value: number }[];\r\n}\r\n\r\ninterface StatusTextCellEditorState {\r\n    value: number | null\r\n    opened: boolean\r\n}\r\n\r\nclass StatusTextCellEditor extends DataGridCellEditorComponent<StatusTextCellEditorProperties, StatusTextCellEditorState> {\r\n    private inputComponent: HTMLInputElement | null = null;\r\n\r\n    constructor(props: Readonly<StatusTextCellEditorProperties>) {\r\n        super(props);\r\n        this.state = this.getInitialState(props);\r\n    }\r\n\r\n    getInitialState(props: Readonly<StatusTextCellEditorProperties>): StatusTextCellEditorState {\r\n        let value: number | null;\r\n\r\n        if (props.eventKey === Key.Backspace || props.eventKey === Key.Delete) {\r\n            // if backspace or delete pressed, we clear the cell\r\n            value = null;\r\n            props.onValueChange(null);\r\n        } else if (props.eventKey && props.eventKey.length === 1) {\r\n            // if a letter was pressed, we start with the letter\r\n            const parsedValue = Number.parseInt(props.eventKey);\r\n            value = isNaN(parsedValue) ? props.value : parsedValue;\r\n            props.onValueChange(value);\r\n        } else {\r\n            // otherwise we start with the current value\r\n            value = props.initialValue;\r\n        }\r\n        return {value: value} as StatusTextCellEditorState;\r\n    }\r\n\r\n    focus() {\r\n        this.inputComponent?.focus();\r\n    }\r\n\r\n    select() {\r\n        this.inputComponent?.select();\r\n    }\r\n\r\n    placeCursorToEnd() {\r\n        // when we started editing, we want the carot at the end, not the start.\r\n        // this comes into play in two scenarios: a) when user hits F2 and b)\r\n        // when user hits a printable character, then on IE (and only IE) the carot\r\n        // was placed after the first character, thus 'apply' would end up as 'pplea'\r\n        const length = this.inputComponent?.value ? this.inputComponent?.value.length : 0;\r\n        if (length > 0) {\r\n            this.inputComponent?.setSelectionRange(length, length);\r\n        }\r\n    }\r\n\r\n    isCancelBeforeStart(): boolean {\r\n        return !!this.props.eventKey && this.props.eventKey.length === 1  && '1234567890'.indexOf(this.props.eventKey) < 0;\r\n    }\r\n\r\n    // noinspection DuplicatedCode\r\n    getScrollParent(element: HTMLElement, includeHidden = false): HTMLElement {\r\n        var style = getComputedStyle(element);\r\n        var excludeStaticParent = style.position === \"absolute\";\r\n        var overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/;\r\n        if (style.position === \"fixed\") return document.body;\r\n        let parent: HTMLElement | null;\r\n        for (parent = element; (parent = parent.parentElement);) {\r\n            style = getComputedStyle(parent);\r\n            if (excludeStaticParent && style.position === \"static\") {\r\n                continue;\r\n            }\r\n            if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX)) return parent;\r\n        }\r\n        return document.body;\r\n    }\r\n\r\n    scrollTo(value: number) {\r\n        const elementToScroll = document.getElementById(\"select-value-\" + value);\r\n        if (elementToScroll) {\r\n            const parent = this.getScrollParent(elementToScroll, true);\r\n            scrollIntoView(elementToScroll, parent, {\r\n                onlyScrollIfNeeded: true,\r\n                allowHorizontalScroll: false,\r\n                alignWithTop: true,\r\n                offsetTop: 20,\r\n                offsetBottom: 20,\r\n            });\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div style={{width: \"100%\", minWidth: 150}}>\r\n                <Select<number>\r\n                    size={\"small\"}\r\n                    virtual={false}\r\n                    popupMatchSelectWidth={false}\r\n                    className={\"select-with-one-item\"}\r\n                    style={{width: \"100%\", overflow: \"auto\", visibility: \"hidden\"}}\r\n                    dropdownStyle={{maxHeight: 400, overflow: 'auto'}}\r\n                    allowClear\r\n                    dropdownAlign={{points: [\"tl\", \"tr\"], offset: [0, -100], overflow: {adjustX: true, adjustY: true}}}\r\n                    filterOption={(inputValue, option) => {\r\n                        const inputToSearch = inputValue.toLocaleLowerCase(LocaleHolder.formattingLocale);\r\n                        const value: number = option?.value as number;\r\n                        return (value?.toString().indexOf(inputToSearch) >= 0) || ((option?.title?.toLocaleLowerCase(LocaleHolder.formattingLocale).indexOf(inputToSearch) ?? -1) >= 0);\r\n                    }}\r\n                    value={this.state.value !== null ? this.state.value : undefined}\r\n                    onChange={(value) => {\r\n                        this.setState({value: value});\r\n                        this.props.onValueChange(value);\r\n                    }}\r\n                    open={this.state.opened}\r\n                    onDropdownVisibleChange={(visible) => {\r\n                        this.setState({opened: visible});\r\n                    }}\r\n                    getPopupContainer={(_trigger) => {\r\n                        // very nasty trick how to keep select's popup within focusable area of ag-grid cell editor popup (prevent closing cell editor when we click in select's dropdown area)\r\n                        return (ReactDOM.findDOMNode(this)?.parentNode ?? document.body) as HTMLElement;\r\n                    }}\r\n                >\r\n                    {this.props.statusTexts?.map((statusTextItem) => {\r\n                        return <Select.Option\r\n                            id={\"select-value-\" + statusTextItem.value}\r\n                            key={\"\" + statusTextItem.value}\r\n                            value={statusTextItem.value}\r\n                            title={statusTextItem.text}\r\n                        >\r\n                                        <span style={{\r\n                                            color: \"rgba(0, 0, 0, 0.85)\",\r\n                                            whiteSpace: \"nowrap\"\r\n                                        }}>{`${statusTextItem.text} (${statusTextItem.value})`}</span>\r\n                        </Select.Option>;\r\n                    })}\r\n                </Select>\r\n                <InputNumber\r\n                    ref={(component) => {\r\n                        this.inputComponent = component;\r\n                    }}\r\n                    size=\"small\"\r\n                    style={{\r\n                        position: \"absolute\",\r\n                        top: 0,\r\n                        bottom: 0,\r\n                        left: 0,\r\n                        right: 0,\r\n                        width: \"100%\"\r\n                    }}\r\n                    autoFocus\r\n                    decimalSeparator={this.props.decimalSeparator}\r\n                    precision={this.props.precision}\r\n                    placeholder={this.state.value === null ? \"NULL\" : \"\"}\r\n                    value={this.state.value !== undefined && this.state.value !== null ? this.state.value : undefined}\r\n                    onChange={value => {\r\n                        if (KeyboardUtils.isKeyPressed(Key.Alt)) {\r\n                            // ignore navigational keystrokes ALT+cursor arrow\r\n                            return;\r\n                        }\r\n                        if (typeof value === \"number\") {\r\n                            this.setState({value: value, opened: true});\r\n                            this.scrollTo(value);\r\n                            this.props.onValueChange(value);\r\n                        } else if (value === undefined || value === \"\") {\r\n                            this.setState({value: null, opened: true});\r\n                            this.props.onValueChange(null);\r\n                        }\r\n                    }}\r\n                    onKeyDown={(e) => {\r\n                        if (e.key === Key.ArrowUp || e.key === Key.ArrowDown) {\r\n                            this.props.onKeyDown(e.nativeEvent);\r\n                            e.preventDefault();\r\n                        }\r\n                    }}\r\n                    onFocus={() => {\r\n                        this.setState({opened: true});\r\n                    }}\r\n                    onClick={() => {\r\n                        this.setState({opened: true});\r\n                    }}\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default withAgGridHooks(StatusTextCellEditor)"]}

package/components/grid/cell/tableDefaultRowStyleRules.d.ts

@@ -1,20 +1,20 @@
-import { RGBColor } from "react-color";
-export interface GridRowStyle {
-    [cssProperty: string]: string | number | RGBColor;
-}
-export interface RowStyleRule {
-    name: string;
-    divider?: string;
-    key: string;
-    expression: string | null;
-    style: GridRowStyle;
-    styleEditor?: {
-        backgroundColor?: boolean;
-        color?: boolean;
-        fontSize?: boolean;
-        fontWeight?: boolean;
-    };
-}
-export declare const GRID_DEFAULT_FONT_SIZE = 12;
-declare const tableDefaultRowStyleRules: () => RowStyleRule[];
-export default tableDefaultRowStyleRules;
+import { RGBColor } from "react-color";
+export interface GridRowStyle {
+    [cssProperty: string]: string | number | RGBColor;
+}
+export interface RowStyleRule {
+    name: string;
+    divider?: string;
+    key: string;
+    expression: string | null;
+    style: GridRowStyle;
+    styleEditor?: {
+        backgroundColor?: boolean;
+        color?: boolean;
+        fontSize?: boolean;
+        fontWeight?: boolean;
+        rowHeightDelta?: boolean;
+    };
+}
+declare const tableDefaultRowStyleRules: () => RowStyleRule[];
+export default tableDefaultRowStyleRules;

package/components/grid/cell/tableDefaultRowStyleRules.js

@@ -1,19 +1,30 @@
-export const GRID_DEFAULT_FONT_SIZE = 12;
-const tableDefaultRowStyleRules = function () {
-    return [
-        {
-            name: "Font Size",
-            divider: "All Rows",
-            key: "table-font-size",
-            expression: null,
-            style: {
-                fontSize: GRID_DEFAULT_FONT_SIZE
-            },
-            styleEditor: {
-                fontSize: true,
-            }
-        }
-    ];
-};
-export default tableDefaultRowStyleRules;
+import { GRID_DEFAULT_FONT_SIZE, GRID_DEFAULT_ROW_HEIGHT_DELTA } from "../config/rowHeightCalculator";
+const tableDefaultRowStyleRules = function () {
+    return [
+        {
+            name: "Font Size",
+            divider: "All Rows",
+            key: "table-font-size",
+            expression: null,
+            style: {
+                fontSize: GRID_DEFAULT_FONT_SIZE
+            },
+            styleEditor: {
+                fontSize: true,
+            }
+        },
+        {
+            name: "Line Indentation",
+            key: "table-line-indentation",
+            expression: null,
+            style: {
+                rowHeightDelta: GRID_DEFAULT_ROW_HEIGHT_DELTA
+            },
+            styleEditor: {
+                rowHeightDelta: true,
+            }
+        }
+    ];
+};
+export default tableDefaultRowStyleRules;
 //# sourceMappingURL=tableDefaultRowStyleRules.js.map

package/components/grid/cell/tableDefaultRowStyleRules.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableDefaultRowStyleRules.js","sourceRoot":"","sources":["../../../../../components/grid/cell/tableDefaultRowStyleRules.ts"],"names":[],"mappings":"AAoBA,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAEzC,MAAM,yBAAyB,GAAG;IAC9B,OAAO;QACH;YACI,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,UAAU;YACnB,GAAG,EAAE,iBAAiB;YACtB,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE;gBACH,QAAQ,EAAE,sBAAsB;aACnC;YACD,WAAW,EAAE;gBACT,QAAQ,EAAE,IAAI;aACjB;SACJ;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC","sourcesContent":["import {RGBColor} from \"react-color\";\n\nexport interface GridRowStyle {\n    [cssProperty: string]: string | number | RGBColor\n}\n\nexport interface RowStyleRule {\n    name: string\n    divider?: string\n    key: string\n    expression: string | null\n    style: GridRowStyle\n    styleEditor?: {\n        backgroundColor?: boolean\n        color?: boolean\n        fontSize?: boolean\n        fontWeight?: boolean\n    }\n}\n\nexport const GRID_DEFAULT_FONT_SIZE = 12;\n\nconst tableDefaultRowStyleRules = function (): RowStyleRule[] {\n    return [\n        {\n            name: \"Font Size\",\n            divider: \"All Rows\",\n            key: \"table-font-size\",\n            expression: null,\n            style: {\n                fontSize: GRID_DEFAULT_FONT_SIZE\n            },\n            styleEditor: {\n                fontSize: true,\n            }\n        }\n    ];\n};\n\nexport default tableDefaultRowStyleRules;"]}
+{"version":3,"file":"tableDefaultRowStyleRules.js","sourceRoot":"","sources":["../../../../../components/grid/cell/tableDefaultRowStyleRules.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,sBAAsB,EAAE,6BAA6B,EAAC,MAAM,+BAA+B,CAAC;AAqBpG,MAAM,yBAAyB,GAAG;IAC9B,OAAO;QACH;YACI,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,UAAU;YACnB,GAAG,EAAE,iBAAiB;YACtB,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE;gBACH,QAAQ,EAAE,sBAAsB;aACnC;YACD,WAAW,EAAE;gBACT,QAAQ,EAAE,IAAI;aACjB;SACJ;QACD;YACI,IAAI,EAAE,kBAAkB;YACxB,GAAG,EAAE,wBAAwB;YAC7B,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE;gBACH,cAAc,EAAE,6BAA6B;aAChD;YACD,WAAW,EAAE;gBACT,cAAc,EAAE,IAAI;aACvB;SACJ;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC","sourcesContent":["import {RGBColor} from \"react-color\";\r\nimport {GRID_DEFAULT_FONT_SIZE, GRID_DEFAULT_ROW_HEIGHT_DELTA} from \"../config/rowHeightCalculator\";\r\n\r\nexport interface GridRowStyle {\r\n    [cssProperty: string]: string | number | RGBColor\r\n}\r\n\r\nexport interface RowStyleRule {\r\n    name: string\r\n    divider?: string\r\n    key: string\r\n    expression: string | null\r\n    style: GridRowStyle\r\n    styleEditor?: {\r\n        backgroundColor?: boolean\r\n        color?: boolean\r\n        fontSize?: boolean\r\n        fontWeight?: boolean\r\n        rowHeightDelta?: boolean\r\n    }\r\n}\r\n\r\nconst tableDefaultRowStyleRules = function (): RowStyleRule[] {\r\n    return [\r\n        {\r\n            name: \"Font Size\",\r\n            divider: \"All Rows\",\r\n            key: \"table-font-size\",\r\n            expression: null,\r\n            style: {\r\n                fontSize: GRID_DEFAULT_FONT_SIZE\r\n            },\r\n            styleEditor: {\r\n                fontSize: true,\r\n            }\r\n        },\r\n        {\r\n            name: \"Line Indentation\",\r\n            key: \"table-line-indentation\",\r\n            expression: null,\r\n            style: {\r\n                rowHeightDelta: GRID_DEFAULT_ROW_HEIGHT_DELTA\r\n            },\r\n            styleEditor: {\r\n                rowHeightDelta: true,\r\n            }\r\n        }\r\n    ];\r\n};\r\n\r\nexport default tableDefaultRowStyleRules;"]}

package/components/grid/cell/textCellEditor.d.ts

@@ -1,21 +1,4 @@
-import React from 'react';
-import { ICellEditor, ICellEditorParams } from "ag-grid-community";
-interface TextCellEditorProperties extends ICellEditorParams {
-}
-interface TextCellEditorState {
-    value: string | null;
-    highlightAllOnFocus: boolean;
-    cancelEdit: boolean;
-}
-export default class TextCellEditor extends React.Component<TextCellEditorProperties, TextCellEditorState> implements ICellEditor {
-    private inputComponent;
-    private focusOpId;
-    constructor(props: Readonly<TextCellEditorProperties>);
-    getInitialState(props: Readonly<TextCellEditorProperties>): TextCellEditorState;
-    componentWillUnmount(): void;
-    afterGuiAttached(): void;
-    getValue(): string | null;
-    isPopup(): boolean;
-    render(): JSX.Element;
-}
-export {};
+import React from 'react';
+import { CustomCellEditorProps } from "ag-grid-react";
+declare const _default: (props: CustomCellEditorProps) => React.JSX.Element;
+export default _default;