d2coreui 23.0.38 → 23.0.40

package/components/grid/panel/dataGridPagination.js

@@ -2,6 +2,17 @@ import React from "react";
 import { Button, InputNumber, Popover, Space } from "antd";
 import i18n from "d2core/i18n/i18n";
 import { CaretLeftOutlined, CaretRightOutlined, CheckOutlined, StepBackwardOutlined, StepForwardOutlined } from "@ant-design/icons";
+import { createStyles } from "antd-style";
+import WithCss from "d2coreui/components/style/withCss";
+const useStyles = createStyles(({ css }) => {
+    return {
+        paginationStyle: css `
+            margin: 0 12px;
+            line-height: 32px;
+            white-space: nowrap;
+        `
+    };
+});
 export default class DataGridPagination extends React.Component {
     constructor(props) {
         super(props);
@@ -12,8 +23,8 @@ export default class DataGridPagination extends React.Component {
         const rangeStart = total === 0 ? 0 : (current - 1) * pageSize + 1;
         const rangeEnd = current * pageSize > total ? total : current * pageSize;
         const totalPages = Math.ceil(total / pageSize);
-        return (React.createElement(React.Fragment, null,
-            React.createElement("li", { style: { margin: "0 12px", lineHeight: "32px", whiteSpace: "nowrap" } }, `${rangeStart}-${rangeEnd} ${i18n('of')} ${total}`),
+        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => (React.createElement(React.Fragment, null,
+            React.createElement("li", { className: css.styles.paginationStyle, style: { color: disabled ? css.theme.colorTextDisabled : undefined } }, `${rangeStart}-${rangeEnd} ${i18n('of')} ${total}`),
             React.createElement(Button.Group, null,
                 React.createElement(Button, { title: i18n("First Page"), disabled: disabled || current === 1, icon: React.createElement(StepBackwardOutlined, null), onClick: () => {
                         this.props.onGoToPage(1);
@@ -53,7 +64,7 @@ export default class DataGridPagination extends React.Component {
                     } }),
                 React.createElement(Button, { title: i18n("Last Page"), disabled: disabled || current === totalPages || total === 0, icon: React.createElement(StepForwardOutlined, null), onClick: () => {
                         this.props.onGoToPage(totalPages);
-                    } }))));
+                    } }))))));
     }
 }
 //# sourceMappingURL=dataGridPagination.js.map

package/components/grid/panel/dataGridPagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataGridPagination.js","sourceRoot":"","sources":["../../../../../components/grid/panel/dataGridPagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {Button, InputNumber, Popover, Space} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {\r\n    CaretLeftOutlined,\r\n    CaretRightOutlined,\r\n    CheckOutlined,\r\n    StepBackwardOutlined,\r\n    StepForwardOutlined\r\n} from \"@ant-design/icons\";\r\n\r\ninterface DataGridPaginationProps {\r\n    disabled?: boolean\r\n    current: number\r\n    pageSize: number\r\n    total: number\r\n\r\n    onGoToPage(page: number): void\r\n}\r\n\r\ninterface DataGridPaginationState {\r\n    gotoPageNumber?: number\r\n}\r\n\r\nexport default class DataGridPagination extends React.Component<DataGridPaginationProps, DataGridPaginationState> {\r\n    constructor(props: Readonly<DataGridPaginationProps>) {\r\n        super(props);\r\n\r\n        this.state = {}\r\n    }\r\n\r\n    render() {\r\n        const {disabled, total, pageSize, current} = this.props;\r\n        const rangeStart = total === 0 ? 0 : (current - 1) * pageSize + 1;\r\n        const rangeEnd = current * pageSize > total ? total : current * pageSize;\r\n        const totalPages = Math.ceil(total / pageSize);\r\n        return (\r\n            <>\r\n                <li style={{margin: \"0 12px\", lineHeight: \"32px\", whiteSpace: \"nowrap\"}}>\r\n                    {`${rangeStart}-${rangeEnd} ${i18n('of')} ${total}`}\r\n                </li>\r\n                <Button.Group>\r\n                    <Button\r\n                        title={i18n(\"First Page\")}\r\n                        disabled={disabled || current === 1}\r\n                        icon={<StepBackwardOutlined/>}\r\n                        onClick={() => {\r\n                            this.props.onGoToPage(1);\r\n                        }}\r\n                    />\r\n                    <Button\r\n                        title={i18n(\"Previous Page\")}\r\n                        disabled={disabled || current === 1}\r\n                        icon={<CaretLeftOutlined/>}\r\n                        onClick={() => {\r\n                            this.props.onGoToPage(current - 1);\r\n                        }}\r\n                    />\r\n                    <Popover\r\n                        placement=\"bottom\"\r\n                        trigger={disabled || totalPages <= 1 ? [] : [\"hover\", \"click\"]}\r\n                        content={\r\n                            <Space.Compact>\r\n                                <InputNumber\r\n                                    disabled={disabled || total === 0}\r\n                                    min={1} max={totalPages}\r\n                                    value={this.state.gotoPageNumber ? this.state.gotoPageNumber : this.props.current}\r\n                                    onChange={(newValue) => {\r\n                                        if (typeof newValue === \"number\") {\r\n                                            this.setState({gotoPageNumber: newValue});\r\n                                        }\r\n                                    }}\r\n                                    onKeyDown={(e) => {\r\n                                        if (e.code === \"Enter\") {\r\n                                            if (this.state.gotoPageNumber) {\r\n                                                this.props.onGoToPage(this.state.gotoPageNumber);\r\n                                            }\r\n                                        }\r\n                                    }}\r\n                                />\r\n                                <Button\r\n                                    title={i18n(\"Goto Page\")}\r\n                                    type=\"primary\"\r\n                                    onClick={() => {\r\n                                        if (this.state.gotoPageNumber) {\r\n                                            this.props.onGoToPage(this.state.gotoPageNumber);\r\n                                        }\r\n                                    }}\r\n                                >\r\n                                    <CheckOutlined/>\r\n                                </Button>\r\n                            </Space.Compact>\r\n                        }>\r\n                        <Button disabled={disabled} style={{width: 80, paddingLeft: 0, paddingRight: 0}}>\r\n                            <span style={{\r\n                                display: \"inline-block\",\r\n                                width: \"100%\",\r\n                                textAlign: \"center\",\r\n                            }}>{total === 0 ? 0 : current} / {totalPages}</span>\r\n                        </Button>\r\n                    </Popover>\r\n                    <Button\r\n                        title={i18n(\"Next Page\")}\r\n                        disabled={disabled || current === totalPages || total === 0}\r\n                        icon={<CaretRightOutlined/>}\r\n                        onClick={() => {\r\n                            this.props.onGoToPage(current + 1);\r\n                        }}\r\n                    />\r\n                    <Button\r\n                        title={i18n(\"Last Page\")}\r\n                        disabled={disabled || current === totalPages || total === 0}\r\n                        icon={<StepForwardOutlined/>}\r\n                        onClick={() => {\r\n                            this.props.onGoToPage(totalPages);\r\n                        }}\r\n                    />\r\n                </Button.Group>\r\n            </>\r\n        );\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"dataGridPagination.js","sourceRoot":"","sources":["../../../../../components/grid/panel/dataGridPagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {Button, InputNumber, Popover, Space} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {\r\n    CaretLeftOutlined,\r\n    CaretRightOutlined,\r\n    CheckOutlined,\r\n    StepBackwardOutlined,\r\n    StepForwardOutlined\r\n} from \"@ant-design/icons\";\r\nimport {createStyles} from \"antd-style\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\n\r\nconst useStyles = createStyles(({css}) => {\r\n    return {\r\n        paginationStyle: css`\r\n            margin: 0 12px;\r\n            line-height: 32px;\r\n            white-space: nowrap;\r\n        `\r\n    }\r\n});\r\n\r\ninterface DataGridPaginationProps {\r\n    disabled?: boolean\r\n    current: number\r\n    pageSize: number\r\n    total: number\r\n\r\n    onGoToPage(page: number): void\r\n}\r\n\r\ninterface DataGridPaginationState {\r\n    gotoPageNumber?: number\r\n}\r\n\r\nexport default class DataGridPagination extends React.Component<DataGridPaginationProps, DataGridPaginationState> {\r\n    constructor(props: Readonly<DataGridPaginationProps>) {\r\n        super(props);\r\n\r\n        this.state = {}\r\n    }\r\n\r\n    render() {\r\n        const {disabled, total, pageSize, current} = this.props;\r\n        const rangeStart = total === 0 ? 0 : (current - 1) * pageSize + 1;\r\n        const rangeEnd = current * pageSize > total ? total : current * pageSize;\r\n        const totalPages = Math.ceil(total / pageSize);\r\n        return (\r\n            <WithCss useStyles={useStyles}>{(css) => (\r\n                <>\r\n                    <li className={css.styles.paginationStyle} style={{color: disabled ? css.theme.colorTextDisabled : undefined}}>\r\n                        {`${rangeStart}-${rangeEnd} ${i18n('of')} ${total}`}\r\n                    </li>\r\n                    <Button.Group>\r\n                        <Button\r\n                            title={i18n(\"First Page\")}\r\n                            disabled={disabled || current === 1}\r\n                            icon={<StepBackwardOutlined/>}\r\n                            onClick={() => {\r\n                                this.props.onGoToPage(1);\r\n                            }}\r\n                        />\r\n                        <Button\r\n                            title={i18n(\"Previous Page\")}\r\n                            disabled={disabled || current === 1}\r\n                            icon={<CaretLeftOutlined/>}\r\n                            onClick={() => {\r\n                                this.props.onGoToPage(current - 1);\r\n                            }}\r\n                        />\r\n                        <Popover\r\n                            placement=\"bottom\"\r\n                            trigger={disabled || totalPages <= 1 ? [] : [\"hover\", \"click\"]}\r\n                            content={\r\n                                <Space.Compact>\r\n                                    <InputNumber\r\n                                        disabled={disabled || total === 0}\r\n                                        min={1} max={totalPages}\r\n                                        value={this.state.gotoPageNumber ? this.state.gotoPageNumber : this.props.current}\r\n                                        onChange={(newValue) => {\r\n                                            if (typeof newValue === \"number\") {\r\n                                                this.setState({gotoPageNumber: newValue});\r\n                                            }\r\n                                        }}\r\n                                        onKeyDown={(e) => {\r\n                                            if (e.code === \"Enter\") {\r\n                                                if (this.state.gotoPageNumber) {\r\n                                                    this.props.onGoToPage(this.state.gotoPageNumber);\r\n                                                }\r\n                                            }\r\n                                        }}\r\n                                    />\r\n                                    <Button\r\n                                        title={i18n(\"Goto Page\")}\r\n                                        type=\"primary\"\r\n                                        onClick={() => {\r\n                                            if (this.state.gotoPageNumber) {\r\n                                                this.props.onGoToPage(this.state.gotoPageNumber);\r\n                                            }\r\n                                        }}\r\n                                    >\r\n                                        <CheckOutlined/>\r\n                                    </Button>\r\n                                </Space.Compact>\r\n                            }>\r\n                            <Button disabled={disabled} style={{width: 80, paddingLeft: 0, paddingRight: 0}}>\r\n                                <span style={{\r\n                                    display: \"inline-block\",\r\n                                    width: \"100%\",\r\n                                    textAlign: \"center\",\r\n                                }}>{total === 0 ? 0 : current} / {totalPages}</span>\r\n                            </Button>\r\n                        </Popover>\r\n                        <Button\r\n                            title={i18n(\"Next Page\")}\r\n                            disabled={disabled || current === totalPages || total === 0}\r\n                            icon={<CaretRightOutlined/>}\r\n                            onClick={() => {\r\n                                this.props.onGoToPage(current + 1);\r\n                            }}\r\n                        />\r\n                        <Button\r\n                            title={i18n(\"Last Page\")}\r\n                            disabled={disabled || current === totalPages || total === 0}\r\n                            icon={<StepForwardOutlined/>}\r\n                            onClick={() => {\r\n                                this.props.onGoToPage(totalPages);\r\n                            }}\r\n                        />\r\n                    </Button.Group>\r\n                </>\r\n            )}\r\n            </WithCss>\r\n        );\r\n    }\r\n\r\n}"]}

package/components/input/autoCompleteInput.d.ts

@@ -1,34 +1,33 @@
 import React from "react";
-import { AutoCompleteProps } from "antd/es/auto-complete";
-import { DefaultOptionType } from "antd/es/select";
-interface InputSearchWithHistoryProps extends Omit<AutoCompleteProps, "onChange" | "onSearch" | "placeholder" | "options"> {
+import { InputProps } from "antd/es";
+interface InputSearchWithHistoryProps extends Omit<InputProps, "onChange" | "onSearch" | "onSelect" | "placeholder" | "options"> {
     value?: string;
     options?: string[];
     placeholder?: string;
     prefix?: React.ReactNode;
     onChange(searchString: string): void;
     onSearch(): void;
+    onSelect?: () => void;
     onPressEnter?(): void;
+    inputReadonly?: boolean;
     stringFormatter?(rawString: string): string;
 }
 interface InputSearchWithHistoryState {
     opened: boolean;
-    loading: boolean;
-    searchString?: string;
+    searchString: string;
 }
 export default class AutoCompleteInput extends React.Component<InputSearchWithHistoryProps, InputSearchWithHistoryState> {
     static get defaultProps(): {
         onSearch: () => void;
         onChange: () => void;
     };
-    private autocomplete;
+    private inputRef;
+    private menuRef;
     constructor(props: Readonly<InputSearchWithHistoryProps>);
+    componentDidUpdate(prevProps: Readonly<InputSearchWithHistoryProps>): void;
     focus(): void;
-    static getDerivedStateFromProps(props: InputSearchWithHistoryProps, state: InputSearchWithHistoryState): Partial<InputSearchWithHistoryState>;
-    setSearchString(searchString: string): void;
-    getAutocompleteOptions(): DefaultOptionType[];
-    onSearch(): void;
-    onSelect(searchString: string): void;
+    private triggerChange;
+    private toggleDropdown;
     render(): React.JSX.Element;
 }
 export {};

package/components/input/autoCompleteInput.js

@@ -10,9 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from "react";
-import { AutoComplete, Input } from "antd";
+import { Dropdown, Input, Menu } from "antd";
+import { DownOutlined } from "@ant-design/icons";
 import { Key } from "ts-key-enum";
-import DropdownArrow from "../icons/dropdownArrow";
 export default class AutoCompleteInput extends React.Component {
     static get defaultProps() {
         return {
@@ -24,100 +24,91 @@ export default class AutoCompleteInput extends React.Component {
     }
     constructor(props) {
         super(props);
+        this.inputRef = React.createRef();
+        this.menuRef = React.createRef();
+        this.triggerChange = (value) => {
+            this.setState({ searchString: value }, () => {
+                this.props.onChange(value);
+            });
+        };
+        this.toggleDropdown = (e) => {
+            e === null || e === void 0 ? void 0 : e.preventDefault();
+            e === null || e === void 0 ? void 0 : e.stopPropagation();
+            if (this.props.disabled && !this.props.inputReadonly)
+                return;
+            const willOpen = !this.state.opened;
+            this.setState({ opened: willOpen }, () => {
+                if (willOpen) {
+                    setTimeout(() => {
+                        var _a;
+                        (_a = this.menuRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    }, 50);
+                }
+            });
+        };
         this.state = {
             opened: false,
-            loading: false,
+            searchString: props.value || "",
         };
-        this.autocomplete = React.createRef();
-        this.focus = this.focus.bind(this);
-    }
-    focus() {
-        var _a;
-        (_a = this.autocomplete.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    static getDerivedStateFromProps(props, state) {
-        const newState = {};
-        if (props.value !== state.searchString) {
-            newState.searchString = props.value;
-        }
-        return newState;
-    }
-    setSearchString(searchString) {
-        if (this.props.stringFormatter) {
-            if (searchString.indexOf("ðð") < 0 && this.props.options && this.props.options.length > 0) {
-                for (let i = 0; i < this.props.options.length; i++) {
-                    if (searchString === this.props.stringFormatter(this.props.options[i])) {
-                        searchString = this.props.options[i];
-                        break;
-                    }
-                }
-            }
-            if (this.state.searchString !== searchString) {
-                this.setState({ opened: false, searchString: searchString }, () => {
-                    this.props.onChange(searchString);
-                });
-            }
-            else {
-                this.setState({ opened: false });
-            }
-        }
-        else {
-            this.setState({ opened: false, searchString: searchString });
-            this.props.onChange(searchString);
-        }
     }
-    getAutocompleteOptions() {
-        const autocompleteData = [];
-        if (this.props.options && this.props.options.length > 0) {
-            autocompleteData.push(...this.props.options);
+    componentDidUpdate(prevProps) {
+        if (this.props.value !== prevProps.value && this.props.value !== this.state.searchString) {
+            this.setState({ searchString: this.props.value || "" });
         }
-        return autocompleteData.filter((e) => !!e).map((e) => {
-            return ({
-                value: "" + (this.props.stringFormatter ? this.props.stringFormatter(e) : e),
-                label: "" + (this.props.stringFormatter ? this.props.stringFormatter(e) : e)
-            });
-        });
     }
-    onSearch() {
-        this.props.onSearch();
-    }
-    onSelect(searchString) {
-        this.setSearchString(searchString);
+    focus() {
+        var _a;
+        (_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        let _a = this.props, { disabled, stringFormatter, onChange, onSearch, placeholder, onPressEnter, options, value, size, prefix } = _a, rest = __rest(_a, ["disabled", "stringFormatter", "onChange", "onSearch", "placeholder", "onPressEnter", "options", "value", "size", "prefix"]);
-        const searchHistoryPresent = this.props.options && this.props.options.length > 0;
-        return (React.createElement(AutoComplete, Object.assign({ options: this.state.opened ? this.getAutocompleteOptions() : [], style: { width: 200 }, value: this.state.searchString && stringFormatter ? stringFormatter(this.state.searchString) : this.state.searchString, defaultOpen: false, defaultActiveFirstOption: false, onChange: (searchString) => {
-                if (typeof searchString === "string") {
-                    this.setSearchString(searchString);
-                }
-            }, onSelect: (searchString) => {
-                if (typeof searchString === "string") {
-                    this.onSelect(searchString);
-                }
+        const _a = this.props, { disabled, inputReadonly, placeholder, prefix, onPressEnter, onSearch, onSelect, options, stringFormatter, style, value, onBlur, onKeyDown, onFocus } = _a, rest = __rest(_a, ["disabled", "inputReadonly", "placeholder", "prefix", "onPressEnter", "onSearch", "onSelect", "options", "stringFormatter", "style", "value", "onBlur", "onKeyDown", "onFocus"]);
+        const hasHistory = options && options.length > 0;
+        const historyMenu = (React.createElement(Menu, { ref: this.menuRef, onClick: ({ key }) => {
+                this.triggerChange(key);
+                this.setState({ opened: false });
+                onSearch === null || onSearch === void 0 ? void 0 : onSearch();
+                onSelect === null || onSelect === void 0 ? void 0 : onSelect();
             }, onKeyDown: (e) => {
-                if (!this.state.opened && e.key === Key.ArrowDown) {
-                    this.setState({ opened: true });
-                }
-                else if (e.key === Key.Escape) {
+                if (e.key === Key.Escape) {
                     this.setState({ opened: false });
+                    this.focus();
                 }
-                else if (this.state.opened && e.key === Key.Enter) {
-                    this.setState({ opened: false });
-                    this.onSearch();
-                }
-                else if (!this.state.opened && e.key === Key.Enter) {
-                    this.onSearch();
-                }
-            }, onBlur: () => {
-                this.setState({ opened: false });
-            } }, rest, { disabled: disabled || this.state.loading }),
-            React.createElement(Input, { size: size, allowClear: !disabled, placeholder: placeholder, prefix: prefix, suffix: searchHistoryPresent &&
-                    React.createElement(DropdownArrow, { opened: this.state.opened, onClick: () => {
-                            if (!this.props.disabled && !this.state.loading) {
-                                this.setState({ opened: !this.state.opened });
-                            }
-                        } }), disabled: disabled || this.state.loading, onPressEnter: this.state.opened ? undefined : onPressEnter })));
+            }, items: options === null || options === void 0 ? void 0 : options.filter(Boolean).map((opt) => ({
+                key: opt,
+                label: stringFormatter ? stringFormatter(opt) : opt,
+            })) }));
+        return (React.createElement("div", { style: Object.assign({ width: 200, display: "inline-block" }, style) },
+            React.createElement(Dropdown, { popupRender: () => historyMenu, open: this.state.opened && hasHistory, onOpenChange: (open) => {
+                    this.setState({ opened: open });
+                }, trigger: [] },
+                React.createElement(Input, Object.assign({}, rest, { ref: this.inputRef, placeholder: placeholder, prefix: prefix, value: stringFormatter ? stringFormatter(this.state.searchString) : this.state.searchString, disabled: disabled && !inputReadonly, readOnly: inputReadonly, allowClear: !disabled || inputReadonly, onChange: (e) => {
+                        this.triggerChange(e.target.value);
+                    }, onKeyDown: (e) => {
+                        if (!this.state.opened && e.key === Key.ArrowDown) {
+                            e.preventDefault();
+                            this.toggleDropdown();
+                        }
+                        else if (e.key === Key.Escape) {
+                            e.preventDefault();
+                            this.setState({ opened: false });
+                        }
+                        else if (this.state.opened && e.key === Key.Enter) {
+                            e.preventDefault();
+                            this.setState({ opened: false });
+                            if (onSearch)
+                                onSearch();
+                        }
+                        else if (!this.state.opened && e.key === Key.Enter) {
+                            if (onPressEnter)
+                                onPressEnter();
+                            if (onSearch)
+                                onSearch();
+                        }
+                    }, suffix: hasHistory ? (React.createElement(DownOutlined, { style: {
+                            cursor: (disabled && !inputReadonly) ? "not-allowed" : "pointer",
+                            color: "rgba(0, 0, 0, 0.25)",
+                            padding: "4px"
+                        }, onMouseDown: (e) => e.preventDefault(), onClick: this.toggleDropdown })) : null })))));
     }
 }
 //# sourceMappingURL=autoCompleteInput.js.map

package/components/input/autoCompleteInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"autoCompleteInput.js","sourceRoot":"","sources":["../../../../components/input/autoCompleteInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAC,YAAY,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AAGzC,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAChC,OAAO,aAAa,MAAM,wBAAwB,CAAC;AA0BnD,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAmE;IACpH,MAAM,KAAK,YAAY;QACnB,OAAO;YACH,QAAQ,EAAE,GAAG,EAAE;YACf,CAAC;YACD,QAAQ,EAAE,GAAG,EAAE;YACf,CAAC;SACJ,CAAC;IACN,CAAC;IAID,YAAY,KAA4C;QACpD,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,KAAK;SACjB,CAAC;QAEF,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,KAAK;;QACD,MAAA,IAAI,CAAC,YAAY,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IACvC,CAAC;IAKD,MAAM,CAAC,wBAAwB,CAAC,KAAkC,EAAE,KAAkC;QAClG,MAAM,QAAQ,GAAyC,EAAE,CAAC;QAC1D,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,YAAY,EAAE,CAAC;YACrC,QAAQ,CAAC,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC;QACxC,CAAC;QACD,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,eAAe,CAAC,YAAoB;QAChC,IAAG,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;YAC5B,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACxF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBACjD,IAAI,YAAY,KAAK,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;wBACrE,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;wBACrC,MAAM;oBACV,CAAC;gBACL,CAAC;YACL,CAAC;YACD,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,YAAY,EAAE,CAAC;gBAC3C,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAC,EAAE,GAAG,EAAE;oBAC5D,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;gBACtC,CAAC,CAAC,CAAC;YACP,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAC,CAAC,CAAC;YAC3D,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;IAED,sBAAsB;QAClB,MAAM,gBAAgB,GAAG,EAAE,CAAC;QAC5B,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtD,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;QACD,OAAO,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACjD,OAAO,CAAC;gBACJ,KAAK,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC5E,KAAK,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;aAC/E,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC;IAKD,QAAQ;QACJ,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC1B,CAAC;IAED,QAAQ,CAAC,YAAoB;QACzB,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IACvC,CAAC;IAED,MAAM;QACF,IAAI,KAAoH,IAAI,CAAC,KAAK,EAA9H,EAAC,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,OAAuB,EAAlB,IAAI,cAAhH,4HAAiH,CAAa,CAAC;QACnI,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QACjF,OAAO,CACH,oBAAC,YAAY,kBACT,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC,EAAE,EAC/D,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAC,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EACtH,WAAW,EAAE,KAAK,EAClB,wBAAwB,EAAE,KAAK,EAC/B,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE;gBACvB,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;oBACnC,IAAI,CAAC,eAAe,CAAC,YAAsB,CAAC,CAAC;gBACjD,CAAC;YACL,CAAC,EACD,QAAQ,EAAE,CAAC,YAAY,EAAE,EAAE;gBACvB,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;oBACnC,IAAI,CAAC,QAAQ,CAAC,YAAsB,CAAC,CAAC;gBAC1C,CAAC;YACL,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,SAAS,EAAE,CAAC;oBAChD,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAC;gBAClC,CAAC;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,MAAM,EAAE,CAAC;oBAC9B,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;gBACnC,CAAC;qBAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,EAAE,CAAC;oBAClD,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;oBAC/B,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACpB,CAAC;qBAAM,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,KAAK,EAAE,CAAC;oBACnD,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACpB,CAAC;YACL,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;gBACT,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;YACnC,CAAC,IACG,IAAI,IACR,QAAQ,EAAE,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YAExC,oBAAC,KAAK,IACF,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,CAAC,QAAQ,EACrB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,MAAM,EACF,oBAAoB;oBACpB,oBAAC,aAAa,IAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;gCAC9C,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAC,CAAC,CAAC;4BAChD,CAAC;wBACL,CAAC,GAAG,EAEvB,QAAQ,EAAE,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EACxC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,GAAG,CACtD,CAClB,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\"\r\nimport {AutoComplete, Input} from \"antd\";\r\nimport {AutoCompleteProps} from \"antd/es/auto-complete\";\r\nimport {DefaultOptionType, RefSelectProps} from \"antd/es/select\";\r\nimport {Key} from \"ts-key-enum\";\r\nimport DropdownArrow from \"../icons/dropdownArrow\";\r\n\r\ninterface InputSearchWithHistoryProps extends Omit<AutoCompleteProps, \"onChange\" | \"onSearch\" | \"placeholder\" | \"options\"> {\r\n    value?: string\r\n\r\n    options?: string[]\r\n\r\n    placeholder?: string\r\n\r\n    prefix?: React.ReactNode\r\n\r\n    onChange(searchString: string): void\r\n\r\n    onSearch(): void\r\n\r\n    onPressEnter?(): void\r\n\r\n    stringFormatter?(rawString: string): string\r\n}\r\n\r\ninterface InputSearchWithHistoryState {\r\n    opened: boolean\r\n    loading: boolean\r\n    searchString?: string\r\n}\r\n\r\nexport default class AutoCompleteInput extends React.Component<InputSearchWithHistoryProps, InputSearchWithHistoryState> {\r\n    static get defaultProps() {\r\n        return {\r\n            onSearch: () => {\r\n            },\r\n            onChange: () => {\r\n            }\r\n        };\r\n    }\r\n\r\n    private autocomplete: React.RefObject<RefSelectProps>;\r\n\r\n    constructor(props: Readonly<InputSearchWithHistoryProps>) {\r\n        super(props);\r\n        this.state = {\r\n            opened: false,\r\n            loading: false,\r\n        };\r\n\r\n        this.autocomplete = React.createRef();\r\n        this.focus = this.focus.bind(this);\r\n    }\r\n\r\n    focus() {\r\n        this.autocomplete.current?.focus();\r\n    }\r\n\r\n    /**\r\n     * Handling setting search string from parent component\r\n     */\r\n    static getDerivedStateFromProps(props: InputSearchWithHistoryProps, state: InputSearchWithHistoryState): Partial<InputSearchWithHistoryState> {\r\n        const newState: Partial<InputSearchWithHistoryState> = {};\r\n        if (props.value !== state.searchString) {\r\n            newState.searchString = props.value;\r\n        }\r\n        return newState;\r\n    }\r\n\r\n    setSearchString(searchString: string) {\r\n        if(this.props.stringFormatter) {\r\n            if (searchString.indexOf(\"ðð\") < 0 && this.props.options && this.props.options.length > 0) {\r\n                for (let i = 0; i < this.props.options.length; i++) {\r\n                    if (searchString === this.props.stringFormatter(this.props.options[i])) {\r\n                        searchString = this.props.options[i];\r\n                        break;\r\n                    }\r\n                }\r\n            }\r\n            if (this.state.searchString !== searchString) {\r\n                this.setState({opened: false, searchString: searchString}, () => {\r\n                    this.props.onChange(searchString);\r\n                });\r\n            } else {\r\n                this.setState({opened: false});\r\n            }\r\n        } else {\r\n            this.setState({opened: false, searchString: searchString});\r\n            this.props.onChange(searchString);\r\n        }\r\n    }\r\n\r\n    getAutocompleteOptions(): DefaultOptionType[] {\r\n        const autocompleteData = [];\r\n        if (this.props.options && this.props.options.length > 0) {\r\n            autocompleteData.push(...this.props.options);\r\n        }\r\n        return autocompleteData.filter((e) => !!e).map((e) => {\r\n            return ({\r\n                value: \"\" + (this.props.stringFormatter ? this.props.stringFormatter(e) : e),\r\n                label: \"\" + (this.props.stringFormatter ? this.props.stringFormatter(e) : e)\r\n            });\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Handling search confirmation by pressing enter\r\n     */\r\n    onSearch() {\r\n        this.props.onSearch();\r\n    }\r\n\r\n    onSelect(searchString: string) {\r\n        this.setSearchString(searchString);\r\n    }\r\n\r\n    render() {\r\n        let {disabled, stringFormatter, onChange, onSearch, placeholder, onPressEnter, options, value, size, prefix, ...rest} = this.props;\r\n        const searchHistoryPresent = this.props.options && this.props.options.length > 0;\r\n        return (\r\n            <AutoComplete\r\n                options={this.state.opened ? this.getAutocompleteOptions() : []}\r\n                style={{width: 200}}\r\n                value={this.state.searchString && stringFormatter ? stringFormatter(this.state.searchString) : this.state.searchString}\r\n                defaultOpen={false}\r\n                defaultActiveFirstOption={false}\r\n                onChange={(searchString) => {\r\n                    if (typeof searchString === \"string\") {\r\n                        this.setSearchString(searchString as string);\r\n                    }\r\n                }}\r\n                onSelect={(searchString) => {\r\n                    if (typeof searchString === \"string\") {\r\n                        this.onSelect(searchString as string);\r\n                    }\r\n                }}\r\n                onKeyDown={(e) => {\r\n                    if (!this.state.opened && e.key === Key.ArrowDown) {\r\n                        this.setState({opened: true});\r\n                    } else if (e.key === Key.Escape) {\r\n                        this.setState({opened: false});\r\n                    } else if (this.state.opened && e.key === Key.Enter) {\r\n                        this.setState({opened: false});\r\n                        this.onSearch();\r\n                    } else if (!this.state.opened && e.key === Key.Enter) {\r\n                        this.onSearch();\r\n                    }\r\n                }}\r\n                onBlur={() => {\r\n                    this.setState({opened: false});\r\n                }}\r\n                {...rest}\r\n                disabled={disabled || this.state.loading}\r\n            >\r\n                <Input\r\n                    size={size}\r\n                    allowClear={!disabled}\r\n                    placeholder={placeholder}\r\n                    prefix={prefix}\r\n                    suffix={\r\n                        searchHistoryPresent &&\r\n                        <DropdownArrow opened={this.state.opened}\r\n                                       onClick={() => {\r\n                                           if (!this.props.disabled && !this.state.loading) {\r\n                                               this.setState({opened: !this.state.opened});\r\n                                           }\r\n                                       }}/>\r\n                    }\r\n                    disabled={disabled || this.state.loading}\r\n                    onPressEnter={this.state.opened ? undefined : onPressEnter}/>\r\n            </AutoComplete>\r\n        );\r\n    }\r\n}"]}
+{"version":3,"file":"autoCompleteInput.js","sourceRoot":"","sources":["../../../../components/input/autoCompleteInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {Dropdown, Input, InputRef, Menu} from \"antd\";\r\nimport {DownOutlined} from \"@ant-design/icons\";\r\nimport {InputProps} from \"antd/es\";\r\nimport {Key} from \"ts-key-enum\";\r\n\r\ninterface InputSearchWithHistoryProps extends Omit<InputProps, \"onChange\" | \"onSearch\" | \"onSelect\" | \"placeholder\" | \"options\"> {\r\n    value?: string\r\n\r\n    options?: string[]\r\n\r\n    placeholder?: string\r\n\r\n    prefix?: React.ReactNode\r\n\r\n    onChange(searchString: string): void\r\n\r\n    onSearch(): void\r\n\r\n    onSelect?: () => void\r\n\r\n    onPressEnter?(): void\r\n\r\n    inputReadonly?: boolean\r\n\r\n    stringFormatter?(rawString: string): string\r\n}\r\n\r\ninterface InputSearchWithHistoryState {\r\n    opened: boolean\r\n    searchString: string\r\n}\r\n\r\nexport default class AutoCompleteInput extends React.Component<InputSearchWithHistoryProps, InputSearchWithHistoryState> {\r\n    static get defaultProps() {\r\n        return {\r\n            onSearch: () => {\r\n            },\r\n            onChange: () => {\r\n            }\r\n        };\r\n    }\r\n\r\n    private inputRef = React.createRef<InputRef>();\r\n    private menuRef = React.createRef<any>();\r\n\r\n    constructor(props: Readonly<InputSearchWithHistoryProps>) {\r\n        super(props);\r\n        this.state = {\r\n            opened: false,\r\n            searchString: props.value || \"\",\r\n        };\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<InputSearchWithHistoryProps>) {\r\n        if (this.props.value !== prevProps.value && this.props.value !== this.state.searchString) {\r\n            this.setState({searchString: this.props.value || \"\"});\r\n        }\r\n    }\r\n\r\n    public focus() {\r\n        this.inputRef.current?.focus();\r\n    }\r\n\r\n    private triggerChange = (value: string) => {\r\n        this.setState({searchString: value}, () => {\r\n            this.props.onChange(value);\r\n        });\r\n    };\r\n\r\n    private toggleDropdown = (e?: React.MouseEvent) => {\r\n        e?.preventDefault();\r\n        e?.stopPropagation();\r\n\r\n        if (this.props.disabled && !this.props.inputReadonly) return;\r\n\r\n        const willOpen = !this.state.opened;\r\n\r\n        this.setState({opened: willOpen}, () => {\r\n            if (willOpen) {\r\n                setTimeout(() => {\r\n                    this.menuRef.current?.focus();\r\n                }, 50);\r\n            }\r\n        });\r\n    };\r\n\r\n    render() {\r\n        const {\r\n            disabled,\r\n            inputReadonly,\r\n            placeholder,\r\n            prefix,\r\n            onPressEnter,\r\n            onSearch,\r\n            onSelect,\r\n            options,\r\n            stringFormatter,\r\n            style,\r\n            value,\r\n            onBlur,\r\n            onKeyDown,\r\n            onFocus,\r\n\r\n            ...rest\r\n        } = this.props;\r\n\r\n        const hasHistory = options && options.length > 0;\r\n\r\n        const historyMenu = (\r\n            <Menu\r\n                ref={this.menuRef}\r\n                onClick={({key}) => {\r\n                    this.triggerChange(key);\r\n                    this.setState({opened: false});\r\n                    onSearch?.();\r\n                    onSelect?.();\r\n                }}\r\n                onKeyDown={(e) => {\r\n                    if (e.key === Key.Escape) {\r\n                        this.setState({opened: false});\r\n                        this.focus();\r\n                    }\r\n                }}\r\n                items={options?.filter(Boolean).map((opt) => ({\r\n                    key: opt,\r\n                    label: stringFormatter ? stringFormatter(opt) : opt,\r\n                }))}\r\n            />\r\n        );\r\n\r\n        return (\r\n            <div style={{width: 200, display: \"inline-block\", ...style}}>\r\n                <Dropdown\r\n                    popupRender={() => historyMenu}\r\n                    open={this.state.opened && hasHistory}\r\n                    onOpenChange={(open) => {\r\n                        this.setState({opened: open});\r\n                    }}\r\n                    trigger={[]}\r\n                >\r\n                    <Input\r\n                        {...rest}\r\n                        ref={this.inputRef}\r\n                        placeholder={placeholder}\r\n                        prefix={prefix}\r\n                        value={stringFormatter ? stringFormatter(this.state.searchString) : this.state.searchString}\r\n                        disabled={disabled && !inputReadonly}\r\n                        readOnly={inputReadonly}\r\n                        allowClear={!disabled || inputReadonly}\r\n                        onChange={(e) => {\r\n                            this.triggerChange(e.target.value);\r\n                        }}\r\n                        onKeyDown={(e) => {\r\n                        if (!this.state.opened && e.key === Key.ArrowDown) {\r\n                            e.preventDefault();\r\n                            this.toggleDropdown();\r\n                        } else if (e.key === Key.Escape) {\r\n                            e.preventDefault();\r\n                            this.setState({opened: false});\r\n                        } else if (this.state.opened && e.key === Key.Enter) {\r\n                            e.preventDefault();\r\n                            this.setState({opened: false});\r\n                            if (onSearch) onSearch();\r\n                        } else if (!this.state.opened && e.key === Key.Enter) {\r\n                            if (onPressEnter) onPressEnter();\r\n                            if (onSearch) onSearch();\r\n                        }\r\n                    }}\r\n                        suffix={\r\n                            hasHistory ? (\r\n                                <DownOutlined\r\n                                    style={{\r\n                                        cursor: (disabled && !inputReadonly) ? \"not-allowed\" : \"pointer\",\r\n                                        color: \"rgba(0, 0, 0, 0.25)\",\r\n                                        padding: \"4px\"\r\n                                    }}\r\n                                    onMouseDown={(e) => e.preventDefault()}\r\n                                    onClick={this.toggleDropdown}\r\n                                />\r\n                            ) : null\r\n                        }\r\n                    />\r\n                </Dropdown>\r\n            </div>\r\n        );\r\n    }\r\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "d2coreui",
-  "version": "23.0.38",
+  "version": "23.0.40",
   "description": "Core UI components and utilities library.",
   "author": "Ipesoft s.r.o.",
   "license": "MIT",

package/style/modal/DraggableModal.css

@@ -33,10 +33,6 @@
     padding: 16px;
 }
 
-.ant-design-draggable-modal .ant-design-draggable-modal-title::before {
-    content: '\00a0';
-}
-
 .ant-design-draggable-modal .ant-modal-body {
     flex: 1;
     overflow-y: auto;