d2coreui 23.0.2 → 23.0.4

package/components/date/dateRangeInputConfirm.js

@@ -17,6 +17,7 @@ import i18n from "d2core/i18n/i18n";
 import DateRangeInput, { DateRangeInputMode } from "./dateRangeInput";
 import { UndoIcon } from "../icons/undoIcon";
 import { Key } from "ts-key-enum";
+import WithInputCss from "../style/withInputCss";
 export default class DateRangeInputConfirm extends React.Component {
     constructor(props) {
         var _a, _b, _c, _d, _e;
@@ -104,30 +105,31 @@ export default class DateRangeInputConfirm extends React.Component {
         else {
             align = { points: ["tr", "br"], offset: [0, -6] };
         }
-        return (React.createElement("span", { onKeyDown: this.onKeyDown, ref: this.parentRef },
-            React.createElement(Tooltip, { color: "transparent", overlayInnerStyle: { boxShadow: "none" }, open: this.confirmButtonsVisible() && !this.state.popupVisible, align: align, title: this.renderConfirmButtons(rest.size, rest.size === "small" ? 48 : undefined), getPopupContainer: () => {
-                    var _a, _b;
-                    const parentNode = ((_b = (_a = this.parentRef.current) === null || _a === void 0 ? void 0 : _a.parentNode) !== null && _b !== void 0 ? _b : document.body);
-                    return parentNode;
-                } },
-                React.createElement(DateRangeInput, Object.assign({ ref: component => this.dateRangeInput = component, fromValue: this.state.currentFromValue, toValue: this.state.currentToValue, allowClear: allowClear, onInvalidValue: (_) => {
-                        this.setState({ invalidDatesPresent: true });
-                    }, onChange: (fromValue, toValue) => {
-                        this.setState({
-                            currentFromValue: fromValue,
-                            currentToValue: toValue,
-                            invalidDatesPresent: false,
-                        });
-                    }, confirmButtonsRenderer: () => {
-                        if (this.confirmButtonsVisible()) {
-                            return this.renderConfirmButtons("small", 48);
-                        }
-                        return undefined;
-                    }, onPopupVisibleChange: visible => {
-                        this.setState({ popupVisible: visible });
-                    }, defaultMode: this.state.mode, onModeChange: mode => {
-                        this.setState({ mode: mode });
-                    } }, rest)))));
+        return (React.createElement(WithInputCss, null,
+            React.createElement("span", { onKeyDown: this.onKeyDown, ref: this.parentRef },
+                React.createElement(Tooltip, { color: "transparent", overlayInnerStyle: { boxShadow: "none" }, open: this.confirmButtonsVisible() && !this.state.popupVisible, align: align, title: this.renderConfirmButtons(rest.size, rest.size === "small" ? 48 : undefined), getPopupContainer: () => {
+                        var _a, _b;
+                        const parentNode = ((_b = (_a = this.parentRef.current) === null || _a === void 0 ? void 0 : _a.parentNode) !== null && _b !== void 0 ? _b : document.body);
+                        return parentNode;
+                    } },
+                    React.createElement(DateRangeInput, Object.assign({ ref: component => this.dateRangeInput = component, fromValue: this.state.currentFromValue, toValue: this.state.currentToValue, allowClear: allowClear, onInvalidValue: (_) => {
+                            this.setState({ invalidDatesPresent: true });
+                        }, onChange: (fromValue, toValue) => {
+                            this.setState({
+                                currentFromValue: fromValue,
+                                currentToValue: toValue,
+                                invalidDatesPresent: false,
+                            });
+                        }, confirmButtonsRenderer: () => {
+                            if (this.confirmButtonsVisible()) {
+                                return this.renderConfirmButtons("small", 48);
+                            }
+                            return undefined;
+                        }, onPopupVisibleChange: visible => {
+                            this.setState({ popupVisible: visible });
+                        }, defaultMode: this.state.mode, onModeChange: mode => {
+                            this.setState({ mode: mode });
+                        } }, rest))))));
     }
 }
 //# sourceMappingURL=dateRangeInputConfirm.js.map

package/components/date/dateRangeInputConfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangeInputConfirm.js","sourceRoot":"","sources":["../../../../components/date/dateRangeInputConfirm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {createRef} from \"react\";\r\nimport {Dayjs} from \"dayjs\";\r\nimport {Button, Tooltip} from \"antd\";\r\nimport {DateTimeUtils} from \"d2core/utils/dateTimeUtils\";\r\nimport {CheckOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport DateRangeInput, {DateRangeInputMode, DateRangeInputProps} from \"./dateRangeInput\";\r\nimport {TooltipPlacement} from \"antd/es/tooltip\";\r\nimport {AlignType} from \"@rc-component/trigger/lib/interface\";\r\nimport {UndoIcon} from \"../icons/undoIcon\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {Key} from \"ts-key-enum\";\r\n\r\ninterface DateRangeInputConfirmProps extends DateRangeInputProps {\r\n    requireConfirmationAtStart?: boolean\r\n    confirmPlacement?: TooltipPlacement\r\n}\r\n\r\ninterface DateRangeInputConfirmState {\r\n    originalFromValue: Dayjs | null\r\n    originalToValue: Dayjs | null\r\n    currentFromValue: Dayjs | null\r\n    currentToValue: Dayjs | null\r\n    invalidDatesPresent: boolean\r\n    requireConfirmation: boolean\r\n\r\n    popupVisible: boolean\r\n    mode: DateRangeInputMode\r\n}\r\n\r\nexport default class DateRangeInputConfirm extends React.Component<DateRangeInputConfirmProps, DateRangeInputConfirmState> {\r\n    private dateRangeInput: DateRangeInput | null = null;\r\n    private parentRef: React.RefObject<HTMLSpanElement> = createRef();\r\n\r\n    constructor(props: Readonly<DateRangeInputConfirmProps>) {\r\n        super(props);\r\n        this.state = {\r\n            originalFromValue: props.fromValue ?? null,\r\n            originalToValue: props.toValue ?? null,\r\n            currentFromValue: props.fromValue ?? null,\r\n            currentToValue: props.toValue ?? null,\r\n            invalidDatesPresent: false,\r\n            requireConfirmation: !!props.requireConfirmationAtStart,\r\n\r\n            popupVisible: false,\r\n            mode: props.defaultMode ?? DateRangeInputMode.SIMPLE,\r\n        };\r\n\r\n        this.onKeyDown = this.onKeyDown.bind(this);\r\n        this.onConfirm = this.onConfirm.bind(this);\r\n        this.onRevert = this.onRevert.bind(this);\r\n    }\r\n\r\n    onKeyDown(event: React.KeyboardEvent) {\r\n        if (event.key === Key.Enter) {\r\n            this.onConfirm();\r\n        } else if (event.key === Key.Escape) {\r\n            this.onRevert();\r\n        }\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<DateRangeInputProps>) {\r\n        const preFromValueUnixTime = DateTimeUtils.toUnixTime(prevProps.fromValue);\r\n        const currentFromValueUnixTime = DateTimeUtils.toUnixTime(this.props.fromValue);\r\n        const prevToValueUnixTime = DateTimeUtils.toUnixTime(prevProps.toValue);\r\n        const currentToValueUnixTime = DateTimeUtils.toUnixTime(this.props.toValue);\r\n        if (preFromValueUnixTime !== currentFromValueUnixTime ||\r\n            prevToValueUnixTime !== currentToValueUnixTime) {\r\n            this.setState({\r\n                originalFromValue: this.props.fromValue ?? null,\r\n                originalToValue: this.props.toValue ?? null,\r\n                currentFromValue: this.props.fromValue ?? null,\r\n                currentToValue: this.props.toValue ?? null\r\n            })\r\n        }\r\n    }\r\n\r\n    private onConfirm() {\r\n        this.setState({requireConfirmation: false});\r\n        this.props.onChange?.(this.state.currentFromValue, this.state.currentToValue);\r\n        this.dateRangeInput?.closePopup();\r\n    }\r\n\r\n    private onRevert() {\r\n        this.setState({\r\n            currentFromValue: this.state.originalFromValue ?? null,\r\n            currentToValue: this.state.originalToValue ?? null,\r\n            invalidDatesPresent: false,\r\n        });\r\n        this.dateRangeInput?.closePopup();\r\n    }\r\n\r\n    private renderConfirmButtons(size?: SizeType, buttonWidth?: number) {\r\n        const validInterval = this.props.allowClear ?\r\n            (!this.state.currentFromValue || this.state.currentFromValue.isValid()) && (!this.state.currentToValue || this.state.currentToValue.isValid()) :\r\n            this.state.currentFromValue && this.state.currentFromValue.isValid() && this.state.currentToValue && this.state.currentToValue.isValid();\r\n\r\n        return (\r\n            <Button.Group style={{background: \"white\"}}>\r\n                <Button\r\n                    style={{borderRightWidth: 2, background: \"white\", width: buttonWidth}}\r\n                    size={size}\r\n                    title={i18n(\"Revert\")}\r\n                    key=\"revert\"\r\n                    danger\r\n                    ghost\r\n                    onClick={this.onRevert}\r\n                >\r\n                    <UndoIcon/>\r\n                </Button>\r\n                <Button\r\n                    style={{width: buttonWidth}}\r\n                    title={i18n(\"Apply\")} key=\"apply-button\"\r\n                    size={size}\r\n                    type=\"primary\"\r\n                    disabled={!validInterval || this.state.invalidDatesPresent}\r\n                    onClick={this.onConfirm}\r\n                >\r\n                    <CheckOutlined/>\r\n                </Button>\r\n            </Button.Group>\r\n        );\r\n    }\r\n\r\n    private confirmButtonsVisible() {\r\n        const {originalFromValue, originalToValue, currentFromValue, currentToValue} = this.state;\r\n        const valueChanged = DateTimeUtils.toUnixTime(currentFromValue) !== DateTimeUtils.toUnixTime(originalFromValue) ||\r\n            DateTimeUtils.toUnixTime(currentToValue) !== DateTimeUtils.toUnixTime(originalToValue);\r\n\r\n        return valueChanged || this.state.invalidDatesPresent || this.state.requireConfirmation;\r\n    }\r\n\r\n    render(): any {\r\n        const {\r\n            fromValue,\r\n            toValue,\r\n            onChange,\r\n            allowClear,\r\n            requireConfirmationAtStart,\r\n            confirmPlacement,\r\n            ...rest\r\n        } = this.props;\r\n        let align: AlignType;\r\n        if (confirmPlacement === \"right\") {\r\n            align = {points: [\"tl\", \"tr\"], offset: [-8, 0]};\r\n        } else if (confirmPlacement === \"topRight\") {\r\n            align = {points: [\"br\", \"tr\"], offset: [0, 8]};\r\n        } else {\r\n            // default bottomRight\r\n            align = {points: [\"tr\", \"br\"], offset: [0, -6]};\r\n        }\r\n        return (\r\n            <span onKeyDown={this.onKeyDown} ref={this.parentRef}>\r\n                <Tooltip\r\n                    color={\"transparent\"}\r\n                    overlayInnerStyle={{boxShadow: \"none\"}}\r\n                    open={this.confirmButtonsVisible() && !this.state.popupVisible}\r\n                    align={align}\r\n                    title={this.renderConfirmButtons(rest.size, rest.size === \"small\" ? 48 : undefined)}\r\n                    getPopupContainer={() => {\r\n                        // very nasty trick how remove error of ResizeObservers infinite cycling - because popover (with dynamic size) is placed in resizable panel\r\n                        const parentNode = (this.parentRef.current?.parentNode ?? document.body) as HTMLElement;\r\n                        return parentNode;\r\n                    }}\r\n                >\r\n                    <DateRangeInput\r\n                        ref={component => this.dateRangeInput = component}\r\n                        fromValue={this.state.currentFromValue}\r\n                        toValue={this.state.currentToValue}\r\n                        allowClear={allowClear}\r\n                        onInvalidValue={(_) => {\r\n                            this.setState({invalidDatesPresent: true});\r\n                        }}\r\n                        onChange={(fromValue: Dayjs | null, toValue: Dayjs | null) => {\r\n                            this.setState({\r\n                                currentFromValue: fromValue,\r\n                                currentToValue: toValue,\r\n                                invalidDatesPresent: false,\r\n                            })\r\n                        }}\r\n                        confirmButtonsRenderer={() => {\r\n                            if (this.confirmButtonsVisible()) {\r\n                                return this.renderConfirmButtons(\"small\", 48);\r\n                            }\r\n                            return undefined;\r\n                        }}\r\n                        onPopupVisibleChange={visible => {\r\n                            this.setState({popupVisible: visible});\r\n                        }}\r\n                        defaultMode={this.state.mode}\r\n                        onModeChange={mode => {\r\n                            this.setState({mode: mode});\r\n                        }}\r\n                        {...rest}\r\n                    />\r\n                </Tooltip>\r\n            </span>\r\n        );\r\n    }\r\n}"]}
+{"version":3,"file":"dateRangeInputConfirm.js","sourceRoot":"","sources":["../../../../components/date/dateRangeInputConfirm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {createRef} from \"react\";\r\nimport {Dayjs} from \"dayjs\";\r\nimport {Button, Tooltip} from \"antd\";\r\nimport {DateTimeUtils} from \"d2core/utils/dateTimeUtils\";\r\nimport {CheckOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport DateRangeInput, {DateRangeInputMode, DateRangeInputProps} from \"./dateRangeInput\";\r\nimport {TooltipPlacement} from \"antd/es/tooltip\";\r\nimport {AlignType} from \"@rc-component/trigger/lib/interface\";\r\nimport {UndoIcon} from \"../icons/undoIcon\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {Key} from \"ts-key-enum\";\r\nimport WithInputCss from \"../style/withInputCss\";\r\n\r\ninterface DateRangeInputConfirmProps extends DateRangeInputProps {\r\n    requireConfirmationAtStart?: boolean\r\n    confirmPlacement?: TooltipPlacement\r\n}\r\n\r\ninterface DateRangeInputConfirmState {\r\n    originalFromValue: Dayjs | null\r\n    originalToValue: Dayjs | null\r\n    currentFromValue: Dayjs | null\r\n    currentToValue: Dayjs | null\r\n    invalidDatesPresent: boolean\r\n    requireConfirmation: boolean\r\n\r\n    popupVisible: boolean\r\n    mode: DateRangeInputMode\r\n}\r\n\r\nexport default class DateRangeInputConfirm extends React.Component<DateRangeInputConfirmProps, DateRangeInputConfirmState> {\r\n    private dateRangeInput: DateRangeInput | null = null;\r\n    private parentRef: React.RefObject<HTMLSpanElement> = createRef();\r\n\r\n    constructor(props: Readonly<DateRangeInputConfirmProps>) {\r\n        super(props);\r\n        this.state = {\r\n            originalFromValue: props.fromValue ?? null,\r\n            originalToValue: props.toValue ?? null,\r\n            currentFromValue: props.fromValue ?? null,\r\n            currentToValue: props.toValue ?? null,\r\n            invalidDatesPresent: false,\r\n            requireConfirmation: !!props.requireConfirmationAtStart,\r\n\r\n            popupVisible: false,\r\n            mode: props.defaultMode ?? DateRangeInputMode.SIMPLE,\r\n        };\r\n\r\n        this.onKeyDown = this.onKeyDown.bind(this);\r\n        this.onConfirm = this.onConfirm.bind(this);\r\n        this.onRevert = this.onRevert.bind(this);\r\n    }\r\n\r\n    onKeyDown(event: React.KeyboardEvent) {\r\n        if (event.key === Key.Enter) {\r\n            this.onConfirm();\r\n        } else if (event.key === Key.Escape) {\r\n            this.onRevert();\r\n        }\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<DateRangeInputProps>) {\r\n        const preFromValueUnixTime = DateTimeUtils.toUnixTime(prevProps.fromValue);\r\n        const currentFromValueUnixTime = DateTimeUtils.toUnixTime(this.props.fromValue);\r\n        const prevToValueUnixTime = DateTimeUtils.toUnixTime(prevProps.toValue);\r\n        const currentToValueUnixTime = DateTimeUtils.toUnixTime(this.props.toValue);\r\n        if (preFromValueUnixTime !== currentFromValueUnixTime ||\r\n            prevToValueUnixTime !== currentToValueUnixTime) {\r\n            this.setState({\r\n                originalFromValue: this.props.fromValue ?? null,\r\n                originalToValue: this.props.toValue ?? null,\r\n                currentFromValue: this.props.fromValue ?? null,\r\n                currentToValue: this.props.toValue ?? null\r\n            })\r\n        }\r\n    }\r\n\r\n    private onConfirm() {\r\n        this.setState({requireConfirmation: false});\r\n        this.props.onChange?.(this.state.currentFromValue, this.state.currentToValue);\r\n        this.dateRangeInput?.closePopup();\r\n    }\r\n\r\n    private onRevert() {\r\n        this.setState({\r\n            currentFromValue: this.state.originalFromValue ?? null,\r\n            currentToValue: this.state.originalToValue ?? null,\r\n            invalidDatesPresent: false,\r\n        });\r\n        this.dateRangeInput?.closePopup();\r\n    }\r\n\r\n    private renderConfirmButtons(size?: SizeType, buttonWidth?: number) {\r\n        const validInterval = this.props.allowClear ?\r\n            (!this.state.currentFromValue || this.state.currentFromValue.isValid()) && (!this.state.currentToValue || this.state.currentToValue.isValid()) :\r\n            this.state.currentFromValue && this.state.currentFromValue.isValid() && this.state.currentToValue && this.state.currentToValue.isValid();\r\n\r\n        return (\r\n            <Button.Group style={{background: \"white\"}}>\r\n                <Button\r\n                    style={{borderRightWidth: 2, background: \"white\", width: buttonWidth}}\r\n                    size={size}\r\n                    title={i18n(\"Revert\")}\r\n                    key=\"revert\"\r\n                    danger\r\n                    ghost\r\n                    onClick={this.onRevert}\r\n                >\r\n                    <UndoIcon/>\r\n                </Button>\r\n                <Button\r\n                    style={{width: buttonWidth}}\r\n                    title={i18n(\"Apply\")} key=\"apply-button\"\r\n                    size={size}\r\n                    type=\"primary\"\r\n                    disabled={!validInterval || this.state.invalidDatesPresent}\r\n                    onClick={this.onConfirm}\r\n                >\r\n                    <CheckOutlined/>\r\n                </Button>\r\n            </Button.Group>\r\n        );\r\n    }\r\n\r\n    private confirmButtonsVisible() {\r\n        const {originalFromValue, originalToValue, currentFromValue, currentToValue} = this.state;\r\n        const valueChanged = DateTimeUtils.toUnixTime(currentFromValue) !== DateTimeUtils.toUnixTime(originalFromValue) ||\r\n            DateTimeUtils.toUnixTime(currentToValue) !== DateTimeUtils.toUnixTime(originalToValue);\r\n\r\n        return valueChanged || this.state.invalidDatesPresent || this.state.requireConfirmation;\r\n    }\r\n\r\n    render(): any {\r\n        const {\r\n            fromValue,\r\n            toValue,\r\n            onChange,\r\n            allowClear,\r\n            requireConfirmationAtStart,\r\n            confirmPlacement,\r\n            ...rest\r\n        } = this.props;\r\n        let align: AlignType;\r\n        if (confirmPlacement === \"right\") {\r\n            align = {points: [\"tl\", \"tr\"], offset: [-8, 0]};\r\n        } else if (confirmPlacement === \"topRight\") {\r\n            align = {points: [\"br\", \"tr\"], offset: [0, 8]};\r\n        } else {\r\n            // default bottomRight\r\n            align = {points: [\"tr\", \"br\"], offset: [0, -6]};\r\n        }\r\n        return (\r\n            <WithInputCss>\r\n            <span onKeyDown={this.onKeyDown} ref={this.parentRef}>\r\n                <Tooltip\r\n                    color={\"transparent\"}\r\n                    overlayInnerStyle={{boxShadow: \"none\"}}\r\n                    open={this.confirmButtonsVisible() && !this.state.popupVisible}\r\n                    align={align}\r\n                    title={this.renderConfirmButtons(rest.size, rest.size === \"small\" ? 48 : undefined)}\r\n                    getPopupContainer={() => {\r\n                        // very nasty trick how remove error of ResizeObservers infinite cycling - because popover (with dynamic size) is placed in resizable panel\r\n                        const parentNode = (this.parentRef.current?.parentNode ?? document.body) as HTMLElement;\r\n                        return parentNode;\r\n                    }}\r\n                >\r\n                    <DateRangeInput\r\n                        ref={component => this.dateRangeInput = component}\r\n                        fromValue={this.state.currentFromValue}\r\n                        toValue={this.state.currentToValue}\r\n                        allowClear={allowClear}\r\n                        onInvalidValue={(_) => {\r\n                            this.setState({invalidDatesPresent: true});\r\n                        }}\r\n                        onChange={(fromValue: Dayjs | null, toValue: Dayjs | null) => {\r\n                            this.setState({\r\n                                currentFromValue: fromValue,\r\n                                currentToValue: toValue,\r\n                                invalidDatesPresent: false,\r\n                            })\r\n                        }}\r\n                        confirmButtonsRenderer={() => {\r\n                            if (this.confirmButtonsVisible()) {\r\n                                return this.renderConfirmButtons(\"small\", 48);\r\n                            }\r\n                            return undefined;\r\n                        }}\r\n                        onPopupVisibleChange={visible => {\r\n                            this.setState({popupVisible: visible});\r\n                        }}\r\n                        defaultMode={this.state.mode}\r\n                        onModeChange={mode => {\r\n                            this.setState({mode: mode});\r\n                        }}\r\n                        {...rest}\r\n                    />\r\n                </Tooltip>\r\n            </span>\r\n            </WithInputCss>\r\n        );\r\n    }\r\n}"]}

package/components/style/withInputCss.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface WithInputCssProperties {
+    children: any;
+}
+export default function WithInputCss({ children }: WithInputCssProperties): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export {};

package/components/style/withInputCss.js

@@ -0,0 +1,13 @@
+import { ConfigContext } from "antd/es/config-provider";
+import React from "react";
+import useCSSVarCls from "antd/es/config-provider/hooks/useCSSVarCls";
+import useStyle from "antd/es/input/style/index";
+export default function WithInputCss({ children }) {
+    const { getPrefixCls } = React.useContext(ConfigContext);
+    const prefixCls = getPrefixCls('input');
+    const rootCls = useCSSVarCls(prefixCls);
+    const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);
+    return wrapCSSVar(children);
+}
+;
+//# sourceMappingURL=withInputCss.js.map

package/components/style/withInputCss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withInputCss.js","sourceRoot":"","sources":["../../../../components/style/withInputCss.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AAOjD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAC,QAAQ,EAAyB;IACnE,MAAM,EAAC,YAAY,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAExC,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACrE,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAC;AAChC,CAAC;AAAA,CAAC","sourcesContent":["import {ConfigContext} from \"antd/es/config-provider\";\r\nimport React from \"react\";\r\nimport useCSSVarCls from \"antd/es/config-provider/hooks/useCSSVarCls\";\r\nimport useStyle from \"antd/es/input/style/index\";\r\n\r\n\r\ninterface WithInputCssProperties {\r\n    children: any;\r\n}\r\n\r\nexport default function WithInputCss({children}: WithInputCssProperties) {\r\n    const {getPrefixCls} = React.useContext(ConfigContext);\r\n    const prefixCls = getPrefixCls('input');\r\n    const rootCls = useCSSVarCls(prefixCls);\r\n    // @ts-ignore\r\n    const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\r\n    return wrapCSSVar(children);\r\n};"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "d2coreui",
-  "version": "23.0.2",
+  "version": "23.0.4",
   "description": "Core UI components and utilities library.",
   "author": "Ipesoft s.r.o.",
   "license": "MIT",
@@ -24,7 +24,7 @@
     "@types/react-resizable": "3.0.7",
     "ag-grid-community": "32.2.0",
     "ag-grid-react": "32.2.0",
-    "antd": "5.20.6",
+    "antd": "5.21.2",
     "antd-style": "3.6.3",
     "codemirror": "5.59.2",
     "dayjs": "1.11.11",