d2coreui 21.0.15 → 21.0.18

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,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 {\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): boolean {\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

@@ -44,7 +44,7 @@ export default class ColorPicker extends React.Component {
                         this.setState({ popupVisible: false });
                     } },
                     React.createElement(StopOutlined, { style: { color: "rgba(0,0,0,0.85)" } }))), content: React.createElement(SketchPicker, { color: this.props.color, width: "250px", presetColors: this.props.transparentColorAllowed ? [...presetColors, "transparent"] : presetColors, onChange: this.props.onChange, onChangeComplete: this.props.onChangeComplete }) },
-            React.createElement(Badge, { count: this.props.badgeIcon ?
+            React.createElement(Badge, { className: this.props.className, count: this.props.badgeIcon ?
                     React.createElement("span", { className: "ant-badge-count", style: { color: "#1890ff", background: "#e6f7ff", borderColor: "#91d5ff" } }, this.props.badgeIcon)
                     : undefined },
                 React.createElement(Button, { style: { background: (_a = this.getColorString(this.props.color)) !== null && _a !== void 0 ? _a : transparentBackgroundStyle }, disabled: this.props.disabled, title: this.props.title },

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                    className={this.props.className}\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":"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'\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":"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","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.js

@@ -61,7 +61,7 @@ export default class DateRangeInput extends React.Component {
         this.setState({ popupKeyIndex: this.state.popupKeyIndex + 1, popupVisible: false });
     }
     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" } },
@@ -223,7 +223,7 @@ 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)" } },

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    minDate?: Moment\n    maxDate?: 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 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        return (\n            <div>\n                <div style={{display: \"flex\"}}>\n                    <DateTimeInput\n                        style={{width: \"47%\"}}\n                        mask={this.props.mask}\n                        value={this.props.fromValue}\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                        style={{width: \"47%\"}}\n                        mask={this.props.mask}\n                        value={this.props.toValue}\n                        onChange={(value) => {\n                            this.props.onChange?.(this.props.fromValue, value);\n                        }}\n                    />\n                </div>\n                <DateRangeInputAdvancedPanel\n                    onBeginIntervalChange={unit => {\n                        if (unit === \"15minutes\") {\n                            const roundedMinutes = Math.floor(moment().minute() / 15) * 15;\n                            this.props.onChange?.(moment().startOf(\"hour\").minute(roundedMinutes), this.props.toValue);\n                        } else {\n                            this.props.onChange?.(moment().startOf(unit), this.props.toValue);\n                        }\n                    }}\n                    onIntervalDurationChange={unitOfTime => {\n                        if (this.props.fromValue) {\n                            if (unitOfTime === \"4years\") {\n                                this.props.onChange?.(this.props.fromValue, this.props.fromValue.clone().add(4, \"year\").subtract(1, \"minute\"));\n                            } else {\n                                this.props.onChange?.(this.props.fromValue, this.props.fromValue.clone().add(1, unitOfTime).subtract(1, \"minute\"));\n                            }\n                        }\n                    }}\n                    onTimeShift={(shiftBegin, shiftEnd, unitOfTime, type) => {\n                        let fromValue = this.props.fromValue?.clone();\n                        let toValue = this.props.toValue?.clone();\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.props.onChange?.(fromValue ?? null, toValue ?? null);\n                    }}\n                    onEndIntervalChange={unit => {\n                        if (unit === \"15minutes\") {\n                            const roundedMinutes = Math.floor(moment().minute() / 15) * 15;\n                            this.props.onChange?.(this.props.fromValue, moment().startOf(\"hour\").minute(roundedMinutes).subtract(1, \"minute\"));\n                        } else {\n                            this.props.onChange?.(this.props.fromValue, moment().startOf(unit).subtract(1, \"minute\"));\n                        }\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: \"calc(100% - 27px)\"}}>\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                <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}"]}

package/components/date/dateRangeInputAdvancedPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangeInputAdvancedPanel.js","sourceRoot":"","sources":["../../../../components/date/dateRangeInputAdvancedPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,MAAM,MAAM,CAAC;AAC/C,OAAO,IAAI,MAAM,kBAAkB,CAAC;AAEpC,OAAO,IAAI,MAAM,sCAAsC,CAAC;AAExD,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,qEAAS,CAAA;IACT,qEAAS,CAAA;AACb,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAkBD,MAAM,CAAC,OAAO,OAAO,2BAA4B,SAAQ,KAAK,CAAC,SAA6E;IACxI,YAAY,KAAiD;QACzD,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG;YACT,cAAc,EAAE,KAAK;YACrB,aAAa,EAAE,IAAI;YACnB,YAAY,EAAE,KAAK;SACtB,CAAA;IACL,CAAC;IAEO,kBAAkB,CAAC,KAAsB,EAAE,KAA2B;QAC1E,OAAO,CACH,8BAAM,KAAK,EACP,MAAM,CAAC,MAAM,CAAC,EAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC,EAAC,EAAE,KAAK,CAAC,IAEjG,GAAG,KAAK,GAAG,CACT,CACV,CAAC;IACN,CAAC;IAEO,YAAY,CAAC,KAAsB,EAAE,QAAoB;QAC7D,OAAO,CACH,oBAAC,MAAM,IACH,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,EAAC,EACvC,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,OAAO,EAEZ,KAAK,QACL,OAAO,EAAE,QAAQ,IAEhB,KAAK,CACD,CACZ,CAAC;IACN,CAAC;IAEO,mBAAmB,CAAC,KAAsB,EAAE,QAAiD;QACjG,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QAErG,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC,EAAC;YAC/C,oBAAC,MAAM,IACH,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gCAAgC,EAClE,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,iBAAiB,EAAC,EACtE,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,QACL,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC,SAAS,CAAC,QAGhD;YACT,oBAAC,MAAM,IACH,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAC,EACrE,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,UAEJ,KAAK,CACD;YACT,oBAAC,MAAM,IACH,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gCAAgC,EAClE,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,EAAE,iBAAiB,EAAC,EACrE,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,OAAO,EACZ,KAAK,QACL,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,kBAAkB,CAAC,SAAS,CAAC,QAGhD,CACP,CACT,CAAC;IACN,CAAC;IAEO,mBAAmB,CAAC,SAAmC;QAC3D,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,IAAI,SAAS,KAAK,OAAO,EAAE;YACvB,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;SACvC;aAAM,IAAI,SAAS,KAAK,MAAM,EAAE;YAC7B,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;SACtC;aAAM,IAAI,SAAS,KAAK,KAAK,EAAE;YAC5B,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC;SACrC;QAED,OAAO,CACH,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,EAAE,CAClB,6BACI,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,eAAe,EACvB,OAAO,EAAC,KAAK,EACb,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,SAAS,EAChB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,qBAAqB,EAClD,OAAO,EAAE,GAAG,EAAE;oBACV,IAAI,SAAS,KAAK,OAAO,EAAE;wBACvB,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,CAAC;qBAC1G;yBAAM,IAAI,SAAS,KAAK,MAAM,EAAE;wBAC7B,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC,CAAC;qBACzG;yBAAM,IAAI,SAAS,KAAK,KAAK,EAAE;wBAC5B,IAAI,CAAC,QAAQ,CAAC,EAAC,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAC,CAAC,CAAC;qBACxG;gBACL,CAAC;gBAED,8BACI,CAAC,EAAC,0dAA0d,EAC5d,EAAE,EAAC,UAAU,EACb,KAAK,EAAE,EAAC,IAAI,EAAE,cAAc,EAAC,GAC/B;gBACD,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;oBACjC,2BAAG,EAAE,EAAC,KAAK;wBACX,2BAAG,EAAE,EAAC,UAAU,GAAE;wBAClB,2BAAG,EAAE,EAAC,UAAU,GAAE;wBAClB,2BAAG,EAAE,EAAC,UAAU,EAAC,SAAS,EAAE,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,OAAO;4BACxF,8BACI,EAAE,EAAC,QAAQ,EACX,KAAK,EAAE,EAAC,IAAI,EAAE,cAAc,EAAC,EAC7B,CAAC,EAAC,m3BAAm3B,GAAE,CAC33B,CACJ;gBACH,SAAS,KAAK,MAAM,IAAI,2BAAG,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,+BAA+B;oBAC1E,8BACI,EAAE,EAAC,QAAQ,EACX,KAAK,EAAE,EAAC,IAAI,EAAE,cAAc,EAAC,EAC7B,CAAC,EAAC,wwDAAwwD,GAAE,CAChxD,CACF,GACP,CACN,CAAC;IACN,CAAC;IAED,MAAM;QACF,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QAC7E,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;QAEzE,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,qBAAqB,EAAC;YACtC,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,aAAa,EAAC,GAAG;YAC1C,oBAAC,GAAG;gBACA,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,cAAc,EAAC;oBACzC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;oBAC/C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC;oBACnF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC;oBAC/E,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;oBACpF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;oBACtF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;oBAC1F,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC,CACnF;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC;oBACR,oBAAC,OAAO,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,GAAG,CACjD;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,cAAc,EAAC;oBACzC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;oBAClD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;oBAClF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;oBAChF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;oBAClF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC;oBACpF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC;oBACxF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC;oBAClF,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC,CAC3F;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC;oBACR,oBAAC,OAAO,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAC,GAAG,CACjD;gBACN,oBAAC,GAAG,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,EAAC,OAAO,EAAE,cAAc,EAAC;oBACzC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;oBAC5C,6BAAK,KAAK,EAAE;4BACR,MAAM,EAAE,EAAE;4BACV,YAAY,EAAE,CAAC;4BACf,OAAO,EAAE,MAAM;4BACf,cAAc,EAAE,QAAQ;4BACxB,UAAU,EAAE,QAAQ;yBACvB;wBACI,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC;wBACjC,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC;wBAChC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAC9B;oBACL,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;oBAC9H,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;oBAC5H,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;oBAC9H,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;oBAChI,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAC7H,CACJ;YACN,oBAAC,OAAO,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,cAAc,EAAC,GAAG;YAC3C,6BAAK,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC;gBACzB,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAC,IACnB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,EAAC,YAAY,EAAE,CAAC,EAAC,CAAC,CAC/D;gBACN,6BAAK,KAAK,EAAE,EAAC,UAAU,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAC,IAClC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC,CAC7E;gBACN,6BAAK,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAC,IACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAC5E;gBACN,6BAAK,KAAK,EAAE,EAAC,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAC,IACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAC1E,CACJ,CACJ,CACT,CAAC;IACN,CAAC;CAEJ","sourcesContent":["import React from \"react\";\r\nimport {Button, Col, Divider, Row} from \"antd\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport {unitOfTime} from \"moment\";\r\nimport Icon from \"@ant-design/icons/es/components/Icon\";\r\n\r\nexport enum TimeShiftDirection {\r\n    INCREMENT,\r\n    DECREMENT,\r\n}\r\n\r\ninterface DateRangeInputAdvancedPanelProps {\r\n    onBeginIntervalChange(unit: unitOfTime.StartOf | \"15minutes\"): void\r\n\r\n    onIntervalDurationChange(unitOfTime: unitOfTime.DurationConstructor | \"4years\"): void\r\n\r\n    onTimeShift(shiftBegin: boolean, shiftEnd: boolean, unitOfTime: unitOfTime.DurationConstructor, direction: TimeShiftDirection): void\r\n\r\n    onEndIntervalChange(unit: unitOfTime.StartOf | \"15minutes\"): void\r\n}\r\n\r\ninterface DateRangeInputAdvancedPanelState {\r\n    timeShiftBegin: boolean\r\n    timeShiftBoth: boolean\r\n    timeShiftEnd: boolean\r\n}\r\n\r\nexport default class DateRangeInputAdvancedPanel extends React.Component<DateRangeInputAdvancedPanelProps, DateRangeInputAdvancedPanelState> {\r\n    constructor(props: Readonly<DateRangeInputAdvancedPanelProps>) {\r\n        super(props);\r\n\r\n        this.state = {\r\n            timeShiftBegin: false,\r\n            timeShiftBoth: true,\r\n            timeShiftEnd: false,\r\n        }\r\n    }\r\n\r\n    private renderSectionTitle(title: React.ReactNode, style?: React.CSSProperties) {\r\n        return (\r\n            <span style={\r\n                Object.assign({display: \"block\", fontWeight: \"bold\", textAlign: \"center\", marginBottom: 4}, style)}\r\n            >\r\n                {`${title}:`}\r\n            </span>\r\n        );\r\n    }\r\n\r\n    private renderButton(title: React.ReactNode, callback: () => void) {\r\n        return (\r\n            <Button\r\n                className=\"hoverable-primary-ghost-button\"\r\n                style={{width: \"100%\", marginBottom: 6}}\r\n                type=\"primary\"\r\n                size=\"small\"\r\n                // shape=\"round\"\r\n                ghost\r\n                onClick={callback}\r\n            >\r\n                {title}\r\n            </Button>\r\n        );\r\n    }\r\n\r\n    private renderTimeShiftItem(title: React.ReactNode, callback: (direction: TimeShiftDirection) => void) {\r\n        const disabled = !this.state.timeShiftBegin && !this.state.timeShiftEnd && !this.state.timeShiftBoth;\r\n\r\n        return (\r\n            <div style={{position: \"relative\", marginBottom: 6}}>\r\n                <Button\r\n                    className={disabled ? undefined : \"hoverable-primary-ghost-button\"}\r\n                    style={{width: \"20%\", borderRight: 0, borderRadius: \"2px 0px 0px 2px\"}}\r\n                    disabled={disabled}\r\n                    type=\"primary\"\r\n                    size=\"small\"\r\n                    ghost\r\n                    onClick={() => callback(TimeShiftDirection.DECREMENT)}\r\n                >\r\n                    -\r\n                </Button>\r\n                <Button\r\n                    style={{width: \"60%\", borderLeft: 0, borderRight: 0, borderRadius: 0}}\r\n                    disabled={disabled}\r\n                    type=\"primary\"\r\n                    size=\"small\"\r\n                    ghost\r\n                >\r\n                    {title}\r\n                </Button>\r\n                <Button\r\n                    className={disabled ? undefined : \"hoverable-primary-ghost-button\"}\r\n                    style={{width: \"20%\", borderLeft: 0, borderRadius: \"0px 2px 2px 0px\"}}\r\n                    disabled={disabled}\r\n                    type=\"primary\"\r\n                    size=\"small\"\r\n                    ghost\r\n                    onClick={() => callback(TimeShiftDirection.INCREMENT)}\r\n                >\r\n                    +\r\n                </Button>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    private renderTimeShiftIcon(shiftType: \"begin\" | \"both\" | \"end\") {\r\n        let checked = false;\r\n        if (shiftType === \"begin\") {\r\n            checked = this.state.timeShiftBegin;\r\n        } else if (shiftType === \"both\") {\r\n            checked = this.state.timeShiftBoth;\r\n        } else if (shiftType === \"end\") {\r\n            checked = this.state.timeShiftEnd;\r\n        }\r\n\r\n        return (\r\n            <Icon component={() =>\r\n                <svg\r\n                    className=\"icon\"\r\n                    viewBox=\"64 64 896 896\"\r\n                    version=\"1.1\"\r\n                    width={40}\r\n                    height={40}\r\n                    cursor=\"pointer\"\r\n                    color={checked ? \"#2998ff\" : \"rgba(0, 0, 0, 0.65)\"}\r\n                    onClick={() => {\r\n                        if (shiftType === \"begin\") {\r\n                            this.setState({timeShiftBegin: !this.state.timeShiftBegin, timeShiftBoth: false, timeShiftEnd: false});\r\n                        } else if (shiftType === \"both\") {\r\n                            this.setState({timeShiftBegin: false, timeShiftBoth: !this.state.timeShiftBoth, timeShiftEnd: false});\r\n                        } else if (shiftType === \"end\") {\r\n                            this.setState({timeShiftBegin: false, timeShiftBoth: false, timeShiftEnd: !this.state.timeShiftEnd});\r\n                        }\r\n                    }}\r\n                >\r\n                    <path\r\n                        d=\"m 880.43128,184.00001 h -168 v -64 c 0,-4.4 -3.6,-8 -8,-8 h -56 c -4.4,0 -8,3.6 -8,8 v 64 h -256 v -64 c 0,-4.4 -3.6,-8 -8,-8 h -56 c -4.4,0 -8,3.6 -8,8 v 64 h -168 c -17.7,0 -32,14.3 -32,32 v 664 c 0,17.7 14.3,32 32,32 h 736 c 17.7,0 32,-14.3 32,-32 v -664 c 0,-17.7 -14.3,-32 -32,-32 z m -40,656 h -656 v -380 h 656 z m -656,-448 v -136 h 128 v 48 c 0,4.4 3.6,8 8,8 h 56 c 4.4,0 8,-3.6 8,-8 v -48 h 256 v 48 c 0,4.4 3.6,8 8,8 h 56 c 4.4,0 8,-3.6 8,-8 v -48 h 128 v 136 z\"\r\n                        id=\"path2231\"\r\n                        style={{fill: \"currentcolor\"}}\r\n                    />\r\n                    {[\"begin\", \"end\"].includes(shiftType) &&\r\n                        <g id=\"g41\">\r\n                        <g id=\"path2822\"/>\r\n                        <g id=\"path2824\"/>\r\n                        <g id=\"path2826\" transform={shiftType === \"end\" ? \"rotate(180,512.9334,646.24561)\" : \"unset\"}>\r\n                            <path\r\n                                id=\"path50\"\r\n                                style={{fill: \"currentcolor\"}}\r\n                                d=\"m 358.80859,510.14062 a 34.41795,34.41795 0 0 0 -23.58789,9.24219 L 226.40625,620.82422 a 34.41795,34.41795 0 0 0 -1.70508,48.64453 34.41795,34.41795 0 0 0 48.64453,1.70703 l 108.8125,-101.4414 a 34.41795,34.41795 0 0 0 1.70703,-48.64454 34.41795,34.41795 0 0 0 -25.05664,-10.94922 z M 249.87565,645.99998 358.68957,544.55871 M 249.7207,611.58203 a 34.41795,34.41795 0 0 0 -24.90625,10.82813 34.41795,34.41795 0 0 0 1.47071,48.65234 l 108.29492,101.93164 a 34.41795,34.41795 0 0 0 48.65234,-1.4707 34.41795,34.41795 0 0 0 -1.47265,-48.65235 L 273.46484,620.9375 a 34.41795,34.41795 0 0 0 -23.74414,-9.35547 z m 0.15495,34.41795 108.29422,101.93273 M 264.8125,610.01953 A 35.98045,35.98045 0 0 0 228.83203,646 35.98045,35.98045 0 0 0 264.8125,681.98047 H 550.48633 A 35.98045,35.98045 0 0 0 586.4668,646 35.98045,35.98045 0 0 0 550.48633,610.01953 Z m 285.67298,35.98045 h -285.6727\"/>\r\n                        </g>\r\n                    </g>}\r\n                    {shiftType === \"both\" && <g id=\"g65\" transform=\"rotate(180,512.9334,646.0254)\">\r\n                        <path\r\n                            id=\"path63\"\r\n                            style={{fill: \"currentcolor\"}}\r\n                            d=\"m 358.80859,510.14062 a 34.41795,34.41795 0 0 0 -23.58789,9.24219 L 226.40625,620.82422 a 34.41795,34.41795 0 0 0 -1.70508,48.64453 34.41795,34.41795 0 0 0 48.64453,1.70703 l 108.8125,-101.4414 a 34.41795,34.41795 0 0 0 1.70703,-48.64454 34.41795,34.41795 0 0 0 -25.05664,-10.94922 z M 249.87565,645.99998 358.68957,544.55871 M 249.7207,611.58203 a 34.41795,34.41795 0 0 0 -24.90625,10.82813 34.41795,34.41795 0 0 0 1.47071,48.65234 l 108.29492,101.93164 a 34.41795,34.41795 0 0 0 48.65234,-1.4707 34.41795,34.41795 0 0 0 -1.47265,-48.65235 L 273.46484,620.9375 a 34.41795,34.41795 0 0 0 -23.74414,-9.35547 z m 0.15495,34.41795 108.29422,101.93273 M 264.8125,610.01953 A 35.98045,35.98045 0 0 0 228.83203,646 35.98045,35.98045 0 0 0 264.8125,681.98047 H 550.48633 A 35.98045,35.98045 0 0 0 586.4668,646 35.98045,35.98045 0 0 0 550.48633,610.01953 Z m 285.67298,35.98045 h -285.6727 m 402.24543,135.9102 a -34.41795,-34.41795 0 0 0 23.58789,-9.24219 L 799.46055,671.22658 a -34.41795,-34.41795 0 0 0 1.70508,-48.64453 -34.41795,-34.41795 0 0 0 -48.64453,-1.70703 l -108.8125,101.4414 a -34.41795,-34.41795 0 0 0 -1.70703,48.64454 -34.41795,-34.41795 0 0 0 25.05664,10.94922 z M 775.99115,646.05082 667.17723,747.49209 M 776.1461,680.46877 a -34.41795,-34.41795 0 0 0 24.90625,-10.82813 -34.41795,-34.41795 0 0 0 -1.47071,-48.65234 L 691.28672,519.05666 a -34.41795,-34.41795 0 0 0 -48.65234,1.4707 -34.41795,-34.41795 0 0 0 1.47265,48.65235 L 752.40196,671.1133 a -34.41795,-34.41795 0 0 0 23.74414,9.35547 z M 775.99115,646.05082 667.69693,544.11809 M 761.0543,682.03127 A -35.98045,-35.98045 0 0 0 797.03477,646.0508 -35.98045,-35.98045 0 0 0 761.0543,610.07033 H 475.38047 A -35.98045,-35.98045 0 0 0 439.4,646.0508 -35.98045,-35.98045 0 0 0 475.38047,682.03127 Z M 475.38132,646.05082 h 285.6727\"/>\r\n                    </g>}\r\n                </svg>\r\n            }/>\r\n        );\r\n    }\r\n\r\n    render() {\r\n        const timeShiftBegin = this.state.timeShiftBegin || this.state.timeShiftBoth;\r\n        const timeShiftEnd = this.state.timeShiftEnd || this.state.timeShiftBoth;\r\n\r\n        return (\r\n            <div style={{color: \"rgba(0, 0, 0, 0.65)\"}}>\r\n                <Divider style={{margin: \"8px 0px 6px\"}}/>\r\n                <Row>\r\n                    <Col span={8} style={{padding: \"0px 16px 0px\"}}>\r\n                        {this.renderSectionTitle(i18n(\"Interval Begin\"))}\r\n                        {this.renderButton(i18n(\"Now\"), () => this.props.onBeginIntervalChange(\"15minutes\"))}\r\n                        {this.renderButton(i18n(\"Today\"), () => this.props.onBeginIntervalChange(\"day\"))}\r\n                        {this.renderButton(i18n(\"This Week\"), () => this.props.onBeginIntervalChange(\"week\"))}\r\n                        {this.renderButton(i18n(\"This Month\"), () => this.props.onBeginIntervalChange(\"month\"))}\r\n                        {this.renderButton(i18n(\"This Quarter\"), () => this.props.onBeginIntervalChange(\"quarter\"))}\r\n                        {this.renderButton(i18n(\"This Year\"), () => this.props.onBeginIntervalChange(\"year\"))}\r\n                    </Col>\r\n                    <Col span={1}>\r\n                        <Divider type=\"vertical\" style={{height: \"100%\"}}/>\r\n                    </Col>\r\n                    <Col span={7} style={{padding: \"0px 14px 0px\"}}>\r\n                        {this.renderSectionTitle(i18n(\"Interval Duration\"))}\r\n                        {this.renderButton(i18n(\"Hour\"), () => this.props.onIntervalDurationChange(\"hour\"))}\r\n                        {this.renderButton(i18n(\"Day\"), () => this.props.onIntervalDurationChange(\"day\"))}\r\n                        {this.renderButton(i18n(\"Week\"), () => this.props.onIntervalDurationChange(\"week\"))}\r\n                        {this.renderButton(i18n(\"Month\"), () => this.props.onIntervalDurationChange(\"month\"))}\r\n                        {this.renderButton(i18n(\"Quarter\"), () => this.props.onIntervalDurationChange(\"quarter\"))}\r\n                        {this.renderButton(i18n(\"Year\"), () => this.props.onIntervalDurationChange(\"year\"))}\r\n                        {this.renderButton(`4 ${i18n(\"Years\")}`, () => this.props.onIntervalDurationChange(\"4years\"))}\r\n                    </Col>\r\n                    <Col span={1}>\r\n                        <Divider type=\"vertical\" style={{height: \"100%\"}}/>\r\n                    </Col>\r\n                    <Col span={7} style={{padding: \"0px 16px 0px\"}}>\r\n                        {this.renderSectionTitle(i18n(\"Time Shift\"))}\r\n                        <div style={{\r\n                            height: 52,\r\n                            marginBottom: 8,\r\n                            display: \"flex\",\r\n                            justifyContent: \"center\",\r\n                            alignItems: \"center\",\r\n                        }}>\r\n                            {this.renderTimeShiftIcon(\"begin\")}\r\n                            {this.renderTimeShiftIcon(\"both\")}\r\n                            {this.renderTimeShiftIcon(\"end\")}\r\n                        </div>\r\n                        {this.renderTimeShiftItem(i18n(\"Hour\"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, \"hour\", direction))}\r\n                        {this.renderTimeShiftItem(i18n(\"Day\"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, \"day\", direction))}\r\n                        {this.renderTimeShiftItem(i18n(\"Week\"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, \"week\", direction))}\r\n                        {this.renderTimeShiftItem(i18n(\"Month\"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, \"month\", direction))}\r\n                        {this.renderTimeShiftItem(i18n(\"Year\"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, \"year\", direction))}\r\n                    </Col>\r\n                </Row>\r\n                <Divider style={{margin: \"6px 0px 10px\"}}/>\r\n                <div style={{display: \"flex\"}}>\r\n                    <div style={{width: 192}}>\r\n                        {this.renderSectionTitle(i18n(\"Interval End\"), {marginBottom: 0})}\r\n                    </div>\r\n                    <div style={{marginLeft: 18, width: 93}}>\r\n                        {this.renderButton(\"15 min\", () => this.props.onEndIntervalChange(\"15minutes\"))}\r\n                    </div>\r\n                    <div style={{marginLeft: 8, width: 93}}>\r\n                        {this.renderButton(i18n(\"Hour\"), () => this.props.onEndIntervalChange(\"hour\"))}\r\n                    </div>\r\n                    <div style={{marginLeft: 8, width: 92}}>\r\n                        {this.renderButton(i18n(\"Day\"), () => this.props.onEndIntervalChange(\"day\"))}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n}"]}
+{"version":3,"file":"dateRangeInputAdvancedPanel.js","sourceRoot":"","sources":["../../../../components/date/dateRangeInputAdvancedPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {Button, Col, Divider, Row} from \"antd\";\nimport i18n from \"d2core/i18n/i18n\";\nimport {unitOfTime} from \"moment\";\nimport Icon from \"@ant-design/icons/es/components/Icon\";\n\nexport enum TimeShiftDirection {\n    INCREMENT,\n    DECREMENT,\n}\n\ninterface DateRangeInputAdvancedPanelProps {\n    onBeginIntervalChange(unit: unitOfTime.StartOf | \"15minutes\"): void\n\n    onIntervalDurationChange(unitOfTime: unitOfTime.DurationConstructor | \"4years\"): void\n\n    onTimeShift(shiftBegin: boolean, shiftEnd: boolean, unitOfTime: unitOfTime.DurationConstructor, direction: TimeShiftDirection): void\n\n    onEndIntervalChange(unit: unitOfTime.StartOf | \"15minutes\"): void\n}\n\ninterface DateRangeInputAdvancedPanelState {\n    timeShiftBegin: boolean\n    timeShiftBoth: boolean\n    timeShiftEnd: boolean\n}\n\nexport default class DateRangeInputAdvancedPanel extends React.Component<DateRangeInputAdvancedPanelProps, DateRangeInputAdvancedPanelState> {\n    constructor(props: Readonly<DateRangeInputAdvancedPanelProps>) {\n        super(props);\n\n        this.state = {\n            timeShiftBegin: false,\n            timeShiftBoth: true,\n            timeShiftEnd: false,\n        }\n    }\n\n    private renderSectionTitle(title: React.ReactNode, style?: React.CSSProperties) {\n        return (\n            <span style={\n                Object.assign({display: \"block\", fontWeight: \"bold\", textAlign: \"center\", marginBottom: 4}, style)}\n            >\n                {`${title}:`}\n            </span>\n        );\n    }\n\n    private renderButton(title: React.ReactNode, callback: () => void) {\n        return (\n            <Button\n                className=\"hoverable-primary-ghost-button\"\n                style={{width: \"100%\", marginBottom: 6}}\n                type=\"primary\"\n                size=\"small\"\n                // shape=\"round\"\n                ghost\n                onClick={callback}\n            >\n                {title}\n            </Button>\n        );\n    }\n\n    private renderTimeShiftItem(title: React.ReactNode, callback: (direction: TimeShiftDirection) => void) {\n        const disabled = !this.state.timeShiftBegin && !this.state.timeShiftEnd && !this.state.timeShiftBoth;\n\n        return (\n            <div style={{position: \"relative\", marginBottom: 6}}>\n                <Button\n                    className={disabled ? undefined : \"hoverable-primary-ghost-button\"}\n                    style={{width: \"20%\", borderRight: 0, borderRadius: \"2px 0px 0px 2px\"}}\n                    disabled={disabled}\n                    type=\"primary\"\n                    size=\"small\"\n                    ghost\n                    onClick={() => callback(TimeShiftDirection.DECREMENT)}\n                >\n                    -\n                </Button>\n                <Button\n                    style={{width: \"60%\", borderLeft: 0, borderRight: 0, borderRadius: 0}}\n                    disabled={disabled}\n                    type=\"primary\"\n                    size=\"small\"\n                    ghost\n                >\n                    {title}\n                </Button>\n                <Button\n                    className={disabled ? undefined : \"hoverable-primary-ghost-button\"}\n                    style={{width: \"20%\", borderLeft: 0, borderRadius: \"0px 2px 2px 0px\"}}\n                    disabled={disabled}\n                    type=\"primary\"\n                    size=\"small\"\n                    ghost\n                    onClick={() => callback(TimeShiftDirection.INCREMENT)}\n                >\n                    +\n                </Button>\n            </div>\n        );\n    }\n\n    private renderTimeShiftIcon(shiftType: \"begin\" | \"both\" | \"end\") {\n        let checked = false;\n        if (shiftType === \"begin\") {\n            checked = this.state.timeShiftBegin;\n        } else if (shiftType === \"both\") {\n            checked = this.state.timeShiftBoth;\n        } else if (shiftType === \"end\") {\n            checked = this.state.timeShiftEnd;\n        }\n\n        return (\n            <Icon component={() =>\n                <svg\n                    className=\"icon\"\n                    viewBox=\"64 64 896 896\"\n                    version=\"1.1\"\n                    width={40}\n                    height={40}\n                    cursor=\"pointer\"\n                    color={checked ? \"#2998ff\" : \"rgba(0, 0, 0, 0.65)\"}\n                    onClick={() => {\n                        if (shiftType === \"begin\") {\n                            this.setState({timeShiftBegin: !this.state.timeShiftBegin, timeShiftBoth: false, timeShiftEnd: false});\n                        } else if (shiftType === \"both\") {\n                            this.setState({timeShiftBegin: false, timeShiftBoth: !this.state.timeShiftBoth, timeShiftEnd: false});\n                        } else if (shiftType === \"end\") {\n                            this.setState({timeShiftBegin: false, timeShiftBoth: false, timeShiftEnd: !this.state.timeShiftEnd});\n                        }\n                    }}\n                >\n                    <path\n                        d=\"m 880.43128,184.00001 h -168 v -64 c 0,-4.4 -3.6,-8 -8,-8 h -56 c -4.4,0 -8,3.6 -8,8 v 64 h -256 v -64 c 0,-4.4 -3.6,-8 -8,-8 h -56 c -4.4,0 -8,3.6 -8,8 v 64 h -168 c -17.7,0 -32,14.3 -32,32 v 664 c 0,17.7 14.3,32 32,32 h 736 c 17.7,0 32,-14.3 32,-32 v -664 c 0,-17.7 -14.3,-32 -32,-32 z m -40,656 h -656 v -380 h 656 z m -656,-448 v -136 h 128 v 48 c 0,4.4 3.6,8 8,8 h 56 c 4.4,0 8,-3.6 8,-8 v -48 h 256 v 48 c 0,4.4 3.6,8 8,8 h 56 c 4.4,0 8,-3.6 8,-8 v -48 h 128 v 136 z\"\n                        id=\"path2231\"\n                        style={{fill: \"currentcolor\"}}\n                    />\n                    {[\"begin\", \"end\"].includes(shiftType) &&\n                        <g id=\"g41\">\n                        <g id=\"path2822\"/>\n                        <g id=\"path2824\"/>\n                        <g id=\"path2826\" transform={shiftType === \"end\" ? \"rotate(180,512.9334,646.24561)\" : \"unset\"}>\n                            <path\n                                id=\"path50\"\n                                style={{fill: \"currentcolor\"}}\n                                d=\"m 358.80859,510.14062 a 34.41795,34.41795 0 0 0 -23.58789,9.24219 L 226.40625,620.82422 a 34.41795,34.41795 0 0 0 -1.70508,48.64453 34.41795,34.41795 0 0 0 48.64453,1.70703 l 108.8125,-101.4414 a 34.41795,34.41795 0 0 0 1.70703,-48.64454 34.41795,34.41795 0 0 0 -25.05664,-10.94922 z M 249.87565,645.99998 358.68957,544.55871 M 249.7207,611.58203 a 34.41795,34.41795 0 0 0 -24.90625,10.82813 34.41795,34.41795 0 0 0 1.47071,48.65234 l 108.29492,101.93164 a 34.41795,34.41795 0 0 0 48.65234,-1.4707 34.41795,34.41795 0 0 0 -1.47265,-48.65235 L 273.46484,620.9375 a 34.41795,34.41795 0 0 0 -23.74414,-9.35547 z m 0.15495,34.41795 108.29422,101.93273 M 264.8125,610.01953 A 35.98045,35.98045 0 0 0 228.83203,646 35.98045,35.98045 0 0 0 264.8125,681.98047 H 550.48633 A 35.98045,35.98045 0 0 0 586.4668,646 35.98045,35.98045 0 0 0 550.48633,610.01953 Z m 285.67298,35.98045 h -285.6727\"/>\n                        </g>\n                    </g>}\n                    {shiftType === \"both\" && <g id=\"g65\" transform=\"rotate(180,512.9334,646.0254)\">\n                        <path\n                            id=\"path63\"\n                            style={{fill: \"currentcolor\"}}\n                            d=\"m 358.80859,510.14062 a 34.41795,34.41795 0 0 0 -23.58789,9.24219 L 226.40625,620.82422 a 34.41795,34.41795 0 0 0 -1.70508,48.64453 34.41795,34.41795 0 0 0 48.64453,1.70703 l 108.8125,-101.4414 a 34.41795,34.41795 0 0 0 1.70703,-48.64454 34.41795,34.41795 0 0 0 -25.05664,-10.94922 z M 249.87565,645.99998 358.68957,544.55871 M 249.7207,611.58203 a 34.41795,34.41795 0 0 0 -24.90625,10.82813 34.41795,34.41795 0 0 0 1.47071,48.65234 l 108.29492,101.93164 a 34.41795,34.41795 0 0 0 48.65234,-1.4707 34.41795,34.41795 0 0 0 -1.47265,-48.65235 L 273.46484,620.9375 a 34.41795,34.41795 0 0 0 -23.74414,-9.35547 z m 0.15495,34.41795 108.29422,101.93273 M 264.8125,610.01953 A 35.98045,35.98045 0 0 0 228.83203,646 35.98045,35.98045 0 0 0 264.8125,681.98047 H 550.48633 A 35.98045,35.98045 0 0 0 586.4668,646 35.98045,35.98045 0 0 0 550.48633,610.01953 Z m 285.67298,35.98045 h -285.6727 m 402.24543,135.9102 a -34.41795,-34.41795 0 0 0 23.58789,-9.24219 L 799.46055,671.22658 a -34.41795,-34.41795 0 0 0 1.70508,-48.64453 -34.41795,-34.41795 0 0 0 -48.64453,-1.70703 l -108.8125,101.4414 a -34.41795,-34.41795 0 0 0 -1.70703,48.64454 -34.41795,-34.41795 0 0 0 25.05664,10.94922 z M 775.99115,646.05082 667.17723,747.49209 M 776.1461,680.46877 a -34.41795,-34.41795 0 0 0 24.90625,-10.82813 -34.41795,-34.41795 0 0 0 -1.47071,-48.65234 L 691.28672,519.05666 a -34.41795,-34.41795 0 0 0 -48.65234,1.4707 -34.41795,-34.41795 0 0 0 1.47265,48.65235 L 752.40196,671.1133 a -34.41795,-34.41795 0 0 0 23.74414,9.35547 z M 775.99115,646.05082 667.69693,544.11809 M 761.0543,682.03127 A -35.98045,-35.98045 0 0 0 797.03477,646.0508 -35.98045,-35.98045 0 0 0 761.0543,610.07033 H 475.38047 A -35.98045,-35.98045 0 0 0 439.4,646.0508 -35.98045,-35.98045 0 0 0 475.38047,682.03127 Z M 475.38132,646.05082 h 285.6727\"/>\n                    </g>}\n                </svg>\n            }/>\n        );\n    }\n\n    render() {\n        const timeShiftBegin = this.state.timeShiftBegin || this.state.timeShiftBoth;\n        const timeShiftEnd = this.state.timeShiftEnd || this.state.timeShiftBoth;\n\n        return (\n            <div style={{color: \"rgba(0, 0, 0, 0.65)\"}}>\n                <Divider style={{margin: \"8px 0px 6px\"}}/>\n                <Row>\n                    <Col span={8} style={{padding: \"0px 16px 0px\"}}>\n                        {this.renderSectionTitle(i18n(\"Interval Begin\"))}\n                        {this.renderButton(i18n(\"Now\"), () => this.props.onBeginIntervalChange(\"15minutes\"))}\n                        {this.renderButton(i18n(\"Today\"), () => this.props.onBeginIntervalChange(\"day\"))}\n                        {this.renderButton(i18n(\"This Week\"), () => this.props.onBeginIntervalChange(\"week\"))}\n                        {this.renderButton(i18n(\"This Month\"), () => this.props.onBeginIntervalChange(\"month\"))}\n                        {this.renderButton(i18n(\"This Quarter\"), () => this.props.onBeginIntervalChange(\"quarter\"))}\n                        {this.renderButton(i18n(\"This Year\"), () => this.props.onBeginIntervalChange(\"year\"))}\n                    </Col>\n                    <Col span={1}>\n                        <Divider type=\"vertical\" style={{height: \"100%\"}}/>\n                    </Col>\n                    <Col span={7} style={{padding: \"0px 14px 0px\"}}>\n                        {this.renderSectionTitle(i18n(\"Interval Duration\"))}\n                        {this.renderButton(i18n(\"Hour\"), () => this.props.onIntervalDurationChange(\"hour\"))}\n                        {this.renderButton(i18n(\"Day\"), () => this.props.onIntervalDurationChange(\"day\"))}\n                        {this.renderButton(i18n(\"Week\"), () => this.props.onIntervalDurationChange(\"week\"))}\n                        {this.renderButton(i18n(\"Month\"), () => this.props.onIntervalDurationChange(\"month\"))}\n                        {this.renderButton(i18n(\"Quarter\"), () => this.props.onIntervalDurationChange(\"quarter\"))}\n                        {this.renderButton(i18n(\"Year\"), () => this.props.onIntervalDurationChange(\"year\"))}\n                        {this.renderButton(`4 ${i18n(\"Years\")}`, () => this.props.onIntervalDurationChange(\"4years\"))}\n                    </Col>\n                    <Col span={1}>\n                        <Divider type=\"vertical\" style={{height: \"100%\"}}/>\n                    </Col>\n                    <Col span={7} style={{padding: \"0px 16px 0px\"}}>\n                        {this.renderSectionTitle(i18n(\"Time Shift\"))}\n                        <div style={{\n                            height: 52,\n                            marginBottom: 8,\n                            display: \"flex\",\n                            justifyContent: \"center\",\n                            alignItems: \"center\",\n                        }}>\n                            {this.renderTimeShiftIcon(\"begin\")}\n                            {this.renderTimeShiftIcon(\"both\")}\n                            {this.renderTimeShiftIcon(\"end\")}\n                        </div>\n                        {this.renderTimeShiftItem(i18n(\"Hour\"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, \"hour\", direction))}\n                        {this.renderTimeShiftItem(i18n(\"Day\"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, \"day\", direction))}\n                        {this.renderTimeShiftItem(i18n(\"Week\"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, \"week\", direction))}\n                        {this.renderTimeShiftItem(i18n(\"Month\"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, \"month\", direction))}\n                        {this.renderTimeShiftItem(i18n(\"Year\"), (direction) => this.props.onTimeShift(timeShiftBegin, timeShiftEnd, \"year\", direction))}\n                    </Col>\n                </Row>\n                <Divider style={{margin: \"6px 0px 10px\"}}/>\n                <div style={{display: \"flex\"}}>\n                    <div style={{width: 192}}>\n                        {this.renderSectionTitle(i18n(\"Interval End\"), {marginBottom: 0})}\n                    </div>\n                    <div style={{marginLeft: 18, width: 93}}>\n                        {this.renderButton(\"15 min\", () => this.props.onEndIntervalChange(\"15minutes\"))}\n                    </div>\n                    <div style={{marginLeft: 8, width: 93}}>\n                        {this.renderButton(i18n(\"Hour\"), () => this.props.onEndIntervalChange(\"hour\"))}\n                    </div>\n                    <div style={{marginLeft: 8, width: 92}}>\n                        {this.renderButton(i18n(\"Day\"), () => this.props.onEndIntervalChange(\"day\"))}\n                    </div>\n                </div>\n            </div>\n        );\n    }\n\n}"]}

package/components/date/dateRangeInputConfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"dateRangeInputConfirm.js","sourceRoot":"","sources":["../../../../components/date/dateRangeInputConfirm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport {Moment} from \"moment\";\r\nimport {Button, Tooltip} from \"antd\";\r\nimport {DateTimeUtils} from \"d2core/utils/dateTimeUtils\";\r\nimport {CheckOutlined} from \"@ant-design/icons\";\r\nimport i18n from \"d2core/i18n/i18n\";\r\nimport DateRangeInput, {DateRangeInputMode, DateRangeInputProps} from \"./dateRangeInput\";\r\nimport {TooltipPlacement} from \"antd/es/tooltip\";\r\nimport {AlignType} from \"rc-trigger/lib/interface\";\r\nimport {UndoIcon} from \"../icons/undoIcon\";\r\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\r\nimport {Key} from \"ts-key-enum\";\r\n\r\ninterface DateRangeInputConfirmProps extends DateRangeInputProps {\r\n    requireConfirmationAtStart?: boolean\r\n    confirmPlacement?: TooltipPlacement\r\n}\r\n\r\ninterface DateRangeInputConfirmState {\r\n    currentFromValue: Moment | null\r\n    currentToValue: Moment | null\r\n    invalidDatesPresent: boolean\r\n    inputKeyIndex: number,\r\n    requireConfirmation: boolean\r\n\r\n    popupVisible: boolean\r\n    mode: DateRangeInputMode\r\n}\r\n\r\nexport default class DateRangeInputConfirm extends React.Component<DateRangeInputConfirmProps, DateRangeInputConfirmState> {\r\n    private dateRangeInput: DateRangeInput | null = null;\r\n\r\n    constructor(props: Readonly<DateRangeInputConfirmProps>) {\r\n        super(props);\r\n        this.state = {\r\n            currentFromValue: props.fromValue?.clone() ?? null,\r\n            currentToValue: props.toValue?.clone() ?? null,\r\n            invalidDatesPresent: false,\r\n            inputKeyIndex: 0,\r\n            requireConfirmation: !!props.requireConfirmationAtStart,\r\n\r\n            popupVisible: false,\r\n            mode: props.defaultMode ?? DateRangeInputMode.SIMPLE,\r\n        };\r\n\r\n        this.onKeyDown = this.onKeyDown.bind(this);\r\n        this.onConfirm = this.onConfirm.bind(this);\r\n        this.onRevert = this.onRevert.bind(this);\r\n    }\r\n\r\n    componentDidMount() {\r\n        document.addEventListener(\"keydown\", this.onKeyDown);\r\n    }\r\n\r\n    componentWillUnmount() {\r\n        document.removeEventListener(\"keydown\", this.onKeyDown);\r\n    }\r\n\r\n    onKeyDown(event: KeyboardEvent) {\r\n        if (event.key === Key.Enter) {\r\n            this.onConfirm();\r\n        } else if (event.key === Key.Escape) {\r\n            this.onRevert();\r\n        }\r\n    }\r\n\r\n    componentDidUpdate(prevProps: Readonly<DateRangeInputProps>) {\r\n        if (DateTimeUtils.toUnixTime(prevProps.fromValue) !== DateTimeUtils.toUnixTime(this.props.fromValue) ||\r\n            DateTimeUtils.toUnixTime(prevProps.toValue) !== DateTimeUtils.toUnixTime(this.props.toValue)) {\r\n            this.setState({\r\n                currentFromValue: this.props.fromValue?.clone() ?? null,\r\n                currentToValue: this.props.toValue?.clone() ?? null\r\n            })\r\n        }\r\n    }\r\n\r\n    private onConfirm() {\r\n        this.setState({requireConfirmation: false, inputKeyIndex: this.state.inputKeyIndex + 1});\r\n        this.props.onChange?.(this.state.currentFromValue, this.state.currentToValue);\r\n        this.dateRangeInput?.closePopup();\r\n    }\r\n\r\n    private onRevert() {\r\n        this.setState({\r\n            currentFromValue: this.props.fromValue?.clone() ?? null,\r\n            currentToValue: this.props.toValue?.clone() ?? null,\r\n            invalidDatesPresent: false,\r\n            inputKeyIndex: this.state.inputKeyIndex + 1,\r\n        });\r\n        this.dateRangeInput?.closePopup();\r\n    }\r\n\r\n    private renderConfirmButtons(size?: SizeType, buttonWidth?: number) {\r\n        const validInterval = this.props.allowClear ?\r\n            (!this.state.currentFromValue || this.state.currentFromValue.isValid()) && (!this.state.currentToValue || this.state.currentToValue.isValid()) :\r\n            this.state.currentFromValue && this.state.currentFromValue.isValid() && this.state.currentToValue && this.state.currentToValue.isValid();\r\n\r\n        return (\r\n            <Button.Group style={{background: \"white\"}}>\r\n                <Button\r\n                    style={{borderRightWidth: 2, background: \"white\", width: buttonWidth}}\r\n                    size={size}\r\n                    title={i18n(\"Revert\")}\r\n                    key=\"revert\"\r\n                    danger\r\n                    ghost\r\n                    onClick={this.onRevert}\r\n                >\r\n                    <UndoIcon/>\r\n                </Button>\r\n                <Button\r\n                    style={{width: buttonWidth}}\r\n                    title={i18n(\"Apply\")} key=\"apply-button\"\r\n                    size={size}\r\n                    type=\"primary\"\r\n                    disabled={!validInterval || this.state.invalidDatesPresent}\r\n                    onClick={this.onConfirm}\r\n                >\r\n                    <CheckOutlined/>\r\n                </Button>\r\n            </Button.Group>\r\n        );\r\n    }\r\n\r\n    private confirmButtonsVisible() {\r\n        const {currentFromValue, currentToValue} = this.state;\r\n        const valueChanged = DateTimeUtils.toUnixTime(currentFromValue) !== DateTimeUtils.toUnixTime(this.props.fromValue) ||\r\n            DateTimeUtils.toUnixTime(currentToValue) !== DateTimeUtils.toUnixTime(this.props.toValue);\r\n\r\n        return valueChanged || this.state.invalidDatesPresent || this.state.requireConfirmation;\r\n    }\r\n\r\n    render(): any {\r\n        const {\r\n            fromValue,\r\n            toValue,\r\n            onChange,\r\n            allowClear,\r\n            requireConfirmationAtStart,\r\n            confirmPlacement,\r\n            ...rest\r\n        } = this.props;\r\n        let align: AlignType;\r\n        if (confirmPlacement === \"right\") {\r\n            align = {points: [\"tl\", \"tr\"], offset: [-8, 0]};\r\n        } else if (confirmPlacement === \"topRight\") {\r\n            align = {points: [\"br\", \"tr\"], offset: [0, 8]};\r\n        } else {\r\n            // default bottomRight\r\n            align = {points: [\"tr\", \"br\"], offset: [0, -8]};\r\n        }\r\n        return (\r\n            <Tooltip color={\"transparent\"} overlayInnerStyle={{boxShadow: \"none\", padding: 0}}\r\n                     key={\"date-range-input-\" + this.state.inputKeyIndex}\r\n                     visible={this.confirmButtonsVisible() && !this.state.popupVisible}\r\n                     align={align}\r\n                     title={this.renderConfirmButtons()}>\r\n                <DateRangeInput\r\n                    ref={component => this.dateRangeInput = component}\r\n                    fromValue={this.state.currentFromValue}\r\n                    toValue={this.state.currentToValue}\r\n                    allowClear={allowClear}\r\n                    onInvalidValue={(_) => {\r\n                        this.setState({invalidDatesPresent: true});\r\n                    }}\r\n                    onChange={(fromValue: Moment | null, toValue: Moment | null) => {\r\n                        this.setState({\r\n                            currentFromValue: fromValue,\r\n                            currentToValue: toValue,\r\n                            invalidDatesPresent: false,\r\n                        })\r\n                    }}\r\n                    confirmButtonsRenderer={() => {\r\n                        if (this.confirmButtonsVisible()) {\r\n                            return this.renderConfirmButtons(\"small\", 48);\r\n                        }\r\n                        return undefined;\r\n                    }}\r\n                    onPopupVisibleChange={visible => {\r\n                        this.setState({popupVisible: visible});\r\n                    }}\r\n                    defaultMode={this.state.mode}\r\n                    onModeChange={mode => {\r\n                        this.setState({mode: mode});\r\n                    }}\r\n                    {...rest}\r\n                />\r\n            </Tooltip>\r\n        );\r\n    }\r\n}"]}
+{"version":3,"file":"dateRangeInputConfirm.js","sourceRoot":"","sources":["../../../../components/date/dateRangeInputConfirm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport {Moment} from \"moment\";\nimport {Button, Tooltip} from \"antd\";\nimport {DateTimeUtils} from \"d2core/utils/dateTimeUtils\";\nimport {CheckOutlined} from \"@ant-design/icons\";\nimport i18n from \"d2core/i18n/i18n\";\nimport DateRangeInput, {DateRangeInputMode, DateRangeInputProps} from \"./dateRangeInput\";\nimport {TooltipPlacement} from \"antd/es/tooltip\";\nimport {AlignType} from \"rc-trigger/lib/interface\";\nimport {UndoIcon} from \"../icons/undoIcon\";\nimport {SizeType} from \"antd/lib/config-provider/SizeContext\";\nimport {Key} from \"ts-key-enum\";\n\ninterface DateRangeInputConfirmProps extends DateRangeInputProps {\n    requireConfirmationAtStart?: boolean\n    confirmPlacement?: TooltipPlacement\n}\n\ninterface DateRangeInputConfirmState {\n    currentFromValue: Moment | null\n    currentToValue: Moment | null\n    invalidDatesPresent: boolean\n    inputKeyIndex: number,\n    requireConfirmation: boolean\n\n    popupVisible: boolean\n    mode: DateRangeInputMode\n}\n\nexport default class DateRangeInputConfirm extends React.Component<DateRangeInputConfirmProps, DateRangeInputConfirmState> {\n    private dateRangeInput: DateRangeInput | null = null;\n\n    constructor(props: Readonly<DateRangeInputConfirmProps>) {\n        super(props);\n        this.state = {\n            currentFromValue: props.fromValue?.clone() ?? null,\n            currentToValue: props.toValue?.clone() ?? null,\n            invalidDatesPresent: false,\n            inputKeyIndex: 0,\n            requireConfirmation: !!props.requireConfirmationAtStart,\n\n            popupVisible: false,\n            mode: props.defaultMode ?? DateRangeInputMode.SIMPLE,\n        };\n\n        this.onKeyDown = this.onKeyDown.bind(this);\n        this.onConfirm = this.onConfirm.bind(this);\n        this.onRevert = this.onRevert.bind(this);\n    }\n\n    componentDidMount() {\n        document.addEventListener(\"keydown\", this.onKeyDown);\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener(\"keydown\", this.onKeyDown);\n    }\n\n    onKeyDown(event: KeyboardEvent) {\n        if (event.key === Key.Enter) {\n            this.onConfirm();\n        } else if (event.key === Key.Escape) {\n            this.onRevert();\n        }\n    }\n\n    componentDidUpdate(prevProps: Readonly<DateRangeInputProps>) {\n        if (DateTimeUtils.toUnixTime(prevProps.fromValue) !== DateTimeUtils.toUnixTime(this.props.fromValue) ||\n            DateTimeUtils.toUnixTime(prevProps.toValue) !== DateTimeUtils.toUnixTime(this.props.toValue)) {\n            this.setState({\n                currentFromValue: this.props.fromValue?.clone() ?? null,\n                currentToValue: this.props.toValue?.clone() ?? null\n            })\n        }\n    }\n\n    private onConfirm() {\n        this.setState({requireConfirmation: false, inputKeyIndex: this.state.inputKeyIndex + 1});\n        this.props.onChange?.(this.state.currentFromValue, this.state.currentToValue);\n        this.dateRangeInput?.closePopup();\n    }\n\n    private onRevert() {\n        this.setState({\n            currentFromValue: this.props.fromValue?.clone() ?? null,\n            currentToValue: this.props.toValue?.clone() ?? null,\n            invalidDatesPresent: false,\n            inputKeyIndex: this.state.inputKeyIndex + 1,\n        });\n        this.dateRangeInput?.closePopup();\n    }\n\n    private renderConfirmButtons(size?: SizeType, buttonWidth?: number) {\n        const validInterval = this.props.allowClear ?\n            (!this.state.currentFromValue || this.state.currentFromValue.isValid()) && (!this.state.currentToValue || this.state.currentToValue.isValid()) :\n            this.state.currentFromValue && this.state.currentFromValue.isValid() && this.state.currentToValue && this.state.currentToValue.isValid();\n\n        return (\n            <Button.Group style={{background: \"white\"}}>\n                <Button\n                    style={{borderRightWidth: 2, background: \"white\", width: buttonWidth}}\n                    size={size}\n                    title={i18n(\"Revert\")}\n                    key=\"revert\"\n                    danger\n                    ghost\n                    onClick={this.onRevert}\n                >\n                    <UndoIcon/>\n                </Button>\n                <Button\n                    style={{width: buttonWidth}}\n                    title={i18n(\"Apply\")} key=\"apply-button\"\n                    size={size}\n                    type=\"primary\"\n                    disabled={!validInterval || this.state.invalidDatesPresent}\n                    onClick={this.onConfirm}\n                >\n                    <CheckOutlined/>\n                </Button>\n            </Button.Group>\n        );\n    }\n\n    private confirmButtonsVisible() {\n        const {currentFromValue, currentToValue} = this.state;\n        const valueChanged = DateTimeUtils.toUnixTime(currentFromValue) !== DateTimeUtils.toUnixTime(this.props.fromValue) ||\n            DateTimeUtils.toUnixTime(currentToValue) !== DateTimeUtils.toUnixTime(this.props.toValue);\n\n        return valueChanged || this.state.invalidDatesPresent || this.state.requireConfirmation;\n    }\n\n    render(): any {\n        const {\n            fromValue,\n            toValue,\n            onChange,\n            allowClear,\n            requireConfirmationAtStart,\n            confirmPlacement,\n            ...rest\n        } = this.props;\n        let align: AlignType;\n        if (confirmPlacement === \"right\") {\n            align = {points: [\"tl\", \"tr\"], offset: [-8, 0]};\n        } else if (confirmPlacement === \"topRight\") {\n            align = {points: [\"br\", \"tr\"], offset: [0, 8]};\n        } else {\n            // default bottomRight\n            align = {points: [\"tr\", \"br\"], offset: [0, -8]};\n        }\n        return (\n            <Tooltip color={\"transparent\"} overlayInnerStyle={{boxShadow: \"none\", padding: 0}}\n                     key={\"date-range-input-\" + this.state.inputKeyIndex}\n                     visible={this.confirmButtonsVisible() && !this.state.popupVisible}\n                     align={align}\n                     title={this.renderConfirmButtons()}>\n                <DateRangeInput\n                    ref={component => this.dateRangeInput = component}\n                    fromValue={this.state.currentFromValue}\n                    toValue={this.state.currentToValue}\n                    allowClear={allowClear}\n                    onInvalidValue={(_) => {\n                        this.setState({invalidDatesPresent: true});\n                    }}\n                    onChange={(fromValue: Moment | null, toValue: Moment | null) => {\n                        this.setState({\n                            currentFromValue: fromValue,\n                            currentToValue: toValue,\n                            invalidDatesPresent: false,\n                        })\n                    }}\n                    confirmButtonsRenderer={() => {\n                        if (this.confirmButtonsVisible()) {\n                            return this.renderConfirmButtons(\"small\", 48);\n                        }\n                        return undefined;\n                    }}\n                    onPopupVisibleChange={visible => {\n                        this.setState({popupVisible: visible});\n                    }}\n                    defaultMode={this.state.mode}\n                    onModeChange={mode => {\n                        this.setState({mode: mode});\n                    }}\n                    {...rest}\n                />\n            </Tooltip>\n        );\n    }\n}"]}

package/components/date/dateTimeInput.d.ts

@@ -13,6 +13,7 @@ interface DateTimeInputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onCha
     bordered?: boolean;
     hidePopup?: boolean;
     renderAsCalendar?: boolean;
+    autoFocus?: boolean;
     defaultSelectedDate?: Moment;
     markedDateInterval?: [Moment, Moment];
     onDateItemMouseDown?: (date: Moment) => void;
@@ -27,6 +28,7 @@ interface DateTimeInputState {
     currentPos: number | null;
     currentInfo: MaskResult;
     calendarSelectedDate: Moment;
+    focused: boolean;
 }
 interface MaskResult {
     time: Moment | undefined;