d2coreui 21.0.11 → 21.0.14

package/components/color/colorPicker.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { SketchPickerProps } from "react-color/lib/components/sketch/Sketch";
+import { TooltipPlacement } from "antd/lib/tooltip";
+interface ColorPickerProps extends SketchPickerProps {
+    badgeIcon?: React.ReactNode;
+    title: string;
+    placement?: TooltipPlacement;
+    disabled?: boolean;
+    transparentColorAllowed?: boolean;
+    onResetColor(): void;
+}
+interface ColorPickerState {
+    popupVisible: boolean;
+}
+export default class ColorPicker extends React.Component<ColorPickerProps, ColorPickerState> {
+    constructor(props: Readonly<ColorPickerProps>);
+    private getColorString;
+    render(): JSX.Element;
+}
+export {};

package/components/color/colorPicker.js

@@ -0,0 +1,54 @@
+import React from "react";
+import i18n from "d2core/i18n/i18n";
+import { Badge, Button, Popover } from "antd";
+import { CloseOutlined, StopOutlined } from "@ant-design/icons";
+import { SketchPicker } from "react-color";
+const transparentBackgroundStyle = "url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==\") left center";
+const presetColors = [
+    "#fff1f0", "#ffccc7", "#ffa39e", "#ff7875", "#ff4d4f", "#f5222d", "#cf1322", "#a8071a", "#820014", "#5c0011",
+    "#fff2e8", "#ffd8bf", "#ffbb96", "#ff9c6e", "#ff7a45", "#fa541c", "#d4380d", "#ad2102", "#871400", "#610b00",
+    "#fff7e6", "#ffe7ba", "#ffd591", "#ffc069", "#ffa940", "#fa8c16", "#d46b08", "#ad4e00", "#873800", "#612500",
+    "#feffe6", "#ffffb8", "#fffb8f", "#fff566", "#ffec3d", "#fadb14", "#d4b106", "#ad8b00", "#876800", "#614700",
+    "#f6ffed", "#d9f7be", "#b7eb8f", "#95de64", "#73d13d", "#52c41a", "#389e0d", "#237804", "#135200", "#092b00",
+    "#e6fffb", "#b5f5ec", "#87e8de", "#5cdbd3", "#36cfc9", "#13c2c2", "#08979c", "#006d75", "#00474f", "#002329",
+    "#e6f7ff", "#bae7ff", "#91d5ff", "#69c0ff", "#40a9ff", "#1890ff", "#096dd9", "#0050b3", "#003a8c", "#002766",
+    "#ffffff", "#fafafa", "#f5f5f5", "#e8e8e8", "#d9d9d9", "#bfbfbf", "#8c8c8c", "#595959", "#262626", "#000000",
+];
+export default class ColorPicker extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            popupVisible: false,
+        };
+    }
+    getColorString(color) {
+        if (typeof color === "object") {
+            return `rgba(${color.r},${color.g},${color.b},${color.a})`;
+        }
+        else {
+            return color;
+        }
+    }
+    render() {
+        var _a;
+        return (React.createElement(Popover, { placement: this.props.placement, trigger: this.props.disabled ? "" : "click", visible: this.state.popupVisible, onVisibleChange: (visible) => {
+                this.setState({ popupVisible: visible });
+            }, title: React.createElement("div", null,
+                this.props.title,
+                React.createElement(Button, { style: { float: "right", paddingLeft: 8, border: "none" }, size: "small", title: i18n("Close"), onClick: () => {
+                        this.setState({ popupVisible: false });
+                    } },
+                    React.createElement(CloseOutlined, null)),
+                React.createElement(Button, { style: { background: transparentBackgroundStyle, float: "right" }, size: "small", title: i18n("Set No Color"), onClick: () => {
+                        this.props.onResetColor();
+                        this.setState({ popupVisible: false });
+                    } },
+                    React.createElement(StopOutlined, { style: { color: "rgba(0,0,0,0.85)" } }))), content: React.createElement(SketchPicker, { color: this.props.color, width: "250px", presetColors: this.props.transparentColorAllowed ? [...presetColors, "transparent"] : presetColors, onChange: this.props.onChange, onChangeComplete: this.props.onChangeComplete }) },
+            React.createElement(Badge, { count: this.props.badgeIcon ?
+                    React.createElement("span", { className: "ant-badge-count", style: { color: "#1890ff", background: "#e6f7ff", borderColor: "#91d5ff" } }, this.props.badgeIcon)
+                    : undefined },
+                React.createElement(Button, { style: { background: (_a = this.getColorString(this.props.color)) !== null && _a !== void 0 ? _a : transparentBackgroundStyle }, disabled: this.props.disabled, title: this.props.title },
+                    React.createElement("span", { role: "img", className: "anticon" })))));
+    }
+}
+//# sourceMappingURL=colorPicker.js.map

package/components/color/colorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPicker.js","sourceRoot":"","sources":["../../../../components/color/colorPicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {Badge, Button, Popover} from \"antd\";\r\nimport {CloseOutlined, StopOutlined} from \"@ant-design/icons\";\r\nimport {RGBColor, SketchPicker} from \"react-color\";\r\nimport {SketchPickerProps} from \"react-color/lib/components/sketch/Sketch\";\r\nimport {TooltipPlacement} from \"antd/lib/tooltip\";\r\n\r\nconst transparentBackgroundStyle = \"url(\\\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==\\\") left center\"\r\nconst presetColors = [\r\n    \"#fff1f0\", \"#ffccc7\", \"#ffa39e\", \"#ff7875\", \"#ff4d4f\", \"#f5222d\", \"#cf1322\", \"#a8071a\", \"#820014\", \"#5c0011\",\r\n    \"#fff2e8\", \"#ffd8bf\", \"#ffbb96\", \"#ff9c6e\", \"#ff7a45\", \"#fa541c\", \"#d4380d\", \"#ad2102\", \"#871400\", \"#610b00\",\r\n    \"#fff7e6\", \"#ffe7ba\", \"#ffd591\", \"#ffc069\", \"#ffa940\", \"#fa8c16\", \"#d46b08\", \"#ad4e00\", \"#873800\", \"#612500\",\r\n    \"#feffe6\", \"#ffffb8\", \"#fffb8f\", \"#fff566\", \"#ffec3d\", \"#fadb14\", \"#d4b106\", \"#ad8b00\", \"#876800\", \"#614700\",\r\n    \"#f6ffed\", \"#d9f7be\", \"#b7eb8f\", \"#95de64\", \"#73d13d\", \"#52c41a\", \"#389e0d\", \"#237804\", \"#135200\", \"#092b00\",\r\n    \"#e6fffb\", \"#b5f5ec\", \"#87e8de\", \"#5cdbd3\", \"#36cfc9\", \"#13c2c2\", \"#08979c\", \"#006d75\", \"#00474f\", \"#002329\",\r\n    \"#e6f7ff\", \"#bae7ff\", \"#91d5ff\", \"#69c0ff\", \"#40a9ff\", \"#1890ff\", \"#096dd9\", \"#0050b3\", \"#003a8c\", \"#002766\",\r\n    \"#ffffff\", \"#fafafa\", \"#f5f5f5\", \"#e8e8e8\", \"#d9d9d9\", \"#bfbfbf\", \"#8c8c8c\", \"#595959\", \"#262626\", \"#000000\",\r\n];\r\n\r\ninterface ColorPickerProps extends SketchPickerProps {\r\n    badgeIcon?: React.ReactNode\r\n    title: string\r\n    placement?: TooltipPlacement\r\n    disabled?: boolean\r\n    transparentColorAllowed?: boolean\r\n\r\n    onResetColor(): void\r\n}\r\n\r\ninterface ColorPickerState {\r\n    popupVisible: boolean\r\n}\r\n\r\nexport default class ColorPicker extends React.Component<ColorPickerProps, ColorPickerState> {\r\n    constructor(props: Readonly<ColorPickerProps>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            popupVisible: false,\r\n        }\r\n    }\r\n\r\n    private getColorString(color: RGBColor | string | undefined): string | undefined {\r\n        if (typeof color === \"object\") {\r\n            return `rgba(${color.r},${color.g},${color.b},${color.a})`;\r\n        } else {\r\n            return color;\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <Popover\r\n                placement={this.props.placement}\r\n                trigger={this.props.disabled ? \"\" : \"click\"}\r\n                visible={this.state.popupVisible}\r\n                onVisibleChange={(visible) => {\r\n                    this.setState({popupVisible: visible});\r\n                }}\r\n                title={\r\n                    <div>\r\n                        {this.props.title}\r\n                        <Button\r\n                            style={{float: \"right\", paddingLeft: 8, border: \"none\"}}\r\n                            size=\"small\"\r\n                            title={i18n(\"Close\")}\r\n                            onClick={() => {\r\n                                this.setState({popupVisible: false});\r\n                            }}\r\n                        >\r\n                            <CloseOutlined/>\r\n                        </Button>\r\n                        <Button\r\n                            style={{background: transparentBackgroundStyle, float: \"right\"}}\r\n                            size=\"small\"\r\n                            title={i18n(\"Set No Color\")}\r\n                            onClick={() => {\r\n                                this.props.onResetColor();\r\n                                this.setState({popupVisible: false});\r\n                            }}\r\n                        >\r\n                            <StopOutlined style={{color: \"rgba(0,0,0,0.85)\"}}/>\r\n                        </Button>\r\n                    </div>\r\n                }\r\n                content={\r\n                    <SketchPicker\r\n                        color={this.props.color}\r\n                        width={\"250px\"}\r\n                        presetColors={this.props.transparentColorAllowed ? [...presetColors, \"transparent\"] : presetColors}\r\n                        onChange={this.props.onChange}\r\n                        onChangeComplete={this.props.onChangeComplete}\r\n                    />\r\n                }\r\n            >\r\n                <Badge\r\n                    count={this.props.badgeIcon ?\r\n                        <span\r\n                            className=\"ant-badge-count\"\r\n                            style={{color: \"#1890ff\", background: \"#e6f7ff\", borderColor: \"#91d5ff\"}}\r\n                        >\r\n                                {this.props.badgeIcon}\r\n                            </span>\r\n                        : undefined\r\n                    }\r\n                >\r\n                    <Button\r\n                        style={{background: this.getColorString(this.props.color as RGBColor | string | undefined) ?? transparentBackgroundStyle}}\r\n                        disabled={this.props.disabled}\r\n                        title={this.props.title}\r\n                    >\r\n                        <span role=\"img\" className=\"anticon\"/>\r\n                    </Button>\r\n                </Badge>\r\n            </Popover>\r\n        );\r\n    }\r\n\r\n}"]}

package/components/color/colorUtils.d.ts

@@ -2,4 +2,6 @@ export default class ColorUtils {
     static d2IntToRGB(num: number): string;
     static d2IntToHex(num: number): string;
     static hexToD2Int(hex: string): number;
+    private static padZero;
+    static invertColor(hex: string, bw: boolean): string;
 }

package/components/color/colorUtils.js

@@ -11,5 +11,34 @@ export default class ColorUtils {
         const r = parseInt(hex.substr(1, 2), 16), g = (parseInt(hex.substr(3, 2), 16) << 8), b = (parseInt(hex.substr(5, 2), 16) << 16);
         return r + g + b;
     }
+    static padZero(s, length = 2) {
+        while (s.length < length) {
+            s = '0' + s;
+        }
+        return s;
+    }
+    static invertColor(hex, bw) {
+        if (hex.indexOf('#') === 0) {
+            hex = hex.slice(1);
+        }
+        if (hex.length === 3) {
+            hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];
+        }
+        if (hex.length !== 6) {
+            throw new Error('Invalid HEX color.');
+        }
+        const r = parseInt(hex.slice(0, 2), 16);
+        const g = parseInt(hex.slice(2, 4), 16);
+        const b = parseInt(hex.slice(4, 6), 16);
+        if (bw) {
+            return (r * 0.299 + g * 0.587 + b * 0.114) > 186
+                ? '#000000'
+                : '#FFFFFF';
+        }
+        const rString = (255 - r).toString(16);
+        const gString = (255 - g).toString(16);
+        const bString = (255 - b).toString(16);
+        return "#" + this.padZero(rString) + this.padZero(gString) + this.padZero(bString);
+    }
 }
 //# sourceMappingURL=colorUtils.js.map

package/components/color/colorUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorUtils.js","sourceRoot":"","sources":["../../../../components/color/colorUtils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,UAAU;IAC3B,MAAM,CAAC,UAAU,CAAC,GAAW;QAEzB,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAC,KAAK,EAAE,EAC7B,CAAC,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,EACxB,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;QACnB,OAAO,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;IAC9C,CAAC;IAED,MAAM,CAAC,UAAU,CAAC,GAAW;QAEzB,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAC,KAAK,EAAE,EAC7B,CAAC,GAAG,CAAC,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,EACxB,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;QACnB,OAAO,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACrH,CAAC;IAED,MAAM,CAAC,UAAU,CAAC,GAAW;QACzB,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EACpC,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,EACzC,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QAE/C,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC;CACJ","sourcesContent":["export default class ColorUtils {\r\n    static d2IntToRGB(num: number): string {\r\n        // d2000 posiela farbu vo formate bgr\r\n        const b = (num & 0xFF0000) >>> 16,\r\n            g = (num & 0xFF00) >>> 8,\r\n            r = num & 0xFF;\r\n        return \"rgb(\" + [r, g, b].join(\",\") + \")\";\r\n    }\r\n\r\n    static d2IntToHex(num: number): string {\r\n        // d2000 posiela farbu vo formate bgr\r\n        const b = (num & 0xFF0000) >>> 16,\r\n            g = (num & 0xFF00) >>> 8,\r\n            r = num & 0xFF;\r\n        return \"#\" + r.toString(16).padStart(2, '0') + g.toString(16).padStart(2, '0') + b.toString(16).padStart(2, '0');\r\n    }\r\n\r\n    static hexToD2Int(hex: string): number {\r\n        const r = parseInt(hex.substr(1, 2), 16),\r\n            g = (parseInt(hex.substr(3, 2), 16) << 8),\r\n            b = (parseInt(hex.substr(5, 2), 16) << 16);\r\n\r\n        return r + g + b;\r\n    }\r\n}"]}
+{"version":3,"file":"colorUtils.js","sourceRoot":"","sources":["../../../../components/color/colorUtils.ts"],"names":[],"mappings":"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","sourcesContent":["export default class ColorUtils {\r\n    static d2IntToRGB(num: number): string {\r\n        // d2000 posiela farbu vo formate bgr\r\n        const b = (num & 0xFF0000) >>> 16,\r\n            g = (num & 0xFF00) >>> 8,\r\n            r = num & 0xFF;\r\n        return \"rgb(\" + [r, g, b].join(\",\") + \")\";\r\n    }\r\n\r\n    static d2IntToHex(num: number): string {\r\n        // d2000 posiela farbu vo formate bgr\r\n        const b = (num & 0xFF0000) >>> 16,\r\n            g = (num & 0xFF00) >>> 8,\r\n            r = num & 0xFF;\r\n        return \"#\" + r.toString(16).padStart(2, '0') + g.toString(16).padStart(2, '0') + b.toString(16).padStart(2, '0');\r\n    }\r\n\r\n    static hexToD2Int(hex: string): number {\r\n        const r = parseInt(hex.substr(1, 2), 16),\r\n            g = (parseInt(hex.substr(3, 2), 16) << 8),\r\n            b = (parseInt(hex.substr(5, 2), 16) << 16);\r\n\r\n        return r + g + b;\r\n    }\r\n\r\n    private static padZero(s: string, length: number = 2) {\r\n        while (s.length < length) {\r\n            s = '0' + s;\r\n        }\r\n        return s;\r\n    }\r\n\r\n    static invertColor(hex: string, bw: boolean) {\r\n        if (hex.indexOf('#') === 0) {\r\n            hex = hex.slice(1);\r\n        }\r\n        // convert 3-digit hex to 6-digits.\r\n        if (hex.length === 3) {\r\n            hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\r\n        }\r\n        if (hex.length !== 6) {\r\n            throw new Error('Invalid HEX color.');\r\n        }\r\n        const r = parseInt(hex.slice(0, 2), 16);\r\n        const g = parseInt(hex.slice(2, 4), 16);\r\n        const b = parseInt(hex.slice(4, 6), 16);\r\n        if (bw) {\r\n            // http://stackoverflow.com/a/3943023/112731\r\n            return (r * 0.299 + g * 0.587 + b * 0.114) > 186\r\n                ? '#000000'\r\n                : '#FFFFFF';\r\n        }\r\n        // invert color components\r\n        const rString = (255 - r).toString(16);\r\n        const gString = (255 - g).toString(16);\r\n        const bString = (255 - b).toString(16);\r\n        // pad each with zeros and return\r\n        return \"#\" + this.padZero(rString) + this.padZero(gString) + this.padZero(bString);\r\n    }\r\n}"]}

package/components/date/dateRangeInput.d.ts

@@ -1,6 +1,10 @@
 import React, { HTMLAttributes } from "react";
 import { Moment } from "moment";
 import { TooltipPlacement } from "antd/es/tooltip";
+export declare enum DateRangeInputMode {
+    SIMPLE = 0,
+    ADVANCED = 1
+}
 export interface DateRangeInputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
     mask: string;
     fromValue: Moment | null;
@@ -29,21 +33,29 @@ export interface DateRangeInputProps extends Omit<HTMLAttributes<HTMLDivElement>
         useCssBottom?: boolean;
         useCssTransform?: boolean;
     };
+    defaultMode?: DateRangeInputMode;
+    onModeChange?(mode: DateRangeInputMode): void;
     onFocus?(): void;
     onBlur?(): void;
+    confirmButtonsRenderer?(): React.ReactNode;
+    onPopupVisibleChange?(visible: boolean): void;
 }
 interface DateRangeInputState {
     valid: boolean;
     selectionStartDate: Moment | null;
     popupKeyIndex: number;
     popupVisible: boolean;
+    mode: DateRangeInputMode;
 }
 export default class DateRangeInput extends React.Component<DateRangeInputProps, DateRangeInputState> {
     constructor(props: Readonly<DateRangeInputProps>);
+    componentDidUpdate(_prevProps: Readonly<DateRangeInputProps>, prevState: Readonly<DateRangeInputState>): void;
     getDefaultSelectedDateForFromPanel(fromDate: Moment | null, toDate: Moment | null): Moment;
     private getFromValue;
     private getToValue;
-    private closePopup;
+    closePopup(): void;
+    private renderSimplePart;
+    private renderAdvancedPart;
     renderPopup(): React.ReactElement;
     renderInput(): JSX.Element;
     render(): any;

package/components/date/dateRangeInput.js

@@ -12,21 +12,35 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from "react";
 import moment from "moment";
 import { CalendarOutlined } from "@ant-design/icons";
-import { Divider, Tooltip } from "antd";
+import { Divider, Switch, Tooltip } from "antd";
 import DateTimeInput from "./dateTimeInput";
 import memoizeOne from "memoize-one";
 import KeyboardUtils from "../keyboard/keyboardUtils";
+import i18n from "d2core/i18n/i18n";
+import DateRangeInputAdvancedPanel, { TimeShiftDirection } from "./dateRangeInputAdvancedPanel";
+export var DateRangeInputMode;
+(function (DateRangeInputMode) {
+    DateRangeInputMode[DateRangeInputMode["SIMPLE"] = 0] = "SIMPLE";
+    DateRangeInputMode[DateRangeInputMode["ADVANCED"] = 1] = "ADVANCED";
+})(DateRangeInputMode || (DateRangeInputMode = {}));
 export default class DateRangeInput extends React.Component {
     constructor(props) {
+        var _a;
         super(props);
         this.state = {
             valid: !!props.fromValue && props.fromValue.isValid() && !!props.toValue && props.toValue.isValid(),
             selectionStartDate: null,
             popupKeyIndex: 0,
-            popupVisible: false
+            popupVisible: false,
+            mode: (_a = props.defaultMode) !== null && _a !== void 0 ? _a : DateRangeInputMode.SIMPLE,
         };
         this.getDefaultSelectedDateForFromPanel = memoizeOne(this.getDefaultSelectedDateForFromPanel.bind(this));
     }
+    componentDidUpdate(_prevProps, prevState) {
+        if (prevState.popupVisible !== this.state.popupVisible && this.props.onPopupVisibleChange) {
+            this.props.onPopupVisibleChange(this.state.popupVisible);
+        }
+    }
     getDefaultSelectedDateForFromPanel(fromDate, toDate) {
         if (!!fromDate && !!toDate && fromDate.isSame(toDate, "date")) {
             return fromDate.clone().subtract(1, "month");
@@ -46,10 +60,10 @@ export default class DateRangeInput extends React.Component {
     closePopup() {
         this.setState({ popupKeyIndex: this.state.popupKeyIndex + 1, popupVisible: false });
     }
-    renderPopup() {
+    renderSimplePart() {
         const _a = this.props, { fromValue, toValue, onChange, style, allowClear, renderAsCalendar, hidePopup, align } = _a, props = __rest(_a, ["fromValue", "toValue", "onChange", "style", "allowClear", "renderAsCalendar", "hidePopup", "align"]);
         const markedDateInterval = this.props.fromValue && this.props.toValue ? [this.props.fromValue, this.props.toValue] : undefined;
-        return (React.createElement("div", { onFocus: this.props.onFocus, onBlur: this.props.onBlur },
+        return (React.createElement("div", null,
             React.createElement("div", { style: { display: "flex" } },
                 React.createElement(DateTimeInput, Object.assign({ value: fromValue }, props, { allowClear: allowClear, renderAsCalendar: true, style: { width: "100%" }, onChange: (date) => {
                         var _a, _b;
@@ -83,7 +97,7 @@ export default class DateRangeInput extends React.Component {
                         }
                     }, onDateItemMouseUp: (_date) => {
                         this.setState({ selectionStartDate: null });
-                    } })),
+                    }, ignoreKeyStrokes: true })),
                 React.createElement(Divider, { type: "vertical", style: { height: "auto" } }),
                 React.createElement(DateTimeInput, Object.assign({ value: toValue }, props, { renderAsCalendar: true, allowClear: allowClear, style: { width: "100%" }, onChange: (date) => {
                         var _a, _b;
@@ -117,7 +131,7 @@ export default class DateRangeInput extends React.Component {
                         }
                     }, onDateItemMouseUp: (_date) => {
                         this.setState({ selectionStartDate: null });
-                    } }))),
+                    }, ignoreKeyStrokes: true }))),
             React.createElement("div", { className: "ant-picker-footer" },
                 React.createElement("ul", { className: "ant-picker-ranges", style: { padding: 0, borderTop: "1px solid #ddd" } }, this.props.ranges && Object.keys(this.props.ranges).map((rangeName, index) => {
                     return (React.createElement("li", { className: "ant-picker-preset", key: `range-${index}`, onClick: () => {
@@ -131,17 +145,94 @@ export default class DateRangeInput extends React.Component {
                         React.createElement("span", { className: "ant-tag ant-tag-blue", style: { userSelect: "none" } }, rangeName)));
                 })))));
     }
+    renderAdvancedPart() {
+        return (React.createElement("div", null,
+            React.createElement("div", { style: { display: "flex" } },
+                React.createElement(DateTimeInput, { style: { width: "47%" }, mask: this.props.mask, value: this.props.fromValue, onChange: (value) => {
+                        var _a, _b;
+                        (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value, this.props.toValue);
+                    } }),
+                React.createElement("span", { style: { width: "6%", paddingTop: 4, color: "rgba(0, 0, 0, 0.65)", textAlign: "center" } }, "\u27F7"),
+                React.createElement(DateTimeInput, { style: { width: "47%" }, mask: this.props.mask, value: this.props.toValue, onChange: (value) => {
+                        var _a, _b;
+                        (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.fromValue, value);
+                    } })),
+            React.createElement(DateRangeInputAdvancedPanel, { onBeginIntervalChange: unit => {
+                    var _a, _b, _c, _d;
+                    if (unit === "15minutes") {
+                        const roundedMinutes = Math.floor(moment().minute() / 15) * 15;
+                        (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, moment().startOf("hour").minute(roundedMinutes), this.props.toValue);
+                    }
+                    else {
+                        (_d = (_c = this.props).onChange) === null || _d === void 0 ? void 0 : _d.call(_c, moment().startOf(unit), this.props.toValue);
+                    }
+                }, onIntervalDurationChange: unitOfTime => {
+                    var _a, _b, _c, _d;
+                    if (this.props.fromValue) {
+                        if (unitOfTime === "4years") {
+                            (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.fromValue, this.props.fromValue.clone().add(4, "year").subtract(1, "minute"));
+                        }
+                        else {
+                            (_d = (_c = this.props).onChange) === null || _d === void 0 ? void 0 : _d.call(_c, this.props.fromValue, this.props.fromValue.clone().add(1, unitOfTime).subtract(1, "minute"));
+                        }
+                    }
+                }, onTimeShift: (shiftBegin, shiftEnd, unitOfTime, type) => {
+                    var _a, _b, _c, _d;
+                    let fromValue = (_a = this.props.fromValue) === null || _a === void 0 ? void 0 : _a.clone();
+                    let toValue = (_b = this.props.toValue) === null || _b === void 0 ? void 0 : _b.clone();
+                    if (shiftBegin && fromValue) {
+                        if (type === TimeShiftDirection.INCREMENT) {
+                            fromValue.add(1, unitOfTime);
+                        }
+                        else if (type === TimeShiftDirection.DECREMENT) {
+                            fromValue.subtract(1, unitOfTime);
+                        }
+                    }
+                    if (shiftEnd && toValue) {
+                        if (type === TimeShiftDirection.INCREMENT) {
+                            toValue.add(1, unitOfTime);
+                        }
+                        else if (type === TimeShiftDirection.DECREMENT) {
+                            toValue.subtract(1, unitOfTime);
+                        }
+                    }
+                    (_d = (_c = this.props).onChange) === null || _d === void 0 ? void 0 : _d.call(_c, fromValue !== null && fromValue !== void 0 ? fromValue : null, toValue !== null && toValue !== void 0 ? toValue : null);
+                }, onEndIntervalChange: unit => {
+                    var _a, _b, _c, _d;
+                    if (unit === "15minutes") {
+                        const roundedMinutes = Math.floor(moment().minute() / 15) * 15;
+                        (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.fromValue, moment().startOf("hour").minute(roundedMinutes).subtract(1, "minute"));
+                    }
+                    else {
+                        (_d = (_c = this.props).onChange) === null || _d === void 0 ? void 0 : _d.call(_c, this.props.fromValue, moment().startOf(unit).subtract(1, "minute"));
+                    }
+                } })));
+    }
+    renderPopup() {
+        var _a, _b;
+        return (React.createElement("div", { onFocus: this.props.onFocus, onBlur: this.props.onBlur },
+            this.state.mode === DateRangeInputMode.SIMPLE && this.renderSimplePart(),
+            this.state.mode === DateRangeInputMode.ADVANCED && this.renderAdvancedPart(),
+            React.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-end" } },
+                React.createElement(Switch, { style: { float: "right", marginTop: 8 }, checked: this.state.mode === DateRangeInputMode.ADVANCED, onChange: checked => {
+                        var _a, _b;
+                        const mode = checked ? DateRangeInputMode.ADVANCED : DateRangeInputMode.SIMPLE;
+                        this.setState({ mode: mode });
+                        (_b = (_a = this.props).onModeChange) === null || _b === void 0 ? void 0 : _b.call(_a, mode);
+                    }, checkedChildren: i18n("Advanced Mode"), unCheckedChildren: i18n("Simple Mode") }), (_b = (_a = this.props).confirmButtonsRenderer) === null || _b === void 0 ? void 0 :
+                _b.call(_a))));
+    }
     renderInput() {
         const _a = this.props, { fromValue, toValue, onChange, style, allowClear, renderAsCalendar, hidePopup, align, disabled } = _a, props = __rest(_a, ["fromValue", "toValue", "onChange", "style", "allowClear", "renderAsCalendar", "hidePopup", "align", "disabled"]);
-        const className = disabled ? "readonly" : undefined;
+        const className = (disabled || this.state.popupVisible) ? "readonly" : undefined;
         return (React.createElement("div", { style: Object.assign(Object.assign({}, style), { padding: 0 }), className: "ant-input", onFocus: this.props.onFocus, onBlur: this.props.onBlur },
             React.createElement("div", { style: { display: "flex", width: "calc(100% - 27px)" } },
-                React.createElement(DateTimeInput, Object.assign({ value: fromValue }, props, { disabled: disabled, allowClear: allowClear, bordered: false, hidePopup: true, style: { width: "auto" }, inputStyle: { paddingRight: 2 }, onChange: (value) => {
+                React.createElement(DateTimeInput, Object.assign({ value: fromValue }, props, { disabled: disabled, inputDisabled: this.state.popupVisible, allowClear: allowClear, bordered: false, hidePopup: true, style: { width: "auto" }, inputStyle: { paddingRight: 2 }, onChange: (value) => {
                         var _a, _b;
                         (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value, this.props.toValue);
                     } })),
                 React.createElement("span", { style: { paddingTop: 4 }, className: className }, "\u27F7"),
-                React.createElement(DateTimeInput, Object.assign({ value: toValue }, props, { disabled: disabled, allowClear: allowClear, bordered: false, hidePopup: true, style: { width: "auto" }, inputStyle: { paddingLeft: 2 }, onChange: (value) => {
+                React.createElement(DateTimeInput, Object.assign({ value: toValue }, props, { disabled: disabled, inputDisabled: this.state.popupVisible, allowClear: allowClear, bordered: false, hidePopup: true, style: { width: "auto" }, inputStyle: { paddingLeft: 2 }, onChange: (value) => {
                         var _a, _b;
                         (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.fromValue, value);
                     } }))),

package/components/date/dateRangeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangeInput.js","sourceRoot":"","sources":["../../../../components/date/dateRangeInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {HTMLAttributes} from \"react\";\r\nimport moment, {Moment} from \"moment\";\r\nimport {CalendarOutlined} from \"@ant-design/icons\";\r\nimport {Divider, Tooltip} from \"antd\";\r\nimport DateTimeInput from \"./dateTimeInput\";\r\nimport memoizeOne from \"memoize-one\";\r\nimport {TooltipPlacement} from \"antd/es/tooltip\";\r\nimport KeyboardUtils from \"../keyboard/keyboardUtils\";\r\n\r\nexport interface DateRangeInputProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\r\n    mask: string\r\n    fromValue: Moment | null\r\n    toValue: Moment | null\r\n    onChange?: (fromValue: Moment | null, toValue: Moment | null) => void\r\n    onInvalidValue?: (input: string) => void\r\n    disabled?: boolean\r\n    minDate?: Moment\r\n    maxDate?: Moment\r\n    // allows to set no (null) date by datepicker\r\n    allowClear?: boolean\r\n    ranges?: { [rangeName: string]: () => [Moment, Moment] }\r\n\r\n    hidePopup?: boolean\r\n    renderAsCalendar?: boolean\r\n    placement?: TooltipPlacement\r\n    align?: {\r\n        points?: [string, string];\r\n        offset?: [number, number];\r\n        targetOffset?: [number, number];\r\n        overflow?: {\r\n            adjustX?: boolean;\r\n            adjustY?: boolean;\r\n        };\r\n        useCssRight?: boolean;\r\n        useCssBottom?: boolean;\r\n        useCssTransform?: boolean;\r\n    }\r\n\r\n    onFocus?(): void\r\n\r\n    onBlur?(): void\r\n}\r\n\r\ninterface DateRangeInputState {\r\n    valid: boolean\r\n    selectionStartDate: Moment | null\r\n    popupKeyIndex: number\r\n    popupVisible: boolean\r\n}\r\n\r\nexport default class DateRangeInput extends React.Component<DateRangeInputProps, DateRangeInputState> {\r\n    constructor(props: Readonly<DateRangeInputProps>) {\r\n        super(props);\r\n        this.state = {\r\n            valid: !!props.fromValue && props.fromValue.isValid() && !!props.toValue && props.toValue.isValid(),\r\n            selectionStartDate: null,\r\n            popupKeyIndex: 0,\r\n            popupVisible: false\r\n        };\r\n        this.getDefaultSelectedDateForFromPanel = memoizeOne(this.getDefaultSelectedDateForFromPanel.bind(this));\r\n    }\r\n\r\n    getDefaultSelectedDateForFromPanel(fromDate: Moment | null, toDate: Moment | null): Moment {\r\n        if (!!fromDate && !!toDate && fromDate.isSame(toDate, \"date\")) {\r\n            return fromDate.clone().subtract(1, \"month\");\r\n        } else {\r\n            return fromDate ?? moment().startOf(\"day\").subtract(1, \"month\");\r\n        }\r\n    }\r\n\r\n    private getFromValue(date: moment.Moment) {\r\n        return (this.props.fromValue?.clone() ?? moment().startOf(\"day\")).year(date.year()).month(date.month()).date(date.date());\r\n    }\r\n\r\n    private getToValue(date: moment.Moment) {\r\n        return (this.props.toValue?.clone() ?? moment().endOf(\"day\")).year(date.year()).month(date.month()).date(date.date());\r\n    }\r\n\r\n    private closePopup() {\r\n        // close tooltip\r\n        this.setState({popupKeyIndex: this.state.popupKeyIndex + 1, popupVisible: false});\r\n    }\r\n\r\n    renderPopup(): React.ReactElement {\r\n        const {\r\n            fromValue,\r\n            toValue,\r\n            onChange,\r\n            style,\r\n            allowClear,\r\n            renderAsCalendar,\r\n            hidePopup,\r\n            align,\r\n            ...props\r\n        } = this.props;\r\n        const markedDateInterval: [Moment, Moment] | undefined = this.props.fromValue && this.props.toValue ? [this.props.fromValue, this.props.toValue] : undefined;\r\n\r\n        return (\r\n            <div onFocus={this.props.onFocus} onBlur={this.props.onBlur}>\r\n                <div style={{display: \"flex\"}}>\r\n                    <DateTimeInput value={fromValue} {...props}\r\n                                   allowClear={allowClear}\r\n                                   renderAsCalendar\r\n                                   style={{width: \"100%\"}}\r\n                                   onChange={(date) => {\r\n                                       if (date) {\r\n                                           const fromValue = this.getFromValue(date);\r\n                                           const toValue = this.getToValue(date);\r\n                                           this.props.onChange?.(fromValue, toValue);\r\n                                       }\r\n                                   }}\r\n                                   defaultSelectedDate={this.getDefaultSelectedDateForFromPanel(fromValue, toValue)}\r\n                                   markedDateInterval={markedDateInterval}\r\n                                   onDateItemMouseDown={(date) => {\r\n                                       this.setState({selectionStartDate: date});\r\n                                       const dateFrom = this.getFromValue(date);\r\n                                       const dateTo = this.getToValue(date);\r\n                                       this.props.onChange?.(dateFrom, dateTo);\r\n                                   }}\r\n                                   onDateItemMouseOver={(date) => {\r\n                                       if (KeyboardUtils.isMouseDown() && !!this.state.selectionStartDate) {\r\n                                           let dateFrom: Moment;\r\n                                           let dateTo: Moment;\r\n                                           if (this.state.selectionStartDate.isBefore(date)) {\r\n                                               dateFrom = this.state.selectionStartDate;\r\n                                               dateTo = date;\r\n                                           } else {\r\n                                               dateFrom = date;\r\n                                               dateTo = this.state.selectionStartDate;\r\n                                           }\r\n                                           dateFrom = this.getFromValue(dateFrom);\r\n                                           dateTo = this.getToValue(dateTo);\r\n                                           this.props.onChange?.(dateFrom, dateTo);\r\n                                       }\r\n                                   }}\r\n                                   onDateItemMouseUp={(_date) => {\r\n                                       this.setState({selectionStartDate: null});\r\n                                   }}\r\n\r\n                    />\r\n                    <Divider type=\"vertical\" style={{height: \"auto\"}}/>\r\n                    <DateTimeInput value={toValue} {...props}\r\n                                   renderAsCalendar\r\n                                   allowClear={allowClear}\r\n                                   style={{width: \"100%\"}}\r\n                                   onChange={(date) => {\r\n                                       if (date) {\r\n                                           const fromValue = this.getFromValue(date);\r\n                                           const toValue = this.getToValue(date);\r\n                                           this.props.onChange?.(fromValue, toValue);\r\n                                       }\r\n                                   }}\r\n                                   markedDateInterval={markedDateInterval}\r\n                                   onDateItemMouseDown={(date) => {\r\n                                       this.setState({selectionStartDate: date});\r\n                                       const dateFrom = this.getFromValue(date);\r\n                                       const dateTo = this.getToValue(date);\r\n                                       this.props.onChange?.(dateFrom, dateTo);\r\n                                   }}\r\n                                   onDateItemMouseOver={(date) => {\r\n                                       if (KeyboardUtils.isMouseDown() && !!this.state.selectionStartDate) {\r\n                                           let dateFrom: Moment;\r\n                                           let dateTo: Moment;\r\n                                           if (this.state.selectionStartDate.isBefore(date)) {\r\n                                               dateFrom = this.state.selectionStartDate;\r\n                                               dateTo = date;\r\n                                           } else {\r\n                                               dateFrom = date;\r\n                                               dateTo = this.state.selectionStartDate;\r\n                                           }\r\n                                           dateFrom = this.getFromValue(dateFrom);\r\n                                           dateTo = this.getToValue(dateTo);\r\n                                           this.props.onChange?.(dateFrom, dateTo);\r\n                                       }\r\n                                   }}\r\n                                   onDateItemMouseUp={(_date) => {\r\n                                       this.setState({selectionStartDate: null});\r\n                                   }}\r\n                    />\r\n                </div>\r\n                <div className=\"ant-picker-footer\">\r\n                    <ul className=\"ant-picker-ranges\" style={{padding: 0, borderTop: \"1px solid #ddd\"}}>\r\n                        {\r\n                            this.props.ranges && Object.keys(this.props.ranges).map((rangeName, index) => {\r\n                                return (<li className=\"ant-picker-preset\"\r\n                                            key={`range-${index}`}\r\n                                            onClick={() => {\r\n                                                const rangeFunction = this.props.ranges?.[rangeName];\r\n                                                if (rangeFunction) {\r\n                                                    const range = rangeFunction();\r\n                                                    this.props.onChange?.(range[0], range[1]);\r\n                                                }\r\n                                            }}>\r\n                                    <span className=\"ant-tag ant-tag-blue\"\r\n                                          style={{userSelect: \"none\"}}>{rangeName}</span>\r\n                                </li>);\r\n                            })\r\n                        }\r\n                    </ul>\r\n                </div>\r\n            </div>);\r\n    }\r\n\r\n    renderInput() {\r\n        const {\r\n            fromValue,\r\n            toValue,\r\n            onChange,\r\n            style,\r\n            allowClear,\r\n            renderAsCalendar,\r\n            hidePopup,\r\n            align,\r\n            disabled,\r\n            ...props\r\n        } = this.props;\r\n        const className = disabled ? \"readonly\" : undefined;\r\n        return (\r\n            <div style={{...style, padding: 0}} className={\"ant-input\"} onFocus={this.props.onFocus}\r\n                 onBlur={this.props.onBlur}>\r\n                <div style={{display: \"flex\", width: \"calc(100% - 27px)\"}}>\r\n                    <DateTimeInput value={fromValue} {...props}\r\n                                   disabled={disabled}\r\n                                   allowClear={allowClear}\r\n                                   bordered={false}\r\n                                   hidePopup={true}\r\n                                   style={{width: \"auto\"}}\r\n                                   inputStyle={{paddingRight: 2}}\r\n                                   onChange={(value) => {\r\n                                       this.props.onChange?.(value, this.props.toValue);\r\n                                   }}\r\n                    />\r\n                    <span style={{paddingTop: 4}} className={className}>{\"\\u27F7\"}</span>\r\n                    <DateTimeInput value={toValue} {...props}\r\n                                   disabled={disabled}\r\n                                   allowClear={allowClear}\r\n                                   bordered={false}\r\n                                   hidePopup={true}\r\n                                   style={{width: \"auto\"}}\r\n                                   inputStyle={{paddingLeft: 2}}\r\n                                   onChange={(value) => {\r\n                                       this.props.onChange?.(this.props.fromValue, value);\r\n                                   }}/>\r\n                </div>\r\n                <div className={\"ant-input-number-handler-wrap \" + className}\r\n                     style={{\r\n                         width: 28,\r\n                         opacity: 1,\r\n                         height: \"100%\",\r\n                         textAlign: \"center\",\r\n                         cursor: disabled ? \"not-allowed\" : \"pointer\"\r\n                     }}\r\n                     onClick={(event) => {\r\n                         if (!disabled && document.createEvent) {\r\n                             if (this.state.popupVisible) {\r\n                                 this.closePopup();\r\n                             } else {\r\n                                 var ev = document.createEvent('HTMLEvents');\r\n                                 ev.initEvent('contextmenu', true, false);\r\n                                 event.target.dispatchEvent(ev);\r\n                                 this.props.onFocus?.();\r\n                             }\r\n                         }\r\n                     }}\r\n                >\r\n                    <CalendarOutlined style={{color: \"rgba(0,0,0,0.65)\", verticalAlign: \"middle\", marginTop: 2}}/>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    render(): any {\r\n        if (this.props.renderAsCalendar) {\r\n            return this.renderPopup();\r\n        } else if (this.props.hidePopup) {\r\n            return this.renderInput();\r\n        } else {\r\n            return (\r\n                <Tooltip color={\"white\"}\r\n                         key={\"date-range-popup-\" + this.state.popupKeyIndex}\r\n                         trigger={this.props.disabled ? [] : [\"contextMenu\"]}\r\n                         align={this.props.align}\r\n                         placement={this.props.placement}\r\n                         overlayInnerStyle={{maxHeight: \"100vh\", overflowY: \"auto\", overflowX: \"hidden\"}}\r\n                         onVisibleChange={(visible) => {\r\n                             if (visible) {\r\n                                 this.props.onFocus?.();\r\n                             } else {\r\n                                 this.props.onBlur?.();\r\n                             }\r\n                             this.setState({popupVisible: visible});\r\n                         }}\r\n                         overlayClassName={\"date-range-picker-popup\"}\r\n                         title={this.renderPopup()}>\r\n                    {this.renderInput()}\r\n                </Tooltip>\r\n            );\r\n        }\r\n    }\r\n}"]}
+{"version":3,"file":"dateRangeInput.js","sourceRoot":"","sources":["../../../../components/date/dateRangeInput.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,MAAgB,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAC,MAAM,MAAM,CAAC;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,2BAA2B,EAAE,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AAE9F,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,+DAAM,CAAA;IACN,mEAAQ,CAAA;AACZ,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAqDD,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,KAAK,CAAC,SAAmD;IACjG,YAAY,KAAoC;;QAC5C,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE;YACnG,kBAAkB,EAAE,IAAI;YACxB,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,KAAK;YAEnB,IAAI,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,kBAAkB,CAAC,MAAM;SACvD,CAAC;QACF,IAAI,CAAC,kCAAkC,GAAG,UAAU,CAAC,IAAI,CAAC,kCAAkC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7G,CAAC;IAED,kBAAkB,CAAC,UAAyC,EAAE,SAAwC;QAClG,IAAI,SAAS,CAAC,YAAY,KAAK,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE;YACvF,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;SAC5D;IACL,CAAC;IAED,kCAAkC,CAAC,QAAuB,EAAE,MAAqB;QAC7E,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE;YAC3D,OAAO,QAAQ,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;SAChD;aAAM;YACH,OAAO,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,MAAM,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;SACnE;IACL,CAAC;IAEO,YAAY,CAAC,IAAmB;;QACpC,OAAO,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,KAAK,EAAE,mCAAI,MAAM,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC9H,CAAC;IAEO,UAAU,CAAC,IAAmB;;QAClC,OAAO,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,0CAAE,KAAK,EAAE,mCAAI,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAC1H,CAAC;IAED,UAAU;QAEN,IAAI,CAAC,QAAQ,CAAC,EAAC,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,CAAC,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,CAAC;IACtF,CAAC;IAEO,gBAAgB;QACpB,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACF,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,KAAK,OAEK,EADP,KAAK,cATN,qGAUL,CAAa,CAAC;QACf,MAAM,kBAAkB,GAAiC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAE7J,OAAO,CACH;YACI,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC;gBACzB,oBAAC,aAAa,kBAAC,KAAK,EAAE,SAAS,IAAM,KAAK,IAC3B,UAAU,EAAE,UAAU,EACtB,gBAAgB,QAChB,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,EACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;;wBACf,IAAI,IAAI,EAAE;4BACN,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;4BAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;4BACtC,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,SAAS,EAAE,OAAO,CAAC,CAAC;yBAC7C;oBACL,CAAC,EACD,mBAAmB,EAAE,IAAI,CAAC,kCAAkC,CAAC,SAAS,EAAE,OAAO,CAAC,EAChF,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,CAAC,IAAI,EAAE,EAAE;;wBAC1B,IAAI,CAAC,QAAQ,CAAC,EAAC,kBAAkB,EAAE,IAAI,EAAC,CAAC,CAAC;wBAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;wBACzC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;wBACrC,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;oBAC5C,CAAC,EACD,mBAAmB,EAAE,CAAC,IAAI,EAAE,EAAE;;wBAC1B,IAAI,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE;4BAChE,IAAI,QAAgB,CAAC;4BACrB,IAAI,MAAc,CAAC;4BACnB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gCAC9C,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;gCACzC,MAAM,GAAG,IAAI,CAAC;6BACjB;iCAAM;gCACH,QAAQ,GAAG,IAAI,CAAC;gCAChB,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;6BAC1C;4BACD,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;4BACvC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;4BACjC,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;yBAC3C;oBACL,CAAC,EACD,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;wBACzB,IAAI,CAAC,QAAQ,CAAC,EAAC,kBAAkB,EAAE,IAAI,EAAC,CAAC,CAAC;oBAC9C,CAAC,EACD,gBAAgB,UAC7B;gBACF,oBAAC,OAAO,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,GAAG;gBACnD,oBAAC,aAAa,kBAAC,KAAK,EAAE,OAAO,IAAM,KAAK,IACzB,gBAAgB,QAChB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,EACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;;wBACf,IAAI,IAAI,EAAE;4BACN,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;4BAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;4BACtC,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,SAAS,EAAE,OAAO,CAAC,CAAC;yBAC7C;oBACL,CAAC,EACD,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,CAAC,IAAI,EAAE,EAAE;;wBAC1B,IAAI,CAAC,QAAQ,CAAC,EAAC,kBAAkB,EAAE,IAAI,EAAC,CAAC,CAAC;wBAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;wBACzC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;wBACrC,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;oBAC5C,CAAC,EACD,mBAAmB,EAAE,CAAC,IAAI,EAAE,EAAE;;wBAC1B,IAAI,aAAa,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE;4BAChE,IAAI,QAAgB,CAAC;4BACrB,IAAI,MAAc,CAAC;4BACnB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;gCAC9C,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;gCACzC,MAAM,GAAG,IAAI,CAAC;6BACjB;iCAAM;gCACH,QAAQ,GAAG,IAAI,CAAC;gCAChB,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC;6BAC1C;4BACD,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;4BACvC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;4BACjC,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,QAAQ,EAAE,MAAM,CAAC,CAAC;yBAC3C;oBACL,CAAC,EACD,iBAAiB,EAAE,CAAC,KAAK,EAAE,EAAE;wBACzB,IAAI,CAAC,QAAQ,CAAC,EAAC,kBAAkB,EAAE,IAAI,EAAC,CAAC,CAAC;oBAC9C,CAAC,EACD,gBAAgB,UAC7B,CACA;YACN,6BAAK,SAAS,EAAC,mBAAmB;gBAC9B,4BAAI,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAC,IAE1E,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE;oBACzE,OAAO,CAAC,4BAAI,SAAS,EAAC,mBAAmB,EAC7B,GAAG,EAAE,SAAS,KAAK,EAAE,EACrB,OAAO,EAAE,GAAG,EAAE;;4BACV,MAAM,aAAa,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,MAAM,0CAAG,SAAS,CAAC,CAAC;4BACrD,IAAI,aAAa,EAAE;gCACf,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;gCAC9B,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;6BAC7C;wBACL,CAAC;wBACT,8BAAM,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE,EAAC,UAAU,EAAE,MAAM,EAAC,IAAG,SAAS,CAAQ,CACpD,CAAC,CAAC;gBACX,CAAC,CAAC,CAEL,CACH,CACJ,CACT,CAAA;IACL,CAAC;IAEO,kBAAkB;QACtB,OAAO,CACH;YACI,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC;gBACzB,oBAAC,aAAa,IACV,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,EACrB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;wBAChB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;oBACrD,CAAC,GACH;gBACF,8BAAM,KAAK,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,QAAQ,EAAC,IACvF,QAAQ,CACN;gBACP,oBAAC,aAAa,IACV,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC,EACrB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;wBAChB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;oBACvD,CAAC,GACH,CACA;YACN,oBAAC,2BAA2B,IACxB,qBAAqB,EAAE,IAAI,CAAC,EAAE;;oBAC1B,IAAI,IAAI,KAAK,WAAW,EAAE;wBACtB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;wBAC/D,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,MAAM,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;qBAC9F;yBAAM;wBACH,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,MAAM,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;qBACrE;gBACL,CAAC,EACD,wBAAwB,EAAE,UAAU,CAAC,EAAE;;oBACnC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;wBACtB,IAAI,UAAU,KAAK,QAAQ,EAAE;4BACzB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;yBAClH;6BAAM;4BACH,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;yBACtH;qBACJ;gBACL,CAAC,EACD,WAAW,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE;;oBACpD,IAAI,SAAS,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,SAAS,0CAAE,KAAK,EAAE,CAAC;oBAC9C,IAAI,OAAO,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;oBAE1C,IAAI,UAAU,IAAI,SAAS,EAAE;wBACzB,IAAI,IAAI,KAAK,kBAAkB,CAAC,SAAS,EAAE;4BACvC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;yBAChC;6BAAM,IAAI,IAAI,KAAK,kBAAkB,CAAC,SAAS,EAAE;4BAC9C,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;yBACrC;qBACJ;oBAED,IAAI,QAAQ,IAAI,OAAO,EAAE;wBACrB,IAAI,IAAI,KAAK,kBAAkB,CAAC,SAAS,EAAE;4BACvC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;yBAC9B;6BAAM,IAAI,IAAI,KAAK,kBAAkB,CAAC,SAAS,EAAE;4BAC9C,OAAO,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;yBACnC;qBACJ;oBAED,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,IAAI,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,IAAI,CAAC,CAAC;gBAC9D,CAAC,EACD,mBAAmB,EAAE,IAAI,CAAC,EAAE;;oBACxB,IAAI,IAAI,KAAK,WAAW,EAAE;wBACtB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;wBAC/D,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;qBACtH;yBAAM;wBACH,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;qBAC7F;gBACL,CAAC,GACH,CACA,CACT,CAAA;IACL,CAAC;IAED,WAAW;;QACP,OAAO,CACH,6BAAK,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;YACtD,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,kBAAkB,CAAC,MAAM,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACxE,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,kBAAkB,CAAC,QAAQ,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC7E,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAC;gBAClF,oBAAC,MAAM,IACH,KAAK,EAAE,EAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAC,EACrC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,kBAAkB,CAAC,QAAQ,EACxD,QAAQ,EAAE,OAAO,CAAC,EAAE;;wBAChB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC;wBAC/E,IAAI,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;wBAC5B,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,YAAY,mDAAG,IAAI,CAAC,CAAC;oBACpC,CAAC,EACD,eAAe,EAAE,IAAI,CAAC,eAAe,CAAC,EACtC,iBAAiB,EAAE,IAAI,CAAC,aAAa,CAAC,GACxC,EACD,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,sBAAsB;2BAAI,CACpC,CACJ,CACT,CAAC;IACN,CAAC;IAED,WAAW;QACP,MAAM,KAWF,IAAI,CAAC,KAAK,EAXR,EACF,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,QAAQ,OAEE,EADP,KAAK,cAVN,iHAWL,CAAa,CAAC;QACf,MAAM,SAAS,GAAG,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;QACjF,OAAO,CACH,6BAAK,KAAK,kCAAM,KAAK,KAAE,OAAO,EAAE,CAAC,KAAG,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAClF,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;YAC1B,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,mBAAmB,EAAC;gBACrD,oBAAC,aAAa,kBAAC,KAAK,EAAE,SAAS,IAAM,KAAK,IAC3B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACtC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,EACtB,UAAU,EAAE,EAAC,YAAY,EAAE,CAAC,EAAC,EAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;wBAChB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;oBACrD,CAAC,IACd;gBACF,8BAAM,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,EAAC,EAAE,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAQ;gBACrE,oBAAC,aAAa,kBAAC,KAAK,EAAE,OAAO,IAAM,KAAK,IACzB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACtC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAC,EACtB,UAAU,EAAE,EAAC,WAAW,EAAE,CAAC,EAAC,EAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;wBAChB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;oBACvD,CAAC,IAAG,CACjB;YACN,6BAAK,SAAS,EAAE,gCAAgC,GAAG,SAAS,EACvD,KAAK,EAAE;oBACH,KAAK,EAAE,EAAE;oBACT,OAAO,EAAE,CAAC;oBACV,MAAM,EAAE,MAAM;oBACd,SAAS,EAAE,QAAQ;oBACnB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;iBAC/C,EACD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;;oBACf,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,WAAW,EAAE;wBACnC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;4BACzB,IAAI,CAAC,UAAU,EAAE,CAAC;yBACrB;6BAAM;4BACH,IAAI,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;4BAC5C,EAAE,CAAC,SAAS,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;4BACzC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;4BAC/B,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,kDAAI,CAAC;yBAC1B;qBACJ;gBACL,CAAC;gBAEF,oBAAC,gBAAgB,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAC,GAAG,CAC5F,CACJ,CACT,CAAC;IACN,CAAC;IAED,MAAM;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;YAC7B,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;SAC7B;aAAM,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YAC7B,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;SAC7B;aAAM;YACH,OAAO,CACH,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EACd,GAAG,EAAE,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,EACnD,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,EACnD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,iBAAiB,EAAE,EAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAC,EAC/E,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;;oBACzB,IAAI,OAAO,EAAE;wBACT,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,kDAAI,CAAC;qBAC1B;yBAAM;wBACH,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,MAAM,kDAAI,CAAC;qBACzB;oBACD,IAAI,CAAC,QAAQ,CAAC,EAAC,YAAY,EAAE,OAAO,EAAC,CAAC,CAAC;gBAC3C,CAAC,EACD,gBAAgB,EAAE,yBAAyB,EAC3C,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAC7B,IAAI,CAAC,WAAW,EAAE,CACb,CACb,CAAC;SACL;IACL,CAAC;CACJ","sourcesContent":["import React, {HTMLAttributes} from \"react\";\r\nimport moment, {Moment} from \"moment\";\r\nimport {CalendarOutlined} from \"@ant-design/icons\";\r\nimport {Divider, Switch, Tooltip} from \"antd\";\r\nimport DateTimeInput from \"./dateTimeInput\";\r\nimport memoizeOne from \"memoize-one\";\r\nimport {TooltipPlacement} from \"antd/es/tooltip\";\r\nimport KeyboardUtils from \"../keyboard/keyboardUtils\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport DateRangeInputAdvancedPanel, {TimeShiftDirection} from \"./dateRangeInputAdvancedPanel\";\r\n\r\nexport enum DateRangeInputMode {\r\n    SIMPLE,\r\n    ADVANCED,\r\n}\r\n\r\nexport interface DateRangeInputProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\r\n    mask: string\r\n    fromValue: Moment | null\r\n    toValue: Moment | null\r\n    onChange?: (fromValue: Moment | null, toValue: Moment | null) => void\r\n    onInvalidValue?: (input: string) => void\r\n    disabled?: boolean\r\n    minDate?: Moment\r\n    maxDate?: Moment\r\n    // allows to set no (null) date by datepicker\r\n    allowClear?: boolean\r\n    ranges?: { [rangeName: string]: () => [Moment, Moment] }\r\n\r\n    hidePopup?: boolean\r\n    renderAsCalendar?: boolean\r\n    placement?: TooltipPlacement\r\n    align?: {\r\n        points?: [string, string];\r\n        offset?: [number, number];\r\n        targetOffset?: [number, number];\r\n        overflow?: {\r\n            adjustX?: boolean;\r\n            adjustY?: boolean;\r\n        };\r\n        useCssRight?: boolean;\r\n        useCssBottom?: boolean;\r\n        useCssTransform?: boolean;\r\n    }\r\n\r\n    defaultMode?: DateRangeInputMode\r\n\r\n    onModeChange?(mode: DateRangeInputMode): void\r\n\r\n    onFocus?(): void\r\n\r\n    onBlur?(): void\r\n\r\n    confirmButtonsRenderer?(): React.ReactNode\r\n\r\n    onPopupVisibleChange?(visible: boolean): void\r\n}\r\n\r\ninterface DateRangeInputState {\r\n    valid: boolean\r\n    selectionStartDate: Moment | null\r\n    popupKeyIndex: number\r\n    popupVisible: boolean\r\n\r\n    mode: DateRangeInputMode\r\n}\r\n\r\nexport default class DateRangeInput extends React.Component<DateRangeInputProps, DateRangeInputState> {\r\n    constructor(props: Readonly<DateRangeInputProps>) {\r\n        super(props);\r\n        this.state = {\r\n            valid: !!props.fromValue && props.fromValue.isValid() && !!props.toValue && props.toValue.isValid(),\r\n            selectionStartDate: null,\r\n            popupKeyIndex: 0,\r\n            popupVisible: false,\r\n\r\n            mode: props.defaultMode ?? DateRangeInputMode.SIMPLE,\r\n        };\r\n        this.getDefaultSelectedDateForFromPanel = memoizeOne(this.getDefaultSelectedDateForFromPanel.bind(this));\r\n    }\r\n\r\n    componentDidUpdate(_prevProps: Readonly<DateRangeInputProps>, prevState: Readonly<DateRangeInputState>) {\r\n        if (prevState.popupVisible !== this.state.popupVisible && this.props.onPopupVisibleChange) {\r\n            this.props.onPopupVisibleChange(this.state.popupVisible);\r\n        }\r\n    }\r\n\r\n    getDefaultSelectedDateForFromPanel(fromDate: Moment | null, toDate: Moment | null): Moment {\r\n        if (!!fromDate && !!toDate && fromDate.isSame(toDate, \"date\")) {\r\n            return fromDate.clone().subtract(1, \"month\");\r\n        } else {\r\n            return fromDate ?? moment().startOf(\"day\").subtract(1, \"month\");\r\n        }\r\n    }\r\n\r\n    private getFromValue(date: moment.Moment) {\r\n        return (this.props.fromValue?.clone() ?? moment().startOf(\"day\")).year(date.year()).month(date.month()).date(date.date());\r\n    }\r\n\r\n    private getToValue(date: moment.Moment) {\r\n        return (this.props.toValue?.clone() ?? moment().endOf(\"day\")).year(date.year()).month(date.month()).date(date.date());\r\n    }\r\n\r\n    closePopup() {\r\n        // close tooltip\r\n        this.setState({popupKeyIndex: this.state.popupKeyIndex + 1, popupVisible: false});\r\n    }\r\n\r\n    private renderSimplePart() {\r\n        const {\r\n            fromValue,\r\n            toValue,\r\n            onChange,\r\n            style,\r\n            allowClear,\r\n            renderAsCalendar,\r\n            hidePopup,\r\n            align,\r\n            ...props\r\n        } = this.props;\r\n        const markedDateInterval: [Moment, Moment] | undefined = this.props.fromValue && this.props.toValue ? [this.props.fromValue, this.props.toValue] : undefined;\r\n\r\n        return (\r\n            <div>\r\n                <div style={{display: \"flex\"}}>\r\n                    <DateTimeInput value={fromValue} {...props}\r\n                                   allowClear={allowClear}\r\n                                   renderAsCalendar\r\n                                   style={{width: \"100%\"}}\r\n                                   onChange={(date) => {\r\n                                       if (date) {\r\n                                           const fromValue = this.getFromValue(date);\r\n                                           const toValue = this.getToValue(date);\r\n                                           this.props.onChange?.(fromValue, toValue);\r\n                                       }\r\n                                   }}\r\n                                   defaultSelectedDate={this.getDefaultSelectedDateForFromPanel(fromValue, toValue)}\r\n                                   markedDateInterval={markedDateInterval}\r\n                                   onDateItemMouseDown={(date) => {\r\n                                       this.setState({selectionStartDate: date});\r\n                                       const dateFrom = this.getFromValue(date);\r\n                                       const dateTo = this.getToValue(date);\r\n                                       this.props.onChange?.(dateFrom, dateTo);\r\n                                   }}\r\n                                   onDateItemMouseOver={(date) => {\r\n                                       if (KeyboardUtils.isMouseDown() && !!this.state.selectionStartDate) {\r\n                                           let dateFrom: Moment;\r\n                                           let dateTo: Moment;\r\n                                           if (this.state.selectionStartDate.isBefore(date)) {\r\n                                               dateFrom = this.state.selectionStartDate;\r\n                                               dateTo = date;\r\n                                           } else {\r\n                                               dateFrom = date;\r\n                                               dateTo = this.state.selectionStartDate;\r\n                                           }\r\n                                           dateFrom = this.getFromValue(dateFrom);\r\n                                           dateTo = this.getToValue(dateTo);\r\n                                           this.props.onChange?.(dateFrom, dateTo);\r\n                                       }\r\n                                   }}\r\n                                   onDateItemMouseUp={(_date) => {\r\n                                       this.setState({selectionStartDate: null});\r\n                                   }}\r\n                                   ignoreKeyStrokes\r\n                    />\r\n                    <Divider type=\"vertical\" style={{height: \"auto\"}}/>\r\n                    <DateTimeInput value={toValue} {...props}\r\n                                   renderAsCalendar\r\n                                   allowClear={allowClear}\r\n                                   style={{width: \"100%\"}}\r\n                                   onChange={(date) => {\r\n                                       if (date) {\r\n                                           const fromValue = this.getFromValue(date);\r\n                                           const toValue = this.getToValue(date);\r\n                                           this.props.onChange?.(fromValue, toValue);\r\n                                       }\r\n                                   }}\r\n                                   markedDateInterval={markedDateInterval}\r\n                                   onDateItemMouseDown={(date) => {\r\n                                       this.setState({selectionStartDate: date});\r\n                                       const dateFrom = this.getFromValue(date);\r\n                                       const dateTo = this.getToValue(date);\r\n                                       this.props.onChange?.(dateFrom, dateTo);\r\n                                   }}\r\n                                   onDateItemMouseOver={(date) => {\r\n                                       if (KeyboardUtils.isMouseDown() && !!this.state.selectionStartDate) {\r\n                                           let dateFrom: Moment;\r\n                                           let dateTo: Moment;\r\n                                           if (this.state.selectionStartDate.isBefore(date)) {\r\n                                               dateFrom = this.state.selectionStartDate;\r\n                                               dateTo = date;\r\n                                           } else {\r\n                                               dateFrom = date;\r\n                                               dateTo = this.state.selectionStartDate;\r\n                                           }\r\n                                           dateFrom = this.getFromValue(dateFrom);\r\n                                           dateTo = this.getToValue(dateTo);\r\n                                           this.props.onChange?.(dateFrom, dateTo);\r\n                                       }\r\n                                   }}\r\n                                   onDateItemMouseUp={(_date) => {\r\n                                       this.setState({selectionStartDate: null});\r\n                                   }}\r\n                                   ignoreKeyStrokes\r\n                    />\r\n                </div>\r\n                <div className=\"ant-picker-footer\">\r\n                    <ul className=\"ant-picker-ranges\" style={{padding: 0, borderTop: \"1px solid #ddd\"}}>\r\n                        {\r\n                            this.props.ranges && Object.keys(this.props.ranges).map((rangeName, index) => {\r\n                                return (<li className=\"ant-picker-preset\"\r\n                                            key={`range-${index}`}\r\n                                            onClick={() => {\r\n                                                const rangeFunction = this.props.ranges?.[rangeName];\r\n                                                if (rangeFunction) {\r\n                                                    const range = rangeFunction();\r\n                                                    this.props.onChange?.(range[0], range[1]);\r\n                                                }\r\n                                            }}>\r\n                                    <span className=\"ant-tag ant-tag-blue\"\r\n                                          style={{userSelect: \"none\"}}>{rangeName}</span>\r\n                                </li>);\r\n                            })\r\n                        }\r\n                    </ul>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n\r\n    private renderAdvancedPart() {\r\n        return (\r\n            <div>\r\n                <div style={{display: \"flex\"}}>\r\n                    <DateTimeInput\r\n                        style={{width: \"47%\"}}\r\n                        mask={this.props.mask}\r\n                        value={this.props.fromValue}\r\n                        onChange={(value) => {\r\n                            this.props.onChange?.(value, this.props.toValue);\r\n                        }}\r\n                    />\r\n                    <span style={{width: \"6%\", paddingTop: 4, color: \"rgba(0, 0, 0, 0.65)\", textAlign: \"center\"}}>\r\n                        {\"\\u27F7\"}\r\n                    </span>\r\n                    <DateTimeInput\r\n                        style={{width: \"47%\"}}\r\n                        mask={this.props.mask}\r\n                        value={this.props.toValue}\r\n                        onChange={(value) => {\r\n                            this.props.onChange?.(this.props.fromValue, value);\r\n                        }}\r\n                    />\r\n                </div>\r\n                <DateRangeInputAdvancedPanel\r\n                    onBeginIntervalChange={unit => {\r\n                        if (unit === \"15minutes\") {\r\n                            const roundedMinutes = Math.floor(moment().minute() / 15) * 15;\r\n                            this.props.onChange?.(moment().startOf(\"hour\").minute(roundedMinutes), this.props.toValue);\r\n                        } else {\r\n                            this.props.onChange?.(moment().startOf(unit), this.props.toValue);\r\n                        }\r\n                    }}\r\n                    onIntervalDurationChange={unitOfTime => {\r\n                        if (this.props.fromValue) {\r\n                            if (unitOfTime === \"4years\") {\r\n                                this.props.onChange?.(this.props.fromValue, this.props.fromValue.clone().add(4, \"year\").subtract(1, \"minute\"));\r\n                            } else {\r\n                                this.props.onChange?.(this.props.fromValue, this.props.fromValue.clone().add(1, unitOfTime).subtract(1, \"minute\"));\r\n                            }\r\n                        }\r\n                    }}\r\n                    onTimeShift={(shiftBegin, shiftEnd, unitOfTime, type) => {\r\n                        let fromValue = this.props.fromValue?.clone();\r\n                        let toValue = this.props.toValue?.clone();\r\n\r\n                        if (shiftBegin && fromValue) {\r\n                            if (type === TimeShiftDirection.INCREMENT) {\r\n                                fromValue.add(1, unitOfTime);\r\n                            } else if (type === TimeShiftDirection.DECREMENT) {\r\n                                fromValue.subtract(1, unitOfTime);\r\n                            }\r\n                        }\r\n\r\n                        if (shiftEnd && toValue) {\r\n                            if (type === TimeShiftDirection.INCREMENT) {\r\n                                toValue.add(1, unitOfTime);\r\n                            } else if (type === TimeShiftDirection.DECREMENT) {\r\n                                toValue.subtract(1, unitOfTime);\r\n                            }\r\n                        }\r\n\r\n                        this.props.onChange?.(fromValue ?? null, toValue ?? null);\r\n                    }}\r\n                    onEndIntervalChange={unit => {\r\n                        if (unit === \"15minutes\") {\r\n                            const roundedMinutes = Math.floor(moment().minute() / 15) * 15;\r\n                            this.props.onChange?.(this.props.fromValue, moment().startOf(\"hour\").minute(roundedMinutes).subtract(1, \"minute\"));\r\n                        } else {\r\n                            this.props.onChange?.(this.props.fromValue, moment().startOf(unit).subtract(1, \"minute\"));\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n        )\r\n    }\r\n\r\n    renderPopup(): React.ReactElement {\r\n        return (\r\n            <div onFocus={this.props.onFocus} onBlur={this.props.onBlur}>\r\n                {this.state.mode === DateRangeInputMode.SIMPLE && this.renderSimplePart()}\r\n                {this.state.mode === DateRangeInputMode.ADVANCED && this.renderAdvancedPart()}\r\n                <div style={{display: \"flex\", justifyContent: \"space-between\", alignItems: \"flex-end\"}}>\r\n                    <Switch\r\n                        style={{float: \"right\", marginTop: 8}}\r\n                        checked={this.state.mode === DateRangeInputMode.ADVANCED}\r\n                        onChange={checked => {\r\n                            const mode = checked ? DateRangeInputMode.ADVANCED : DateRangeInputMode.SIMPLE;\r\n                            this.setState({mode: mode});\r\n                            this.props.onModeChange?.(mode);\r\n                        }}\r\n                        checkedChildren={i18n(\"Advanced Mode\")}\r\n                        unCheckedChildren={i18n(\"Simple Mode\")}\r\n                    />\r\n                    {this.props.confirmButtonsRenderer?.()}\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    renderInput() {\r\n        const {\r\n            fromValue,\r\n            toValue,\r\n            onChange,\r\n            style,\r\n            allowClear,\r\n            renderAsCalendar,\r\n            hidePopup,\r\n            align,\r\n            disabled,\r\n            ...props\r\n        } = this.props;\r\n        const className = (disabled || this.state.popupVisible) ? \"readonly\" : undefined;\r\n        return (\r\n            <div style={{...style, padding: 0}} className={\"ant-input\"} onFocus={this.props.onFocus}\r\n                 onBlur={this.props.onBlur}>\r\n                <div style={{display: \"flex\", width: \"calc(100% - 27px)\"}}>\r\n                    <DateTimeInput value={fromValue} {...props}\r\n                                   disabled={disabled}\r\n                                   inputDisabled={this.state.popupVisible}\r\n                                   allowClear={allowClear}\r\n                                   bordered={false}\r\n                                   hidePopup={true}\r\n                                   style={{width: \"auto\"}}\r\n                                   inputStyle={{paddingRight: 2}}\r\n                                   onChange={(value) => {\r\n                                       this.props.onChange?.(value, this.props.toValue);\r\n                                   }}\r\n                    />\r\n                    <span style={{paddingTop: 4}} className={className}>{\"\\u27F7\"}</span>\r\n                    <DateTimeInput value={toValue} {...props}\r\n                                   disabled={disabled}\r\n                                   inputDisabled={this.state.popupVisible}\r\n                                   allowClear={allowClear}\r\n                                   bordered={false}\r\n                                   hidePopup={true}\r\n                                   style={{width: \"auto\"}}\r\n                                   inputStyle={{paddingLeft: 2}}\r\n                                   onChange={(value) => {\r\n                                       this.props.onChange?.(this.props.fromValue, value);\r\n                                   }}/>\r\n                </div>\r\n                <div className={\"ant-input-number-handler-wrap \" + className}\r\n                     style={{\r\n                         width: 28,\r\n                         opacity: 1,\r\n                         height: \"100%\",\r\n                         textAlign: \"center\",\r\n                         cursor: disabled ? \"not-allowed\" : \"pointer\"\r\n                     }}\r\n                     onClick={(event) => {\r\n                         if (!disabled && document.createEvent) {\r\n                             if (this.state.popupVisible) {\r\n                                 this.closePopup();\r\n                             } else {\r\n                                 var ev = document.createEvent('HTMLEvents');\r\n                                 ev.initEvent('contextmenu', true, false);\r\n                                 event.target.dispatchEvent(ev);\r\n                                 this.props.onFocus?.();\r\n                             }\r\n                         }\r\n                     }}\r\n                >\r\n                    <CalendarOutlined style={{color: \"rgba(0,0,0,0.65)\", verticalAlign: \"middle\", marginTop: 2}}/>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    render(): any {\r\n        if (this.props.renderAsCalendar) {\r\n            return this.renderPopup();\r\n        } else if (this.props.hidePopup) {\r\n            return this.renderInput();\r\n        } else {\r\n            return (\r\n                <Tooltip color={\"white\"}\r\n                         key={\"date-range-popup-\" + this.state.popupKeyIndex}\r\n                         trigger={this.props.disabled ? [] : [\"contextMenu\"]}\r\n                         align={this.props.align}\r\n                         placement={this.props.placement}\r\n                         overlayInnerStyle={{maxHeight: \"100vh\", overflowY: \"auto\", overflowX: \"hidden\"}}\r\n                         onVisibleChange={(visible) => {\r\n                             if (visible) {\r\n                                 this.props.onFocus?.();\r\n                             } else {\r\n                                 this.props.onBlur?.();\r\n                             }\r\n                             this.setState({popupVisible: visible});\r\n                         }}\r\n                         overlayClassName={\"date-range-picker-popup\"}\r\n                         title={this.renderPopup()}>\r\n                    {this.renderInput()}\r\n                </Tooltip>\r\n            );\r\n        }\r\n    }\r\n}"]}

package/components/date/dateRangeInputAdvancedPanel.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { unitOfTime } from "moment";
+export declare enum TimeShiftDirection {
+    INCREMENT = 0,
+    DECREMENT = 1
+}
+interface DateRangeInputAdvancedPanelProps {
+    onBeginIntervalChange(unit: unitOfTime.StartOf | "15minutes"): void;
+    onIntervalDurationChange(unitOfTime: unitOfTime.DurationConstructor | "4years"): void;
+    onTimeShift(shiftBegin: boolean, shiftEnd: boolean, unitOfTime: unitOfTime.DurationConstructor, direction: TimeShiftDirection): void;
+    onEndIntervalChange(unit: unitOfTime.StartOf | "15minutes"): void;
+}
+interface DateRangeInputAdvancedPanelState {
+    timeShiftBegin: boolean;
+    timeShiftBoth: boolean;
+    timeShiftEnd: boolean;
+}
+export default class DateRangeInputAdvancedPanel extends React.Component<DateRangeInputAdvancedPanelProps, DateRangeInputAdvancedPanelState> {
+    constructor(props: Readonly<DateRangeInputAdvancedPanelProps>);
+    private renderSectionTitle;
+    private renderButton;
+    private renderTimeShiftItem;
+    private renderTimeShiftIcon;
+    render(): JSX.Element;
+}
+export {};