d2coreui 21.0.15 → 21.0.16

package/components/clipboard/clipboardUtils.d.ts

@@ -1,3 +1,3 @@
 export declare class ClipboardUtils {
-    static copyToClipboard(text: string): boolean;
+    static copyToClipboard(text: string): void;
 }

package/components/clipboard/clipboardUtils.js

@@ -1,23 +1,6 @@
 export class ClipboardUtils {
     static copyToClipboard(text) {
-        if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
-            var textarea = document.createElement("textarea");
-            textarea.textContent = text;
-            textarea.style.position = "fixed";
-            document.body.appendChild(textarea);
-            textarea.select();
-            try {
-                return document.execCommand("copy");
-            }
-            catch (ex) {
-                console.warn("Copy to clipboard failed.", ex);
-                return false;
-            }
-            finally {
-                document.body.removeChild(textarea);
-            }
-        }
-        return false;
+        navigator.clipboard.writeText(text);
     }
 }
 //# sourceMappingURL=clipboardUtils.js.map

package/components/clipboard/clipboardUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"clipboardUtils.js","sourceRoot":"","sources":["../../../../components/clipboard/clipboardUtils.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,cAAc;IAQvB,MAAM,CAAC,eAAe,CAAC,IAAY;QAC/B,IAAI,QAAQ,CAAC,qBAAqB,IAAI,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;YAC1E,IAAI,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YAClD,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;YAC5B,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,OAAO,CAAC;YAClC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YACpC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAClB,IAAI;gBACA,OAAO,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;aACvC;YAAC,OAAO,EAAE,EAAE;gBACT,OAAO,CAAC,IAAI,CAAC,2BAA2B,EAAE,EAAE,CAAC,CAAC;gBAC9C,OAAO,KAAK,CAAC;aAChB;oBAAS;gBACN,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;aACvC;SACJ;QACD,OAAO,KAAK,CAAC;IACjB,CAAC;CACJ","sourcesContent":["export class ClipboardUtils {\r\n    // Copies a string to the clipboard. Must be called from within an\r\n    // event handler such as click. May return false if it failed, but\r\n    // this is not always possible. Browser support for Chrome 43+,\r\n    // Firefox 42+, Safari 10+, Edge and IE 10+.\r\n    // IE: The clipboard feature may be disabled by an administrator. By\r\n    // default a prompt is shown the first time the clipboard is\r\n    // used (per session).\r\n    static copyToClipboard(text: string): boolean {\r\n        if (document.queryCommandSupported && document.queryCommandSupported(\"copy\")) {\r\n            var textarea = document.createElement(\"textarea\");\r\n            textarea.textContent = text;\r\n            textarea.style.position = \"fixed\";  // Prevent scrolling to bottom of page in MS Edge.\r\n            document.body.appendChild(textarea);\r\n            textarea.select();\r\n            try {\r\n                return document.execCommand(\"copy\");  // Security exception may be thrown by some browsers.\r\n            } catch (ex) {\r\n                console.warn(\"Copy to clipboard failed.\", ex);\r\n                return false;\r\n            } finally {\r\n                document.body.removeChild(textarea);\r\n            }\r\n        }\r\n        return false;\r\n    }\r\n}"]}
+{"version":3,"file":"clipboardUtils.js","sourceRoot":"","sources":["../../../../components/clipboard/clipboardUtils.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,cAAc;IAQvB,MAAM,CAAC,eAAe,CAAC,IAAY;QAC/B,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAiBxC,CAAC;CACJ","sourcesContent":["export class ClipboardUtils {\n    // Copies a string to the clipboard. Must be called from within an\n    // event handler such as click. May return false if it failed, but\n    // this is not always possible. Browser support for Chrome 43+,\n    // Firefox 42+, Safari 10+, Edge and IE 10+.\n    // IE: The clipboard feature may be disabled by an administrator. By\n    // default a prompt is shown the first time the clipboard is\n    // used (per session).\n    static copyToClipboard(text: string) {\n        navigator.clipboard.writeText(text);\n        // if (document.queryCommandSupported && document.queryCommandSupported(\"copy\")) {\n        //     var textarea = document.createElement(\"textarea\");\n        //     textarea.textContent = text;\n        //     textarea.style.position = \"fixed\";  // Prevent scrolling to bottom of page in MS Edge.\n        //     document.body.appendChild(textarea);\n        //     textarea.select();\n        //     try {\n        //         return document.execCommand(\"copy\");  // Security exception may be thrown by some browsers.\n        //     } catch (ex) {\n        //         console.warn(\"Copy to clipboard failed.\", ex);\n        //         return false;\n        //     } finally {\n        //         document.body.removeChild(textarea);\n        //     }\n        // }\n        // return false;\n    }\n}"]}

package/components/codemirror/SyntaxHighlighter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SyntaxHighlighter.js","sourceRoot":"","sources":["../../../../components/codemirror/SyntaxHighlighter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,kCAAkC,CAAA;AACzC,OAAO,sBAAsB,CAAA;AAa7B,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAiC;IAMlF,YAAY,KAAuC;QAC/C,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,MAAM,EAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QAC3E,MAAM,QAAQ,GAAsB,EAAE,CAAA;QACtC,IAAI,KAAK,GAAG,CAAC,CAAA;QACb,IAAI,SAAS,GAA8B,IAAI,CAAA;QAC/C,IAAI,QAAQ,GAAG,EAAE,CAAA;QACjB,IAAI,YAAY,GAAG,KAAK,CAAC;QACzB,IAAI,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,GAAG,EAAE;YAC/B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC;SACnD;QACD,UAAU,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACpD,IAAI,SAAS,KAAK,KAAK,EAAE;gBACrB,QAAQ,IAAI,KAAK,CAAA;gBACjB,SAAS,GAAG,KAAK,CAAA;aACpB;iBAAM;gBACH,IAAI,QAAQ,EAAE;oBACV,QAAQ,CAAC,IAAI,CAAC,8BAAM,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,KAAK,IAAG,QAAQ,CAAQ,CAAC,CAAC;iBACxG;gBACD,QAAQ,GAAG,KAAK,CAAA;gBAChB,SAAS,GAAG,KAAK,CAAA;aACpB;QACL,CAAC,CAAC,CAAA;QACF,QAAQ,CAAC,IAAI,CAAC,8BAAM,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,KAAK,IAAG,QAAQ,CAAQ,CAAC,CAAC;QAErG,IAAI,WAAW,GAAuB,SAAS,CAAC;QAChD,IAAG,OAAO,IAAI,YAAY,KAAK,KAAK,EAAE;YAClC,WAAW,GAAG,KAAK,CAAC;SACvB;QACD,MAAM,IAAI,GAAG,CAAC,8BAAM,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,MAAM,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAG,QAAQ,CAAQ,CAAC,CAAC;QAClH,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,GAAG,SAAS,IAAI,MAAM,KAAK,KAAK,EAAE,IAAG,IAAI,CAAO,CAAC,CAAC;IAChG,CAAC;;AAvCM,8BAAY,GAAG;IAClB,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,KAAK;CAChB,CAAA","sourcesContent":["import React from 'react'\r\nimport CodeMirror from 'codemirror';\r\nimport 'codemirror/addon/runmode/runmode'\r\nimport 'codemirror/mode/meta'\r\n\r\ninterface SyntaxHighlighterProps {\r\n    // codeMirror: typeof CodeMirror\r\n    className?: string\r\n    theme?: string\r\n    inline?: boolean\r\n    mode: string\r\n    prefix?: string\r\n    value: string\r\n    tooltip?:boolean\r\n}\r\n\r\nexport default class SyntaxHighlighter extends React.Component<SyntaxHighlighterProps> {\r\n    static defaultProps = {\r\n        className: '',\r\n        prefix: 'cm-'\r\n    }\r\n\r\n    constructor(props: Readonly<SyntaxHighlighterProps>) {\r\n        super(props);\r\n    }\r\n\r\n    render() {\r\n        const {inline, value, mode, className, prefix, theme, tooltip} = this.props\r\n        const elements: React.ReactNode[] = []\r\n        let index = 0\r\n        let lastStyle: string | null | undefined = null\r\n        let tokenBuf = ''\r\n        let trimmedValue = value;\r\n        if( tooltip && value.length > 100) {\r\n            trimmedValue = value.substring(0, 100) + \" ...\";\r\n        }\r\n        CodeMirror.runMode(trimmedValue, mode, (token, style) => {\r\n            if (lastStyle === style) {\r\n                tokenBuf += token\r\n                lastStyle = style\r\n            } else {\r\n                if (tokenBuf) {\r\n                    elements.push(<span className={lastStyle ? prefix + lastStyle : ''} key={++index}>{tokenBuf}</span>);\r\n                }\r\n                tokenBuf = token\r\n                lastStyle = style\r\n            }\r\n        })\r\n        elements.push(<span className={lastStyle ? prefix + lastStyle : ''} key={++index}>{tokenBuf}</span>);\r\n\r\n        let tooltipText: undefined | string = undefined;\r\n        if(tooltip && trimmedValue !== value) {\r\n            tooltipText = value;//.replace(\"\\t\",\"&#009;\").replace(\"\\n\",\"&#013;&#010;\");\r\n        }\r\n        const code = (<code title={tooltipText} className={inline ? `inline ${prefix}s-${theme}` : ''}>{elements}</code>);\r\n        return inline ? (code) : (<pre className={`${className} ${prefix}s-${theme}`}>{code}</pre>);\r\n    }\r\n}"]}
+{"version":3,"file":"SyntaxHighlighter.js","sourceRoot":"","sources":["../../../../components/codemirror/SyntaxHighlighter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,kCAAkC,CAAA;AACzC,OAAO,sBAAsB,CAAA;AAa7B,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,KAAK,CAAC,SAAiC;IAMlF,YAAY,KAAuC;QAC/C,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,MAAM,EAAC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAC,GAAG,IAAI,CAAC,KAAK,CAAA;QAC3E,MAAM,QAAQ,GAAsB,EAAE,CAAA;QACtC,IAAI,KAAK,GAAG,CAAC,CAAA;QACb,IAAI,SAAS,GAA8B,IAAI,CAAA;QAC/C,IAAI,QAAQ,GAAG,EAAE,CAAA;QACjB,IAAI,YAAY,GAAG,KAAK,CAAC;QACzB,IAAI,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,GAAG,EAAE;YAC/B,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC;SACnD;QACD,UAAU,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACpD,IAAI,SAAS,KAAK,KAAK,EAAE;gBACrB,QAAQ,IAAI,KAAK,CAAA;gBACjB,SAAS,GAAG,KAAK,CAAA;aACpB;iBAAM;gBACH,IAAI,QAAQ,EAAE;oBACV,QAAQ,CAAC,IAAI,CAAC,8BAAM,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,KAAK,IAAG,QAAQ,CAAQ,CAAC,CAAC;iBACxG;gBACD,QAAQ,GAAG,KAAK,CAAA;gBAChB,SAAS,GAAG,KAAK,CAAA;aACpB;QACL,CAAC,CAAC,CAAA;QACF,QAAQ,CAAC,IAAI,CAAC,8BAAM,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,KAAK,IAAG,QAAQ,CAAQ,CAAC,CAAC;QAErG,IAAI,WAAW,GAAuB,SAAS,CAAC;QAChD,IAAG,OAAO,IAAI,YAAY,KAAK,KAAK,EAAE;YAClC,WAAW,GAAG,KAAK,CAAC;SACvB;QACD,MAAM,IAAI,GAAG,CAAC,8BAAM,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,MAAM,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAG,QAAQ,CAAQ,CAAC,CAAC;QAClH,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,GAAG,SAAS,IAAI,MAAM,KAAK,KAAK,EAAE,IAAG,IAAI,CAAO,CAAC,CAAC;IAChG,CAAC;;AAvCM,8BAAY,GAAG;IAClB,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,KAAK;CAChB,CAAA","sourcesContent":["import React from 'react'\nimport CodeMirror from 'codemirror';\nimport 'codemirror/addon/runmode/runmode'\nimport 'codemirror/mode/meta'\n\ninterface SyntaxHighlighterProps {\n    // codeMirror: typeof CodeMirror\n    className?: string\n    theme?: string\n    inline?: boolean\n    mode: string\n    prefix?: string\n    value: string\n    tooltip?:boolean\n}\n\nexport default class SyntaxHighlighter extends React.Component<SyntaxHighlighterProps> {\n    static defaultProps = {\n        className: '',\n        prefix: 'cm-'\n    }\n\n    constructor(props: Readonly<SyntaxHighlighterProps>) {\n        super(props);\n    }\n\n    render() {\n        const {inline, value, mode, className, prefix, theme, tooltip} = this.props\n        const elements: React.ReactNode[] = []\n        let index = 0\n        let lastStyle: string | null | undefined = null\n        let tokenBuf = ''\n        let trimmedValue = value;\n        if( tooltip && value.length > 100) {\n            trimmedValue = value.substring(0, 100) + \" ...\";\n        }\n        CodeMirror.runMode(trimmedValue, mode, (token, style) => {\n            if (lastStyle === style) {\n                tokenBuf += token\n                lastStyle = style\n            } else {\n                if (tokenBuf) {\n                    elements.push(<span className={lastStyle ? prefix + lastStyle : ''} key={++index}>{tokenBuf}</span>);\n                }\n                tokenBuf = token\n                lastStyle = style\n            }\n        })\n        elements.push(<span className={lastStyle ? prefix + lastStyle : ''} key={++index}>{tokenBuf}</span>);\n\n        let tooltipText: undefined | string = undefined;\n        if(tooltip && trimmedValue !== value) {\n            tooltipText = value;//.replace(\"\\t\",\"&#009;\").replace(\"\\n\",\"&#013;&#010;\");\n        }\n        const code = (<code title={tooltipText} className={inline ? `inline ${prefix}s-${theme}` : ''}>{elements}</code>);\n        return inline ? (code) : (<pre className={`${className} ${prefix}s-${theme}`}>{code}</pre>);\n    }\n}"]}

package/components/collapse/expandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"expandable.js","sourceRoot":"","sources":["../../../../components/collapse/expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAC,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAUxC,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA0B;IACpE,YAAY,KAAgC;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,UAAU,EAAE,YAAY,EAAC;YAClC,oCACK,IAAI,CAAC,KAAK,CAAC,QAAQ,CACf;YACT,oBAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACrC,iCAAS,KAAK,EAAE,EAAC,SAAS,EAAE,CAAC,EAAC,IACzB,IAAI,CAAC,KAAK,CAAC,YAAY,CAClB,CACH;YACX,oBAAC,OAAO,IACJ,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAC,EAC5D,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,kBAAkB,EACtF,KAAK,UAEJ,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,oBAAC,mBAAmB,IAC5C,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;;oBACV,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;oBACtC,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,QAAQ,CAAC,CAAC;gBACpC,CAAC,GACH,CACI,CACR,CACT,CAAA;IACL,CAAC;CAEJ","sourcesContent":["import React from \"react\";\r\nimport {Divider} from \"antd\";\r\nimport {DoubleRightOutlined} from \"@ant-design/icons\";\r\nimport {Collapse} from 'react-collapse';\r\n\r\ninterface ExpandableProps {\r\n    extraContent?: React.ReactNode\r\n    expanded?: boolean\r\n    compact?: boolean\r\n\r\n    onExpand?(expanded: boolean): void\r\n}\r\n\r\nexport default class Expandable extends React.Component<ExpandableProps> {\r\n    constructor(props: Readonly<ExpandableProps>) {\r\n        super(props);\r\n    }\r\n\r\n    render(): React.ReactNode {\r\n        return (\r\n            <div style={{transition: \"height .5s\"}}>\r\n                <header>\r\n                    {this.props.children}\r\n                </header>\r\n                <Collapse isOpened={!!this.props.expanded}>\r\n                    <section style={{marginTop: 5}}>\r\n                        {this.props.extraContent}\r\n                    </section>\r\n                </Collapse>\r\n                <Divider\r\n                    style={{margin: this.props.compact ? \"8px 0px\" : \"20px 0px\"}}\r\n                    className={this.props.extraContent ? \"stronger-divider-with-text\" : \"stronger-divider\"}\r\n                    plain\r\n                >\r\n                    {this.props.extraContent && <DoubleRightOutlined\r\n                        rotate={this.props.expanded ? -90 : 90}\r\n                        onClick={() => {\r\n                            const expanded = !this.props.expanded;\r\n                            this.props.onExpand?.(expanded);\r\n                        }}\r\n                    />}\r\n                </Divider>\r\n            </div>\r\n        )\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"expandable.js","sourceRoot":"","sources":["../../../../components/collapse/expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAC,MAAM,MAAM,CAAC;AAC7B,OAAO,EAAC,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAC,QAAQ,EAAC,MAAM,gBAAgB,CAAC;AAUxC,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,KAAK,CAAC,SAA0B;IACpE,YAAY,KAAgC;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAED,MAAM;QACF,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,UAAU,EAAE,YAAY,EAAC;YAClC,oCACK,IAAI,CAAC,KAAK,CAAC,QAAQ,CACf;YACT,oBAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACrC,iCAAS,KAAK,EAAE,EAAC,SAAS,EAAE,CAAC,EAAC,IACzB,IAAI,CAAC,KAAK,CAAC,YAAY,CAClB,CACH;YACX,oBAAC,OAAO,IACJ,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAC,EAC5D,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,kBAAkB,EACtF,KAAK,UAEJ,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,oBAAC,mBAAmB,IAC5C,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE;;oBACV,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;oBACtC,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,QAAQ,CAAC,CAAC;gBACpC,CAAC,GACH,CACI,CACR,CACT,CAAA;IACL,CAAC;CAEJ","sourcesContent":["import React from \"react\";\nimport {Divider} from \"antd\";\nimport {DoubleRightOutlined} from \"@ant-design/icons\";\nimport {Collapse} from 'react-collapse';\n\ninterface ExpandableProps {\n    extraContent?: React.ReactNode\n    expanded?: boolean\n    compact?: boolean\n\n    onExpand?(expanded: boolean): void\n}\n\nexport default class Expandable extends React.Component<ExpandableProps> {\n    constructor(props: Readonly<ExpandableProps>) {\n        super(props);\n    }\n\n    render(): React.ReactNode {\n        return (\n            <div style={{transition: \"height .5s\"}}>\n                <header>\n                    {this.props.children}\n                </header>\n                <Collapse isOpened={!!this.props.expanded}>\n                    <section style={{marginTop: 5}}>\n                        {this.props.extraContent}\n                    </section>\n                </Collapse>\n                <Divider\n                    style={{margin: this.props.compact ? \"8px 0px\" : \"20px 0px\"}}\n                    className={this.props.extraContent ? \"stronger-divider-with-text\" : \"stronger-divider\"}\n                    plain\n                >\n                    {this.props.extraContent && <DoubleRightOutlined\n                        rotate={this.props.expanded ? -90 : 90}\n                        onClick={() => {\n                            const expanded = !this.props.expanded;\n                            this.props.onExpand?.(expanded);\n                        }}\n                    />}\n                </Divider>\n            </div>\n        )\n    }\n\n}"]}

package/components/color/colorPicker.js.map

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

package/components/color/colorSwatch.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorSwatch.js","sourceRoot":"","sources":["../../../../components/color/colorSwatch.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\r\nimport reactCSS, {handleHover} from 'reactcss'\r\nimport {Swatch} from 'react-color/lib/components/common/Swatch'\r\n\r\nfunction invertColor(hex, bw) {\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    var r = parseInt(hex.slice(0, 2), 16),\r\n        g = parseInt(hex.slice(2, 4), 16),\r\n        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    r = (255 - r).toString(16);\r\n    g = (255 - g).toString(16);\r\n    b = (255 - b).toString(16);\r\n    // pad each with zeros and return\r\n    return \"#\" + padZero(r) + padZero(g) + padZero(b);\r\n}\r\n\r\nexport const ColorSwatch = ({hover, color, onClick, onSwatchHover, style, title, active, small}) => {\r\n    const hoverSwatch = {\r\n        transform: \"scale(1.5)\",\r\n        position: 'relative',\r\n        zIndex: '3',\r\n    }\r\n    const focusSwatch = {\r\n        position: 'relative',\r\n        zIndex: '2',\r\n        transform: \"scale(1.2)\",\r\n        boxShadow: '0 0 5px 2px rgba(0,0,0,0.25)',\r\n        cursor:\"pointer\"\r\n    }\r\n\r\n    const styles = reactCSS({\r\n        'default': {\r\n            swatch: {\r\n                display: \"inline-block\",\r\n                transform: \"scale(1)\",\r\n                width: !!small ? '15px' : '22px',\r\n                height: !!small ? '15px' : '22px',\r\n                margin: '2px',\r\n                marginTop: 0,\r\n                marginBottom: 0,\r\n                fontSize: '0',\r\n            },\r\n        },\r\n        'hover': {\r\n            swatch: small ? {} : hoverSwatch,\r\n        },\r\n    }, {hover})\r\n\r\n\r\n    return (\r\n        <div style={styles.swatch}>\r\n            {active &&\r\n            <div style={{fill: invertColor(color, true), position: \"absolute\", left: 1, top: 1, zIndex: 10,}}>\r\n                <svg viewBox=\"0 0 24 24\" style={{width: 20, height: 20}}>\r\n                    <path d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/>\r\n                </svg>\r\n            </div>}\r\n            <Swatch\r\n                color={color}\r\n                onClick={onClick}\r\n                onHover={onSwatchHover}\r\n                focus={active}\r\n                focusStyle={focusSwatch}\r\n                style={style}\r\n                title={title}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default handleHover(ColorSwatch)"]}
+{"version":3,"file":"colorSwatch.js","sourceRoot":"","sources":["../../../../components/color/colorSwatch.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAAQ,EAAE,EAAC,WAAW,EAAC,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAC,MAAM,EAAC,MAAM,0CAA0C,CAAA;AAE/D,SAAS,WAAW,CAAC,GAAG,EAAE,EAAE;IACxB,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;QACxB,GAAG,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACtB;IAED,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;QAClB,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;KAC7D;IACD,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;QAClB,MAAM,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC;KACzC;IACD,IAAI,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EACjC,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EACjC,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACtC,IAAI,EAAE,EAAE;QAEJ,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG;YAC5C,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,SAAS,CAAC;KACnB;IAED,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3B,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE3B,OAAO,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAC,EAAE,EAAE;IAC/F,MAAM,WAAW,GAAG;QAChB,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,GAAG;KACd,CAAA;IACD,MAAM,WAAW,GAAG;QAChB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,GAAG;QACX,SAAS,EAAE,YAAY;QACvB,SAAS,EAAE,8BAA8B;QACzC,MAAM,EAAC,SAAS;KACnB,CAAA;IAED,MAAM,MAAM,GAAG,QAAQ,CAAC;QACpB,SAAS,EAAE;YACP,MAAM,EAAE;gBACJ,OAAO,EAAE,cAAc;gBACvB,SAAS,EAAE,UAAU;gBACrB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;gBAChC,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;gBACjC,MAAM,EAAE,KAAK;gBACb,SAAS,EAAE,CAAC;gBACZ,YAAY,EAAE,CAAC;gBACf,QAAQ,EAAE,GAAG;aAChB;SACJ;QACD,OAAO,EAAE;YACL,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;SACnC;KACJ,EAAE,EAAC,KAAK,EAAC,CAAC,CAAA;IAGX,OAAO,CACH,6BAAK,KAAK,EAAE,MAAM,CAAC,MAAM;QACpB,MAAM;YACP,6BAAK,KAAK,EAAE,EAAC,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,GAAE;gBAC5F,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAC;oBACnD,8BAAM,CAAC,EAAC,yDAAyD,GAAE,CACjE,CACJ;QACN,oBAAC,MAAM,IACH,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,WAAW,EACvB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACd,CACA,CACT,CAAA;AACL,CAAC,CAAA;AAED,eAAe,WAAW,CAAC,WAAW,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport reactCSS, {handleHover} from 'reactcss'\nimport {Swatch} from 'react-color/lib/components/common/Swatch'\n\nfunction invertColor(hex, bw) {\n    if (hex.indexOf('#') === 0) {\n        hex = hex.slice(1);\n    }\n    // convert 3-digit hex to 6-digits.\n    if (hex.length === 3) {\n        hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2];\n    }\n    if (hex.length !== 6) {\n        throw new Error('Invalid HEX color.');\n    }\n    var r = parseInt(hex.slice(0, 2), 16),\n        g = parseInt(hex.slice(2, 4), 16),\n        b = parseInt(hex.slice(4, 6), 16);\n    if (bw) {\n        // http://stackoverflow.com/a/3943023/112731\n        return (r * 0.299 + g * 0.587 + b * 0.114) > 186\n            ? '#000000'\n            : '#FFFFFF';\n    }\n    // invert color components\n    r = (255 - r).toString(16);\n    g = (255 - g).toString(16);\n    b = (255 - b).toString(16);\n    // pad each with zeros and return\n    return \"#\" + padZero(r) + padZero(g) + padZero(b);\n}\n\nexport const ColorSwatch = ({hover, color, onClick, onSwatchHover, style, title, active, small}) => {\n    const hoverSwatch = {\n        transform: \"scale(1.5)\",\n        position: 'relative',\n        zIndex: '3',\n    }\n    const focusSwatch = {\n        position: 'relative',\n        zIndex: '2',\n        transform: \"scale(1.2)\",\n        boxShadow: '0 0 5px 2px rgba(0,0,0,0.25)',\n        cursor:\"pointer\"\n    }\n\n    const styles = reactCSS({\n        'default': {\n            swatch: {\n                display: \"inline-block\",\n                transform: \"scale(1)\",\n                width: !!small ? '15px' : '22px',\n                height: !!small ? '15px' : '22px',\n                margin: '2px',\n                marginTop: 0,\n                marginBottom: 0,\n                fontSize: '0',\n            },\n        },\n        'hover': {\n            swatch: small ? {} : hoverSwatch,\n        },\n    }, {hover})\n\n\n    return (\n        <div style={styles.swatch}>\n            {active &&\n            <div style={{fill: invertColor(color, true), position: \"absolute\", left: 1, top: 1, zIndex: 10,}}>\n                <svg viewBox=\"0 0 24 24\" style={{width: 20, height: 20}}>\n                    <path d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\"/>\n                </svg>\n            </div>}\n            <Swatch\n                color={color}\n                onClick={onClick}\n                onHover={onSwatchHover}\n                focus={active}\n                focusStyle={focusSwatch}\n                style={style}\n                title={title}\n            />\n        </div>\n    )\n}\n\nexport default handleHover(ColorSwatch)"]}

package/components/color/colorUtils.js.map

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

package/components/date/dateRangeInput.d.ts

@@ -12,8 +12,8 @@ export interface DateRangeInputProps extends Omit<HTMLAttributes<HTMLDivElement>
     onChange?: (fromValue: Moment | null, toValue: Moment | null) => void;
     onInvalidValue?: (input: string) => void;
     disabled?: boolean;
-    minDate?: Moment;
-    maxDate?: Moment;
+    minDateTime?: Moment;
+    maxDateTime?: Moment;
     allowClear?: boolean;
     ranges?: {
         [rangeName: string]: () => [Moment, Moment];
@@ -54,6 +54,7 @@ export default class DateRangeInput extends React.Component<DateRangeInputProps,
     private getFromValue;
     private getToValue;
     closePopup(): void;
+    private onChange;
     private renderSimplePart;
     private renderAdvancedPart;
     renderPopup(): React.ReactElement;

package/components/date/dateRangeInput.js

@@ -60,8 +60,18 @@ export default class DateRangeInput extends React.Component {
     closePopup() {
         this.setState({ popupKeyIndex: this.state.popupKeyIndex + 1, popupVisible: false });
     }
+    onChange(fromValue, toValue) {
+        var _a, _b;
+        if (this.props.minDateTime && (fromValue === null || fromValue === void 0 ? void 0 : fromValue.isBefore(this.props.minDateTime))) {
+            fromValue = this.props.minDateTime;
+        }
+        if (this.props.maxDateTime && (toValue === null || toValue === void 0 ? void 0 : toValue.isAfter(this.props.maxDateTime))) {
+            toValue = this.props.maxDateTime;
+        }
+        (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, fromValue, toValue);
+    }
     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 _a = this.props, { fromValue, toValue, onChange, style, allowClear, renderAsCalendar, hidePopup, align, defaultMode, onModeChange, confirmButtonsRenderer, onPopupVisibleChange } = _a, props = __rest(_a, ["fromValue", "toValue", "onChange", "style", "allowClear", "renderAsCalendar", "hidePopup", "align", "defaultMode", "onModeChange", "confirmButtonsRenderer", "onPopupVisibleChange"]);
         const markedDateInterval = this.props.fromValue && this.props.toValue ? [this.props.fromValue, this.props.toValue] : undefined;
         return (React.createElement("div", null,
             React.createElement("div", { style: { display: "flex" } },
@@ -146,40 +156,43 @@ export default class DateRangeInput extends React.Component {
                 })))));
     }
     renderAdvancedPart() {
+        const _a = this.props, { fromValue, toValue, onChange, style, allowClear, renderAsCalendar, hidePopup, align, defaultMode, onModeChange, confirmButtonsRenderer, onPopupVisibleChange } = _a, props = __rest(_a, ["fromValue", "toValue", "onChange", "style", "allowClear", "renderAsCalendar", "hidePopup", "align", "defaultMode", "onModeChange", "confirmButtonsRenderer", "onPopupVisibleChange"]);
         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) => {
+                React.createElement(DateTimeInput, Object.assign({}, props, { style: { width: "47%" }, value: toValue, 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) => {
+                React.createElement(DateTimeInput, Object.assign({}, props, { style: { width: "47%" }, value: 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;
+                    let from;
                     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);
+                        from = moment().startOf("hour").minute(roundedMinutes);
                     }
                     else {
-                        (_d = (_c = this.props).onChange) === null || _d === void 0 ? void 0 : _d.call(_c, moment().startOf(unit), this.props.toValue);
+                        from = moment().startOf(unit);
                     }
+                    this.onChange(from, this.props.toValue);
                 }, onIntervalDurationChange: unitOfTime => {
-                    var _a, _b, _c, _d;
                     if (this.props.fromValue) {
+                        let to;
                         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"));
+                            to = 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"));
+                            to = this.props.fromValue.clone().add(1, unitOfTime).subtract(1, "minute");
                         }
+                        this.onChange(this.props.fromValue, to);
                     }
                 }, 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();
+                    let fromValue = (_b = (_a = this.props.fromValue) === null || _a === void 0 ? void 0 : _a.clone()) !== null && _b !== void 0 ? _b : null;
+                    let toValue = (_d = (_c = this.props.toValue) === null || _c === void 0 ? void 0 : _c.clone()) !== null && _d !== void 0 ? _d : null;
                     if (shiftBegin && fromValue) {
                         if (type === TimeShiftDirection.INCREMENT) {
                             fromValue.add(1, unitOfTime);
@@ -196,16 +209,17 @@ export default class DateRangeInput extends React.Component {
                             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);
+                    this.onChange(fromValue, toValue);
                 }, onEndIntervalChange: unit => {
-                    var _a, _b, _c, _d;
+                    let to;
                     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"));
+                        to = 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"));
+                        to = moment().startOf(unit).subtract(1, "minute");
                     }
+                    this.onChange(this.props.fromValue, to);
                 } })));
     }
     renderPopup() {
@@ -223,10 +237,10 @@ export default class DateRangeInput extends React.Component {
                 _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 _a = this.props, { fromValue, toValue, onChange, style, allowClear, renderAsCalendar, hidePopup, align, disabled, defaultMode, onModeChange, confirmButtonsRenderer, onPopupVisibleChange } = _a, props = __rest(_a, ["fromValue", "toValue", "onChange", "style", "allowClear", "renderAsCalendar", "hidePopup", "align", "disabled", "defaultMode", "onModeChange", "confirmButtonsRenderer", "onPopupVisibleChange"]);
         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("div", { style: { display: "flex", width: (!hidePopup && !renderAsCalendar) ? "calc(100% - 27px)" : "100%" } },
                 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);
@@ -236,7 +250,7 @@ export default class DateRangeInput extends React.Component {
                         var _a, _b;
                         (_b = (_a = this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.fromValue, value);
                     } }))),
-            React.createElement("div", { className: "ant-input-number-handler-wrap " + className, style: {
+            !hidePopup && !renderAsCalendar && React.createElement("div", { className: "ant-input-number-handler-wrap " + className, style: {
                     width: 28,
                     opacity: 1,
                     height: "100%",

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, 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}"]}
+{"version":3,"file":"dateRangeInput.js","sourceRoot":"","sources":["../../../../components/date/dateRangeInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {HTMLAttributes} from \"react\";\nimport moment, {Moment} from \"moment\";\nimport {CalendarOutlined} from \"@ant-design/icons\";\nimport {Divider, Switch, Tooltip} from \"antd\";\nimport DateTimeInput from \"./dateTimeInput\";\nimport memoizeOne from \"memoize-one\";\nimport {TooltipPlacement} from \"antd/es/tooltip\";\nimport KeyboardUtils from \"../keyboard/keyboardUtils\";\nimport i18n from \"d2core/i18n/i18n\";\nimport DateRangeInputAdvancedPanel, {TimeShiftDirection} from \"./dateRangeInputAdvancedPanel\";\n\nexport enum DateRangeInputMode {\n    SIMPLE,\n    ADVANCED,\n}\n\nexport interface DateRangeInputProps extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n    mask: string\n    fromValue: Moment | null\n    toValue: Moment | null\n    onChange?: (fromValue: Moment | null, toValue: Moment | null) => void\n    onInvalidValue?: (input: string) => void\n    disabled?: boolean\n    minDateTime?: Moment\n    maxDateTime?: Moment\n    // allows to set no (null) date by datepicker\n    allowClear?: boolean\n    ranges?: { [rangeName: string]: () => [Moment, Moment] }\n\n    hidePopup?: boolean\n    renderAsCalendar?: boolean\n    placement?: TooltipPlacement\n    align?: {\n        points?: [string, string];\n        offset?: [number, number];\n        targetOffset?: [number, number];\n        overflow?: {\n            adjustX?: boolean;\n            adjustY?: boolean;\n        };\n        useCssRight?: boolean;\n        useCssBottom?: boolean;\n        useCssTransform?: boolean;\n    }\n\n    defaultMode?: DateRangeInputMode\n\n    onModeChange?(mode: DateRangeInputMode): void\n\n    onFocus?(): void\n\n    onBlur?(): void\n\n    confirmButtonsRenderer?(): React.ReactNode\n\n    onPopupVisibleChange?(visible: boolean): void\n}\n\ninterface DateRangeInputState {\n    valid: boolean\n    selectionStartDate: Moment | null\n    popupKeyIndex: number\n    popupVisible: boolean\n\n    mode: DateRangeInputMode\n}\n\nexport default class DateRangeInput extends React.Component<DateRangeInputProps, DateRangeInputState> {\n    constructor(props: Readonly<DateRangeInputProps>) {\n        super(props);\n        this.state = {\n            valid: !!props.fromValue && props.fromValue.isValid() && !!props.toValue && props.toValue.isValid(),\n            selectionStartDate: null,\n            popupKeyIndex: 0,\n            popupVisible: false,\n\n            mode: props.defaultMode ?? DateRangeInputMode.SIMPLE,\n        };\n        this.getDefaultSelectedDateForFromPanel = memoizeOne(this.getDefaultSelectedDateForFromPanel.bind(this));\n    }\n\n    componentDidUpdate(_prevProps: Readonly<DateRangeInputProps>, prevState: Readonly<DateRangeInputState>) {\n        if (prevState.popupVisible !== this.state.popupVisible && this.props.onPopupVisibleChange) {\n            this.props.onPopupVisibleChange(this.state.popupVisible);\n        }\n    }\n\n    getDefaultSelectedDateForFromPanel(fromDate: Moment | null, toDate: Moment | null): Moment {\n        if (!!fromDate && !!toDate && fromDate.isSame(toDate, \"date\")) {\n            return fromDate.clone().subtract(1, \"month\");\n        } else {\n            return fromDate ?? moment().startOf(\"day\").subtract(1, \"month\");\n        }\n    }\n\n    private getFromValue(date: moment.Moment) {\n        return (this.props.fromValue?.clone() ?? moment().startOf(\"day\")).year(date.year()).month(date.month()).date(date.date());\n    }\n\n    private getToValue(date: moment.Moment) {\n        return (this.props.toValue?.clone() ?? moment().endOf(\"day\")).year(date.year()).month(date.month()).date(date.date());\n    }\n\n    closePopup() {\n        // close tooltip\n        this.setState({popupKeyIndex: this.state.popupKeyIndex + 1, popupVisible: false});\n    }\n\n    private onChange(fromValue: Moment | null, toValue: Moment | null) {\n        if (this.props.minDateTime && fromValue?.isBefore(this.props.minDateTime)) {\n            fromValue = this.props.minDateTime;\n        }\n        if (this.props.maxDateTime && toValue?.isAfter(this.props.maxDateTime)) {\n            toValue = this.props.maxDateTime;\n        }\n        this.props.onChange?.(fromValue, toValue);\n    }\n\n    private renderSimplePart() {\n        const {\n            fromValue,\n            toValue,\n            onChange,\n            style,\n            allowClear,\n            renderAsCalendar,\n            hidePopup,\n            align,\n            defaultMode,\n            onModeChange,\n            confirmButtonsRenderer,\n            onPopupVisibleChange,\n            ...props\n        } = this.props;\n        const markedDateInterval: [Moment, Moment] | undefined = this.props.fromValue && this.props.toValue ? [this.props.fromValue, this.props.toValue] : undefined;\n\n        return (\n            <div>\n                <div style={{display: \"flex\"}}>\n                    <DateTimeInput value={fromValue} {...props}\n                                   allowClear={allowClear}\n                                   renderAsCalendar\n                                   style={{width: \"100%\"}}\n                                   onChange={(date) => {\n                                       if (date) {\n                                           const fromValue = this.getFromValue(date);\n                                           const toValue = this.getToValue(date);\n                                           this.props.onChange?.(fromValue, toValue);\n                                       }\n                                   }}\n                                   defaultSelectedDate={this.getDefaultSelectedDateForFromPanel(fromValue, toValue)}\n                                   markedDateInterval={markedDateInterval}\n                                   onDateItemMouseDown={(date) => {\n                                       this.setState({selectionStartDate: date});\n                                       const dateFrom = this.getFromValue(date);\n                                       const dateTo = this.getToValue(date);\n                                       this.props.onChange?.(dateFrom, dateTo);\n                                   }}\n                                   onDateItemMouseOver={(date) => {\n                                       if (KeyboardUtils.isMouseDown() && !!this.state.selectionStartDate) {\n                                           let dateFrom: Moment;\n                                           let dateTo: Moment;\n                                           if (this.state.selectionStartDate.isBefore(date)) {\n                                               dateFrom = this.state.selectionStartDate;\n                                               dateTo = date;\n                                           } else {\n                                               dateFrom = date;\n                                               dateTo = this.state.selectionStartDate;\n                                           }\n                                           dateFrom = this.getFromValue(dateFrom);\n                                           dateTo = this.getToValue(dateTo);\n                                           this.props.onChange?.(dateFrom, dateTo);\n                                       }\n                                   }}\n                                   onDateItemMouseUp={(_date) => {\n                                       this.setState({selectionStartDate: null});\n                                   }}\n                                   ignoreKeyStrokes\n                    />\n                    <Divider type=\"vertical\" style={{height: \"auto\"}}/>\n                    <DateTimeInput value={toValue} {...props}\n                                   renderAsCalendar\n                                   allowClear={allowClear}\n                                   style={{width: \"100%\"}}\n                                   onChange={(date) => {\n                                       if (date) {\n                                           const fromValue = this.getFromValue(date);\n                                           const toValue = this.getToValue(date);\n                                           this.props.onChange?.(fromValue, toValue);\n                                       }\n                                   }}\n                                   markedDateInterval={markedDateInterval}\n                                   onDateItemMouseDown={(date) => {\n                                       this.setState({selectionStartDate: date});\n                                       const dateFrom = this.getFromValue(date);\n                                       const dateTo = this.getToValue(date);\n                                       this.props.onChange?.(dateFrom, dateTo);\n                                   }}\n                                   onDateItemMouseOver={(date) => {\n                                       if (KeyboardUtils.isMouseDown() && !!this.state.selectionStartDate) {\n                                           let dateFrom: Moment;\n                                           let dateTo: Moment;\n                                           if (this.state.selectionStartDate.isBefore(date)) {\n                                               dateFrom = this.state.selectionStartDate;\n                                               dateTo = date;\n                                           } else {\n                                               dateFrom = date;\n                                               dateTo = this.state.selectionStartDate;\n                                           }\n                                           dateFrom = this.getFromValue(dateFrom);\n                                           dateTo = this.getToValue(dateTo);\n                                           this.props.onChange?.(dateFrom, dateTo);\n                                       }\n                                   }}\n                                   onDateItemMouseUp={(_date) => {\n                                       this.setState({selectionStartDate: null});\n                                   }}\n                                   ignoreKeyStrokes\n                    />\n                </div>\n                <div className=\"ant-picker-footer\">\n                    <ul className=\"ant-picker-ranges\" style={{padding: 0, borderTop: \"1px solid #ddd\"}}>\n                        {\n                            this.props.ranges && Object.keys(this.props.ranges).map((rangeName, index) => {\n                                return (<li className=\"ant-picker-preset\"\n                                            key={`range-${index}`}\n                                            onClick={() => {\n                                                const rangeFunction = this.props.ranges?.[rangeName];\n                                                if (rangeFunction) {\n                                                    const range = rangeFunction();\n                                                    this.props.onChange?.(range[0], range[1]);\n                                                }\n                                            }}>\n                                    <span className=\"ant-tag ant-tag-blue\"\n                                          style={{userSelect: \"none\"}}>{rangeName}</span>\n                                </li>);\n                            })\n                        }\n                    </ul>\n                </div>\n            </div>\n        )\n    }\n\n    private renderAdvancedPart() {\n        const {\n            fromValue,\n            toValue,\n            onChange,\n            style,\n            allowClear,\n            renderAsCalendar,\n            hidePopup,\n            align,\n            defaultMode,\n            onModeChange,\n            confirmButtonsRenderer,\n            onPopupVisibleChange,\n            ...props\n        } = this.props;\n        return (\n            <div>\n                <div style={{display: \"flex\"}}>\n                    <DateTimeInput\n                        {...props}\n                        style={{width: \"47%\"}}\n                        value={toValue}\n                        onChange={(value) => {\n                            this.props.onChange?.(value, this.props.toValue);\n                        }}\n                    />\n                    <span style={{width: \"6%\", paddingTop: 4, color: \"rgba(0, 0, 0, 0.65)\", textAlign: \"center\"}}>\n                        {\"\\u27F7\"}\n                    </span>\n                    <DateTimeInput\n                        {...props}\n                        style={{width: \"47%\"}}\n                        value={toValue}\n                        onChange={(value) => {\n                            this.props.onChange?.(this.props.fromValue, value);\n                        }}\n                    />\n                </div>\n                <DateRangeInputAdvancedPanel\n                    onBeginIntervalChange={unit => {\n                        let from: Moment;\n                        if (unit === \"15minutes\") {\n                            const roundedMinutes = Math.floor(moment().minute() / 15) * 15;\n                            from = moment().startOf(\"hour\").minute(roundedMinutes);\n                        } else {\n                            from = moment().startOf(unit);\n                        }\n                        this.onChange(from, this.props.toValue);\n                    }}\n                    onIntervalDurationChange={unitOfTime => {\n                        if (this.props.fromValue) {\n                            let to: Moment;\n                            if (unitOfTime === \"4years\") {\n                                to = this.props.fromValue.clone().add(4, \"year\").subtract(1, \"minute\");\n                            } else {\n                                to = this.props.fromValue.clone().add(1, unitOfTime).subtract(1, \"minute\")\n                            }\n                            this.onChange(this.props.fromValue, to);\n                        }\n                    }}\n                    onTimeShift={(shiftBegin, shiftEnd, unitOfTime, type) => {\n                        let fromValue = this.props.fromValue?.clone() ?? null;\n                        let toValue = this.props.toValue?.clone() ?? null;\n\n                        if (shiftBegin && fromValue) {\n                            if (type === TimeShiftDirection.INCREMENT) {\n                                fromValue.add(1, unitOfTime);\n                            } else if (type === TimeShiftDirection.DECREMENT) {\n                                fromValue.subtract(1, unitOfTime);\n                            }\n                        }\n\n                        if (shiftEnd && toValue) {\n                            if (type === TimeShiftDirection.INCREMENT) {\n                                toValue.add(1, unitOfTime);\n                            } else if (type === TimeShiftDirection.DECREMENT) {\n                                toValue.subtract(1, unitOfTime);\n                            }\n                        }\n\n                        this.onChange(fromValue, toValue);\n                    }}\n                    onEndIntervalChange={unit => {\n                        let to: Moment;\n                        if (unit === \"15minutes\") {\n                            const roundedMinutes = Math.floor(moment().minute() / 15) * 15;\n                            to = moment().startOf(\"hour\").minute(roundedMinutes).subtract(1, \"minute\");\n                        } else {\n                            to = moment().startOf(unit).subtract(1, \"minute\");\n                        }\n                        this.onChange(this.props.fromValue, to);\n                    }}\n                />\n            </div>\n        )\n    }\n\n    renderPopup(): React.ReactElement {\n        return (\n            <div onFocus={this.props.onFocus} onBlur={this.props.onBlur}>\n                {this.state.mode === DateRangeInputMode.SIMPLE && this.renderSimplePart()}\n                {this.state.mode === DateRangeInputMode.ADVANCED && this.renderAdvancedPart()}\n                <div style={{display: \"flex\", justifyContent: \"space-between\", alignItems: \"flex-end\"}}>\n                    <Switch\n                        style={{float: \"right\", marginTop: 8}}\n                        checked={this.state.mode === DateRangeInputMode.ADVANCED}\n                        onChange={checked => {\n                            const mode = checked ? DateRangeInputMode.ADVANCED : DateRangeInputMode.SIMPLE;\n                            this.setState({mode: mode});\n                            this.props.onModeChange?.(mode);\n                        }}\n                        checkedChildren={i18n(\"Advanced Mode\")}\n                        unCheckedChildren={i18n(\"Simple Mode\")}\n                    />\n                    {this.props.confirmButtonsRenderer?.()}\n                </div>\n            </div>\n        );\n    }\n\n    renderInput() {\n        const {\n            fromValue,\n            toValue,\n            onChange,\n            style,\n            allowClear,\n            renderAsCalendar,\n            hidePopup,\n            align,\n            disabled,\n            defaultMode,\n            onModeChange,\n            confirmButtonsRenderer,\n            onPopupVisibleChange,\n            ...props\n        } = this.props;\n        const className = (disabled || this.state.popupVisible) ? \"readonly\" : undefined;\n        return (\n            <div style={{...style, padding: 0}} className={\"ant-input\"} onFocus={this.props.onFocus}\n                 onBlur={this.props.onBlur}>\n                <div style={{display: \"flex\", width: (!hidePopup && !renderAsCalendar) ? \"calc(100% - 27px)\" : \"100%\"}}>\n                    <DateTimeInput value={fromValue} {...props}\n                                   disabled={disabled}\n                                   inputDisabled={this.state.popupVisible}\n                                   allowClear={allowClear}\n                                   bordered={false}\n                                   hidePopup={true}\n                                   style={{width: \"auto\"}}\n                                   inputStyle={{paddingRight: 2}}\n                                   onChange={(value) => {\n                                       this.props.onChange?.(value, this.props.toValue);\n                                   }}\n                    />\n                    <span style={{paddingTop: 4}} className={className}>{\"\\u27F7\"}</span>\n                    <DateTimeInput value={toValue} {...props}\n                                   disabled={disabled}\n                                   inputDisabled={this.state.popupVisible}\n                                   allowClear={allowClear}\n                                   bordered={false}\n                                   hidePopup={true}\n                                   style={{width: \"auto\"}}\n                                   inputStyle={{paddingLeft: 2}}\n                                   onChange={(value) => {\n                                       this.props.onChange?.(this.props.fromValue, value);\n                                   }}/>\n                </div>\n                {!hidePopup && !renderAsCalendar && <div className={\"ant-input-number-handler-wrap \" + className}\n                     style={{\n                         width: 28,\n                         opacity: 1,\n                         height: \"100%\",\n                         textAlign: \"center\",\n                         cursor: disabled ? \"not-allowed\" : \"pointer\"\n                     }}\n                     onClick={(event) => {\n                         if (!disabled && document.createEvent) {\n                             if (this.state.popupVisible) {\n                                 this.closePopup();\n                             } else {\n                                 var ev = document.createEvent('HTMLEvents');\n                                 ev.initEvent('contextmenu', true, false);\n                                 event.target.dispatchEvent(ev);\n                                 this.props.onFocus?.();\n                             }\n                         }\n                     }}\n                >\n                    <CalendarOutlined style={{color: \"rgba(0,0,0,0.65)\", verticalAlign: \"middle\", marginTop: 2}}/>\n                </div>}\n            </div>\n        );\n    }\n\n    render(): any {\n        if (this.props.renderAsCalendar) {\n            return this.renderPopup();\n        } else if (this.props.hidePopup) {\n            return this.renderInput();\n        } else {\n            return (\n                <Tooltip color={\"white\"}\n                         key={\"date-range-popup-\" + this.state.popupKeyIndex}\n                         trigger={this.props.disabled ? [] : [\"contextMenu\"]}\n                         align={this.props.align}\n                         placement={this.props.placement}\n                         overlayInnerStyle={{maxHeight: \"100vh\", overflowY: \"auto\", overflowX: \"hidden\"}}\n                         onVisibleChange={(visible) => {\n                             if (visible) {\n                                 this.props.onFocus?.();\n                             } else {\n                                 this.props.onBlur?.();\n                             }\n                             this.setState({popupVisible: visible});\n                         }}\n                         overlayClassName={\"date-range-picker-popup\"}\n                         title={this.renderPopup()}>\n                    {this.renderInput()}\n                </Tooltip>\n            );\n        }\n    }\n}"]}