d2coreui 21.0.33 → 23.0.0

package/components/grid/panel/dataGridPagination.js

@@ -1,59 +1,59 @@
-import React from "react";
-import { Button, Input, InputNumber, Popover } from "antd";
-import i18n from "d2core/i18n/i18n";
-import { CaretLeftOutlined, CaretRightOutlined, CheckOutlined, StepBackwardOutlined, StepForwardOutlined } from "@ant-design/icons";
-export default class DataGridPagination extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {};
-    }
-    render() {
-        const { disabled, total, pageSize, current } = this.props;
-        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", { className: "ant-pagination-total-text", style: { marginLeft: 16, whiteSpace: "nowrap" } }, `${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(0);
-                    } }),
-                React.createElement(Button, { title: i18n("Previous Page"), disabled: disabled || current === 1, icon: React.createElement(CaretLeftOutlined, null), onClick: () => {
-                        this.props.onGoToPage(current - 1);
-                    } }),
-                React.createElement(Popover, { placement: "bottom", trigger: disabled || totalPages <= 1 ? [] : ["hover", "click"], content: React.createElement(Input.Group, { compact: true },
-                        React.createElement(InputNumber, { disabled: disabled || total === 0, min: 1, max: totalPages, value: this.state.gotoPageNumber ? this.state.gotoPageNumber : this.props.current, onChange: (newValue) => {
-                                if (typeof newValue === "number") {
-                                    this.setState({ gotoPageNumber: newValue });
-                                }
-                            }, onKeyDown: (e) => {
-                                if (e.keyCode === 3 || e.keyCode === 13) {
-                                    if (this.state.gotoPageNumber) {
-                                        this.props.onGoToPage(this.state.gotoPageNumber);
-                                    }
-                                }
-                            } }),
-                        React.createElement(Button, { title: i18n("Goto Page"), type: "primary", onClick: () => {
-                                if (this.state.gotoPageNumber) {
-                                    this.props.onGoToPage(this.state.gotoPageNumber);
-                                }
-                            } },
-                            React.createElement(CheckOutlined, null))) },
-                    React.createElement(Button, { disabled: disabled, style: { width: 80, paddingLeft: 0, paddingRight: 0 } },
-                        React.createElement("span", { style: {
-                                display: "inline-block",
-                                width: "100%",
-                                textAlign: "center",
-                            } },
-                            total === 0 ? 0 : current,
-                            " / ",
-                            totalPages))),
-                React.createElement(Button, { title: i18n("Next Page"), disabled: disabled || current === totalPages || total === 0, icon: React.createElement(CaretRightOutlined, null), onClick: () => {
-                        this.props.onGoToPage(current + 1);
-                    } }),
-                React.createElement(Button, { title: i18n("Last Page"), disabled: disabled || current === totalPages || total === 0, icon: React.createElement(StepForwardOutlined, null), onClick: () => {
-                        this.props.onGoToPage(totalPages);
-                    } }))));
-    }
-}
+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";
+export default class DataGridPagination extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {};
+    }
+    render() {
+        const { disabled, total, pageSize, current } = this.props;
+        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}`),
+            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(0);
+                    } }),
+                React.createElement(Button, { title: i18n("Previous Page"), disabled: disabled || current === 1, icon: React.createElement(CaretLeftOutlined, null), onClick: () => {
+                        this.props.onGoToPage(current - 1);
+                    } }),
+                React.createElement(Popover, { placement: "bottom", trigger: disabled || totalPages <= 1 ? [] : ["hover", "click"], content: React.createElement(Space.Compact, null,
+                        React.createElement(InputNumber, { disabled: disabled || total === 0, min: 1, max: totalPages, value: this.state.gotoPageNumber ? this.state.gotoPageNumber : this.props.current, onChange: (newValue) => {
+                                if (typeof newValue === "number") {
+                                    this.setState({ gotoPageNumber: newValue });
+                                }
+                            }, onKeyDown: (e) => {
+                                if (e.code === "Enter") {
+                                    if (this.state.gotoPageNumber) {
+                                        this.props.onGoToPage(this.state.gotoPageNumber);
+                                    }
+                                }
+                            } }),
+                        React.createElement(Button, { title: i18n("Goto Page"), type: "primary", onClick: () => {
+                                if (this.state.gotoPageNumber) {
+                                    this.props.onGoToPage(this.state.gotoPageNumber);
+                                }
+                            } },
+                            React.createElement(CheckOutlined, null))) },
+                    React.createElement(Button, { disabled: disabled, style: { width: 80, paddingLeft: 0, paddingRight: 0 } },
+                        React.createElement("span", { style: {
+                                display: "inline-block",
+                                width: "100%",
+                                textAlign: "center",
+                            } },
+                            total === 0 ? 0 : current,
+                            " / ",
+                            totalPages))),
+                React.createElement(Button, { title: i18n("Next Page"), disabled: disabled || current === totalPages || total === 0, icon: React.createElement(CaretRightOutlined, null), onClick: () => {
+                        this.props.onGoToPage(current + 1);
+                    } }),
+                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\";\nimport {Button, Input, InputNumber, Popover} from \"antd\";\nimport i18n from \"d2core/i18n/i18n\";\nimport {\n    CaretLeftOutlined,\n    CaretRightOutlined,\n    CheckOutlined,\n    StepBackwardOutlined,\n    StepForwardOutlined\n} from \"@ant-design/icons\";\n\ninterface DataGridPaginationProps {\n    disabled?: boolean\n    current: number\n    pageSize: number\n    total: number\n\n    onGoToPage(page: number): void\n}\n\ninterface DataGridPaginationState {\n    gotoPageNumber?: number\n}\n\nexport default class DataGridPagination extends React.Component<DataGridPaginationProps, DataGridPaginationState> {\n    constructor(props: Readonly<DataGridPaginationProps>) {\n        super(props);\n\n        this.state = {}\n    }\n\n    render() {\n        const {disabled, total, pageSize, current} = this.props;\n        const rangeStart = total === 0 ? 0 : (current - 1) * pageSize + 1;\n        const rangeEnd = current * pageSize > total ? total : current * pageSize;\n        const totalPages = Math.ceil(total / pageSize);\n        return (\n            <>\n                <li className=\"ant-pagination-total-text\" style={{marginLeft: 16, whiteSpace: \"nowrap\"}}>\n                    {`${rangeStart}-${rangeEnd} ${i18n('of')} ${total}`}\n                </li>\n                <Button.Group>\n                    <Button\n                        title={i18n(\"First Page\")}\n                        disabled={disabled || current === 1}\n                        icon={<StepBackwardOutlined/>}\n                        onClick={() => {\n                            this.props.onGoToPage(0);\n                        }}\n                    />\n                    <Button\n                        title={i18n(\"Previous Page\")}\n                        disabled={disabled || current === 1}\n                        icon={<CaretLeftOutlined/>}\n                        onClick={() => {\n                            this.props.onGoToPage(current - 1);\n                        }}\n                    />\n                    <Popover\n                        placement=\"bottom\"\n                        trigger={disabled || totalPages <= 1 ? [] : [\"hover\", \"click\"]}\n                        content={\n                            <Input.Group compact>\n                                <InputNumber\n                                    disabled={disabled || total === 0}\n                                    min={1} max={totalPages}\n                                    value={this.state.gotoPageNumber ? this.state.gotoPageNumber : this.props.current}\n                                    onChange={(newValue) => {\n                                        if (typeof newValue === \"number\") {\n                                            this.setState({gotoPageNumber: newValue});\n                                        }\n                                    }}\n                                    onKeyDown={(e) => {\n                                        if (e.keyCode === 3 /*MAC_ENTER*/ || e.keyCode === 13 /*ENTER*/) {\n                                            if (this.state.gotoPageNumber) {\n                                                this.props.onGoToPage(this.state.gotoPageNumber);\n                                            }\n                                        }\n                                    }}\n                                />\n                                <Button\n                                    title={i18n(\"Goto Page\")}\n                                    type=\"primary\"\n                                    onClick={() => {\n                                        if (this.state.gotoPageNumber) {\n                                            this.props.onGoToPage(this.state.gotoPageNumber);\n                                        }\n                                    }}\n                                >\n                                    <CheckOutlined/>\n                                </Button>\n                            </Input.Group>\n                        }>\n                        <Button disabled={disabled} style={{width: 80, paddingLeft: 0, paddingRight: 0}}>\n                            <span style={{\n                                display: \"inline-block\",\n                                width: \"100%\",\n                                textAlign: \"center\",\n                            }}>{total === 0 ? 0 : current} / {totalPages}</span>\n                        </Button>\n                    </Popover>\n                    <Button\n                        title={i18n(\"Next Page\")}\n                        disabled={disabled || current === totalPages || total === 0}\n                        icon={<CaretRightOutlined/>}\n                        onClick={() => {\n                            this.props.onGoToPage(current + 1);\n                        }}\n                    />\n                    <Button\n                        title={i18n(\"Last Page\")}\n                        disabled={disabled || current === totalPages || total === 0}\n                        icon={<StepForwardOutlined/>}\n                        onClick={() => {\n                            this.props.onGoToPage(totalPages);\n                        }}\n                    />\n                </Button.Group>\n            </>\n        );\n    }\n\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\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(0);\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}"]}

package/components/grid/panel/loadingOverlay.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-export default class LoadingOverlay extends React.PureComponent {
-    loadingOverlayRenderer: () => React.ReactElement;
-    constructor(props: Readonly<any>);
-    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-}
+import * as React from "react";
+export default class LoadingOverlay extends React.PureComponent {
+    loadingOverlayRenderer: () => React.ReactElement;
+    constructor(props: Readonly<any>);
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+}

package/components/grid/panel/loadingOverlay.js

@@ -1,11 +1,11 @@
-import * as React from "react";
-export default class LoadingOverlay extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this.loadingOverlayRenderer = props.api.gridOptionsWrapper.getContext().loadingOverlayRenderer;
-    }
-    render() {
-        return (this.loadingOverlayRenderer());
-    }
-}
+import * as React from "react";
+export default class LoadingOverlay extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.loadingOverlayRenderer = props.api.getGridOption('context').loadingOverlayRenderer;
+    }
+    render() {
+        return (this.loadingOverlayRenderer());
+    }
+}
 //# sourceMappingURL=loadingOverlay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"loadingOverlay.js","sourceRoot":"","sources":["../../../../../components/grid/panel/loadingOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,KAAK,CAAC,aAAa;IAG3D,YAAY,KAAoB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,UAAU,EAAE,CAAC,sBAAsB,CAAC;IACnG,CAAC;IAED,MAAM;QACF,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC3C,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\n\nexport default class LoadingOverlay extends React.PureComponent {\n    loadingOverlayRenderer: () => React.ReactElement;\n\n    constructor(props: Readonly<any>) {\n        super(props);\n        this.loadingOverlayRenderer = props.api.gridOptionsWrapper.getContext().loadingOverlayRenderer;\n    }\n\n    render() {\n        return (this.loadingOverlayRenderer());\n    }\n}"]}
+{"version":3,"file":"loadingOverlay.js","sourceRoot":"","sources":["../../../../../components/grid/panel/loadingOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,KAAK,CAAC,aAAa;IAG3D,YAAY,KAAoB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,sBAAsB,CAAC;IAC5F,CAAC;IAED,MAAM;QACF,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;IAC3C,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\n\r\nexport default class LoadingOverlay extends React.PureComponent {\r\n    loadingOverlayRenderer: () => React.ReactElement;\r\n\r\n    constructor(props: Readonly<any>) {\r\n        super(props);\r\n        this.loadingOverlayRenderer = props.api.getGridOption('context').loadingOverlayRenderer;\r\n    }\r\n\r\n    render() {\r\n        return (this.loadingOverlayRenderer());\r\n    }\r\n}"]}

package/components/grid/panel/noRecordsOverlay.d.ts

@@ -1,6 +1,6 @@
-import * as React from "react";
-export default class NoRecordsOverlay extends React.PureComponent<any> {
-    noRecordsOverlayRenderer: () => React.ReactElement;
-    constructor(props: Readonly<any>);
-    render(): JSX.Element;
-}
+import * as React from "react";
+export default class NoRecordsOverlay extends React.PureComponent<any> {
+    noRecordsOverlayRenderer: () => React.ReactElement;
+    constructor(props: Readonly<any>);
+    render(): React.JSX.Element;
+}

package/components/grid/panel/noRecordsOverlay.js

@@ -1,11 +1,11 @@
-import * as React from "react";
-export default class NoRecordsOverlay extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this.noRecordsOverlayRenderer = props.api.gridOptionsWrapper.getContext().noRecordsOverlayRenderer;
-    }
-    render() {
-        return React.createElement("div", { style: { pointerEvents: "auto" } }, this.noRecordsOverlayRenderer());
-    }
-}
+import * as React from "react";
+export default class NoRecordsOverlay extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.noRecordsOverlayRenderer = props.api.getGridOption('context').noRecordsOverlayRenderer;
+    }
+    render() {
+        return React.createElement("div", { style: { pointerEvents: "auto" } }, this.noRecordsOverlayRenderer());
+    }
+}
 //# sourceMappingURL=noRecordsOverlay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"noRecordsOverlay.js","sourceRoot":"","sources":["../../../../../components/grid/panel/noRecordsOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAkB;IAGlE,YAAY,KAAoB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,kBAAkB,CAAC,UAAU,EAAE,CAAC,wBAAwB,CAAC;IACvG,CAAC;IAED,MAAM;QACF,OAAO,6BAAK,KAAK,EAAE,EAAC,aAAa,EAAE,MAAM,EAAC,IACrC,IAAI,CAAC,wBAAwB,EAAE,CAC9B,CAAC;IACX,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\n\nexport default class NoRecordsOverlay extends React.PureComponent<any> {\n    noRecordsOverlayRenderer: () => React.ReactElement;\n\n    constructor(props: Readonly<any>) {\n        super(props);\n        this.noRecordsOverlayRenderer = props.api.gridOptionsWrapper.getContext().noRecordsOverlayRenderer;\n    }\n\n    render() {\n        return <div style={{pointerEvents: \"auto\"}}>\n            {this.noRecordsOverlayRenderer()}\n        </div>;\n    }\n}"]}
+{"version":3,"file":"noRecordsOverlay.js","sourceRoot":"","sources":["../../../../../components/grid/panel/noRecordsOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAkB;IAGlE,YAAY,KAAoB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,wBAAwB,CAAC;IAChG,CAAC;IAED,MAAM;QACF,OAAO,6BAAK,KAAK,EAAE,EAAC,aAAa,EAAE,MAAM,EAAC,IACrC,IAAI,CAAC,wBAAwB,EAAE,CAC9B,CAAC;IACX,CAAC;CACJ","sourcesContent":["import * as React from \"react\";\r\n\r\nexport default class NoRecordsOverlay extends React.PureComponent<any> {\r\n    noRecordsOverlayRenderer: () => React.ReactElement;\r\n\r\n    constructor(props: Readonly<any>) {\r\n        super(props);\r\n        this.noRecordsOverlayRenderer = props.api.getGridOption('context').noRecordsOverlayRenderer;\r\n    }\r\n\r\n    render() {\r\n        return <div style={{pointerEvents: \"auto\"}}>\r\n            {this.noRecordsOverlayRenderer()}\r\n        </div>;\r\n    }\r\n}"]}

package/components/grid/panel/tablePagination.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-import { PaginationProps } from "antd/es/pagination";
-interface PaginationComponentState {
-    gotoPageNumber?: number | null;
-}
-export default class PaginationComponent extends React.Component<PaginationProps, PaginationComponentState> {
-    constructor(props: Readonly<PaginationProps>);
-    render(): JSX.Element;
-}
-export {};
+import React from "react";
+import { PaginationProps } from "antd/es/pagination";
+interface PaginationComponentState {
+    gotoPageNumber?: number | null;
+}
+export default class PaginationComponent extends React.Component<PaginationProps, PaginationComponentState> {
+    constructor(props: Readonly<PaginationProps>);
+    render(): React.JSX.Element;
+}
+export {};

package/components/grid/panel/tablePagination.js

@@ -1,46 +1,46 @@
-import React from "react";
-import { CheckOutlined } from "@ant-design/icons";
-import { Button, Input, InputNumber, Pagination, Popover } from "antd";
-import i18n from "d2core/i18n/i18n";
-export default class PaginationComponent extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            gotoPageNumber: null
-        };
-    }
-    render() {
-        const pageCount = this.props.total && this.props.pageSize ? Math.ceil(this.props.total / this.props.pageSize) : 1;
-        return (React.createElement("div", null,
-            React.createElement(Pagination, Object.assign({ showSizeChanger: false }, this.props, { itemRender: (page, type, originalElement) => {
-                    if (page === this.props.current && type === "page") {
-                        return (React.createElement(Popover, { title: "", placement: "bottom", content: React.createElement(Input.Group, { compact: true },
-                                React.createElement(InputNumber, { min: 1, max: pageCount, value: this.state.gotoPageNumber ? this.state.gotoPageNumber : this.props.current, onChange: (newValue) => {
-                                        if (typeof newValue === "number") {
-                                            this.setState({ gotoPageNumber: newValue });
-                                        }
-                                    }, onKeyDown: (e) => {
-                                        if (e.keyCode === 3 || e.keyCode === 13) {
-                                            if (this.state.gotoPageNumber && this.props.onChange) {
-                                                this.props.onChange(this.state.gotoPageNumber, this.props.pageSize);
-                                            }
-                                        }
-                                    } }),
-                                React.createElement(Button, { title: i18n("Goto Page"), type: "primary", onClick: () => {
-                                        if (this.state.gotoPageNumber && this.props.onChange) {
-                                            this.props.onChange(this.state.gotoPageNumber, this.props.pageSize);
-                                        }
-                                    } },
-                                    React.createElement(CheckOutlined, null))), trigger: "hover", onOpenChange: (visible) => {
-                                if (!visible) {
-                                    this.setState({ gotoPageNumber: null });
-                                }
-                            }, overlayClassName: "control-panel-popover" }, originalElement));
-                    }
-                    else {
-                        return originalElement;
-                    }
-                } }))));
-    }
-}
+import React from "react";
+import { CheckOutlined } from "@ant-design/icons";
+import { Button, InputNumber, Pagination, Popover, Space } from "antd";
+import i18n from "d2core/i18n/i18n";
+export default class PaginationComponent extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            gotoPageNumber: null
+        };
+    }
+    render() {
+        const pageCount = this.props.total && this.props.pageSize ? Math.ceil(this.props.total / this.props.pageSize) : 1;
+        return (React.createElement("div", null,
+            React.createElement(Pagination, Object.assign({ showSizeChanger: false }, this.props, { itemRender: (page, type, originalElement) => {
+                    if (page === this.props.current && type === "page") {
+                        return (React.createElement(Popover, { title: "", placement: "bottom", content: React.createElement(Space.Compact, null,
+                                React.createElement(InputNumber, { min: 1, max: pageCount, value: this.state.gotoPageNumber ? this.state.gotoPageNumber : this.props.current, onChange: (newValue) => {
+                                        if (typeof newValue === "number") {
+                                            this.setState({ gotoPageNumber: newValue });
+                                        }
+                                    }, onKeyDown: (e) => {
+                                        if (e.code === "Enter") {
+                                            if (this.state.gotoPageNumber && this.props.onChange) {
+                                                this.props.onChange(this.state.gotoPageNumber, this.props.pageSize);
+                                            }
+                                        }
+                                    } }),
+                                React.createElement(Button, { title: i18n("Goto Page"), type: "primary", onClick: () => {
+                                        if (this.state.gotoPageNumber && this.props.onChange) {
+                                            this.props.onChange(this.state.gotoPageNumber, this.props.pageSize);
+                                        }
+                                    } },
+                                    React.createElement(CheckOutlined, null))), trigger: "hover", onOpenChange: (visible) => {
+                                if (!visible) {
+                                    this.setState({ gotoPageNumber: null });
+                                }
+                            }, overlayClassName: "control-panel-popover" }, originalElement));
+                    }
+                    else {
+                        return originalElement;
+                    }
+                } }))));
+    }
+}
 //# sourceMappingURL=tablePagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tablePagination.js","sourceRoot":"","sources":["../../../../../components/grid/panel/tablePagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {CheckOutlined} from \"@ant-design/icons\";\nimport {Button, Input, InputNumber, Pagination, Popover} from \"antd\";\nimport i18n from \"d2core/i18n/i18n\";\nimport {PaginationProps} from \"antd/es/pagination\";\n\ninterface PaginationComponentState {\n    gotoPageNumber?: number | null\n}\n\nexport default class PaginationComponent extends React.Component<PaginationProps, PaginationComponentState> {\n    constructor(props: Readonly<PaginationProps>) {\n        super(props);\n        this.state = {\n            gotoPageNumber: null\n        }\n    }\n\n    render() {\n        const pageCount = this.props.total && this.props.pageSize ? Math.ceil(this.props.total / this.props.pageSize) : 1;\n        return (\n            <div>\n                <Pagination\n                    showSizeChanger={false}\n                    {...this.props}\n                    itemRender={(page, type, originalElement) => {\n                        if (page === this.props.current && type === \"page\") {\n                            return (\n                                <Popover\n                                    title=\"\"\n                                    placement=\"bottom\"\n                                    content={\n                                        <Input.Group compact>\n                                            <InputNumber min={1} max={pageCount}\n                                                         value={this.state.gotoPageNumber ? this.state.gotoPageNumber : this.props.current}\n                                                         onChange={(newValue) => {\n                                                             if (typeof newValue === \"number\") {\n                                                                 this.setState({gotoPageNumber: newValue});\n                                                             }\n                                                         }}\n                                                         onKeyDown={(e) => {\n                                                             if (e.keyCode === 3 /*MAC_ENTER*/ || e.keyCode === 13 /*ENTER*/) {\n                                                                 if (this.state.gotoPageNumber && this.props.onChange) {\n                                                                     this.props.onChange(this.state.gotoPageNumber, this.props.pageSize!);\n                                                                 }\n                                                             }\n                                                         }}\n                                            />\n                                            <Button title={i18n(\"Goto Page\")} type=\"primary\" onClick={() => {\n                                                if (this.state.gotoPageNumber && this.props.onChange) {\n                                                    this.props.onChange(this.state.gotoPageNumber, this.props.pageSize!);\n                                                }\n                                            }}>\n                                                <CheckOutlined/>\n                                            </Button>\n                                        </Input.Group>\n                                    }\n                                    trigger=\"hover\"\n                                    onOpenChange={(visible) => {\n                                        if (!visible) {\n                                            this.setState({gotoPageNumber: null});\n                                        }\n                                    }}\n                                    overlayClassName=\"control-panel-popover\"\n                                >\n                                    {originalElement}\n                                </Popover>\n                            );\n                        } else {\n                            return originalElement;\n                        }\n                    }}\n                />\n            </div>\n        );\n    }\n}"]}
+{"version":3,"file":"tablePagination.js","sourceRoot":"","sources":["../../../../../components/grid/panel/tablePagination.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {CheckOutlined} from \"@ant-design/icons\";\r\nimport {Button, InputNumber, Pagination, Popover, Space} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {PaginationProps} from \"antd/es/pagination\";\r\n\r\ninterface PaginationComponentState {\r\n    gotoPageNumber?: number | null\r\n}\r\n\r\nexport default class PaginationComponent extends React.Component<PaginationProps, PaginationComponentState> {\r\n    constructor(props: Readonly<PaginationProps>) {\r\n        super(props);\r\n        this.state = {\r\n            gotoPageNumber: null\r\n        }\r\n    }\r\n\r\n    render() {\r\n        const pageCount = this.props.total && this.props.pageSize ? Math.ceil(this.props.total / this.props.pageSize) : 1;\r\n        return (\r\n            <div>\r\n                <Pagination\r\n                    showSizeChanger={false}\r\n                    {...this.props}\r\n                    itemRender={(page, type, originalElement) => {\r\n                        if (page === this.props.current && type === \"page\") {\r\n                            return (\r\n                                <Popover\r\n                                    title=\"\"\r\n                                    placement=\"bottom\"\r\n                                    content={\r\n                                        <Space.Compact>\r\n                                            <InputNumber min={1} max={pageCount}\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 && this.props.onChange) {\r\n                                                                     this.props.onChange(this.state.gotoPageNumber, this.props.pageSize!);\r\n                                                                 }\r\n                                                             }\r\n                                                         }}\r\n                                            />\r\n                                            <Button title={i18n(\"Goto Page\")} type=\"primary\" onClick={() => {\r\n                                                if (this.state.gotoPageNumber && this.props.onChange) {\r\n                                                    this.props.onChange(this.state.gotoPageNumber, this.props.pageSize!);\r\n                                                }\r\n                                            }}>\r\n                                                <CheckOutlined/>\r\n                                            </Button>\r\n                                        </Space.Compact>\r\n                                    }\r\n                                    trigger=\"hover\"\r\n                                    onOpenChange={(visible) => {\r\n                                        if (!visible) {\r\n                                            this.setState({gotoPageNumber: null});\r\n                                        }\r\n                                    }}\r\n                                    overlayClassName=\"control-panel-popover\"\r\n                                >\r\n                                    {originalElement}\r\n                                </Popover>\r\n                            );\r\n                        } else {\r\n                            return originalElement;\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n}"]}

package/components/icons/dropdownArrow.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { AntdIconProps } from "@ant-design/icons/lib/components/AntdIcon";
+export interface DropdownArrowProps extends AntdIconProps {
+    opened?: boolean;
+}
+export default class DropdownArrow extends React.PureComponent<DropdownArrowProps> {
+    render(): React.JSX.Element;
+}

package/components/icons/dropdownArrow.js

@@ -0,0 +1,59 @@
+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 { createStyles } from "antd-style";
+import { DownOutlined } from "@ant-design/icons";
+import WithCss from "d2coreui/components/style/withCss";
+const useStyles = createStyles(({ token, css, cx }) => {
+    return {
+        dropdownArrow: css `
+            transform-origin: 50% 50%;
+            margin-left: ${token.controlPaddingHorizontalSM}px;
+        `,
+        dropdownArrowIcon: css `
+            color: ${token.colorTextDisabled};
+            font-size: ${token.fontSizeSM}px;
+            vertical-align: center;
+            cursor: pointer;
+            transition: color 0.3s;
+
+            &:hover {
+                color: ${token.colorTextSecondary};
+            }
+
+            &:active {
+                color: ${token.colorText};
+            }
+
+            + i {
+                margin-left: 6px;
+            }
+
+            svg {
+                transition: transform 0.3s;
+            }
+        `,
+        dropdownArrowIconOpen: css `
+            svg {
+                transform: rotate(180deg);
+            }
+        `
+    };
+}, { label: "dropdownArrow" });
+export default class DropdownArrow extends React.PureComponent {
+    render() {
+        const _a = this.props, { opened } = _a, restProps = __rest(_a, ["opened"]);
+        return (React.createElement(WithCss, { useStyles: useStyles }, (css) => React.createElement("span", { className: css.styles.dropdownArrow },
+            React.createElement(DownOutlined, Object.assign({}, restProps, { className: opened ? css.cx(css.styles.dropdownArrowIcon, css.styles.dropdownArrowIconOpen) : css.styles.dropdownArrowIcon, role: "button", tabIndex: -1 })))));
+    }
+}
+//# sourceMappingURL=dropdownArrow.js.map

package/components/icons/dropdownArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownArrow.js","sourceRoot":"","sources":["../../../../components/icons/dropdownArrow.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AACxC,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,OAAO,MAAM,mCAAmC,CAAC;AAIxD,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,EAAE,EAAC,EAAE,EAAE;IAChD,OAAO;QACH,aAAa,EAAE,GAAG,CAAA;;2BAEC,KAAK,CAAC,0BAA0B;SAClD;QAED,iBAAiB,EAAE,GAAG,CAAA;qBACT,KAAK,CAAC,iBAAiB;yBACnB,KAAK,CAAC,UAAU;;;;;;yBAMhB,KAAK,CAAC,kBAAkB;;;;yBAIxB,KAAK,CAAC,SAAS;;;;;;;;;;SAU/B;QAED,qBAAqB,EAAE,GAAG,CAAA;;;;SAIzB;KACJ,CAAC;AACN,CAAC,EAAE,EAAC,KAAK,EAAE,eAAe,EAAC,CAAC,CAAC;AAM7B,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAC9E,MAAM;QACF,MAAM,KAAyB,IAAI,CAAC,KAAK,EAAnC,EAAC,MAAM,OAA4B,EAAvB,SAAS,cAArB,UAAsB,CAAa,CAAC;QAE1C,OAAO,CACH,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,IACzB,CAAC,GAAG,EAAE,EAAE,CACJ,8BAAM,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa;YACrC,oBAAC,YAAY,oBAAK,SAAS,IACb,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,iBAAiB,EACzH,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC,IACtC,CACH,CACA,CACd,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React from \"react\";\r\nimport {createStyles} from \"antd-style\";\r\nimport {DownOutlined} from \"@ant-design/icons\";\r\nimport WithCss from \"d2coreui/components/style/withCss\";\r\nimport {AntdIconProps} from \"@ant-design/icons/lib/components/AntdIcon\";\r\n\r\n// @ts-ignore\r\nconst useStyles = createStyles(({token, css, cx}) => {\r\n    return {\r\n        dropdownArrow: css`\r\n            transform-origin: 50% 50%;\r\n            margin-left: ${token.controlPaddingHorizontalSM}px;\r\n        `,\r\n\r\n        dropdownArrowIcon: css`\r\n            color: ${token.colorTextDisabled};\r\n            font-size: ${token.fontSizeSM}px;\r\n            vertical-align: center;\r\n            cursor: pointer;\r\n            transition: color 0.3s;\r\n\r\n            &:hover {\r\n                color: ${token.colorTextSecondary};\r\n            }\r\n\r\n            &:active {\r\n                color: ${token.colorText};\r\n            }\r\n\r\n            + i {\r\n                margin-left: 6px;\r\n            }\r\n\r\n            svg {\r\n                transition: transform 0.3s;\r\n            }\r\n        `,\r\n\r\n        dropdownArrowIconOpen: css`\r\n            svg {\r\n                transform: rotate(180deg);\r\n            }\r\n        `\r\n    };\r\n}, {label: \"dropdownArrow\"});\r\n\r\nexport interface DropdownArrowProps extends AntdIconProps {\r\n    opened?: boolean\r\n}\r\n\r\nexport default class DropdownArrow extends React.PureComponent<DropdownArrowProps> {\r\n    render() {\r\n        const {opened, ...restProps} = this.props;\r\n\r\n        return (\r\n            <WithCss useStyles={useStyles}>{\r\n                (css) =>\r\n                    <span className={css.styles.dropdownArrow}>\r\n                        <DownOutlined {...restProps}\r\n                                      className={opened ? css.cx(css.styles.dropdownArrowIcon, css.styles.dropdownArrowIconOpen) : css.styles.dropdownArrowIcon}\r\n                                      role=\"button\" tabIndex={-1}\r\n                        />\r\n                </span>\r\n            }</WithCss>\r\n        );\r\n    }\r\n}\r\n"]}

package/components/icons/undoIcon.d.ts

@@ -1,8 +1,8 @@
-import { CSSProperties } from "react";
-declare const UndoIcon: (props: {
-    style?: CSSProperties;
-}) => JSX.Element;
-declare const UndoMenuIcon: (props: {
-    style?: CSSProperties;
-}) => JSX.Element;
-export { UndoIcon, UndoMenuIcon };
+import React, { CSSProperties } from "react";
+declare const UndoIcon: (props: {
+    style?: CSSProperties;
+}) => React.JSX.Element;
+declare const UndoMenuIcon: (props: {
+    style?: CSSProperties;
+}) => React.JSX.Element;
+export { UndoIcon, UndoMenuIcon };

package/components/icons/undoIcon.js

@@ -1,7 +1,7 @@
-import React from "react";
-import Icon from "@ant-design/icons/es/components/Icon";
-const UndoIcon = (props) => (React.createElement(Icon, { component: () => React.createElement("svg", { preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 14 14", width: 14, height: 14, style: props.style },
-        React.createElement("path", { d: "m 8.327691,3.3283097 c 2.800837,0 5.07135,2.3743226 5.07135,5.303197 0,2.9288733 -2.270513,5.3031963 -5.07135,5.3031963 H 4.946796 v -0.883866 h 3.380895 c 2.334032,0 4.226127,-1.978602 4.226127,-4.4193303 0,-2.4407292 -1.892095,-4.4193308 -4.226127,-4.4193308 H 2.338436 L 4.904535,6.8955935 4.306962,7.5204869 0.720677,3.7702428 4.306962,0.01999879 4.904535,0.64489216 2.338436,3.3283097 Z", style: { display: "inline", fill: "currentColor" } })) }));
-const UndoMenuIcon = (props) => (React.createElement(UndoIcon, { style: Object.assign({ marginRight: 6, width: 12, height: 12 }, props.style) }));
-export { UndoIcon, UndoMenuIcon };
+import React from "react";
+import Icon from "@ant-design/icons/es/components/Icon";
+const UndoIcon = (props) => (React.createElement(Icon, { component: () => React.createElement("svg", { preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 14 14", width: 14, height: 14, style: props.style },
+        React.createElement("path", { d: "m 8.327691,3.3283097 c 2.800837,0 5.07135,2.3743226 5.07135,5.303197 0,2.9288733 -2.270513,5.3031963 -5.07135,5.3031963 H 4.946796 v -0.883866 h 3.380895 c 2.334032,0 4.226127,-1.978602 4.226127,-4.4193303 0,-2.4407292 -1.892095,-4.4193308 -4.226127,-4.4193308 H 2.338436 L 4.904535,6.8955935 4.306962,7.5204869 0.720677,3.7702428 4.306962,0.01999879 4.904535,0.64489216 2.338436,3.3283097 Z", style: { display: "inline", fill: "currentColor" } })) }));
+const UndoMenuIcon = (props) => (React.createElement(UndoIcon, { style: Object.assign({ marginRight: 6, width: 12, height: 12 }, props.style) }));
+export { UndoIcon, UndoMenuIcon };
 //# sourceMappingURL=undoIcon.js.map

package/components/input/autoCompleteInput.d.ts

@@ -1,35 +1,35 @@
-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"> {
-    value?: string;
-    options?: string[];
-    placeholder?: string;
-    prefix?: React.ReactNode;
-    onChange(searchString: string): void;
-    onSearch(): void;
-    onPressEnter?(): void;
-    inputReadonly?: boolean;
-    stringFormatter?(rawString: string): string;
-}
-interface InputSearchWithHistoryState {
-    opened: boolean;
-    loading: boolean;
-    searchString?: string;
-}
-export default class AutoCompleteInput extends React.Component<InputSearchWithHistoryProps, InputSearchWithHistoryState> {
-    static get defaultProps(): {
-        onSearch: () => void;
-        onChange: () => void;
-    };
-    private autocomplete;
-    constructor(props: Readonly<InputSearchWithHistoryProps>);
-    focus(): void;
-    static getDerivedStateFromProps(props: InputSearchWithHistoryProps, state: InputSearchWithHistoryState): Partial<InputSearchWithHistoryState>;
-    setSearchString(searchString: string): void;
-    getAutocompleteOptions(): DefaultOptionType[];
-    onSearch(): void;
-    onSelect(searchString: string): void;
-    render(): JSX.Element;
-}
-export {};
+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"> {
+    value?: string;
+    options?: string[];
+    placeholder?: string;
+    prefix?: React.ReactNode;
+    onChange(searchString: string): void;
+    onSearch(): void;
+    onPressEnter?(): void;
+    inputReadonly?: boolean;
+    stringFormatter?(rawString: string): string;
+}
+interface InputSearchWithHistoryState {
+    opened: boolean;
+    loading: boolean;
+    searchString?: string;
+}
+export default class AutoCompleteInput extends React.Component<InputSearchWithHistoryProps, InputSearchWithHistoryState> {
+    static get defaultProps(): {
+        onSearch: () => void;
+        onChange: () => void;
+    };
+    private autocomplete;
+    constructor(props: Readonly<InputSearchWithHistoryProps>);
+    focus(): void;
+    static getDerivedStateFromProps(props: InputSearchWithHistoryProps, state: InputSearchWithHistoryState): Partial<InputSearchWithHistoryState>;
+    setSearchString(searchString: string): void;
+    getAutocompleteOptions(): DefaultOptionType[];
+    onSearch(): void;
+    onSelect(searchString: string): void;
+    render(): React.JSX.Element;
+}
+export {};