d2coreui 21.0.33 → 23.0.0

package/components/grid/config/dataGridEditor.js

@@ -1,161 +1,182 @@
-import React from "react";
-import { DownloadOutlined, SaveOutlined, SettingOutlined } from "@ant-design/icons";
-import { Button, Collapse, Drawer, InputNumber, notification, Space, Switch } from 'antd';
-import i18n from "d2core/i18n/i18n";
-import ColumnTransfer from "./columnTransfer";
-import RowStylePicker from "./rowStylePicker";
-import cloneDeep from "lodash/cloneDeep";
-import { ModalDialog } from "d2coreui/components/modal/modalDialog";
-import { UndoIcon } from "d2coreui/components/icons/undoIcon";
-import PlatformSpecific from "d2coreui/components/platformSpecific";
-const REVERT_BUTTON_STYLE = { marginTop: -5 };
-export default class DataGridEditor extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            targetKeys: [],
-            initialPageSize: props.currentPageSize,
-            windowName: "",
-            configurationChangesDisabled: PlatformSpecific.INSTANCE.configurationChangesDisabled()
-        };
-        this.onChange = this.onChange.bind(this);
-    }
-    componentDidMount() {
-        this.setState({
-            initialPageSize: this.props.currentPageSize,
-            windowName: PlatformSpecific.INSTANCE.getCurrentWindowName()
-        });
-    }
-    onChange(targetKeys) {
-        this.setState({ targetKeys });
-    }
-    ;
-    render() {
-        return (React.createElement(Drawer, { title: React.createElement("div", { style: { width: "100%", paddingRight: 24 } },
-                React.createElement(SettingOutlined, null),
-                " ",
-                i18n("Advanced Settings")), placement: "right", closable: true, mask: true, maskStyle: { background: "transparent" }, width: 340, onClose: () => {
-                this.props.onTableConfigVisible(false);
-            }, open: this.props.visible, style: { borderTop: "1px solid #ddd" }, bodyStyle: { padding: 0 } },
-            React.createElement(Collapse, { defaultActiveKey: [], bordered: false },
-                this.renderWindowSettingsPanel(),
-                this.renderTableGeneralSettingsPanel(),
-                this.renderTableColumnSettingsPanel(),
-                this.props.rowStyleRules && this.renderRowsPanel())));
-    }
-    renderWindowSettingsPanel() {
-        return (React.createElement(Collapse.Panel, { header: React.createElement("span", { style: { fontWeight: 500 } }, i18n("Window") + " \"" + this.state.windowName + " \""), key: "window-settings", extra: React.createElement(Button, { title: i18n("Revert configuration to predefined state"), icon: React.createElement(UndoIcon, null), key: "revert", style: REVERT_BUTTON_STYLE, danger: true, ghost: true, onClick: (e) => {
-                    e.stopPropagation();
-                    e.nativeEvent.stopImmediatePropagation();
-                    PlatformSpecific.INSTANCE.reloadPageInPredefinedState();
-                } }) },
-            React.createElement("div", { style: { paddingRight: 16, paddingLeft: 16, paddingBottom: 8 } },
-                React.createElement(Button, { type: "primary", style: { width: "100%" }, disabled: this.state.configurationChangesDisabled, title: i18n("Save current window configuration for current user"), onClick: () => {
-                        ModalDialog.confirm({
-                            mode: "YES_NO",
-                            title: React.createElement("span", { style: { whiteSpace: "nowrap" } }, i18n("Save Window Configuration") + "?"),
-                            width: 400,
-                            onOk: () => {
-                                PlatformSpecific.INSTANCE.saveWindowConfiguration();
-                                notification['success']({
-                                    message: i18n("Window configuration saved successfully"),
-                                });
-                            },
-                        });
-                    } },
-                    React.createElement(SaveOutlined, null),
-                    i18n("Save Window Configuration"))),
-            React.createElement("div", { style: { paddingRight: 16, paddingLeft: 16, paddingBottom: 8 } },
-                React.createElement(Button, { style: { width: "100%" }, title: i18n("Export current window configuration to file"), onClick: () => {
-                        PlatformSpecific.INSTANCE.exportWindowConfiguration();
-                    } },
-                    React.createElement(DownloadOutlined, null),
-                    i18n("Export Window Configuration"))),
-            React.createElement("div", { style: { paddingRight: 16, paddingLeft: 16, paddingBottom: 8 } },
-                React.createElement(Button, { danger: true, ghost: true, style: { width: "100%" }, onClick: () => {
-                        PlatformSpecific.INSTANCE.reloadPageInFactoryState();
-                    } },
-                    React.createElement(UndoIcon, null),
-                    i18n("Revert to factory configuration")))));
-    }
-    renderTableGeneralSettingsPanel() {
-        const paginationEnabled = this.props.paginationPageSize >= 0;
-        const automaticPagination = this.props.paginationPageSize === 0;
-        return (React.createElement(Collapse.Panel, { header: React.createElement("span", { style: { fontWeight: 500 } }, i18n("Table - General Settings")), key: "general", extra: React.createElement(Button, { title: i18n("Revert configuration to predefined state"), icon: React.createElement(UndoIcon, null), key: "revert", style: REVERT_BUTTON_STYLE, danger: true, ghost: true, onClick: (e) => {
-                    e.stopPropagation();
-                    e.nativeEvent.stopImmediatePropagation();
-                    if (this.props.paginationDefaultPageSize !== undefined) {
-                        this.props.dataGrid.changePagination(this.props.paginationDefaultPageSize);
-                    }
-                    else {
-                        this.props.dataGrid.changePagination(0);
-                    }
-                    this.props.dataGrid.showMilliseconds(this.props.defaultShowMilliseconds);
-                    this.props.dataGrid.showYear(this.props.defaultShowYear);
-                } }) },
-            React.createElement(Space, { direction: "vertical", style: { width: "100%" } },
-                React.createElement("div", { style: { width: "100%" } },
-                    React.createElement("span", null, i18n("Pagination")),
-                    React.createElement("span", { style: { float: "right" } },
-                        React.createElement(Switch, { checkedChildren: i18n("Enabled") + " ", unCheckedChildren: i18n(" " + i18n("Disabled")), checked: paginationEnabled, onChange: (checked) => {
-                                this.props.dataGrid.changePagination(checked ? 0 : -1);
-                            } }))),
-                React.createElement("div", { style: { width: "100%" } },
-                    React.createElement("span", null, i18n("Page Size")),
-                    React.createElement("span", { style: { float: "right" } },
-                        React.createElement(InputNumber, { size: "small", style: {
-                                width: 70,
-                                display: !paginationEnabled || automaticPagination ? "none" : "",
-                                marginLeft: 8
-                            }, placeholder: "size", className: "custom", value: this.props.currentPageSize, onChange: (pageSize) => {
-                                if (pageSize) {
-                                    this.props.dataGrid.changePagination(pageSize);
-                                }
-                            } }),
-                        React.createElement(Switch, { disabled: !paginationEnabled, style: { minWidth: 100 }, checkedChildren: i18n("Automatic") + " ", unCheckedChildren: i18n(" " + i18n("Fixed")), checked: !paginationEnabled || automaticPagination, onChange: (checked) => {
-                                this.props.dataGrid.changePagination(checked ? 0 : (this.state.initialPageSize > 1 ? this.state.initialPageSize : 20));
-                            } }))),
-                React.createElement("div", { style: { width: "100%" } },
-                    React.createElement("span", null, i18n("Show time with year")),
-                    React.createElement("span", { style: { float: "right" } },
-                        React.createElement(Switch, { checkedChildren: i18n("Yes") + " ", unCheckedChildren: i18n(" " + i18n("No")), checked: this.props.showYear, onChange: (checked) => {
-                                this.props.dataGrid.showYear(checked);
-                            } }))),
-                React.createElement("div", { style: { width: "100%" } },
-                    React.createElement("span", null, i18n("Show time with milliseconds")),
-                    React.createElement("span", { style: { float: "right" } },
-                        React.createElement(Switch, { checkedChildren: i18n("Yes") + " ", unCheckedChildren: i18n(" " + i18n("No")), checked: this.props.showMilliseconds, onChange: (checked) => {
-                                this.props.dataGrid.showMilliseconds(checked);
-                            } }))))));
-    }
-    renderTableColumnSettingsPanel() {
-        return (React.createElement(Collapse.Panel, { header: React.createElement("span", { style: { fontWeight: 500 } }, i18n("Table - Columns")), key: "columns", extra: React.createElement(Button, { title: i18n("Revert configuration to predefined state"), icon: React.createElement(UndoIcon, null), key: "revert", style: REVERT_BUTTON_STYLE, danger: true, ghost: true, onClick: (e) => {
-                    e.stopPropagation();
-                    e.nativeEvent.stopImmediatePropagation();
-                    this.props.gridColumnApi.resetColumnState();
-                } }) },
-            React.createElement(ColumnTransfer, { columnDefinitions: this.props.columnDefinitions, columnModel: this.props.columnModel, type: "simple", gridApi: this.props.gridApi, gridColumnApi: this.props.gridColumnApi })));
-    }
-    renderRowsPanel() {
-        return (React.createElement(Collapse.Panel, { header: React.createElement("span", { style: { fontWeight: 500 } }, i18n("Table - Rows Styling")), key: "rows", extra: React.createElement(Button, { title: i18n("Revert configuration to predefined state"), icon: React.createElement(UndoIcon, null), key: "revert", style: REVERT_BUTTON_STYLE, danger: true, ghost: true, onClick: (e) => {
-                    e.stopPropagation();
-                    e.nativeEvent.stopImmediatePropagation();
-                    if (this.props.defaultRowStyleRules) {
-                        const rowStyleRules = cloneDeep(this.props.defaultRowStyleRules);
-                        if (this.props.onChangeRowStyleRules) {
-                            this.props.onChangeRowStyleRules(rowStyleRules);
-                        }
-                    }
-                } }) },
-            React.createElement("div", null, this.props.rowStyleRules.map((rowStyleRule, index) => this.renderRowStyleRule(rowStyleRule, index)))));
-    }
-    renderRowStyleRule(rowStyleRule, index) {
-        return (React.createElement(RowStylePicker, { key: "row-style-picker-" + index, rowStyleRule: rowStyleRule, onChange: (rowStyleRule) => {
-                this.props.rowStyleRules[index] = rowStyleRule;
-                if (this.props.onChangeRowStyleRules) {
-                    this.props.onChangeRowStyleRules(this.props.rowStyleRules);
-                }
-            } }));
-    }
-}
+import React from "react";
+import { DownloadOutlined, SaveOutlined, SettingOutlined } from "@ant-design/icons";
+import { Button, Collapse, Drawer, InputNumber, notification, Space, Switch } from 'antd';
+import i18n from "d2core/i18n/i18n";
+import ColumnTransfer from "./columnTransfer";
+import RowStylePicker from "./rowStylePicker";
+import cloneDeep from "lodash/cloneDeep";
+import { ModalDialog } from "d2coreui/components/modal/modalDialog";
+import { UndoIcon } from "d2coreui/components/icons/undoIcon";
+import PlatformSpecific from "d2coreui/components/platformSpecific";
+const REVERT_BUTTON_STYLE = { marginTop: -5 };
+export default class DataGridEditor extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            targetKeys: [],
+            initialPageSize: props.currentPageSize,
+            windowName: "",
+            configurationChangesDisabled: PlatformSpecific.INSTANCE.configurationChangesDisabled()
+        };
+        this.onChange = this.onChange.bind(this);
+    }
+    componentDidMount() {
+        this.setState({
+            initialPageSize: this.props.currentPageSize,
+            windowName: PlatformSpecific.INSTANCE.getCurrentWindowName()
+        });
+    }
+    onChange(targetKeys) {
+        this.setState({ targetKeys });
+    }
+    ;
+    render() {
+        return (React.createElement(Drawer, { title: React.createElement("div", { style: { width: "100%", paddingRight: 24 } },
+                React.createElement(SettingOutlined, null),
+                " ",
+                i18n("Advanced Settings")), placement: "right", closable: true, mask: true, width: 340, onClose: () => {
+                this.props.onTableConfigVisible(false);
+            }, open: this.props.visible, style: { borderTop: "1px solid #ddd" }, styles: {
+                body: { padding: 0 },
+                mask: { background: "transparent" }
+            } },
+            React.createElement(Collapse, { defaultActiveKey: [], bordered: false, items: [
+                    this.getWindowSettingsPanel(),
+                    this.renderTableGeneralSettingsPanel(),
+                    this.renderTableColumnSettingsPanel(),
+                    this.props.rowStyleRules && this.renderRowsPanel(),
+                ] })));
+    }
+    getWindowSettingsPanel() {
+        return {
+            key: "window-settings",
+            label: React.createElement("span", { style: { fontWeight: 500 } }, i18n("Window") + " \"" + this.state.windowName + " \""),
+            extra: (React.createElement(Button, { title: i18n("Revert configuration to predefined state"), icon: React.createElement(UndoIcon, null), key: "revert", style: REVERT_BUTTON_STYLE, danger: true, ghost: true, onClick: (e) => {
+                    e.stopPropagation();
+                    e.nativeEvent.stopImmediatePropagation();
+                    PlatformSpecific.INSTANCE.reloadPageInPredefinedState();
+                } })),
+            children: (React.createElement(React.Fragment, null,
+                React.createElement("div", { style: { paddingRight: 16, paddingLeft: 16, paddingBottom: 8 } },
+                    React.createElement(Button, { type: "primary", style: { width: "100%" }, disabled: this.state.configurationChangesDisabled, title: i18n("Save current window configuration for current user"), onClick: () => {
+                            ModalDialog.confirm({
+                                mode: "YES_NO",
+                                title: React.createElement("span", { style: { whiteSpace: "nowrap" } }, i18n("Save Window Configuration") + "?"),
+                                width: 400,
+                                onOk: () => {
+                                    PlatformSpecific.INSTANCE.saveWindowConfiguration();
+                                    notification['success']({
+                                        message: i18n("Window configuration saved successfully"),
+                                    });
+                                },
+                            });
+                        } },
+                        React.createElement(SaveOutlined, null),
+                        i18n("Save Window Configuration"))),
+                React.createElement("div", { style: { paddingRight: 16, paddingLeft: 16, paddingBottom: 8 } },
+                    React.createElement(Button, { style: { width: "100%" }, title: i18n("Export current window configuration to file"), onClick: () => {
+                            PlatformSpecific.INSTANCE.exportWindowConfiguration();
+                        } },
+                        React.createElement(DownloadOutlined, null),
+                        i18n("Export Window Configuration"))),
+                React.createElement("div", { style: { paddingRight: 16, paddingLeft: 16, paddingBottom: 8 } },
+                    React.createElement(Button, { danger: true, ghost: true, style: { width: "100%" }, onClick: () => {
+                            PlatformSpecific.INSTANCE.reloadPageInFactoryState();
+                        } },
+                        React.createElement(UndoIcon, null),
+                        i18n("Revert to factory configuration")))))
+        };
+    }
+    renderTableGeneralSettingsPanel() {
+        const paginationEnabled = this.props.paginationPageSize >= 0;
+        const automaticPagination = this.props.paginationPageSize === 0;
+        return {
+            key: "general",
+            label: React.createElement("span", { style: { fontWeight: 500 } }, i18n("Table - General Settings")),
+            extra: (React.createElement(Button, { title: i18n("Revert configuration to predefined state"), icon: React.createElement(UndoIcon, null), key: "revert", style: REVERT_BUTTON_STYLE, danger: true, ghost: true, onClick: (e) => {
+                    e.stopPropagation();
+                    e.nativeEvent.stopImmediatePropagation();
+                    if (this.props.paginationDefaultPageSize !== undefined) {
+                        this.props.dataGrid.changePagination(this.props.paginationDefaultPageSize);
+                    }
+                    else {
+                        this.props.dataGrid.changePagination(0);
+                    }
+                    this.props.dataGrid.showMilliseconds(this.props.defaultShowMilliseconds);
+                    this.props.dataGrid.showYear(this.props.defaultShowYear);
+                } })),
+            children: (React.createElement(Space, { direction: "vertical", style: { width: "100%" } },
+                React.createElement("div", { style: { width: "100%" } },
+                    React.createElement("span", null, i18n("Pagination")),
+                    React.createElement("span", { style: { float: "right" } },
+                        React.createElement(Switch, { checkedChildren: i18n("Enabled") + " ", unCheckedChildren: i18n(" " + i18n("Disabled")), checked: paginationEnabled, onChange: (checked) => {
+                                this.props.dataGrid.changePagination(checked ? 0 : -1);
+                            } }))),
+                React.createElement("div", { style: { width: "100%" } },
+                    React.createElement("span", null, i18n("Page Size")),
+                    React.createElement("span", { style: { float: "right" } },
+                        React.createElement(InputNumber, { size: "small", style: {
+                                width: 70,
+                                display: !paginationEnabled || automaticPagination ? "none" : "",
+                                marginLeft: 8
+                            }, placeholder: "size", className: "custom", value: this.props.currentPageSize, onChange: (pageSize) => {
+                                if (pageSize) {
+                                    this.props.dataGrid.changePagination(pageSize);
+                                }
+                            } }),
+                        React.createElement(Switch, { disabled: !paginationEnabled, style: { minWidth: 100 }, checkedChildren: i18n("Automatic") + " ", unCheckedChildren: i18n(" " + i18n("Fixed")), checked: !paginationEnabled || automaticPagination, onChange: (checked) => {
+                                this.props.dataGrid.changePagination(checked ? 0 : (this.state.initialPageSize > 1 ? this.state.initialPageSize : 20));
+                            } }))),
+                React.createElement("div", { style: { width: "100%" } },
+                    React.createElement("span", null, i18n("Show time with year")),
+                    React.createElement("span", { style: { float: "right" } },
+                        React.createElement(Switch, { checkedChildren: i18n("Yes") + " ", unCheckedChildren: i18n(" " + i18n("No")), checked: this.props.showYear, onChange: (checked) => {
+                                this.props.dataGrid.showYear(checked);
+                            } }))),
+                React.createElement("div", { style: { width: "100%" } },
+                    React.createElement("span", null, i18n("Show time with milliseconds")),
+                    React.createElement("span", { style: { float: "right" } },
+                        React.createElement(Switch, { checkedChildren: i18n("Yes") + " ", unCheckedChildren: i18n(" " + i18n("No")), checked: this.props.showMilliseconds, onChange: (checked) => {
+                                this.props.dataGrid.showMilliseconds(checked);
+                            } })))))
+        };
+    }
+    renderTableColumnSettingsPanel() {
+        return {
+            key: "columns",
+            label: React.createElement("span", { style: { fontWeight: 500 } }, i18n("Table - Columns")),
+            extra: (React.createElement(Button, { title: i18n("Revert configuration to predefined state"), icon: React.createElement(UndoIcon, null), key: "revert", style: REVERT_BUTTON_STYLE, danger: true, ghost: true, onClick: (e) => {
+                    e.stopPropagation();
+                    e.nativeEvent.stopImmediatePropagation();
+                    this.props.gridApi.resetColumnState();
+                } })),
+            children: (React.createElement(ColumnTransfer, { columnDefinitions: this.props.columnDefinitions, columnModel: this.props.columnModel, type: "simple", gridApi: this.props.gridApi }))
+        };
+    }
+    renderRowsPanel() {
+        return {
+            key: "rows",
+            label: React.createElement("span", { style: { fontWeight: 500 } }, i18n("Table - Rows Styling")),
+            extra: (React.createElement(Button, { title: i18n("Revert configuration to predefined state"), icon: React.createElement(UndoIcon, null), key: "revert", style: REVERT_BUTTON_STYLE, danger: true, ghost: true, onClick: (e) => {
+                    e.stopPropagation();
+                    e.nativeEvent.stopImmediatePropagation();
+                    if (this.props.defaultRowStyleRules) {
+                        const rowStyleRules = cloneDeep(this.props.defaultRowStyleRules);
+                        if (this.props.onChangeRowStyleRules) {
+                            this.props.onChangeRowStyleRules(rowStyleRules);
+                        }
+                    }
+                } })),
+            children: (React.createElement("div", null, this.props.rowStyleRules.map((rowStyleRule, index) => this.renderRowStyleRule(rowStyleRule, index))))
+        };
+    }
+    renderRowStyleRule(rowStyleRule, index) {
+        return (React.createElement(RowStylePicker, { key: "row-style-picker-" + index, rowStyleRule: rowStyleRule, onChange: (rowStyleRule) => {
+                this.props.rowStyleRules[index] = rowStyleRule;
+                if (this.props.onChangeRowStyleRules) {
+                    this.props.onChangeRowStyleRules(this.props.rowStyleRules);
+                }
+            } }));
+    }
+}
 //# sourceMappingURL=dataGridEditor.js.map

package/components/grid/config/dataGridEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataGridEditor.js","sourceRoot":"","sources":["../../../../../components/grid/config/dataGridEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {DownloadOutlined, SaveOutlined, SettingOutlined} from \"@ant-design/icons\";\nimport {Button, Collapse, Drawer, InputNumber, notification, Space, Switch} from 'antd';\nimport i18n from \"d2core/i18n/i18n\"\nimport ColumnTransfer, {ColumnTransferType} from \"./columnTransfer\";\nimport RowStylePicker from \"./rowStylePicker\";\nimport cloneDeep from \"lodash/cloneDeep\"\nimport {RowStyleRule} from \"d2coreui/components/grid/cell/tableDefaultRowStyleRules\";\nimport {ColDef, ColumnApi, ColumnState, GridApi} from \"ag-grid-community\";\nimport {DataGridColDef} from \"../dataGrid\";\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\nimport {UndoIcon} from \"d2coreui/components/icons/undoIcon\";\nimport PlatformSpecific from \"d2coreui/components/platformSpecific\";\n\nconst REVERT_BUTTON_STYLE = {marginTop: -5};\n\ninterface DataGridEditorProps {\n    dataGrid: any\n    gridApi: GridApi\n    gridColumnApi: ColumnApi\n    columnDefinitions: DataGridColDef[]\n    columnModel: ColumnState[]\n\n    currentPageSize: number\n    paginationPageSize: number\n    paginationDefaultPageSize?: number\n    showMilliseconds: boolean\n    defaultShowMilliseconds: boolean\n    showYear: boolean\n    defaultShowYear: boolean\n\n    defaultRowStyleRules?: RowStyleRule[]\n    rowStyleRules: RowStyleRule[]\n\n    onChangeRowStyleRules?(rowStyleRules: RowStyleRule[]): void\n\n    visible: boolean\n\n    onTableConfigVisible(visible: boolean): void\n}\n\ninterface DataGridEditorState {\n    targetKeys: string[]\n    initialPageSize: number\n    windowName: string\n    configurationChangesDisabled: boolean\n}\n\nexport default class DataGridEditor extends React.Component<DataGridEditorProps, DataGridEditorState> {\n    constructor(props: Readonly<DataGridEditorProps>) {\n        super(props);\n        this.state = {\n            targetKeys: [],\n            initialPageSize: props.currentPageSize,\n            windowName: \"\",\n            configurationChangesDisabled: PlatformSpecific.INSTANCE.configurationChangesDisabled()\n        };\n        this.onChange = this.onChange.bind(this);\n    }\n\n    componentDidMount() {\n        this.setState({\n            initialPageSize: this.props.currentPageSize,\n            windowName: PlatformSpecific.INSTANCE.getCurrentWindowName()\n        });\n    }\n\n    onChange(targetKeys: string[]) {\n        this.setState({targetKeys});\n    };\n\n    render() {\n        return (\n            <Drawer\n                title={<div style={{width: \"100%\", paddingRight: 24}}>\n                    <SettingOutlined/> {i18n(\"Advanced Settings\")}\n                </div>}\n                placement=\"right\"\n                closable={true}\n                mask={true}\n                maskStyle={{background: \"transparent\"}}\n                width={340}\n                onClose={() => {\n                    this.props.onTableConfigVisible(false);\n                }}\n                open={this.props.visible}\n                style={{borderTop: \"1px solid #ddd\"}}\n                bodyStyle={{padding: 0}}\n            >\n                <Collapse defaultActiveKey={[]} bordered={false}>\n                    {this.renderWindowSettingsPanel()}\n                    {this.renderTableGeneralSettingsPanel()}\n                    {this.renderTableColumnSettingsPanel()}\n                    {this.props.rowStyleRules && this.renderRowsPanel()}\n                </Collapse>\n            </Drawer>\n        );\n    }\n\n    renderWindowSettingsPanel() {\n        return (\n            <Collapse.Panel\n                header={<span style={{fontWeight: 500}}>{i18n(\"Window\") + \" \\\"\" + this.state.windowName + \" \\\"\"}</span>}\n                key=\"window-settings\"\n                extra={\n                    <Button\n                        title={i18n(\"Revert configuration to predefined state\")} icon={<UndoIcon/>} key=\"revert\"\n                        style={REVERT_BUTTON_STYLE}\n                        danger\n                        ghost\n                        onClick={(e) => {\n                            e.stopPropagation();\n                            e.nativeEvent.stopImmediatePropagation();\n                            PlatformSpecific.INSTANCE.reloadPageInPredefinedState();\n                        }}/>\n                }>\n                <div style={{paddingRight: 16, paddingLeft: 16, paddingBottom: 8}}>\n                    <Button type=\"primary\" style={{width: \"100%\"}}\n                            disabled={this.state.configurationChangesDisabled}\n                            title={i18n(\"Save current window configuration for current user\")}\n                            onClick={() => {\n                                ModalDialog.confirm({\n                                    mode: ModalDialogMode.YES_NO,\n                                    title: <span\n                                        style={{whiteSpace: \"nowrap\"}}>{i18n(\"Save Window Configuration\") + \"?\"}</span>,\n                                    width: 400,\n                                    onOk: () => {\n                                        PlatformSpecific.INSTANCE.saveWindowConfiguration();\n                                        notification['success']({\n                                            message: i18n(\"Window configuration saved successfully\"),\n                                        })\n                                    },\n                                });\n\n                            }}>\n                        <SaveOutlined/>{i18n(\"Save Window Configuration\")}\n                    </Button>\n                </div>\n                <div style={{paddingRight: 16, paddingLeft: 16, paddingBottom: 8}}>\n                    <Button style={{width: \"100%\"}}\n                            title={i18n(\"Export current window configuration to file\")}\n                            onClick={() => {\n                                PlatformSpecific.INSTANCE.exportWindowConfiguration();\n                            }}>\n                        <DownloadOutlined/>{i18n(\"Export Window Configuration\")}\n                    </Button>\n                </div>\n                <div style={{paddingRight: 16, paddingLeft: 16, paddingBottom: 8}}>\n                    <Button danger ghost\n                            style={{width: \"100%\"}}\n                            onClick={() => {\n                                PlatformSpecific.INSTANCE.reloadPageInFactoryState();\n                            }}>\n                        <UndoIcon/>{i18n(\"Revert to factory configuration\")}\n                    </Button>\n                </div>\n            </Collapse.Panel>\n        );\n    }\n\n    renderTableGeneralSettingsPanel() {\n        const paginationEnabled = this.props.paginationPageSize >= 0;\n        const automaticPagination = this.props.paginationPageSize === 0;\n        return (\n            <Collapse.Panel header={<span style={{fontWeight: 500}}>{i18n(\"Table - General Settings\")}</span>}\n                            key=\"general\"\n                            extra={\n                                <Button\n                                    title={i18n(\"Revert configuration to predefined state\")} icon={<UndoIcon/>}\n                                    key=\"revert\"\n                                    style={REVERT_BUTTON_STYLE}\n                                    danger\n                                    ghost\n                                    onClick={(e) => {\n                                        e.stopPropagation();\n                                        e.nativeEvent.stopImmediatePropagation();\n                                        if (this.props.paginationDefaultPageSize !== undefined) {\n                                            this.props.dataGrid.changePagination(this.props.paginationDefaultPageSize);\n                                        } else {\n                                            this.props.dataGrid.changePagination(0);\n                                        }\n                                        this.props.dataGrid.showMilliseconds(this.props.defaultShowMilliseconds);\n                                        this.props.dataGrid.showYear(this.props.defaultShowYear);\n                                    }}/>\n                            }>\n                <Space direction=\"vertical\" style={{width: \"100%\"}}>\n                    <div style={{width: \"100%\"}}>\n                        <span>{i18n(\"Pagination\")}</span>\n                        <span style={{float: \"right\"}}>\n                            <Switch checkedChildren={i18n(\"Enabled\") + \" \"}\n                                    unCheckedChildren={i18n(\" \" + i18n(\"Disabled\"))}\n                                    checked={paginationEnabled}\n                                    onChange={(checked) => {\n                                        this.props.dataGrid.changePagination(checked ? 0 : -1);\n                                    }}/>\n                        </span>\n                    </div>\n                    <div style={{width: \"100%\"}}>\n                        <span>{i18n(\"Page Size\")}</span>\n                        <span style={{float: \"right\"}}>\n                            <InputNumber\n                                size=\"small\"\n                                style={{\n                                    width: 70,\n                                    display: !paginationEnabled || automaticPagination ? \"none\" : \"\",\n                                    marginLeft: 8\n                                }}\n                                placeholder=\"size\"\n                                className=\"custom\"\n                                value={this.props.currentPageSize}\n                                onChange={(pageSize) => {\n                                    if (pageSize) {\n                                        this.props.dataGrid.changePagination(pageSize);\n                                    }\n                                }}\n                            />\n                           <Switch disabled={!paginationEnabled}\n                                   style={{minWidth: 100}}\n                                   checkedChildren={i18n(\"Automatic\") + \" \"}\n                                   unCheckedChildren={i18n(\" \" + i18n(\"Fixed\"))}\n                                   checked={!paginationEnabled || automaticPagination}\n                                   onChange={(checked) => {\n                                       this.props.dataGrid.changePagination(checked ? 0 : (this.state.initialPageSize > 1 ? this.state.initialPageSize : 20));\n                                   }}/>\n                        </span>\n                    </div>\n                    <div style={{width: \"100%\"}}>\n                        <span>{i18n(\"Show time with year\")}</span>\n                        <span style={{float: \"right\"}}>\n                            <Switch checkedChildren={i18n(\"Yes\") + \" \"}\n                                    unCheckedChildren={i18n(\" \" + i18n(\"No\"))}\n                                    checked={this.props.showYear}\n                                    onChange={(checked) => {\n                                        this.props.dataGrid.showYear(checked);\n                                    }}/>\n                        </span>\n                    </div>\n                    <div style={{width: \"100%\"}}>\n                        <span>{i18n(\"Show time with milliseconds\")}</span>\n                        <span style={{float: \"right\"}}>\n                            <Switch checkedChildren={i18n(\"Yes\") + \" \"}\n                                    unCheckedChildren={i18n(\" \" + i18n(\"No\"))}\n                                    checked={this.props.showMilliseconds}\n                                    onChange={(checked) => {\n                                        this.props.dataGrid.showMilliseconds(checked);\n                                    }}/>\n                        </span>\n                    </div>\n                </Space>\n            </Collapse.Panel>\n        );\n    }\n\n    renderTableColumnSettingsPanel() {\n        return (\n            <Collapse.Panel header={<span style={{fontWeight: 500}}>{i18n(\"Table - Columns\")}</span>} key=\"columns\"\n                            extra={\n                                <Button\n                                    title={i18n(\"Revert configuration to predefined state\")} icon={<UndoIcon/>}\n                                    key=\"revert\"\n                                    style={REVERT_BUTTON_STYLE}\n                                    danger\n                                    ghost\n                                    onClick={(e) => {\n                                        e.stopPropagation();\n                                        e.nativeEvent.stopImmediatePropagation();\n                                        this.props.gridColumnApi.resetColumnState();\n                                    }}/>\n                            }>\n                <ColumnTransfer\n                    columnDefinitions={this.props.columnDefinitions as ColDef[]}\n                    columnModel={this.props.columnModel}\n                    type={ColumnTransferType.SIMPLE}\n                    gridApi={this.props.gridApi}\n                    gridColumnApi={this.props.gridColumnApi}\n                />\n            </Collapse.Panel>\n        );\n    }\n\n    renderRowsPanel() {\n        return (\n            <Collapse.Panel header={<span style={{fontWeight: 500}}>{i18n(\"Table - Rows Styling\")}</span>} key=\"rows\"\n                            extra={\n                                <Button\n                                    title={i18n(\"Revert configuration to predefined state\")} icon={<UndoIcon/>}\n                                    key=\"revert\"\n                                    style={REVERT_BUTTON_STYLE}\n                                    danger\n                                    ghost\n                                    onClick={(e) => {\n                                        e.stopPropagation();\n                                        e.nativeEvent.stopImmediatePropagation();\n                                        if (this.props.defaultRowStyleRules) {\n                                            const rowStyleRules = cloneDeep(this.props.defaultRowStyleRules);\n                                            if (this.props.onChangeRowStyleRules) {\n                                                this.props.onChangeRowStyleRules(rowStyleRules);\n                                            }\n                                        }\n                                    }}/>\n                            }>\n                <div>\n                    {this.props.rowStyleRules.map((rowStyleRule, index) => this.renderRowStyleRule(rowStyleRule, index))}\n                </div>\n            </Collapse.Panel>\n        );\n    }\n\n    renderRowStyleRule(rowStyleRule: RowStyleRule, index: number) {\n        return (\n            <RowStylePicker key={\"row-style-picker-\" + index} rowStyleRule={rowStyleRule} onChange={(rowStyleRule) => {\n                this.props.rowStyleRules[index] = rowStyleRule;\n                if (this.props.onChangeRowStyleRules) {\n                    this.props.onChangeRowStyleRules(this.props.rowStyleRules);\n                }\n            }}/>\n        );\n    }\n}"]}
+{"version":3,"file":"dataGridEditor.js","sourceRoot":"","sources":["../../../../../components/grid/config/dataGridEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {DownloadOutlined, SaveOutlined, SettingOutlined} from \"@ant-design/icons\";\r\nimport {Button, Collapse, CollapseProps, Drawer, InputNumber, notification, Space, Switch} from 'antd';\r\nimport i18n from \"d2core/i18n/i18n\"\r\nimport ColumnTransfer, {ColumnTransferType} from \"./columnTransfer\";\r\nimport RowStylePicker from \"./rowStylePicker\";\r\nimport cloneDeep from \"lodash/cloneDeep\"\r\nimport {RowStyleRule} from \"d2coreui/components/grid/cell/tableDefaultRowStyleRules\";\r\nimport {ColDef, ColumnState, GridApi} from \"ag-grid-community\";\r\nimport {DataGridColDef} from \"../dataGrid\";\r\nimport {ModalDialog, ModalDialogMode} from \"d2coreui/components/modal/modalDialog\";\r\nimport {UndoIcon} from \"d2coreui/components/icons/undoIcon\";\r\nimport PlatformSpecific from \"d2coreui/components/platformSpecific\";\r\n\r\nconst REVERT_BUTTON_STYLE = {marginTop: -5};\r\n\r\ninterface DataGridEditorProps {\r\n    dataGrid: any\r\n    gridApi: GridApi\r\n    columnDefinitions: DataGridColDef[]\r\n    columnModel: ColumnState[]\r\n\r\n    currentPageSize: number\r\n    paginationPageSize: number\r\n    paginationDefaultPageSize?: number\r\n    showMilliseconds: boolean\r\n    defaultShowMilliseconds: boolean\r\n    showYear: boolean\r\n    defaultShowYear: boolean\r\n\r\n    defaultRowStyleRules?: RowStyleRule[]\r\n    rowStyleRules: RowStyleRule[]\r\n\r\n    onChangeRowStyleRules?(rowStyleRules: RowStyleRule[]): void\r\n\r\n    visible: boolean\r\n\r\n    onTableConfigVisible(visible: boolean): void\r\n}\r\n\r\ninterface DataGridEditorState {\r\n    targetKeys: string[]\r\n    initialPageSize: number\r\n    windowName: string\r\n    configurationChangesDisabled: boolean\r\n}\r\n\r\nexport default class DataGridEditor extends React.Component<DataGridEditorProps, DataGridEditorState> {\r\n    constructor(props: Readonly<DataGridEditorProps>) {\r\n        super(props);\r\n        this.state = {\r\n            targetKeys: [],\r\n            initialPageSize: props.currentPageSize,\r\n            windowName: \"\",\r\n            configurationChangesDisabled: PlatformSpecific.INSTANCE.configurationChangesDisabled()\r\n        };\r\n        this.onChange = this.onChange.bind(this);\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.setState({\r\n            initialPageSize: this.props.currentPageSize,\r\n            windowName: PlatformSpecific.INSTANCE.getCurrentWindowName()\r\n        });\r\n    }\r\n\r\n    onChange(targetKeys: string[]) {\r\n        this.setState({targetKeys});\r\n    };\r\n\r\n    render() {\r\n        return (\r\n            <Drawer\r\n                title={<div style={{width: \"100%\", paddingRight: 24}}>\r\n                    <SettingOutlined/> {i18n(\"Advanced Settings\")}\r\n                </div>}\r\n                placement=\"right\"\r\n                closable={true}\r\n                mask={true}\r\n                width={340}\r\n                onClose={() => {\r\n                    this.props.onTableConfigVisible(false);\r\n                }}\r\n                open={this.props.visible}\r\n                style={{borderTop: \"1px solid #ddd\"}}\r\n                styles={{\r\n                    body: {padding: 0},\r\n                    mask: {background: \"transparent\"}\r\n                }}\r\n            >\r\n                <Collapse defaultActiveKey={[]}\r\n                          bordered={false}\r\n                          items={[\r\n                              this.getWindowSettingsPanel(),\r\n                              this.renderTableGeneralSettingsPanel(),\r\n                              this.renderTableColumnSettingsPanel(),\r\n                              this.props.rowStyleRules && this.renderRowsPanel(),\r\n                          ]} />\r\n            </Drawer>\r\n        );\r\n    }\r\n\r\n    getWindowSettingsPanel(): NonNullable<CollapseProps['items']>[number] {\r\n        return {\r\n            key: \"window-settings\",\r\n            label: <span style={{fontWeight: 500}}>{i18n(\"Window\") + \" \\\"\" + this.state.windowName + \" \\\"\"}</span>,\r\n            extra: (\r\n                <Button\r\n                    title={i18n(\"Revert configuration to predefined state\")} icon={<UndoIcon/>} key=\"revert\"\r\n                    style={REVERT_BUTTON_STYLE}\r\n                    danger\r\n                    ghost\r\n                    onClick={(e) => {\r\n                        e.stopPropagation();\r\n                        e.nativeEvent.stopImmediatePropagation();\r\n                        PlatformSpecific.INSTANCE.reloadPageInPredefinedState();\r\n                    }}/>\r\n            ),\r\n            children: (\r\n                <>\r\n                    <div style={{paddingRight: 16, paddingLeft: 16, paddingBottom: 8}}>\r\n                        <Button type=\"primary\" style={{width: \"100%\"}}\r\n                                disabled={this.state.configurationChangesDisabled}\r\n                                title={i18n(\"Save current window configuration for current user\")}\r\n                                onClick={() => {\r\n                                    ModalDialog.confirm({\r\n                                        mode: ModalDialogMode.YES_NO,\r\n                                        title: <span\r\n                                            style={{whiteSpace: \"nowrap\"}}>{i18n(\"Save Window Configuration\") + \"?\"}</span>,\r\n                                        width: 400,\r\n                                        onOk: () => {\r\n                                            PlatformSpecific.INSTANCE.saveWindowConfiguration();\r\n                                            notification['success']({\r\n                                                message: i18n(\"Window configuration saved successfully\"),\r\n                                            })\r\n                                        },\r\n                                    });\r\n\r\n                                }}>\r\n                            <SaveOutlined/>{i18n(\"Save Window Configuration\")}\r\n                        </Button>\r\n                    </div>\r\n                    <div style={{paddingRight: 16, paddingLeft: 16, paddingBottom: 8}}>\r\n                        <Button style={{width: \"100%\"}}\r\n                                title={i18n(\"Export current window configuration to file\")}\r\n                                onClick={() => {\r\n                                    PlatformSpecific.INSTANCE.exportWindowConfiguration();\r\n                                }}>\r\n                            <DownloadOutlined/>{i18n(\"Export Window Configuration\")}\r\n                        </Button>\r\n                    </div>\r\n                    <div style={{paddingRight: 16, paddingLeft: 16, paddingBottom: 8}}>\r\n                        <Button danger ghost\r\n                                style={{width: \"100%\"}}\r\n                                onClick={() => {\r\n                                    PlatformSpecific.INSTANCE.reloadPageInFactoryState();\r\n                                }}>\r\n                            <UndoIcon/>{i18n(\"Revert to factory configuration\")}\r\n                        </Button>\r\n                    </div>\r\n                </>\r\n            )\r\n        };\r\n    }\r\n\r\n    renderTableGeneralSettingsPanel(): NonNullable<CollapseProps['items']>[number] {\r\n        const paginationEnabled = this.props.paginationPageSize >= 0;\r\n        const automaticPagination = this.props.paginationPageSize === 0;\r\n        return {\r\n            key: \"general\",\r\n            label: <span style={{fontWeight: 500}}>{i18n(\"Table - General Settings\")}</span>,\r\n            extra: (\r\n                <Button\r\n                    title={i18n(\"Revert configuration to predefined state\")} icon={<UndoIcon/>}\r\n                    key=\"revert\"\r\n                    style={REVERT_BUTTON_STYLE}\r\n                    danger\r\n                    ghost\r\n                    onClick={(e) => {\r\n                        e.stopPropagation();\r\n                        e.nativeEvent.stopImmediatePropagation();\r\n                        if (this.props.paginationDefaultPageSize !== undefined) {\r\n                            this.props.dataGrid.changePagination(this.props.paginationDefaultPageSize);\r\n                        } else {\r\n                            this.props.dataGrid.changePagination(0);\r\n                        }\r\n                        this.props.dataGrid.showMilliseconds(this.props.defaultShowMilliseconds);\r\n                        this.props.dataGrid.showYear(this.props.defaultShowYear);\r\n                    }}/>\r\n            ),\r\n            children: (\r\n                <Space direction=\"vertical\" style={{width: \"100%\"}}>\r\n                    <div style={{width: \"100%\"}}>\r\n                        <span>{i18n(\"Pagination\")}</span>\r\n                        <span style={{float: \"right\"}}>\r\n                            <Switch checkedChildren={i18n(\"Enabled\") + \" \"}\r\n                                    unCheckedChildren={i18n(\" \" + i18n(\"Disabled\"))}\r\n                                    checked={paginationEnabled}\r\n                                    onChange={(checked) => {\r\n                                        this.props.dataGrid.changePagination(checked ? 0 : -1);\r\n                                    }}/>\r\n                        </span>\r\n                    </div>\r\n                    <div style={{width: \"100%\"}}>\r\n                        <span>{i18n(\"Page Size\")}</span>\r\n                        <span style={{float: \"right\"}}>\r\n                            <InputNumber\r\n                                size=\"small\"\r\n                                style={{\r\n                                    width: 70,\r\n                                    display: !paginationEnabled || automaticPagination ? \"none\" : \"\",\r\n                                    marginLeft: 8\r\n                                }}\r\n                                placeholder=\"size\"\r\n                                className=\"custom\"\r\n                                value={this.props.currentPageSize}\r\n                                onChange={(pageSize) => {\r\n                                    if (pageSize) {\r\n                                        this.props.dataGrid.changePagination(pageSize);\r\n                                    }\r\n                                }}\r\n                            />\r\n                           <Switch disabled={!paginationEnabled}\r\n                                   style={{minWidth: 100}}\r\n                                   checkedChildren={i18n(\"Automatic\") + \" \"}\r\n                                   unCheckedChildren={i18n(\" \" + i18n(\"Fixed\"))}\r\n                                   checked={!paginationEnabled || automaticPagination}\r\n                                   onChange={(checked) => {\r\n                                       this.props.dataGrid.changePagination(checked ? 0 : (this.state.initialPageSize > 1 ? this.state.initialPageSize : 20));\r\n                                   }}/>\r\n                        </span>\r\n                    </div>\r\n                    <div style={{width: \"100%\"}}>\r\n                        <span>{i18n(\"Show time with year\")}</span>\r\n                        <span style={{float: \"right\"}}>\r\n                            <Switch checkedChildren={i18n(\"Yes\") + \" \"}\r\n                                    unCheckedChildren={i18n(\" \" + i18n(\"No\"))}\r\n                                    checked={this.props.showYear}\r\n                                    onChange={(checked) => {\r\n                                        this.props.dataGrid.showYear(checked);\r\n                                    }}/>\r\n                        </span>\r\n                    </div>\r\n                    <div style={{width: \"100%\"}}>\r\n                        <span>{i18n(\"Show time with milliseconds\")}</span>\r\n                        <span style={{float: \"right\"}}>\r\n                            <Switch checkedChildren={i18n(\"Yes\") + \" \"}\r\n                                    unCheckedChildren={i18n(\" \" + i18n(\"No\"))}\r\n                                    checked={this.props.showMilliseconds}\r\n                                    onChange={(checked) => {\r\n                                        this.props.dataGrid.showMilliseconds(checked);\r\n                                    }}/>\r\n                        </span>\r\n                    </div>\r\n                </Space>\r\n            )\r\n        };\r\n    }\r\n\r\n    renderTableColumnSettingsPanel(): NonNullable<CollapseProps['items']>[number] {\r\n        return {\r\n            key: \"columns\",\r\n            label: <span style={{fontWeight: 500}}>{i18n(\"Table - Columns\")}</span>,\r\n            extra: (\r\n                <Button\r\n                    title={i18n(\"Revert configuration to predefined state\")} icon={<UndoIcon/>}\r\n                    key=\"revert\"\r\n                    style={REVERT_BUTTON_STYLE}\r\n                    danger\r\n                    ghost\r\n                    onClick={(e) => {\r\n                        e.stopPropagation();\r\n                        e.nativeEvent.stopImmediatePropagation();\r\n                        this.props.gridApi.resetColumnState();\r\n                    }}/>\r\n            ),\r\n            children: (\r\n                <ColumnTransfer\r\n                    columnDefinitions={this.props.columnDefinitions as ColDef[]}\r\n                    columnModel={this.props.columnModel}\r\n                    type={ColumnTransferType.SIMPLE}\r\n                    gridApi={this.props.gridApi}\r\n                />\r\n            )\r\n        };\r\n    }\r\n\r\n    renderRowsPanel(): NonNullable<CollapseProps['items']>[number] {\r\n        return {\r\n            key: \"rows\",\r\n            label: <span style={{fontWeight: 500}}>{i18n(\"Table - Rows Styling\")}</span>,\r\n            extra: (\r\n                <Button\r\n                    title={i18n(\"Revert configuration to predefined state\")} icon={<UndoIcon/>}\r\n                    key=\"revert\"\r\n                    style={REVERT_BUTTON_STYLE}\r\n                    danger\r\n                    ghost\r\n                    onClick={(e) => {\r\n                        e.stopPropagation();\r\n                        e.nativeEvent.stopImmediatePropagation();\r\n                        if (this.props.defaultRowStyleRules) {\r\n                            const rowStyleRules = cloneDeep(this.props.defaultRowStyleRules);\r\n                            if (this.props.onChangeRowStyleRules) {\r\n                                this.props.onChangeRowStyleRules(rowStyleRules);\r\n                            }\r\n                        }\r\n                    }}/>\r\n            ),\r\n            children: (\r\n                <div>\r\n                    {this.props.rowStyleRules.map((rowStyleRule, index) => this.renderRowStyleRule(rowStyleRule, index))}\r\n                </div>\r\n            )\r\n        };\r\n    }\r\n\r\n    renderRowStyleRule(rowStyleRule: RowStyleRule, index: number) {\r\n        return (\r\n            <RowStylePicker key={\"row-style-picker-\" + index} rowStyleRule={rowStyleRule} onChange={(rowStyleRule) => {\r\n                this.props.rowStyleRules[index] = rowStyleRule;\r\n                if (this.props.onChangeRowStyleRules) {\r\n                    this.props.onChangeRowStyleRules(this.props.rowStyleRules);\r\n                }\r\n            }}/>\r\n        );\r\n    }\r\n}"]}

package/components/grid/config/rowHeightCalculator.d.ts

@@ -0,0 +1,8 @@
+import { RGBColor } from "react-color";
+export declare const GRID_DEFAULT_ROW_HEIGHT_DELTA = 8;
+export declare const GRID_DEFAULT_FONT_SIZE = 12;
+export declare const calculateRowHeight: (fontSize: string | number | RGBColor | null, rowHeightDelta: string | number | RGBColor | null) => number;
+export declare const calculateLineHeight: (fontSize: string | number | RGBColor | null, rowHeightDelta: string | number | RGBColor | null) => number;
+export declare const getLineHeight: (rowHeight: number) => number;
+export declare const getFontSize: (fontSize: string | number | RGBColor) => number;
+export declare const getRowHeightDelta: (rowHeightDelta: string | number | RGBColor) => number;

package/components/grid/config/rowHeightCalculator.js

@@ -0,0 +1,20 @@
+export const GRID_DEFAULT_ROW_HEIGHT_DELTA = 8;
+export const GRID_DEFAULT_FONT_SIZE = 12;
+export const calculateRowHeight = (fontSize, rowHeightDelta) => {
+    const currentFontSize = fontSize && typeof fontSize === "number" ? fontSize : GRID_DEFAULT_FONT_SIZE;
+    const currentRowHeightDelta = rowHeightDelta && typeof rowHeightDelta === "number" ? rowHeightDelta : GRID_DEFAULT_ROW_HEIGHT_DELTA;
+    return currentFontSize + 2 * currentRowHeightDelta;
+};
+export const calculateLineHeight = (fontSize, rowHeightDelta) => {
+    return calculateRowHeight(fontSize, rowHeightDelta) - 2;
+};
+export const getLineHeight = (rowHeight) => {
+    return rowHeight - 2;
+};
+export const getFontSize = (fontSize) => {
+    return fontSize && typeof fontSize === "number" ? fontSize : GRID_DEFAULT_FONT_SIZE;
+};
+export const getRowHeightDelta = (rowHeightDelta) => {
+    return rowHeightDelta && typeof rowHeightDelta === "number" ? rowHeightDelta : GRID_DEFAULT_ROW_HEIGHT_DELTA;
+};
+//# sourceMappingURL=rowHeightCalculator.js.map

package/components/grid/config/rowHeightCalculator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowHeightCalculator.js","sourceRoot":"","sources":["../../../../../components/grid/config/rowHeightCalculator.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,CAAC;AAE/C,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAEzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAA2C,EAAE,cAAiD,EAAE,EAAE;IACjI,MAAM,eAAe,GAAW,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAC7G,MAAM,qBAAqB,GAAW,cAAc,IAAI,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,6BAA6B,CAAC;IAC5I,OAAO,eAAe,GAAG,CAAC,GAAG,qBAAqB,CAAC;AACvD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,QAA2C,EAAE,cAAiD,EAAE,EAAE;IAClI,OAAO,kBAAkB,CAAC,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC;AAC5D,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,SAAiB,EAAE,EAAE;IAC/C,OAAO,SAAS,GAAG,CAAC,CAAC;AACzB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAoC,EAAE,EAAE;IAChE,OAAO,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC;AACxF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,cAA0C,EAAE,EAAE;IAC5E,OAAO,cAAc,IAAI,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,6BAA6B,CAAC;AACjH,CAAC,CAAA","sourcesContent":["import {RGBColor} from \"react-color\";\r\n\r\nexport const GRID_DEFAULT_ROW_HEIGHT_DELTA = 8;\r\n\r\nexport const GRID_DEFAULT_FONT_SIZE = 12;\r\n\r\nexport const calculateRowHeight = (fontSize: string | number | RGBColor | null, rowHeightDelta: string | number | RGBColor | null) => {\r\n    const currentFontSize: number = fontSize && typeof fontSize === \"number\" ? fontSize : GRID_DEFAULT_FONT_SIZE;\r\n    const currentRowHeightDelta: number = rowHeightDelta && typeof rowHeightDelta === \"number\" ? rowHeightDelta : GRID_DEFAULT_ROW_HEIGHT_DELTA;\r\n    return currentFontSize + 2 * currentRowHeightDelta;\r\n}\r\n\r\nexport const calculateLineHeight = (fontSize: string | number | RGBColor | null, rowHeightDelta: string | number | RGBColor | null) => {\r\n    return calculateRowHeight(fontSize, rowHeightDelta) - 2;\r\n}\r\n\r\nexport const getLineHeight = (rowHeight: number) => {\r\n    return rowHeight - 2;\r\n}\r\n\r\nexport const getFontSize = (fontSize: string | number | RGBColor) => {\r\n    return fontSize && typeof fontSize === \"number\" ? fontSize : GRID_DEFAULT_FONT_SIZE;\r\n}\r\n\r\nexport const getRowHeightDelta = (rowHeightDelta: string | number | RGBColor) => {\r\n    return rowHeightDelta && typeof rowHeightDelta === \"number\" ? rowHeightDelta : GRID_DEFAULT_ROW_HEIGHT_DELTA;\r\n}\r\n\r\n\r\n"]}

package/components/grid/config/rowStylePicker.d.ts

@@ -1,25 +1,27 @@
-import React from "react";
-import { ColorResult } from "react-color";
-import { RowStyleRule } from "d2coreui/components/grid/cell/tableDefaultRowStyleRules";
-interface RowStylePickerProps {
-    rowStyleRule: RowStyleRule;
-    onChange: (rowStyleRule: RowStyleRule) => void;
-}
-interface RowStylePickerState {
-    disableColorEdit: boolean;
-}
-interface StyleChange {
-    color?: ColorResult | null;
-    backgroundColor?: ColorResult | null;
-    fontWeight?: string | null;
-    fontSize?: number | null;
-}
-export default class RowStylePicker extends React.Component<RowStylePickerProps, RowStylePickerState> {
-    constructor(props: Readonly<RowStylePickerProps>);
-    onChange(style: StyleChange): void;
-    render(): JSX.Element;
-    private getColor;
-    private getBackgroundColor;
-    private getFontSize;
-}
-export {};
+import React from "react";
+import { ColorResult } from "react-color";
+import { RowStyleRule } from "d2coreui/components/grid/cell/tableDefaultRowStyleRules";
+interface RowStylePickerProps {
+    rowStyleRule: RowStyleRule;
+    onChange: (rowStyleRule: RowStyleRule) => void;
+}
+interface RowStylePickerState {
+    disableColorEdit: boolean;
+}
+interface StyleChange {
+    color?: ColorResult | null;
+    backgroundColor?: ColorResult | null;
+    fontWeight?: string | null;
+    fontSize?: number | null;
+    rowHeightDelta?: number | null;
+}
+export default class RowStylePicker extends React.Component<RowStylePickerProps, RowStylePickerState> {
+    constructor(props: Readonly<RowStylePickerProps>);
+    onChange(style: StyleChange): void;
+    render(): React.JSX.Element;
+    private getColor;
+    private getBackgroundColor;
+    private getFontSize;
+    private getRowHeightDelta;
+}
+export {};