d2coreui 21.0.33 → 23.0.0

package/components/grid/config/rowStylePicker.js

@@ -1,110 +1,128 @@
-import React from "react";
-import { BgColorsOutlined, BoldOutlined, FontColorsOutlined } from "@ant-design/icons";
-import { Button, Divider, InputNumber } from "antd";
-import i18n from "d2core/i18n/i18n";
-import PlatformSpecific from "../../platformSpecific";
-import ColorPicker from "../../color/colorPicker";
-export default class RowStylePicker extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            disableColorEdit: PlatformSpecific.INSTANCE.configurationChangesDisabled(),
-        };
-        this.onChange = this.onChange.bind(this);
-    }
-    onChange(style) {
-        const textColor = style.color;
-        const rowStyleRule = this.props.rowStyleRule;
-        if (textColor === null) {
-            delete rowStyleRule.style.color;
-        }
-        else if (typeof textColor === 'object') {
-            if (textColor.rgb.r === 0 && textColor.rgb.g === 0 && textColor.rgb.b === 0 && textColor.rgb.a === 0) {
-                delete rowStyleRule.style.color;
-            }
-            else if (textColor.rgb.a === 0 || textColor.rgb.a === 1) {
-                rowStyleRule.style.color = textColor.hex;
-            }
-            else {
-                rowStyleRule.style.color = textColor.rgb;
-            }
-        }
-        else if (textColor !== undefined) {
-            rowStyleRule.style.color = textColor;
-        }
-        const backgroundColor = style.backgroundColor;
-        if (backgroundColor === null) {
-            delete rowStyleRule.style.backgroundColor;
-        }
-        else if (typeof backgroundColor === 'object') {
-            if (backgroundColor.rgb.r === 0 && backgroundColor.rgb.g === 0 && backgroundColor.rgb.b === 0 && backgroundColor.rgb.a === 0) {
-                delete rowStyleRule.style.backgroundColor;
-            }
-            else if (backgroundColor.rgb.a === 0 || backgroundColor.rgb.a === 1) {
-                rowStyleRule.style.backgroundColor = backgroundColor.hex;
-            }
-            else {
-                rowStyleRule.style.backgroundColor = backgroundColor.rgb;
-            }
-        }
-        else if (backgroundColor !== undefined) {
-            rowStyleRule.style.backgroundColor = backgroundColor;
-        }
-        if (style.fontWeight === null) {
-            delete rowStyleRule.style.fontWeight;
-        }
-        else if (style.fontWeight !== undefined) {
-            rowStyleRule.style.fontWeight = style.fontWeight;
-        }
-        if (style.fontSize === null) {
-            delete rowStyleRule.style.fontSize;
-        }
-        else if (style.fontSize !== undefined) {
-            rowStyleRule.style.fontSize = style.fontSize;
-        }
-        this.props.onChange(rowStyleRule);
-    }
-    render() {
-        return React.createElement(React.Fragment, null,
-            this.props.rowStyleRule.divider &&
-                React.createElement(Divider, { style: { fontSize: 12 } }, i18n(this.props.rowStyleRule.divider)),
-            React.createElement("div", { style: { display: "flex" } },
-                React.createElement("div", { style: { flexGrow: 1 } }, i18n(this.props.rowStyleRule.name)),
-                this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.color &&
-                    React.createElement("div", { style: { marginBottom: 8, marginLeft: 16 } },
-                        React.createElement(ColorPicker, { title: i18n("Background Color"), disabled: this.state.disableColorEdit, placement: "left", color: this.getColor(), onChangeComplete: color => {
-                                this.onChange({ color: color });
-                            }, onResetColor: () => {
-                                this.onChange({ color: null });
-                            }, badgeIcon: React.createElement(FontColorsOutlined, null), transparentColorAllowed: true })),
-                this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.backgroundColor &&
-                    React.createElement("div", { style: { marginBottom: 8, marginLeft: 16 } },
-                        React.createElement(ColorPicker, { title: i18n("Background Color"), disabled: this.state.disableColorEdit, placement: "left", color: this.getBackgroundColor(), onChangeComplete: color => {
-                                this.onChange({ backgroundColor: color });
-                            }, onResetColor: () => {
-                                this.onChange({ backgroundColor: null });
-                            }, badgeIcon: React.createElement(BgColorsOutlined, null), transparentColorAllowed: true })),
-                this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.fontWeight &&
-                    React.createElement("div", { style: { marginBottom: 8, marginLeft: 16 } },
-                        React.createElement(Button, { icon: React.createElement(BoldOutlined, null), disabled: this.state.disableColorEdit, type: this.props.rowStyleRule.style.fontWeight === "bold" ? "primary" : "default", onClick: () => {
-                                this.onChange({ fontWeight: this.props.rowStyleRule.style.fontWeight === "bold" ? null : "bold" });
-                            } })),
-                this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.fontSize &&
-                    React.createElement("div", { style: { marginBottom: 8, marginLeft: 16 } },
-                        React.createElement(InputNumber, { style: { width: 70 }, className: "custom", min: 10, max: 50, value: this.getFontSize(), onChange: (fontSize) => {
-                                if (fontSize && typeof fontSize === "number") {
-                                    this.onChange({ fontSize: fontSize });
-                                }
-                            } }))));
-    }
-    getColor() {
-        return this.props.rowStyleRule.style.color;
-    }
-    getBackgroundColor() {
-        return this.props.rowStyleRule.style.backgroundColor;
-    }
-    getFontSize() {
-        return this.props.rowStyleRule.style.fontSize;
-    }
-}
+import React from "react";
+import { BgColorsOutlined, BoldOutlined, FontColorsOutlined } from "@ant-design/icons";
+import { Button, Divider, InputNumber } from "antd";
+import i18n from "d2core/i18n/i18n";
+import PlatformSpecific from "../../platformSpecific";
+import ColorPicker from "../../color/colorPicker";
+import { GRID_DEFAULT_ROW_HEIGHT_DELTA } from "./rowHeightCalculator";
+export default class RowStylePicker extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            disableColorEdit: PlatformSpecific.INSTANCE.configurationChangesDisabled(),
+        };
+        this.onChange = this.onChange.bind(this);
+    }
+    onChange(style) {
+        const textColor = style.color;
+        const rowStyleRule = this.props.rowStyleRule;
+        if (textColor === null) {
+            delete rowStyleRule.style.color;
+        }
+        else if (typeof textColor === 'object') {
+            if (textColor.rgb.r === 0 && textColor.rgb.g === 0 && textColor.rgb.b === 0 && textColor.rgb.a === 0) {
+                delete rowStyleRule.style.color;
+            }
+            else if (textColor.rgb.a === 0 || textColor.rgb.a === 1) {
+                rowStyleRule.style.color = textColor.hex;
+            }
+            else {
+                rowStyleRule.style.color = textColor.rgb;
+            }
+        }
+        else if (textColor !== undefined) {
+            rowStyleRule.style.color = textColor;
+        }
+        const backgroundColor = style.backgroundColor;
+        if (backgroundColor === null) {
+            delete rowStyleRule.style.backgroundColor;
+        }
+        else if (typeof backgroundColor === 'object') {
+            if (backgroundColor.rgb.r === 0 && backgroundColor.rgb.g === 0 && backgroundColor.rgb.b === 0 && backgroundColor.rgb.a === 0) {
+                delete rowStyleRule.style.backgroundColor;
+            }
+            else if (backgroundColor.rgb.a === 0 || backgroundColor.rgb.a === 1) {
+                rowStyleRule.style.backgroundColor = backgroundColor.hex;
+            }
+            else {
+                rowStyleRule.style.backgroundColor = backgroundColor.rgb;
+            }
+        }
+        else if (backgroundColor !== undefined) {
+            rowStyleRule.style.backgroundColor = backgroundColor;
+        }
+        if (style.fontWeight === null) {
+            delete rowStyleRule.style.fontWeight;
+        }
+        else if (style.fontWeight !== undefined) {
+            rowStyleRule.style.fontWeight = style.fontWeight;
+        }
+        if (style.fontSize === null) {
+            delete rowStyleRule.style.fontSize;
+        }
+        else if (style.fontSize !== undefined) {
+            rowStyleRule.style.fontSize = style.fontSize;
+        }
+        if (style.rowHeightDelta === null) {
+            delete rowStyleRule.style.rowHeightDelta;
+        }
+        else if (style.rowHeightDelta !== undefined) {
+            rowStyleRule.style.rowHeightDelta = style.rowHeightDelta;
+        }
+        this.props.onChange(rowStyleRule);
+    }
+    render() {
+        return React.createElement(React.Fragment, null,
+            this.props.rowStyleRule.divider &&
+                React.createElement(Divider, { style: { fontSize: 12 } }, i18n(this.props.rowStyleRule.divider)),
+            React.createElement("div", { style: { display: "flex" } },
+                React.createElement("div", { style: { flexGrow: 1 } }, i18n(this.props.rowStyleRule.name)),
+                this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.color &&
+                    React.createElement("div", { style: { marginBottom: 8, marginLeft: 16 } },
+                        React.createElement(ColorPicker, { title: i18n("Background Color"), disabled: this.state.disableColorEdit, placement: "left", color: this.getColor(), onChangeComplete: color => {
+                                this.onChange({ color: color });
+                            }, onResetColor: () => {
+                                this.onChange({ color: null });
+                            }, badgeIcon: React.createElement(FontColorsOutlined, null), transparentColorAllowed: true })),
+                this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.backgroundColor &&
+                    React.createElement("div", { style: { marginBottom: 8, marginLeft: 16 } },
+                        React.createElement(ColorPicker, { title: i18n("Background Color"), disabled: this.state.disableColorEdit, placement: "left", color: this.getBackgroundColor(), onChangeComplete: color => {
+                                this.onChange({ backgroundColor: color });
+                            }, onResetColor: () => {
+                                this.onChange({ backgroundColor: null });
+                            }, badgeIcon: React.createElement(BgColorsOutlined, null), transparentColorAllowed: true })),
+                this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.fontWeight &&
+                    React.createElement("div", { style: { marginBottom: 8, marginLeft: 16 } },
+                        React.createElement(Button, { icon: React.createElement(BoldOutlined, null), disabled: this.state.disableColorEdit, type: this.props.rowStyleRule.style.fontWeight === "bold" ? "primary" : "default", onClick: () => {
+                                this.onChange({ fontWeight: this.props.rowStyleRule.style.fontWeight === "bold" ? null : "bold" });
+                            } })),
+                this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.fontSize &&
+                    React.createElement("div", { style: { marginBottom: 8, marginLeft: 16 } },
+                        React.createElement(InputNumber, { style: { width: 70 }, className: "custom", min: 10, max: 50, value: this.getFontSize(), onChange: (fontSize) => {
+                                if (fontSize && typeof fontSize === "number") {
+                                    this.onChange({ fontSize: fontSize });
+                                }
+                            } })),
+                this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.rowHeightDelta &&
+                    React.createElement("div", { style: { marginBottom: 8, marginLeft: 16 } },
+                        React.createElement(InputNumber, { style: { width: 70 }, min: 1, max: 28, value: this.getRowHeightDelta(), onChange: (rowHeightDelta) => {
+                                if (rowHeightDelta && typeof rowHeightDelta === "number") {
+                                    this.onChange({ rowHeightDelta: rowHeightDelta });
+                                }
+                            } }))));
+    }
+    getColor() {
+        return this.props.rowStyleRule.style.color;
+    }
+    getBackgroundColor() {
+        return this.props.rowStyleRule.style.backgroundColor;
+    }
+    getFontSize() {
+        return this.props.rowStyleRule.style.fontSize;
+    }
+    getRowHeightDelta() {
+        var _a;
+        return (_a = this.props.rowStyleRule.style.rowHeightDelta) !== null && _a !== void 0 ? _a : GRID_DEFAULT_ROW_HEIGHT_DELTA;
+    }
+}
 //# sourceMappingURL=rowStylePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rowStylePicker.js","sourceRoot":"","sources":["../../../../../components/grid/config/rowStylePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {BgColorsOutlined, BoldOutlined, FontColorsOutlined} from \"@ant-design/icons\";\nimport {Button, Divider, InputNumber} from \"antd\";\nimport i18n from \"d2core/i18n/i18n\";\nimport {ColorResult, RGBColor} from \"react-color\";\nimport {RowStyleRule} from \"d2coreui/components/grid/cell/tableDefaultRowStyleRules\";\nimport PlatformSpecific from \"../../platformSpecific\";\nimport ColorPicker from \"../../color/colorPicker\";\n\ninterface RowStylePickerProps {\n    rowStyleRule: RowStyleRule\n    onChange: (rowStyleRule: RowStyleRule) => void\n}\n\ninterface RowStylePickerState {\n    disableColorEdit: boolean\n}\n\ninterface StyleChange {\n    color?: ColorResult | null\n    backgroundColor?: ColorResult | null\n    fontWeight?: string | null\n    fontSize?: number | null\n}\n\nexport default class RowStylePicker extends React.Component<RowStylePickerProps, RowStylePickerState> {\n\n    constructor(props: Readonly<RowStylePickerProps>) {\n        super(props);\n\n        this.state = {\n            disableColorEdit: PlatformSpecific.INSTANCE.configurationChangesDisabled(),\n        }\n\n        this.onChange = this.onChange.bind(this);\n    }\n\n    onChange(style: StyleChange): void {\n        const textColor = style.color;\n        const rowStyleRule = this.props.rowStyleRule;\n        if (textColor === null) {\n            delete rowStyleRule.style.color;\n        } else if (typeof textColor === 'object') {\n            if (textColor.rgb.r === 0 && textColor.rgb.g === 0 && textColor.rgb.b === 0 && textColor.rgb.a === 0) {\n                delete rowStyleRule.style.color;\n            } else if (textColor.rgb.a === 0 || textColor.rgb.a === 1) {\n                rowStyleRule.style.color = textColor.hex;\n            } else {\n                rowStyleRule.style.color = textColor.rgb;\n            }\n        } else if (textColor !== undefined) {\n            rowStyleRule.style.color = textColor;\n        }\n\n        const backgroundColor = style.backgroundColor;\n        if (backgroundColor === null) {\n            delete rowStyleRule.style.backgroundColor;\n        } else if (typeof backgroundColor === 'object') {\n            if (backgroundColor.rgb.r === 0 && backgroundColor.rgb.g === 0 && backgroundColor.rgb.b === 0 && backgroundColor.rgb.a === 0) {\n                delete rowStyleRule.style.backgroundColor;\n            } else if (backgroundColor.rgb.a === 0 || backgroundColor.rgb.a === 1) {\n                rowStyleRule.style.backgroundColor = backgroundColor.hex;\n            } else {\n                rowStyleRule.style.backgroundColor = backgroundColor.rgb;\n            }\n        } else if (backgroundColor !== undefined) {\n            rowStyleRule.style.backgroundColor = backgroundColor;\n        }\n\n\n        if (style.fontWeight === null) {\n            delete rowStyleRule.style.fontWeight;\n        } else if (style.fontWeight !== undefined) {\n            rowStyleRule.style.fontWeight = style.fontWeight;\n        }\n        if (style.fontSize === null) {\n            delete rowStyleRule.style.fontSize;\n        } else if (style.fontSize !== undefined) {\n            rowStyleRule.style.fontSize = style.fontSize;\n        }\n        this.props.onChange(rowStyleRule);\n    }\n\n    render() {\n        return <>\n            {this.props.rowStyleRule.divider &&\n                <Divider style={{fontSize: 12}}>{i18n(this.props.rowStyleRule.divider)}</Divider>}\n            <div style={{display: \"flex\"}}>\n                <div style={{flexGrow: 1}}>\n                    {i18n(this.props.rowStyleRule.name)}\n                </div>\n                {this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.color &&\n                    <div style={{marginBottom: 8, marginLeft: 16}}>\n                        <ColorPicker\n                            title={i18n(\"Background Color\")}\n                            disabled={this.state.disableColorEdit}\n                            placement=\"left\"\n                            color={this.getColor()}\n                            onChangeComplete={color => {\n                                this.onChange({color: color})\n                            }}\n                            onResetColor={() => {\n                                this.onChange({color: null})\n                            }}\n                            badgeIcon={<FontColorsOutlined/>}\n                            transparentColorAllowed\n                        />\n                    </div>\n                }\n                {this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.backgroundColor &&\n                    <div style={{marginBottom: 8, marginLeft: 16}}>\n                        <ColorPicker\n                            title={i18n(\"Background Color\")}\n                            disabled={this.state.disableColorEdit}\n                            placement=\"left\"\n                            color={this.getBackgroundColor()}\n                            onChangeComplete={color => {\n                                this.onChange({backgroundColor: color})\n                            }}\n                            onResetColor={() => {\n                                this.onChange({backgroundColor: null})\n                            }}\n                            badgeIcon={<BgColorsOutlined/>}\n                            transparentColorAllowed\n                        />\n                    </div>\n                }\n                {this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.fontWeight &&\n                <div style={{marginBottom: 8, marginLeft: 16}}>\n                    <Button icon={<BoldOutlined/>}\n                            disabled={this.state.disableColorEdit}\n                            type={this.props.rowStyleRule.style.fontWeight === \"bold\" ? \"primary\" : \"default\"}\n                            onClick={() => {\n                                this.onChange({fontWeight: this.props.rowStyleRule.style.fontWeight === \"bold\" ? null : \"bold\"})\n                            }}\n                    />\n                </div>}\n                {this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.fontSize &&\n                <div style={{marginBottom: 8, marginLeft: 16}}>\n                    <InputNumber\n                        style={{width: 70}}\n                        className=\"custom\"\n                        min={10}\n                        max={50}\n                        value={this.getFontSize()}\n                        onChange={(fontSize) => {\n                            if (fontSize && typeof fontSize === \"number\") {\n                                this.onChange({fontSize: fontSize});\n                            }\n                        }}\n                    />\n                </div>}\n            </div>\n        </>;\n    }\n\n    private getColor(): string | RGBColor | undefined {\n        // @ts-ignore\n        return this.props.rowStyleRule.style.color;\n    }\n\n    private getBackgroundColor(): string | RGBColor | undefined {\n        // @ts-ignore\n        return this.props.rowStyleRule.style.backgroundColor;\n    }\n\n    private getFontSize() : number {\n        return this.props.rowStyleRule.style.fontSize as number;\n    }\n}"]}
+{"version":3,"file":"rowStylePicker.js","sourceRoot":"","sources":["../../../../../components/grid/config/rowStylePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {BgColorsOutlined, BoldOutlined, FontColorsOutlined} from \"@ant-design/icons\";\r\nimport {Button, Divider, InputNumber} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {ColorResult, RGBColor} from \"react-color\";\r\nimport {RowStyleRule} from \"d2coreui/components/grid/cell/tableDefaultRowStyleRules\";\r\nimport PlatformSpecific from \"../../platformSpecific\";\r\nimport ColorPicker from \"../../color/colorPicker\";\r\nimport {GRID_DEFAULT_ROW_HEIGHT_DELTA} from \"./rowHeightCalculator\";\r\n\r\n\r\ninterface RowStylePickerProps {\r\n    rowStyleRule: RowStyleRule\r\n    onChange: (rowStyleRule: RowStyleRule) => void\r\n}\r\n\r\ninterface RowStylePickerState {\r\n    disableColorEdit: boolean\r\n}\r\n\r\ninterface StyleChange {\r\n    color?: ColorResult | null\r\n    backgroundColor?: ColorResult | null\r\n    fontWeight?: string | null\r\n    fontSize?: number | null\r\n    rowHeightDelta?: number | null\r\n}\r\n\r\nexport default class RowStylePicker extends React.Component<RowStylePickerProps, RowStylePickerState> {\r\n\r\n    constructor(props: Readonly<RowStylePickerProps>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            disableColorEdit: PlatformSpecific.INSTANCE.configurationChangesDisabled(),\r\n        }\r\n\r\n        this.onChange = this.onChange.bind(this);\r\n    }\r\n\r\n    onChange(style: StyleChange): void {\r\n        const textColor = style.color;\r\n        const rowStyleRule = this.props.rowStyleRule;\r\n        if (textColor === null) {\r\n            delete rowStyleRule.style.color;\r\n        } else if (typeof textColor === 'object') {\r\n            if (textColor.rgb.r === 0 && textColor.rgb.g === 0 && textColor.rgb.b === 0 && textColor.rgb.a === 0) {\r\n                delete rowStyleRule.style.color;\r\n            } else if (textColor.rgb.a === 0 || textColor.rgb.a === 1) {\r\n                rowStyleRule.style.color = textColor.hex;\r\n            } else {\r\n                rowStyleRule.style.color = textColor.rgb;\r\n            }\r\n        } else if (textColor !== undefined) {\r\n            rowStyleRule.style.color = textColor;\r\n        }\r\n\r\n        const backgroundColor = style.backgroundColor;\r\n        if (backgroundColor === null) {\r\n            delete rowStyleRule.style.backgroundColor;\r\n        } else if (typeof backgroundColor === 'object') {\r\n            if (backgroundColor.rgb.r === 0 && backgroundColor.rgb.g === 0 && backgroundColor.rgb.b === 0 && backgroundColor.rgb.a === 0) {\r\n                delete rowStyleRule.style.backgroundColor;\r\n            } else if (backgroundColor.rgb.a === 0 || backgroundColor.rgb.a === 1) {\r\n                rowStyleRule.style.backgroundColor = backgroundColor.hex;\r\n            } else {\r\n                rowStyleRule.style.backgroundColor = backgroundColor.rgb;\r\n            }\r\n        } else if (backgroundColor !== undefined) {\r\n            rowStyleRule.style.backgroundColor = backgroundColor;\r\n        }\r\n\r\n\r\n        if (style.fontWeight === null) {\r\n            delete rowStyleRule.style.fontWeight;\r\n        } else if (style.fontWeight !== undefined) {\r\n            rowStyleRule.style.fontWeight = style.fontWeight;\r\n        }\r\n        if (style.fontSize === null) {\r\n            delete rowStyleRule.style.fontSize;\r\n        } else if (style.fontSize !== undefined) {\r\n            rowStyleRule.style.fontSize = style.fontSize;\r\n        }\r\n        if (style.rowHeightDelta === null) {\r\n            delete rowStyleRule.style.rowHeightDelta;\r\n        } else if (style.rowHeightDelta !== undefined) {\r\n            rowStyleRule.style.rowHeightDelta = style.rowHeightDelta;\r\n        }\r\n        this.props.onChange(rowStyleRule);\r\n    }\r\n\r\n    render() {\r\n        return <>\r\n            {this.props.rowStyleRule.divider &&\r\n                <Divider style={{fontSize: 12}}>{i18n(this.props.rowStyleRule.divider)}</Divider>}\r\n            <div style={{display: \"flex\"}}>\r\n                <div style={{flexGrow: 1}}>\r\n                    {i18n(this.props.rowStyleRule.name)}\r\n                </div>\r\n                {this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.color &&\r\n                    <div style={{marginBottom: 8, marginLeft: 16}}>\r\n                        <ColorPicker\r\n                            title={i18n(\"Background Color\")}\r\n                            disabled={this.state.disableColorEdit}\r\n                            placement=\"left\"\r\n                            color={this.getColor()}\r\n                            onChangeComplete={color => {\r\n                                this.onChange({color: color})\r\n                            }}\r\n                            onResetColor={() => {\r\n                                this.onChange({color: null})\r\n                            }}\r\n                            badgeIcon={<FontColorsOutlined/>}\r\n                            transparentColorAllowed\r\n                        />\r\n                    </div>\r\n                }\r\n                {this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.backgroundColor &&\r\n                    <div style={{marginBottom: 8, marginLeft: 16}}>\r\n                        <ColorPicker\r\n                            title={i18n(\"Background Color\")}\r\n                            disabled={this.state.disableColorEdit}\r\n                            placement=\"left\"\r\n                            color={this.getBackgroundColor()}\r\n                            onChangeComplete={color => {\r\n                                this.onChange({backgroundColor: color})\r\n                            }}\r\n                            onResetColor={() => {\r\n                                this.onChange({backgroundColor: null})\r\n                            }}\r\n                            badgeIcon={<BgColorsOutlined/>}\r\n                            transparentColorAllowed\r\n                        />\r\n                    </div>\r\n                }\r\n                {this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.fontWeight &&\r\n                    <div style={{marginBottom: 8, marginLeft: 16}}>\r\n                        <Button icon={<BoldOutlined/>}\r\n                                disabled={this.state.disableColorEdit}\r\n                                type={this.props.rowStyleRule.style.fontWeight === \"bold\" ? \"primary\" : \"default\"}\r\n                                onClick={() => {\r\n                                    this.onChange({fontWeight: this.props.rowStyleRule.style.fontWeight === \"bold\" ? null : \"bold\"})\r\n                                }}\r\n                        />\r\n                    </div>}\r\n                {this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.fontSize &&\r\n                    <div style={{marginBottom: 8, marginLeft: 16}}>\r\n                        <InputNumber\r\n                            style={{width: 70}}\r\n                            className=\"custom\"\r\n                            min={10}\r\n                            max={50}\r\n                            value={this.getFontSize()}\r\n                            onChange={(fontSize) => {\r\n                                if (fontSize && typeof fontSize === \"number\") {\r\n                                    this.onChange({fontSize: fontSize});\r\n                                }\r\n                            }}\r\n                        />\r\n                    </div>}\r\n                {this.props.rowStyleRule.styleEditor && this.props.rowStyleRule.styleEditor.rowHeightDelta &&\r\n                    <div style={{marginBottom: 8, marginLeft: 16}}>\r\n                        <InputNumber\r\n                            style={{width: 70}}\r\n                            min={1}\r\n                            max={28}\r\n                            value={this.getRowHeightDelta()}\r\n                            onChange={(rowHeightDelta) => {\r\n                                if (rowHeightDelta && typeof rowHeightDelta === \"number\") {\r\n                                    this.onChange({rowHeightDelta: rowHeightDelta});\r\n                                }\r\n                            }}\r\n                        />\r\n                    </div>}\r\n            </div>\r\n        </>;\r\n    }\r\n\r\n    private getColor(): string | RGBColor | undefined {\r\n        // @ts-ignore\r\n        return this.props.rowStyleRule.style.color;\r\n    }\r\n\r\n    private getBackgroundColor(): string | RGBColor | undefined {\r\n        // @ts-ignore\r\n        return this.props.rowStyleRule.style.backgroundColor;\r\n    }\r\n\r\n    private getFontSize(): number {\r\n        return this.props.rowStyleRule.style.fontSize as number;\r\n    }\r\n\r\n    private getRowHeightDelta(): number {\r\n        return this.props.rowStyleRule.style.rowHeightDelta as number ?? GRID_DEFAULT_ROW_HEIGHT_DELTA;\r\n    }\r\n}"]}