d2coreui 21.0.33 → 23.0.0

package/components/input/autoCompleteInput.js

@@ -1,122 +1,123 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import { AutoComplete, Input } from "antd";
-import { DownOutlined } from "@ant-design/icons";
-export default class AutoCompleteInput extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            opened: false,
-            loading: false,
-        };
-        this.autocomplete = React.createRef();
-        this.focus = this.focus.bind(this);
-    }
-    static get defaultProps() {
-        return {
-            onSearch: () => {
-            },
-            onChange: () => {
-            }
-        };
-    }
-    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);
-        }
-        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);
-    }
-    render() {
-        let _a = this.props, { disabled, inputReadonly, stringFormatter, onChange, onSearch, placeholder, onPressEnter, options, value, size } = _a, rest = __rest(_a, ["disabled", "inputReadonly", "stringFormatter", "onChange", "onSearch", "placeholder", "onPressEnter", "options", "value", "size"]);
-        const searchHistoryPresent = this.props.options && this.props.options.length > 0;
-        return (React.createElement(AutoComplete, Object.assign({ className: (this.state.opened ? "autocomplete-open" : "") + (inputReadonly ? " readonly" : ""), 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);
-                }
-            }, onBlur: () => {
-                this.setState({ opened: false });
-            } }, rest, { disabled: (disabled && !inputReadonly) || this.state.loading }),
-            React.createElement(Input, { size: size, allowClear: !disabled || inputReadonly, onKeyDown: (e) => {
-                    if (!this.state.opened && e.keyCode === 40) {
-                        this.setState({ opened: true });
-                    }
-                    else if (e.keyCode === 27) {
-                        this.setState({ opened: false });
-                    }
-                    else if (this.state.opened && ((e.keyCode === 3 || e.keyCode === 13))) {
-                        this.setState({ opened: false });
-                        this.onSearch();
-                    }
-                    else if (!this.state.opened && ((e.keyCode === 3 || e.keyCode === 13))) {
-                        this.onSearch();
-                    }
-                }, placeholder: placeholder, prefix: this.props.prefix, suffix: searchHistoryPresent && React.createElement("span", { className: "dropdown-arrow" },
-                    React.createElement(DownOutlined, { className: "dropdown-arrow-icon ant-input-clear-icon", role: "button", tabIndex: -1, onClick: () => {
-                            if ((!this.props.disabled || this.props.inputReadonly) && !this.state.loading) {
-                                this.setState({ opened: !this.state.opened });
-                            }
-                        } })), readOnly: inputReadonly, className: inputReadonly ? "readonly" : "", disabled: (disabled && !inputReadonly) || this.state.loading, onPressEnter: this.state.opened ? undefined : onPressEnter })));
-    }
-}
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { AutoComplete, Input } from "antd";
+import { Key } from "ts-key-enum";
+import DropdownArrow from "../icons/dropdownArrow";
+export default class AutoCompleteInput extends React.Component {
+    static get defaultProps() {
+        return {
+            onSearch: () => {
+            },
+            onChange: () => {
+            }
+        };
+    }
+    constructor(props) {
+        super(props);
+        this.state = {
+            opened: false,
+            loading: false,
+        };
+        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);
+        }
+        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);
+    }
+    render() {
+        let _a = this.props, { disabled, inputReadonly, stringFormatter, onChange, onSearch, placeholder, onPressEnter, options, value, size } = _a, rest = __rest(_a, ["disabled", "inputReadonly", "stringFormatter", "onChange", "onSearch", "placeholder", "onPressEnter", "options", "value", "size"]);
+        const searchHistoryPresent = this.props.options && this.props.options.length > 0;
+        return (React.createElement(AutoComplete, Object.assign({ className: inputReadonly ? " readonly" : "", 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);
+                }
+            }, onBlur: () => {
+                this.setState({ opened: false });
+            } }, rest, { disabled: (disabled && !inputReadonly) || this.state.loading }),
+            React.createElement(Input, { size: size, allowClear: !disabled || inputReadonly, onKeyDown: (e) => {
+                    if (!this.state.opened && e.key === Key.ArrowDown) {
+                        this.setState({ opened: true });
+                    }
+                    else if (e.key === Key.Escape) {
+                        this.setState({ opened: false });
+                    }
+                    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();
+                    }
+                }, placeholder: placeholder, prefix: this.props.prefix, suffix: searchHistoryPresent &&
+                    React.createElement(DropdownArrow, { opened: this.state.opened, onClick: () => {
+                            if ((!this.props.disabled || this.props.inputReadonly) && !this.state.loading) {
+                                this.setState({ opened: !this.state.opened });
+                            }
+                        } }), readOnly: inputReadonly, className: inputReadonly ? "readonly" : "", disabled: (disabled && !inputReadonly) || this.state.loading, onPressEnter: this.state.opened ? undefined : onPressEnter })));
+    }
+}
 //# 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":"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","sourcesContent":["import React from \"react\"\nimport {AutoComplete, Input} from \"antd\";\nimport {AutoCompleteProps} from \"antd/es/auto-complete\";\nimport {DownOutlined} from \"@ant-design/icons\";\nimport {DefaultOptionType, RefSelectProps} from \"antd/es/select\";\n\ninterface InputSearchWithHistoryProps extends Omit<AutoCompleteProps, \"onChange\" | \"onSearch\" | \"placeholder\" | \"options\"> {\n    value?: string\n\n    options?: string[]\n\n    placeholder?: string\n\n    prefix?: React.ReactNode\n\n    onChange(searchString: string): void\n\n    onSearch(): void\n\n    onPressEnter?(): void\n\n    inputReadonly?: boolean\n\n    stringFormatter?(rawString: string): string\n}\n\ninterface InputSearchWithHistoryState {\n    opened: boolean\n    loading: boolean\n    searchString?: string\n}\n\nexport default class AutoCompleteInput extends React.Component<InputSearchWithHistoryProps, InputSearchWithHistoryState> {\n    static get defaultProps() {\n        return {\n            onSearch: () => {\n            },\n            onChange: () => {\n            }\n        };\n    }\n\n    private autocomplete: React.RefObject<RefSelectProps>;\n\n    constructor(props: Readonly<InputSearchWithHistoryProps>) {\n        super(props);\n        this.state = {\n            opened: false,\n            loading: false,\n        };\n\n        this.autocomplete = React.createRef();\n        this.focus = this.focus.bind(this);\n    }\n\n    focus() {\n        this.autocomplete.current?.focus();\n    }\n\n    /**\n     * Handling setting search string from parent component\n     */\n    static getDerivedStateFromProps(props: InputSearchWithHistoryProps, state: InputSearchWithHistoryState): Partial<InputSearchWithHistoryState> {\n        const newState: Partial<InputSearchWithHistoryState> = {};\n        if (props.value !== state.searchString) {\n            newState.searchString = props.value;\n        }\n        return newState;\n    }\n\n    setSearchString(searchString: string) {\n        if(this.props.stringFormatter) {\n            if (searchString.indexOf(\"ðð\") < 0 && this.props.options && this.props.options.length > 0) {\n                for (let i = 0; i < this.props.options.length; i++) {\n                    if (searchString === this.props.stringFormatter(this.props.options[i])) {\n                        searchString = this.props.options[i];\n                        break;\n                    }\n                }\n            }\n            if (this.state.searchString !== searchString) {\n                this.setState({opened: false, searchString: searchString}, () => {\n                    this.props.onChange(searchString);\n                });\n            } else {\n                this.setState({opened: false});\n            }\n        } else {\n            this.setState({opened: false, searchString: searchString});\n            this.props.onChange(searchString);\n        }\n    }\n\n    getAutocompleteOptions(): DefaultOptionType[] {\n        const autocompleteData = [];\n        if (this.props.options && this.props.options.length > 0) {\n            autocompleteData.push(...this.props.options);\n        }\n        return autocompleteData.filter((e) => !!e).map((e) => {\n            return ({\n                value: \"\" + (this.props.stringFormatter ? this.props.stringFormatter(e) : e),\n                label: \"\" + (this.props.stringFormatter ? this.props.stringFormatter(e) : e)\n            });\n        });\n    }\n\n    /**\n     * Handling search confirmation by pressing enter\n     */\n    onSearch() {\n        this.props.onSearch();\n    }\n\n    onSelect(searchString: string) {\n        this.setSearchString(searchString);\n    }\n\n    render() {\n        let {disabled, inputReadonly, stringFormatter, onChange, onSearch, placeholder, onPressEnter, options, value, size, ...rest} = this.props;\n        const searchHistoryPresent = this.props.options && this.props.options.length > 0;\n        return (\n            <AutoComplete\n                className={(this.state.opened ? \"autocomplete-open\" : \"\") + (inputReadonly ? \" readonly\" : \"\")}\n                options={this.state.opened ? this.getAutocompleteOptions() : []}\n                style={{width: 200}}\n                value={this.state.searchString && stringFormatter ? stringFormatter(this.state.searchString) : this.state.searchString}\n                defaultOpen={false}\n                defaultActiveFirstOption={false}\n                onChange={(searchString) => {\n                    if (typeof searchString === \"string\") {\n                        this.setSearchString(searchString as string);\n                    }\n                }}\n                onSelect={(searchString) => {\n                    if (typeof searchString === \"string\") {\n                        this.onSelect(searchString as string);\n                    }\n                }}\n                onBlur={() => {\n                    this.setState({opened: false});\n                }}\n                {...rest}\n                disabled={(disabled && !inputReadonly) || this.state.loading}\n            >\n                <Input\n                    size={size}\n                    allowClear={!disabled || inputReadonly}\n                    onKeyDown={(e) => {\n                        if (!this.state.opened && e.keyCode === 40 /*DOWN*/) {\n                            this.setState({opened: true});\n                        } else if (e.keyCode === 27 /*ESC*/) {\n                            this.setState({opened: false});\n                        } else if (this.state.opened && ((e.keyCode === 3 /*MAC_ENTER*/ || e.keyCode === 13) /*ENTER*/)) {\n                            this.setState({opened: false});\n                            this.onSearch();\n                        } else if (!this.state.opened && ((e.keyCode === 3 /*MAC_ENTER*/ || e.keyCode === 13) /*ENTER*/)) {\n                            this.onSearch();\n                        }\n                    }}\n                    placeholder={placeholder}\n                    prefix={this.props.prefix}\n                    suffix={\n                        searchHistoryPresent && <span className=\"dropdown-arrow\">\n                            <DownOutlined\n                                className=\"dropdown-arrow-icon ant-input-clear-icon\"\n                                role=\"button\" tabIndex={-1}\n                                onClick={() => {\n                                    if ((!this.props.disabled || this.props.inputReadonly) && !this.state.loading) {\n                                        this.setState({opened: !this.state.opened});\n                                    }\n                                }}/>\n                            </span>\n                    }\n                    readOnly={inputReadonly}\n                    className={inputReadonly ? \"readonly\" : \"\"}\n                    disabled={(disabled && !inputReadonly) || this.state.loading}\n                    onPressEnter={this.state.opened ? undefined : onPressEnter}/>\n            </AutoComplete>\n        );\n    }\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 {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    inputReadonly?: boolean\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, inputReadonly, stringFormatter, onChange, onSearch, placeholder, onPressEnter, options, value, size, ...rest} = this.props;\r\n        const searchHistoryPresent = this.props.options && this.props.options.length > 0;\r\n        return (\r\n            <AutoComplete\r\n                className={inputReadonly ? \" readonly\" : \"\"}\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                onBlur={() => {\r\n                    this.setState({opened: false});\r\n                }}\r\n                {...rest}\r\n                disabled={(disabled && !inputReadonly) || this.state.loading}\r\n            >\r\n                <Input\r\n                    size={size}\r\n                    allowClear={!disabled || inputReadonly}\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                    placeholder={placeholder}\r\n                    prefix={this.props.prefix}\r\n                    suffix={\r\n                        searchHistoryPresent &&\r\n                        <DropdownArrow opened={this.state.opened}\r\n                                       onClick={() => {\r\n                                           if ((!this.props.disabled || this.props.inputReadonly) && !this.state.loading) {\r\n                                               this.setState({opened: !this.state.opened});\r\n                                           }\r\n                                       }}/>\r\n                    }\r\n                    readOnly={inputReadonly}\r\n                    className={inputReadonly ? \"readonly\" : \"\"}\r\n                    disabled={(disabled && !inputReadonly) || this.state.loading}\r\n                    onPressEnter={this.state.opened ? undefined : onPressEnter}/>\r\n            </AutoComplete>\r\n        );\r\n    }\r\n}"]}

package/components/input/draftUtils.d.ts

@@ -1,4 +1,4 @@
-import { RawDraftContentState } from "draft-js";
-export default class DraftUtils {
-    static toHTML(raw: RawDraftContentState): string;
-}
+import { RawDraftContentState } from "draft-js";
+export default class DraftUtils {
+    static toHTML(raw: RawDraftContentState): string;
+}

package/components/input/draftUtils.js

@@ -1,49 +1,49 @@
-import { convertFromRaw } from "draft-js";
-import { convertToHTML } from "draft-convert";
-import { BLOCK_TYPE, ENTITY_TYPE } from "./draftail";
-import React from "react";
-const exporterConfig = {
-    styleToHTML: (style) => {
-        if (style === 'MARK') {
-            return React.createElement("span", { className: "marked-message-content" });
-        }
-        style;
-        return;
-    },
-    blockToHTML: (block) => {
-        if (block.type === BLOCK_TYPE.BLOCKQUOTE) {
-            return React.createElement("blockquote", null);
-        }
-        if (block.type === BLOCK_TYPE.ATOMIC) {
-            return {
-                start: "",
-                end: "",
-            };
-        }
-        return null;
-    },
-    entityToHTML: (entity, originalText) => {
-        if (entity.type === ENTITY_TYPE.LINK) {
-            return React.createElement("a", { href: entity.data.url }, originalText);
-        }
-        if (entity.type === ENTITY_TYPE.IMAGE) {
-            return React.createElement("img", { src: entity.data.src, alt: entity.data.alt });
-        }
-        if (entity.type === ENTITY_TYPE.HORIZONTAL_RULE) {
-            return React.createElement("hr", null);
-        }
-        return originalText;
-    },
-};
-const conversionFunction = convertToHTML(exporterConfig);
-export default class DraftUtils {
-    static toHTML(raw) {
-        if (raw) {
-            return conversionFunction(convertFromRaw(raw));
-        }
-        else {
-            return "";
-        }
-    }
-}
+import { convertFromRaw } from "draft-js";
+import { convertToHTML } from "draft-convert";
+import { BLOCK_TYPE, ENTITY_TYPE } from "./draftail";
+import React from "react";
+const exporterConfig = {
+    styleToHTML: (style) => {
+        if (style === 'MARK') {
+            return React.createElement("span", { className: "marked-message-content" });
+        }
+        style;
+        return;
+    },
+    blockToHTML: (block) => {
+        if (block.type === BLOCK_TYPE.BLOCKQUOTE) {
+            return React.createElement("blockquote", null);
+        }
+        if (block.type === BLOCK_TYPE.ATOMIC) {
+            return {
+                start: "",
+                end: "",
+            };
+        }
+        return null;
+    },
+    entityToHTML: (entity, originalText) => {
+        if (entity.type === ENTITY_TYPE.LINK) {
+            return React.createElement("a", { href: entity.data.url }, originalText);
+        }
+        if (entity.type === ENTITY_TYPE.IMAGE) {
+            return React.createElement("img", { src: entity.data.src, alt: entity.data.alt });
+        }
+        if (entity.type === ENTITY_TYPE.HORIZONTAL_RULE) {
+            return React.createElement("hr", null);
+        }
+        return originalText;
+    },
+};
+const conversionFunction = convertToHTML(exporterConfig);
+export default class DraftUtils {
+    static toHTML(raw) {
+        if (raw) {
+            return conversionFunction(convertFromRaw(raw));
+        }
+        else {
+            return "";
+        }
+    }
+}
 //# sourceMappingURL=draftUtils.js.map

package/components/input/draftUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"draftUtils.js","sourceRoot":"","sources":["../../../../components/input/draftUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAA6C,MAAM,UAAU,CAAA;AACnF,OAAO,EAAC,aAAa,EAAuB,MAAM,eAAe,CAAA;AACjE,OAAO,EAAC,UAAU,EAAE,WAAW,EAAC,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,cAAc,GAAyB;IACzC,WAAW,EAAE,CAAC,KAA2B,EAAE,EAAE;QACzC,IAAK,KAAgB,KAAI,MAAM,EAAE;YAC7B,OAAO,8BAAM,SAAS,EAAE,wBAAwB,GAAI,CAAC;SACxD;QACD,KAAK,CAAC;QAEN,OAAO;IACX,CAAC;IAED,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;QACnB,IAAK,KAAa,CAAC,IAAI,KAAK,UAAU,CAAC,UAAU,EAAE;YAC/C,OAAO,uCAAa,CAAA;SACvB;QAGD,IAAK,KAAa,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE;YAC3C,OAAO;gBACH,KAAK,EAAE,EAAE;gBACT,GAAG,EAAE,EAAE;aACV,CAAA;SACJ;QAED,OAAO,IAAI,CAAA;IACf,CAAC;IAED,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE;QACnC,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI,EAAE;YAClC,OAAO,2BAAG,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,IAAG,YAAY,CAAK,CAAA;SACtD;QAED,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK,EAAE;YACnC,OAAO,6BAAK,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,CAAA;SAC5D;QAED,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,eAAe,EAAE;YAC7C,OAAO,+BAAK,CAAA;SACf;QAED,OAAO,YAAY,CAAA;IACvB,CAAC;CACJ,CAAA;AAGD,MAAM,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,UAAU;IAE3B,MAAM,CAAC,MAAM,CAAC,GAAyB;QACnC,IAAI,GAAG,EAAE;YACL,OAAO,kBAAkB,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;SAClD;aAAM;YACH,OAAO,EAAE,CAAC;SACb;IACL,CAAC;CAEJ","sourcesContent":["import {convertFromRaw, DraftInlineStyleType, RawDraftContentState} from \"draft-js\"\nimport {convertToHTML, IConvertToHTMLConfig} from \"draft-convert\"\nimport {BLOCK_TYPE, ENTITY_TYPE} from \"./draftail\"\nimport React from \"react\";\n\nconst exporterConfig: IConvertToHTMLConfig = {\n    styleToHTML: (style: DraftInlineStyleType) => {\n        if ((style as string)=== 'MARK') {\n            return <span className={\"marked-message-content\"} />;\n        }\n        style;\n        // @ts-ignore\n        return;\n    },\n\n    blockToHTML: (block) => {\n        if ((block as any).type === BLOCK_TYPE.BLOCKQUOTE) {\n            return <blockquote/>\n        }\n\n        // Discard atomic blocks, as they get converted based on their entity.\n        if ((block as any).type === BLOCK_TYPE.ATOMIC) {\n            return {\n                start: \"\",\n                end: \"\",\n            }\n        }\n\n        return null\n    },\n\n    entityToHTML: (entity, originalText) => {\n        if (entity.type === ENTITY_TYPE.LINK) {\n            return <a href={entity.data.url}>{originalText}</a>\n        }\n\n        if (entity.type === ENTITY_TYPE.IMAGE) {\n            return <img src={entity.data.src} alt={entity.data.alt}/>\n        }\n\n        if (entity.type === ENTITY_TYPE.HORIZONTAL_RULE) {\n            return <hr/>\n        }\n\n        return originalText\n    },\n}\n\n\nconst conversionFunction = convertToHTML(exporterConfig);\n\nexport default class DraftUtils {\n\n    static toHTML(raw: RawDraftContentState): string {\n        if (raw) {\n            return conversionFunction(convertFromRaw(raw));\n        } else {\n            return \"\";\n        }\n    }\n\n}"]}
+{"version":3,"file":"draftUtils.js","sourceRoot":"","sources":["../../../../components/input/draftUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAA6C,MAAM,UAAU,CAAA;AACnF,OAAO,EAAC,aAAa,EAAuB,MAAM,eAAe,CAAA;AACjE,OAAO,EAAC,UAAU,EAAE,WAAW,EAAC,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,cAAc,GAAyB;IACzC,WAAW,EAAE,CAAC,KAA2B,EAAE,EAAE;QACzC,IAAK,KAAgB,KAAI,MAAM,EAAE,CAAC;YAC9B,OAAO,8BAAM,SAAS,EAAE,wBAAwB,GAAI,CAAC;QACzD,CAAC;QACD,KAAK,CAAC;QAEN,OAAO;IACX,CAAC;IAED,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;QACnB,IAAK,KAAa,CAAC,IAAI,KAAK,UAAU,CAAC,UAAU,EAAE,CAAC;YAChD,OAAO,uCAAa,CAAA;QACxB,CAAC;QAGD,IAAK,KAAa,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;YAC5C,OAAO;gBACH,KAAK,EAAE,EAAE;gBACT,GAAG,EAAE,EAAE;aACV,CAAA;QACL,CAAC;QAED,OAAO,IAAI,CAAA;IACf,CAAC;IAED,YAAY,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,EAAE;QACnC,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,IAAI,EAAE,CAAC;YACnC,OAAO,2BAAG,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,IAAG,YAAY,CAAK,CAAA;QACvD,CAAC;QAED,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,KAAK,EAAE,CAAC;YACpC,OAAO,6BAAK,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,GAAG,CAAA;QAC7D,CAAC;QAED,IAAI,MAAM,CAAC,IAAI,KAAK,WAAW,CAAC,eAAe,EAAE,CAAC;YAC9C,OAAO,+BAAK,CAAA;QAChB,CAAC;QAED,OAAO,YAAY,CAAA;IACvB,CAAC;CACJ,CAAA;AAGD,MAAM,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;AAEzD,MAAM,CAAC,OAAO,OAAO,UAAU;IAE3B,MAAM,CAAC,MAAM,CAAC,GAAyB;QACnC,IAAI,GAAG,EAAE,CAAC;YACN,OAAO,kBAAkB,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACJ,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC;CAEJ","sourcesContent":["import {convertFromRaw, DraftInlineStyleType, RawDraftContentState} from \"draft-js\"\nimport {convertToHTML, IConvertToHTMLConfig} from \"draft-convert\"\nimport {BLOCK_TYPE, ENTITY_TYPE} from \"./draftail\"\nimport React from \"react\";\n\nconst exporterConfig: IConvertToHTMLConfig = {\n    styleToHTML: (style: DraftInlineStyleType) => {\n        if ((style as string)=== 'MARK') {\n            return <span className={\"marked-message-content\"} />;\n        }\n        style;\n        // @ts-ignore\n        return;\n    },\n\n    blockToHTML: (block) => {\n        if ((block as any).type === BLOCK_TYPE.BLOCKQUOTE) {\n            return <blockquote/>\n        }\n\n        // Discard atomic blocks, as they get converted based on their entity.\n        if ((block as any).type === BLOCK_TYPE.ATOMIC) {\n            return {\n                start: \"\",\n                end: \"\",\n            }\n        }\n\n        return null\n    },\n\n    entityToHTML: (entity, originalText) => {\n        if (entity.type === ENTITY_TYPE.LINK) {\n            return <a href={entity.data.url}>{originalText}</a>\n        }\n\n        if (entity.type === ENTITY_TYPE.IMAGE) {\n            return <img src={entity.data.src} alt={entity.data.alt}/>\n        }\n\n        if (entity.type === ENTITY_TYPE.HORIZONTAL_RULE) {\n            return <hr/>\n        }\n\n        return originalText\n    },\n}\n\n\nconst conversionFunction = convertToHTML(exporterConfig);\n\nexport default class DraftUtils {\n\n    static toHTML(raw: RawDraftContentState): string {\n        if (raw) {\n            return conversionFunction(convertFromRaw(raw));\n        } else {\n            return \"\";\n        }\n    }\n\n}"]}

package/components/input/draftail.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/components/input/draftail.js

@@ -1,2 +1,2 @@
-export * from "draftail";
+export * from "draftail";
 //# sourceMappingURL=draftail.js.map

package/components/input/hexaFormattedInput.d.ts

@@ -1,16 +1,16 @@
-import React from "react";
-import { InputProps } from "antd/es";
-interface HexaFormattedInputProps extends Omit<InputProps, "value" | "onChange"> {
-    value: string;
-    maxLength: number;
-    onChange(value: string | undefined): void;
-}
-export default class HexaFormattedInput extends React.Component<HexaFormattedInputProps, any> {
-    private inputRef;
-    constructor(props: Readonly<HexaFormattedInputProps>);
-    get input(): HTMLInputElement | null | undefined;
-    focus(): void;
-    private getFormattedValue;
-    render(): JSX.Element;
-}
-export {};
+import React from "react";
+import { InputProps } from "antd/es";
+interface HexaFormattedInputProps extends Omit<InputProps, "value" | "onChange"> {
+    value: string;
+    maxLength: number;
+    onChange(value: string | undefined): void;
+}
+export default class HexaFormattedInput extends React.Component<HexaFormattedInputProps, any> {
+    private inputRef;
+    constructor(props: Readonly<HexaFormattedInputProps>);
+    get input(): HTMLInputElement | null | undefined;
+    focus(): void;
+    private getFormattedValue;
+    render(): React.JSX.Element;
+}
+export {};

package/components/input/hexaFormattedInput.js

@@ -1,55 +1,55 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import { Input } from "antd";
-export default class HexaFormattedInput extends React.Component {
-    constructor(props) {
-        super(props);
-        this.inputRef = null;
-    }
-    get input() {
-        var _a;
-        return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.input;
-    }
-    focus() {
-        var _a;
-        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    getFormattedValue(value) {
-        let valueToFormat = value;
-        for (let i = 0; i < this.props.maxLength - value.length; i++) {
-            valueToFormat = "0" + valueToFormat;
-        }
-        return valueToFormat.toUpperCase();
-    }
-    render() {
-        const _a = this.props, { value, maxLength, onChange } = _a, rest = __rest(_a, ["value", "maxLength", "onChange"]);
-        return (React.createElement(Input, Object.assign({}, rest, { ref: component => {
-                this.inputRef = component;
-            }, value: this.props.value.toUpperCase(), onChange: event => {
-                const value = event.target.value;
-                if (/^[0-9A-Fa-f]+$/.test(value) || value === "") {
-                    this.props.onChange(value);
-                }
-            }, onBlur: event => {
-                let value = event.target.value;
-                if (!value) {
-                    this.props.onChange(undefined);
-                }
-                else {
-                    const formattedValue = this.getFormattedValue(value);
-                    this.props.onChange(formattedValue);
-                }
-            }, maxLength: this.props.maxLength })));
-    }
-}
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from "react";
+import { Input } from "antd";
+export default class HexaFormattedInput extends React.Component {
+    constructor(props) {
+        super(props);
+        this.inputRef = null;
+    }
+    get input() {
+        var _a;
+        return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.input;
+    }
+    focus() {
+        var _a;
+        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    getFormattedValue(value) {
+        let valueToFormat = value;
+        for (let i = 0; i < this.props.maxLength - value.length; i++) {
+            valueToFormat = "0" + valueToFormat;
+        }
+        return valueToFormat.toUpperCase();
+    }
+    render() {
+        const _a = this.props, { value, maxLength, onChange } = _a, rest = __rest(_a, ["value", "maxLength", "onChange"]);
+        return (React.createElement(Input, Object.assign({}, rest, { ref: component => {
+                this.inputRef = component;
+            }, value: this.props.value.toUpperCase(), onChange: event => {
+                const value = event.target.value;
+                if (/^[0-9A-Fa-f]+$/.test(value) || value === "") {
+                    this.props.onChange(value);
+                }
+            }, onBlur: event => {
+                let value = event.target.value;
+                if (!value) {
+                    this.props.onChange(undefined);
+                }
+                else {
+                    const formattedValue = this.getFormattedValue(value);
+                    this.props.onChange(formattedValue);
+                }
+            }, maxLength: this.props.maxLength })));
+    }
+}
 //# sourceMappingURL=hexaFormattedInput.js.map

package/components/input/hexaFormattedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"hexaFormattedInput.js","sourceRoot":"","sources":["../../../../components/input/hexaFormattedInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,KAAK,EAAW,MAAM,MAAM,CAAC;AAUrC,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAAuC;IAGzF,YAAY,KAAwC;QAChD,KAAK,CAAC,KAAK,CAAC,CAAC;QAHT,aAAQ,GAAoB,IAAI,CAAC;IAIzC,CAAC;IAED,IAAI,KAAK;;QACL,OAAO,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,CAAC;IAChC,CAAC;IAED,KAAK;;QACD,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,EAAE,CAAC;IAC3B,CAAC;IAEO,iBAAiB,CAAC,KAAa;QACnC,IAAI,aAAa,GAAG,KAAK,CAAC;QAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC1D,aAAa,GAAG,GAAG,GAAG,aAAa,CAAC;SACvC;QACD,OAAO,aAAa,CAAC,WAAW,EAAE,CAAC;IACvC,CAAC;IAED,MAAM;QACF,MAAM,KAAwC,IAAI,CAAC,KAAK,EAAlD,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAuB,EAAlB,IAAI,cAApC,kCAAqC,CAAa,CAAC;QAEzD,OAAO,CACH,oBAAC,KAAK,oBACE,IAAI,IACR,GAAG,EAAE,SAAS,CAAC,EAAE;gBACb,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;YAC9B,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,EACrC,QAAQ,EAAE,KAAK,CAAC,EAAE;gBACd,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACjC,IAAI,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,EAAE;oBAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;iBAC9B;YACL,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,EAAE;gBACZ,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBAC/B,IAAI,CAAC,KAAK,EAAE;oBACR,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;iBAClC;qBAAM;oBACH,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;oBACrD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;iBACvC;YACL,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IACjC,CACL,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\";\nimport {Input, InputRef} from \"antd\";\nimport {InputProps} from \"antd/es\";\n\ninterface HexaFormattedInputProps extends Omit<InputProps, \"value\" | \"onChange\"> {\n    value: string\n    maxLength: number\n\n    onChange(value: string | undefined): void\n}\n\nexport default class HexaFormattedInput extends React.Component<HexaFormattedInputProps, any> {\n    private inputRef: InputRef | null = null;\n\n    constructor(props: Readonly<HexaFormattedInputProps>) {\n        super(props);\n    }\n\n    get input() {\n        return this.inputRef?.input;\n    }\n\n    focus() {\n        this.inputRef?.focus();\n    }\n\n    private getFormattedValue(value: string): string {\n        let valueToFormat = value;\n        for (let i = 0; i < this.props.maxLength - value.length; i++) {\n            valueToFormat = \"0\" + valueToFormat;\n        }\n        return valueToFormat.toUpperCase();\n    }\n\n    render() {\n        const {value, maxLength, onChange, ...rest} = this.props;\n\n        return (\n            <Input\n                {...rest}\n                ref={component => {\n                    this.inputRef = component;\n                }}\n                value={this.props.value.toUpperCase()}\n                onChange={event => {\n                    const value = event.target.value;\n                    if (/^[0-9A-Fa-f]+$/.test(value) || value === \"\") {\n                        this.props.onChange(value);\n                    }\n                }}\n                onBlur={event => {\n                    let value = event.target.value;\n                    if (!value) {\n                        this.props.onChange(undefined);\n                    } else {\n                        const formattedValue = this.getFormattedValue(value);\n                        this.props.onChange(formattedValue);\n                    }\n                }}\n                maxLength={this.props.maxLength}\n            />\n        );\n    }\n}"]}
+{"version":3,"file":"hexaFormattedInput.js","sourceRoot":"","sources":["../../../../components/input/hexaFormattedInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,KAAK,EAAW,MAAM,MAAM,CAAC;AAUrC,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAAuC;IAGzF,YAAY,KAAwC;QAChD,KAAK,CAAC,KAAK,CAAC,CAAC;QAHT,aAAQ,GAAoB,IAAI,CAAC;IAIzC,CAAC;IAED,IAAI,KAAK;;QACL,OAAO,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,CAAC;IAChC,CAAC;IAED,KAAK;;QACD,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,EAAE,CAAC;IAC3B,CAAC;IAEO,iBAAiB,CAAC,KAAa;QACnC,IAAI,aAAa,GAAG,KAAK,CAAC;QAC1B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3D,aAAa,GAAG,GAAG,GAAG,aAAa,CAAC;QACxC,CAAC;QACD,OAAO,aAAa,CAAC,WAAW,EAAE,CAAC;IACvC,CAAC;IAED,MAAM;QACF,MAAM,KAAwC,IAAI,CAAC,KAAK,EAAlD,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAuB,EAAlB,IAAI,cAApC,kCAAqC,CAAa,CAAC;QAEzD,OAAO,CACH,oBAAC,KAAK,oBACE,IAAI,IACR,GAAG,EAAE,SAAS,CAAC,EAAE;gBACb,IAAI,CAAC,QAAQ,GAAG,SAAS,CAAC;YAC9B,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,EACrC,QAAQ,EAAE,KAAK,CAAC,EAAE;gBACd,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACjC,IAAI,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;oBAC/C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAC/B,CAAC;YACL,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,EAAE;gBACZ,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBAC/B,IAAI,CAAC,KAAK,EAAE,CAAC;oBACT,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;gBACnC,CAAC;qBAAM,CAAC;oBACJ,MAAM,cAAc,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;oBACrD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;gBACxC,CAAC;YACL,CAAC,EACD,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IACjC,CACL,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\";\r\nimport {Input, InputRef} from \"antd\";\r\nimport {InputProps} from \"antd/es\";\r\n\r\ninterface HexaFormattedInputProps extends Omit<InputProps, \"value\" | \"onChange\"> {\r\n    value: string\r\n    maxLength: number\r\n\r\n    onChange(value: string | undefined): void\r\n}\r\n\r\nexport default class HexaFormattedInput extends React.Component<HexaFormattedInputProps, any> {\r\n    private inputRef: InputRef | null = null;\r\n\r\n    constructor(props: Readonly<HexaFormattedInputProps>) {\r\n        super(props);\r\n    }\r\n\r\n    get input() {\r\n        return this.inputRef?.input;\r\n    }\r\n\r\n    focus() {\r\n        this.inputRef?.focus();\r\n    }\r\n\r\n    private getFormattedValue(value: string): string {\r\n        let valueToFormat = value;\r\n        for (let i = 0; i < this.props.maxLength - value.length; i++) {\r\n            valueToFormat = \"0\" + valueToFormat;\r\n        }\r\n        return valueToFormat.toUpperCase();\r\n    }\r\n\r\n    render() {\r\n        const {value, maxLength, onChange, ...rest} = this.props;\r\n\r\n        return (\r\n            <Input\r\n                {...rest}\r\n                ref={component => {\r\n                    this.inputRef = component;\r\n                }}\r\n                value={this.props.value.toUpperCase()}\r\n                onChange={event => {\r\n                    const value = event.target.value;\r\n                    if (/^[0-9A-Fa-f]+$/.test(value) || value === \"\") {\r\n                        this.props.onChange(value);\r\n                    }\r\n                }}\r\n                onBlur={event => {\r\n                    let value = event.target.value;\r\n                    if (!value) {\r\n                        this.props.onChange(undefined);\r\n                    } else {\r\n                        const formattedValue = this.getFormattedValue(value);\r\n                        this.props.onChange(formattedValue);\r\n                    }\r\n                }}\r\n                maxLength={this.props.maxLength}\r\n            />\r\n        );\r\n    }\r\n}"]}