d2coreui 21.0.14 → 21.0.16

package/components/input/maskedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"maskedInput.js","sourceRoot":"","sources":["../../../../components/input/maskedInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {ChangeEvent, ClipboardEvent, Component, KeyboardEvent} from 'react';\r\nimport {Input} from 'antd';\r\nimport InputMask from 'd2coreui/components/input/mask/inputMaskCore';\r\nimport {getSelection, isRedo, isUndo, setSelection} from 'd2coreui/components/input/mask/helpers';\r\nimport {InputProps} from 'antd/lib/input';\r\n\r\nexport type MaskedInputProps = InputProps & {\r\n    mask: string;\r\n    formatCharacters?: object;\r\n    placeholderChar?: string;\r\n    value?: string;\r\n};\r\n\r\ntype TChangeEvent = ChangeEvent<HTMLInputElement>;\r\ntype TKeyboardEvent = KeyboardEvent<HTMLInputElement>;\r\ntype TClipboardEvent = ClipboardEvent<any>;\r\n\r\nexport default class MaskedInput extends Component<MaskedInputProps> {\r\n    mask: InputMask;\r\n    input!: HTMLInputElement;\r\n\r\n    constructor(props: MaskedInputProps) {\r\n        super(props);\r\n\r\n        let options: any = {\r\n            pattern: this.props.mask,\r\n            value: this.props.value,\r\n            formatCharacters: this.props.formatCharacters\r\n        };\r\n\r\n        if (this.props.placeholderChar) {\r\n            options.placeholderChar = this.props.placeholderChar;\r\n        }\r\n\r\n        this.mask = new InputMask(options);\r\n    }\r\n\r\n    componentDidMount() {\r\n        this.setInputValue(this._getDisplayValue());\r\n    }\r\n\r\n    UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps) {\r\n        if (\r\n            this.props.mask !== nextProps.mask &&\r\n            this.props.value !== nextProps.mask\r\n        ) {\r\n            // if we get a new value and a new mask at the same time\r\n            // check if the mask.value is still the initial value\r\n            // - if so use the nextProps value\r\n            // - otherwise the `this.mask` has a value for us (most likely from paste action)\r\n            if (this.mask.getValue() === this.mask.emptyValue) {\r\n                this.mask.setPattern(nextProps.mask, {value: nextProps.value});\r\n            } else {\r\n                this.mask.setPattern(nextProps.mask, {\r\n                    value: this.mask.getRawValue()\r\n                });\r\n            }\r\n        } else if (this.props.mask !== nextProps.mask) {\r\n            this.mask.setPattern(nextProps.mask, {value: this.mask.getRawValue()});\r\n        }\r\n\r\n        if (this.props.value !== nextProps.value) {\r\n            this.mask.setValue(nextProps.value);\r\n            this.setInputValue(this._getDisplayValue());\r\n        }\r\n    }\r\n\r\n    UNSAFE_componentWillUpdate(nextProps: MaskedInputProps) {\r\n        if (!this.props.mask) return null;\r\n        if (nextProps.mask !== this.props.mask) {\r\n            this._updatePattern(nextProps);\r\n        }\r\n        return;\r\n    }\r\n\r\n    componentDidUpdate(prevProps: MaskedInputProps) {\r\n        if (!this.props.mask) return null;\r\n        if (prevProps.mask !== this.props.mask && this.mask.selection.start) {\r\n            this._updateInputSelection();\r\n        }\r\n        return;\r\n    }\r\n\r\n    _updatePattern(props: MaskedInputProps) {\r\n        this.mask.setPattern(props.mask, {\r\n            value: this.mask.getRawValue(),\r\n            selection: getSelection(this.input)\r\n        });\r\n    }\r\n\r\n    _updateMaskSelection() {\r\n        this.mask.selection = getSelection(this.input);\r\n    }\r\n\r\n    _updateInputSelection() {\r\n        setSelection(this.input, this.mask.selection);\r\n    }\r\n\r\n    _onChange = (e: TChangeEvent) => {\r\n        let maskValue = this.mask.getValue();\r\n        let incomingValue = e.target.value;\r\n        if (incomingValue !== maskValue) {\r\n            // only modify mask if form contents actually changed\r\n            this._updateMaskSelection();\r\n            this.mask.setValue(incomingValue); // write the whole updated value into the mask\r\n            this.setInputValue(this._getDisplayValue()); // update the form with pattern applied to the value\r\n            this._updateInputSelection();\r\n        }\r\n\r\n        if (this.props.onChange) {\r\n            this.props.onChange(e);\r\n        }\r\n    };\r\n\r\n    _onKeyDown = (e: TKeyboardEvent) => {\r\n        setTimeout(() => {\r\n            this.input.classList[this.input.value ? 'add' : 'remove']('has-value');\r\n        }, 100);\r\n\r\n        if (isUndo(e)) {\r\n            e.preventDefault();\r\n            if (this.mask.undo()) {\r\n                this.setInputValue(this._getDisplayValue());\r\n                this._updateInputSelection();\r\n                if (this.props.onChange) {\r\n                    this.props.onChange(e as unknown as TChangeEvent);\r\n                }\r\n            }\r\n            return;\r\n        } else if (isRedo(e)) {\r\n            e.preventDefault();\r\n            if (this.mask.redo()) {\r\n                this.setInputValue(this._getDisplayValue());\r\n                this._updateInputSelection();\r\n                if (this.props.onChange) {\r\n                    this.props.onChange(e as unknown as TChangeEvent);\r\n                }\r\n            }\r\n            return;\r\n        }\r\n\r\n        if (e.key === 'Backspace') {\r\n            e.preventDefault();\r\n            this._updateMaskSelection();\r\n            if (this.mask.backspace()) {\r\n                let value = this._getDisplayValue();\r\n                this.setInputValue(value);\r\n                if (value) {\r\n                    this._updateInputSelection();\r\n                }\r\n                if (this.props.onChange) {\r\n                    this.props.onChange(e as unknown as TChangeEvent);\r\n                }\r\n            }\r\n        }\r\n    };\r\n\r\n    _onKeyPress = (e: TKeyboardEvent) => {\r\n        // Ignore modified key presses\r\n        // Ignore enter key to allow form submission\r\n        if (e.metaKey || e.altKey || e.ctrlKey || e.key === 'Enter') {\r\n            return;\r\n        }\r\n\r\n        e.preventDefault();\r\n        this._updateMaskSelection();\r\n        if (this.mask.input(e.key /*|| e.data*/)) {\r\n            this.setInputValue(this.mask.getValue());\r\n            this._updateInputSelection();\r\n            if (this.props.onChange) {\r\n                this.props.onChange(e as unknown as TChangeEvent);\r\n            }\r\n        }\r\n    };\r\n\r\n    _onPaste = (e: TClipboardEvent) => {\r\n        e.preventDefault();\r\n        this._updateMaskSelection();\r\n        // getData value needed for IE also works in FF & Chrome\r\n        if (this.mask.paste(e.clipboardData.getData('Text'))) {\r\n            // @ts-ignore\r\n            this.setInputValue(this.mask.getValue());\r\n            // Timeout needed for IE\r\n            setTimeout(() => this._updateInputSelection(), 0);\r\n            if (this.props.onChange) {\r\n                // @ts-ignore\r\n                this.props.onChange(e);\r\n            }\r\n        }\r\n    };\r\n\r\n    _getDisplayValue() {\r\n        let value = this.mask.getValue();\r\n        return value === this.mask.emptyValue ? '' : value;\r\n    }\r\n\r\n    _keyPressPropName() {\r\n        if (typeof navigator !== 'undefined') {\r\n            return navigator.userAgent.match(/Android/i)\r\n                ? 'onBeforeInput'\r\n                : 'onKeyPress';\r\n        }\r\n        return 'onKeyPress';\r\n    }\r\n\r\n    _getEventHandlers(): {\r\n        onChange: (e: TChangeEvent) => void;\r\n        onKeyDown: (e: TKeyboardEvent) => void;\r\n        onPaste: (e: TClipboardEvent) => void;\r\n        onBeforeInput?: (e: TChangeEvent) => void;\r\n        onKeyPress?: (e: TKeyboardEvent) => void;\r\n    } {\r\n        return {\r\n            onChange: this._onChange,\r\n            onKeyDown: this._onKeyDown,\r\n            onPaste: this._onPaste,\r\n            [this._keyPressPropName()]: this._onKeyPress\r\n        };\r\n    }\r\n\r\n    focus() {\r\n        this.input.focus();\r\n    }\r\n\r\n    blur() {\r\n        this.input.blur();\r\n    }\r\n\r\n    getInputProps = () => {\r\n        let maxLength = this.mask.pattern.length;\r\n        let eventHandlers = this._getEventHandlers();\r\n        let {placeholder = this.mask.emptyValue} = this.props;\r\n\r\n        let {placeholderChar, formatCharacters, ...cleanedProps} = this.props;\r\n        const props = {...cleanedProps, ...eventHandlers, maxLength, placeholder};\r\n        delete props.value;\r\n        return props;\r\n    };\r\n\r\n    _lastValue = null as any;\r\n    setInputValue = (value: string) => {\r\n        if (!this._Input) return;\r\n        if (value === this._lastValue) return;\r\n\r\n        this._lastValue = value;\r\n        this._Input.setState({value});\r\n        this._Input.input.value = value;\r\n    };\r\n\r\n    _Input: Input | null = null;\r\n    handleInputRef = (ref: Input) => {\r\n        if (!ref) return;\r\n        this._Input = ref;\r\n        this.input = ref.input;\r\n\r\n        if (\r\n            this._lastValue === null &&\r\n            typeof this.props.defaultValue === 'string'\r\n        ) {\r\n            this.mask.setValue(this.props.defaultValue); // write the whole updated value into the mask\r\n            this.setInputValue(this._getDisplayValue()); // update the form with pattern applied to the value\r\n        }\r\n    };\r\n\r\n    render() {\r\n        return <Input {...this.getInputProps()} ref={this.handleInputRef}/>;\r\n    }\r\n}"]}
+{"version":3,"file":"maskedInput.js","sourceRoot":"","sources":["../../../../components/input/maskedInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {ChangeEvent, ClipboardEvent, Component, KeyboardEvent} from 'react';\nimport {Input} from 'antd';\nimport InputMask from 'd2coreui/components/input/mask/inputMaskCore';\nimport {getSelection, isRedo, isUndo, setSelection} from 'd2coreui/components/input/mask/helpers';\nimport {InputProps} from 'antd/lib/input';\n\nexport type MaskedInputProps = InputProps & {\n    mask: string;\n    formatCharacters?: object;\n    placeholderChar?: string;\n    value?: string;\n};\n\ntype TChangeEvent = ChangeEvent<HTMLInputElement>;\ntype TKeyboardEvent = KeyboardEvent<HTMLInputElement>;\ntype TClipboardEvent = ClipboardEvent<any>;\n\nexport default class MaskedInput extends Component<MaskedInputProps> {\n    mask: InputMask;\n    input!: HTMLInputElement;\n\n    constructor(props: MaskedInputProps) {\n        super(props);\n\n        let options: any = {\n            pattern: this.props.mask,\n            value: this.props.value,\n            formatCharacters: this.props.formatCharacters\n        };\n\n        if (this.props.placeholderChar) {\n            options.placeholderChar = this.props.placeholderChar;\n        }\n\n        this.mask = new InputMask(options);\n    }\n\n    componentDidMount() {\n        this.setInputValue(this._getDisplayValue());\n    }\n\n    UNSAFE_componentWillReceiveProps(nextProps: MaskedInputProps) {\n        if (\n            this.props.mask !== nextProps.mask &&\n            this.props.value !== nextProps.mask\n        ) {\n            // if we get a new value and a new mask at the same time\n            // check if the mask.value is still the initial value\n            // - if so use the nextProps value\n            // - otherwise the `this.mask` has a value for us (most likely from paste action)\n            if (this.mask.getValue() === this.mask.emptyValue) {\n                this.mask.setPattern(nextProps.mask, {value: nextProps.value});\n            } else {\n                this.mask.setPattern(nextProps.mask, {\n                    value: this.mask.getRawValue()\n                });\n            }\n        } else if (this.props.mask !== nextProps.mask) {\n            this.mask.setPattern(nextProps.mask, {value: this.mask.getRawValue()});\n        }\n\n        if (this.props.value !== nextProps.value) {\n            this.mask.setValue(nextProps.value);\n            this.setInputValue(this._getDisplayValue());\n        }\n    }\n\n    UNSAFE_componentWillUpdate(nextProps: MaskedInputProps) {\n        if (!this.props.mask) return null;\n        if (nextProps.mask !== this.props.mask) {\n            this._updatePattern(nextProps);\n        }\n        return;\n    }\n\n    componentDidUpdate(prevProps: MaskedInputProps) {\n        if (!this.props.mask) return null;\n        if (prevProps.mask !== this.props.mask && this.mask.selection.start) {\n            this._updateInputSelection();\n        }\n        return;\n    }\n\n    _updatePattern(props: MaskedInputProps) {\n        this.mask.setPattern(props.mask, {\n            value: this.mask.getRawValue(),\n            selection: getSelection(this.input)\n        });\n    }\n\n    _updateMaskSelection() {\n        this.mask.selection = getSelection(this.input);\n    }\n\n    _updateInputSelection() {\n        setSelection(this.input, this.mask.selection);\n    }\n\n    _onChange = (e: TChangeEvent) => {\n        let maskValue = this.mask.getValue();\n        let incomingValue = e.target.value;\n        if (incomingValue !== maskValue) {\n            // only modify mask if form contents actually changed\n            this._updateMaskSelection();\n            this.mask.setValue(incomingValue); // write the whole updated value into the mask\n            this.setInputValue(this._getDisplayValue()); // update the form with pattern applied to the value\n            this._updateInputSelection();\n        }\n\n        if (this.props.onChange) {\n            this.props.onChange(e);\n        }\n    };\n\n    _onKeyDown = (e: TKeyboardEvent) => {\n        setTimeout(() => {\n            this.input.classList[this.input.value ? 'add' : 'remove']('has-value');\n        }, 100);\n\n        if (isUndo(e)) {\n            e.preventDefault();\n            if (this.mask.undo()) {\n                this.setInputValue(this._getDisplayValue());\n                this._updateInputSelection();\n                if (this.props.onChange) {\n                    this.props.onChange(e as unknown as TChangeEvent);\n                }\n            }\n            return;\n        } else if (isRedo(e)) {\n            e.preventDefault();\n            if (this.mask.redo()) {\n                this.setInputValue(this._getDisplayValue());\n                this._updateInputSelection();\n                if (this.props.onChange) {\n                    this.props.onChange(e as unknown as TChangeEvent);\n                }\n            }\n            return;\n        }\n\n        if (e.key === 'Backspace') {\n            e.preventDefault();\n            this._updateMaskSelection();\n            if (this.mask.backspace()) {\n                let value = this._getDisplayValue();\n                this.setInputValue(value);\n                if (value) {\n                    this._updateInputSelection();\n                }\n                if (this.props.onChange) {\n                    this.props.onChange(e as unknown as TChangeEvent);\n                }\n            }\n        }\n    };\n\n    _onKeyPress = (e: TKeyboardEvent) => {\n        // Ignore modified key presses\n        // Ignore enter key to allow form submission\n        if (e.metaKey || e.altKey || e.ctrlKey || e.key === 'Enter') {\n            return;\n        }\n\n        e.preventDefault();\n        this._updateMaskSelection();\n        if (this.mask.input(e.key /*|| e.data*/)) {\n            this.setInputValue(this.mask.getValue());\n            this._updateInputSelection();\n            if (this.props.onChange) {\n                this.props.onChange(e as unknown as TChangeEvent);\n            }\n        }\n    };\n\n    _onPaste = (e: TClipboardEvent) => {\n        e.preventDefault();\n        this._updateMaskSelection();\n        // getData value needed for IE also works in FF & Chrome\n        if (this.mask.paste(e.clipboardData.getData('Text'))) {\n            // @ts-ignore\n            this.setInputValue(this.mask.getValue());\n            // Timeout needed for IE\n            setTimeout(() => this._updateInputSelection(), 0);\n            if (this.props.onChange) {\n                // @ts-ignore\n                this.props.onChange(e);\n            }\n        }\n    };\n\n    _getDisplayValue() {\n        let value = this.mask.getValue();\n        return value === this.mask.emptyValue ? '' : value;\n    }\n\n    _keyPressPropName() {\n        if (typeof navigator !== 'undefined') {\n            return navigator.userAgent.match(/Android/i)\n                ? 'onBeforeInput'\n                : 'onKeyPress';\n        }\n        return 'onKeyPress';\n    }\n\n    _getEventHandlers(): {\n        onChange: (e: TChangeEvent) => void;\n        onKeyDown: (e: TKeyboardEvent) => void;\n        onPaste: (e: TClipboardEvent) => void;\n        onBeforeInput?: (e: TChangeEvent) => void;\n        onKeyPress?: (e: TKeyboardEvent) => void;\n    } {\n        return {\n            onChange: this._onChange,\n            onKeyDown: this._onKeyDown,\n            onPaste: this._onPaste,\n            [this._keyPressPropName()]: this._onKeyPress\n        };\n    }\n\n    focus() {\n        this.input.focus();\n    }\n\n    blur() {\n        this.input.blur();\n    }\n\n    getInputProps = () => {\n        let maxLength = this.mask.pattern.length;\n        let eventHandlers = this._getEventHandlers();\n        let {placeholder = this.mask.emptyValue} = this.props;\n\n        let {placeholderChar, formatCharacters, ...cleanedProps} = this.props;\n        const props = {...cleanedProps, ...eventHandlers, maxLength, placeholder};\n        delete props.value;\n        return props;\n    };\n\n    _lastValue = null as any;\n    setInputValue = (value: string) => {\n        if (!this._Input) return;\n        if (value === this._lastValue) return;\n\n        this._lastValue = value;\n        this._Input.setState({value});\n        this._Input.input.value = value;\n    };\n\n    _Input: Input | null = null;\n    handleInputRef = (ref: Input) => {\n        if (!ref) return;\n        this._Input = ref;\n        this.input = ref.input;\n\n        if (\n            this._lastValue === null &&\n            typeof this.props.defaultValue === 'string'\n        ) {\n            this.mask.setValue(this.props.defaultValue); // write the whole updated value into the mask\n            this.setInputValue(this._getDisplayValue()); // update the form with pattern applied to the value\n        }\n    };\n\n    render() {\n        return <Input {...this.getInputProps()} ref={this.handleInputRef}/>;\n    }\n}"]}

package/components/input/passwordInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"passwordInput.js","sourceRoot":"","sources":["../../../../components/input/passwordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAC,oBAAoB,EAAE,WAAW,EAAC,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAC,KAAK,EAAC,MAAM,MAAM,CAAC;AAE3B,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiC;IAG9E,YAAY,KAA8B;QACtC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHT,cAAS,GAAe,IAAI,CAAC;QAUrC,YAAO,GAAG,CAAC,OAAgB,EAAE,EAAE;YAC3B,MAAM,YAAY,GAAG,MAAM,QAAS,SAAQ,KAAK,CAAC,SAAmB;gBACjE,MAAM;oBACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC;oBAC/D,OAAO,CAAC,oBAAC,SAAS,IACd,GAAG,EAAC,eAAe,EACnB,SAAS,EAAC,yBAAyB,EACnC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;;4BAChB,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,IAAI,CAAC,OAAO,EAAE;gCACV,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,kDAAI,CAAC;6BAC1B;wBACL,CAAC,EACD,UAAU,EAAE,GAAG,EAAE;;4BACb,IAAI,OAAO,EAAE;gCACT,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,kDAAI,CAAC;6BAC1B;wBACL,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;;4BACf,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,IAAI,CAAC,OAAO,EAAE;gCACV,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,kDAAI,CAAC;6BAC1B;wBACL,CAAC,EACD,SAAS,EAAE,GAAG,EAAE;;4BACZ,IAAI,OAAO,EAAE;gCACT,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,kDAAI,CAAC;6BAC1B;wBACL,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;;4BACf,IAAI,OAAO,EAAE;gCACT,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,kDAAI,CAAC;6BAC1B;wBACL,CAAC,GACH,CAAC,CAAC;gBACR,CAAC;gBAAA,CAAC;aACL,CAAC;YACF,OAAO,oBAAC,YAAY,OAAE,CAAC;QAC3B,CAAC,CAAA;IA5CD,CAAC;IAED,KAAK;;QACD,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,kDAAI,CAAC;IAC9B,CAAC;IA0CD,MAAM;QACF,OAAO,oBAAC,KAAK,CAAC,QAAQ,oBAAK,IAAI,CAAC,KAAK,IAAE,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE;gBACxG,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;YAC/B,CAAC,IAAG,CAAA;IACR,CAAC;CACJ","sourcesContent":["import React from \"react\"\r\nimport {PasswordProps} from \"antd/lib/input/Password\";\r\nimport {EyeInvisibleOutlined, EyeOutlined} from \"@ant-design/icons\";\r\nimport {Input} from \"antd\";\r\n\r\nexport default class PasswordInput extends React.Component<PasswordProps, unknown> {\r\n    private component: any | null = null;\r\n\r\n    constructor(props: Readonly<PasswordProps>) {\r\n        super(props);\r\n    }\r\n\r\n    focus() {\r\n        this.component?.focus?.();\r\n    }\r\n\r\n    getIcon = (visible: boolean) => {\r\n        const IconRenderer = class IconRend extends React.Component<any, any> {\r\n            render() {\r\n                const IconClass = visible ? EyeOutlined : EyeInvisibleOutlined;\r\n                return (<IconClass\r\n                    key=\"password-icon\"\r\n                    className=\"ant-input-password-icon\"\r\n                    onTouchStart={(e) => {\r\n                        e.preventDefault();\r\n                        if (!visible) {\r\n                            this.props.onClick?.();\r\n                        }\r\n                    }}\r\n                    onTouchEnd={() => {\r\n                        if (visible) {\r\n                            this.props.onClick?.();\r\n                        }\r\n                    }}\r\n                    onMouseDown={(e) => {\r\n                        e.preventDefault();\r\n                        if (!visible) {\r\n                            this.props.onClick?.();\r\n                        }\r\n                    }}\r\n                    onMouseUp={() => {\r\n                        if (visible) {\r\n                            this.props.onClick?.();\r\n                        }\r\n                    }}\r\n                    onMouseLeave={() => {\r\n                        if (visible) {\r\n                            this.props.onClick?.();\r\n                        }\r\n                    }}\r\n                />);\r\n            };\r\n        };\r\n        return <IconRenderer/>;\r\n    }\r\n\r\n    render() {\r\n        return <Input.Password {...this.props} iconRender={this.getIcon} visibilityToggle={true} ref={(component) => {\r\n            this.component = component;\r\n        }}/>\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"passwordInput.js","sourceRoot":"","sources":["../../../../components/input/passwordInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAC,oBAAoB,EAAE,WAAW,EAAC,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAC,KAAK,EAAC,MAAM,MAAM,CAAC;AAE3B,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiC;IAG9E,YAAY,KAA8B;QACtC,KAAK,CAAC,KAAK,CAAC,CAAC;QAHT,cAAS,GAAe,IAAI,CAAC;QAUrC,YAAO,GAAG,CAAC,OAAgB,EAAE,EAAE;YAC3B,MAAM,YAAY,GAAG,MAAM,QAAS,SAAQ,KAAK,CAAC,SAAmB;gBACjE,MAAM;oBACF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC;oBAC/D,OAAO,CAAC,oBAAC,SAAS,IACd,GAAG,EAAC,eAAe,EACnB,SAAS,EAAC,yBAAyB,EACnC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;;4BAChB,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,IAAI,CAAC,OAAO,EAAE;gCACV,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,kDAAI,CAAC;6BAC1B;wBACL,CAAC,EACD,UAAU,EAAE,GAAG,EAAE;;4BACb,IAAI,OAAO,EAAE;gCACT,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,kDAAI,CAAC;6BAC1B;wBACL,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;;4BACf,CAAC,CAAC,cAAc,EAAE,CAAC;4BACnB,IAAI,CAAC,OAAO,EAAE;gCACV,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,kDAAI,CAAC;6BAC1B;wBACL,CAAC,EACD,SAAS,EAAE,GAAG,EAAE;;4BACZ,IAAI,OAAO,EAAE;gCACT,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,kDAAI,CAAC;6BAC1B;wBACL,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;;4BACf,IAAI,OAAO,EAAE;gCACT,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,kDAAI,CAAC;6BAC1B;wBACL,CAAC,GACH,CAAC,CAAC;gBACR,CAAC;gBAAA,CAAC;aACL,CAAC;YACF,OAAO,oBAAC,YAAY,OAAE,CAAC;QAC3B,CAAC,CAAA;IA5CD,CAAC;IAED,KAAK;;QACD,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,KAAK,kDAAI,CAAC;IAC9B,CAAC;IA0CD,MAAM;QACF,OAAO,oBAAC,KAAK,CAAC,QAAQ,oBAAK,IAAI,CAAC,KAAK,IAAE,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE;gBACxG,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;YAC/B,CAAC,IAAG,CAAA;IACR,CAAC;CACJ","sourcesContent":["import React from \"react\"\nimport {PasswordProps} from \"antd/lib/input/Password\";\nimport {EyeInvisibleOutlined, EyeOutlined} from \"@ant-design/icons\";\nimport {Input} from \"antd\";\n\nexport default class PasswordInput extends React.Component<PasswordProps, unknown> {\n    private component: any | null = null;\n\n    constructor(props: Readonly<PasswordProps>) {\n        super(props);\n    }\n\n    focus() {\n        this.component?.focus?.();\n    }\n\n    getIcon = (visible: boolean) => {\n        const IconRenderer = class IconRend extends React.Component<any, any> {\n            render() {\n                const IconClass = visible ? EyeOutlined : EyeInvisibleOutlined;\n                return (<IconClass\n                    key=\"password-icon\"\n                    className=\"ant-input-password-icon\"\n                    onTouchStart={(e) => {\n                        e.preventDefault();\n                        if (!visible) {\n                            this.props.onClick?.();\n                        }\n                    }}\n                    onTouchEnd={() => {\n                        if (visible) {\n                            this.props.onClick?.();\n                        }\n                    }}\n                    onMouseDown={(e) => {\n                        e.preventDefault();\n                        if (!visible) {\n                            this.props.onClick?.();\n                        }\n                    }}\n                    onMouseUp={() => {\n                        if (visible) {\n                            this.props.onClick?.();\n                        }\n                    }}\n                    onMouseLeave={() => {\n                        if (visible) {\n                            this.props.onClick?.();\n                        }\n                    }}\n                />);\n            };\n        };\n        return <IconRenderer/>;\n    }\n\n    render() {\n        return <Input.Password {...this.props} iconRender={this.getIcon} visibilityToggle={true} ref={(component) => {\n            this.component = component;\n        }}/>\n    }\n}\n"]}

package/components/input/simpleAutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"simpleAutoComplete.js","sourceRoot":"","sources":["../../../../components/input/simpleAutoComplete.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,YAAY,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAO/C,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAAqD;IAIvG,YAAY,KAAkC;QAC1C,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,MAAM,EAAE,KAAK;SAChB,CAAC;QAEF,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,KAAK;;QACD,MAAA,IAAI,CAAC,YAAY,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IACvC,CAAC;IAED,MAAM;QACF,IAAI,KAAqC,IAAI,CAAC,KAAK,EAA/C,EAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,OAAuB,EAAlB,IAAI,cAAjC,+BAAkC,CAAa,CAAC;QACpD,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QACjF,OAAO,CACH,oBAAC,YAAY,kBACT,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EACvD,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACzC,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAC,EACnB,WAAW,EAAE,KAAK,EAClB,wBAAwB,EAAE,KAAK,EAC/B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EAAE;gBACX,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;YACnC,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;gBACT,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;YACnC,CAAC,IACG,IAAI;YAER,oBAAC,KAAK,IACF,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,CAAC,QAAQ,EACrB,MAAM,EACF,oBAAoB,IAAI,8BAAM,SAAS,EAAC,gBAAgB;oBACpD,oBAAC,YAAY,IACT,SAAS,EAAC,0CAA0C,EACpD,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC,EAC1B,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gCACtB,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAC,CAAC,CAAC;6BAC/C;wBACL,CAAC,GAAG,CACD,EAEf,QAAQ,EAAE,QAAQ,GAAI,CACf,CAClB,CAAC;IACN,CAAC;CACJ","sourcesContent":["import {AutoCompleteProps} from \"antd/es/auto-complete\";\r\nimport React from \"react\";\r\nimport {AutoComplete, Input} from \"antd\";\r\nimport {DownOutlined} from \"@ant-design/icons\";\r\nimport {RefSelectProps} from \"antd/es/select\";\r\n\r\ninterface SimpleAutoCompleteState {\r\n    opened: boolean\r\n}\r\n\r\nexport default class SimpleAutoComplete extends React.Component<AutoCompleteProps, SimpleAutoCompleteState> {\r\n\r\n    private autocomplete: React.RefObject<RefSelectProps>;\r\n\r\n    constructor(props: Readonly<AutoCompleteProps>) {\r\n        super(props);\r\n        this.state = {\r\n            opened: false,\r\n        };\r\n\r\n        this.autocomplete = React.createRef();\r\n        this.focus = this.focus.bind(this);\r\n    }\r\n\r\n    focus() {\r\n        this.autocomplete.current?.focus();\r\n    }\r\n\r\n    render() {\r\n        let {disabled, options, size, ...rest} = this.props;\r\n        const searchHistoryPresent = this.props.options && this.props.options.length > 0;\r\n        return (\r\n            <AutoComplete\r\n                className={this.state.opened ? \"autocomplete-open\" : \"\"}\r\n                options={this.state.opened ? options : []}\r\n                style={{width: 200}}\r\n                defaultOpen={false}\r\n                defaultActiveFirstOption={false}\r\n                disabled={disabled}\r\n                onSelect={() => {\r\n                    this.setState({opened: false});\r\n                }}\r\n                onBlur={() => {\r\n                    this.setState({opened: false});\r\n                }}\r\n                {...rest}\r\n            >\r\n                <Input\r\n                    size={size}\r\n                    allowClear={!disabled}\r\n                    suffix={\r\n                        searchHistoryPresent && <span className=\"dropdown-arrow\">\r\n                            <DownOutlined\r\n                                className=\"dropdown-arrow-icon ant-input-clear-icon\"\r\n                                role=\"button\" tabIndex={-1}\r\n                                onClick={() => {\r\n                                    if (!this.props.disabled) {\r\n                                        this.setState({opened: !this.state.opened});\r\n                                    }\r\n                                }}/>\r\n                            </span>\r\n                    }\r\n                    disabled={disabled} />\r\n            </AutoComplete>\r\n        );\r\n    }\r\n}"]}
+{"version":3,"file":"simpleAutoComplete.js","sourceRoot":"","sources":["../../../../components/input/simpleAutoComplete.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,YAAY,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAO/C,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAAqD;IAIvG,YAAY,KAAkC;QAC1C,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,MAAM,EAAE,KAAK;SAChB,CAAC;QAEF,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACtC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC;IAED,KAAK;;QACD,MAAA,IAAI,CAAC,YAAY,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IACvC,CAAC;IAED,MAAM;QACF,IAAI,KAAqC,IAAI,CAAC,KAAK,EAA/C,EAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,OAAuB,EAAlB,IAAI,cAAjC,+BAAkC,CAAa,CAAC;QACpD,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QACjF,OAAO,CACH,oBAAC,YAAY,kBACT,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EACvD,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACzC,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAC,EACnB,WAAW,EAAE,KAAK,EAClB,wBAAwB,EAAE,KAAK,EAC/B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EAAE;gBACX,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;YACnC,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;gBACT,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,KAAK,EAAC,CAAC,CAAC;YACnC,CAAC,IACG,IAAI;YAER,oBAAC,KAAK,IACF,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,CAAC,QAAQ,EACrB,MAAM,EACF,oBAAoB,IAAI,8BAAM,SAAS,EAAC,gBAAgB;oBACpD,oBAAC,YAAY,IACT,SAAS,EAAC,0CAA0C,EACpD,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC,EAC1B,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gCACtB,IAAI,CAAC,QAAQ,CAAC,EAAC,MAAM,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAC,CAAC,CAAC;6BAC/C;wBACL,CAAC,GAAG,CACD,EAEf,QAAQ,EAAE,QAAQ,GAAI,CACf,CAClB,CAAC;IACN,CAAC;CACJ","sourcesContent":["import {AutoCompleteProps} from \"antd/es/auto-complete\";\nimport React from \"react\";\nimport {AutoComplete, Input} from \"antd\";\nimport {DownOutlined} from \"@ant-design/icons\";\nimport {RefSelectProps} from \"antd/es/select\";\n\ninterface SimpleAutoCompleteState {\n    opened: boolean\n}\n\nexport default class SimpleAutoComplete extends React.Component<AutoCompleteProps, SimpleAutoCompleteState> {\n\n    private autocomplete: React.RefObject<RefSelectProps>;\n\n    constructor(props: Readonly<AutoCompleteProps>) {\n        super(props);\n        this.state = {\n            opened: false,\n        };\n\n        this.autocomplete = React.createRef();\n        this.focus = this.focus.bind(this);\n    }\n\n    focus() {\n        this.autocomplete.current?.focus();\n    }\n\n    render() {\n        let {disabled, options, size, ...rest} = this.props;\n        const searchHistoryPresent = this.props.options && this.props.options.length > 0;\n        return (\n            <AutoComplete\n                className={this.state.opened ? \"autocomplete-open\" : \"\"}\n                options={this.state.opened ? options : []}\n                style={{width: 200}}\n                defaultOpen={false}\n                defaultActiveFirstOption={false}\n                disabled={disabled}\n                onSelect={() => {\n                    this.setState({opened: false});\n                }}\n                onBlur={() => {\n                    this.setState({opened: false});\n                }}\n                {...rest}\n            >\n                <Input\n                    size={size}\n                    allowClear={!disabled}\n                    suffix={\n                        searchHistoryPresent && <span className=\"dropdown-arrow\">\n                            <DownOutlined\n                                className=\"dropdown-arrow-icon ant-input-clear-icon\"\n                                role=\"button\" tabIndex={-1}\n                                onClick={() => {\n                                    if (!this.props.disabled) {\n                                        this.setState({opened: !this.state.opened});\n                                    }\n                                }}/>\n                            </span>\n                    }\n                    disabled={disabled} />\n            </AutoComplete>\n        );\n    }\n}"]}

package/components/input/textarea/extractSpansOfClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"extractSpansOfClasses.js","sourceRoot":"","sources":["../../../../../components/input/textarea/extractSpansOfClasses.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nclass Span {\r\n    beginIndex: number\r\n    endIndex: number\r\n    text: string\r\n    isMark: boolean\r\n    markClasses: Set<string>\r\n\r\n    constructor(text:string, beginIndex:number) {\r\n        this.beginIndex = beginIndex;\r\n        this.endIndex = beginIndex + text.length; // Like String.slice, it is inclusive.\r\n        this.text = text;\r\n        this.isMark = false;\r\n        this.markClasses = new Set();\r\n    }\r\n\r\n    setMark(className: string) {\r\n        this.isMark = true;\r\n        if (className) {\r\n            for (let c of className.split(' ')) {\r\n                this.markClasses.add(c);\r\n            }\r\n        }\r\n    }\r\n\r\n    carve(beginIndex2: number) {\r\n        // Carves self to take a bit off the right and returns that carving.\r\n        let rightText = this.text.slice(beginIndex2 - this.beginIndex);\r\n        this.text = this.text.slice(0, beginIndex2 - this.beginIndex);\r\n        this.endIndex = beginIndex2;\r\n\r\n        let right = new Span(rightText, beginIndex2);\r\n        right.isMark = this.isMark;\r\n        right.markClasses = new Set([...this.markClasses]);\r\n\r\n        return right;\r\n    }\r\n\r\n    get className() {\r\n        if (this.markClasses && this.markClasses.size > 0) {\r\n            return [...this.markClasses].sort().join(\" \");\r\n        } else {\r\n            return \"\";\r\n        }\r\n    }\r\n\r\n    render() {\r\n        if (this.isMark) {\r\n            let className = this.className;\r\n            if (className) {\r\n                return(\r\n                    <mark key={this.beginIndex} className={className} title={this.text}>\r\n                        {this.text}\r\n                    </mark>\r\n                );\r\n            } else {\r\n                return(<mark key={this.beginIndex} title={this.text}>{this.text}</mark>);\r\n            }\r\n        } else {\r\n            return(<span key={this.beginIndex} title={this.text}>{this.text}</span>);\r\n        }\r\n    }\r\n}\r\n\r\nexport default function extractSpansOfClasses(value:string, ranges:number[][]) {\r\n    /* Returns value broken into a series of Span classes.  These\r\n     * can be converted to JSX via the render command.\r\n     */\r\n    \r\n    let spans = [new Span(value, 0)];\r\n\r\n    for (let range of ranges) {\r\n        let beginIndex = range[0];\r\n        let endIndex = range[1];\r\n        let className = (range as any).className as string;\r\n\r\n        for (let i = 0; i < spans.length; i++) {\r\n            let span = spans[i];\r\n\r\n            // since spans are sorted, So this is always true: beginIndex >= span.beginIndex.\r\n            if (beginIndex < span.endIndex) {\r\n                if (beginIndex == span.beginIndex) {\r\n                    if (endIndex < span.endIndex) {\r\n                        // [range]\r\n                        // [s  p  a  n]\r\n                        let span2 = span.carve(endIndex);\r\n                        span.setMark(className);\r\n                        spans.splice(i + 1, 0, span2);\r\n                        beginIndex = endIndex;\r\n                        i += 1;\r\n                    } else {\r\n                        // [range]   or   [r a n g e]\r\n                        // [span-]        [span]\r\n                        span.setMark(className);\r\n                        beginIndex = span.endIndex;\r\n                    }\r\n                } else {\r\n                    if (endIndex < span.endIndex) {\r\n                        //   [range]\r\n                        // [s  p  a  n]\r\n                        let span2 = span.carve(beginIndex);\r\n                        let span3 = span2.carve(endIndex);\r\n                        span2.setMark(className);\r\n                        spans.splice(i + 1, 0, span2, span3);\r\n                        beginIndex = endIndex;\r\n                        i += 2;\r\n                    } else {\r\n                        //   [range]  or     [range]\r\n                        // [s p a n]       [span]\r\n                        let span2 = span.carve(beginIndex);\r\n                        span2.setMark(className);\r\n                        spans.splice(i + 1, 0, span2);\r\n                        beginIndex = span2.endIndex;\r\n                        i += 1;\r\n                    }\r\n                }\r\n            }\r\n            if (beginIndex == endIndex) {\r\n                break;\r\n            }\r\n        }\r\n    }\r\n    return spans;\r\n}"]}
+{"version":3,"file":"extractSpansOfClasses.js","sourceRoot":"","sources":["../../../../../components/input/textarea/extractSpansOfClasses.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,IAAI;IAON,YAAY,IAAW,EAAE,UAAiB;QACtC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC;QACzC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,WAAW,GAAG,IAAI,GAAG,EAAE,CAAC;IACjC,CAAC;IAED,OAAO,CAAC,SAAiB;QACrB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;QACnB,IAAI,SAAS,EAAE;YACX,KAAK,IAAI,CAAC,IAAI,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;gBAChC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aAC3B;SACJ;IACL,CAAC;IAED,KAAK,CAAC,WAAmB;QAErB,IAAI,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;QAC/D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC;QAE5B,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;QAC7C,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3B,KAAK,CAAC,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QAEnD,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,IAAI,SAAS;QACT,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,EAAE;YAC/C,OAAO,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACjD;aAAM;YACH,OAAO,EAAE,CAAC;SACb;IACL,CAAC;IAED,MAAM;QACF,IAAI,IAAI,CAAC,MAAM,EAAE;YACb,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;YAC/B,IAAI,SAAS,EAAE;gBACX,OAAM,CACF,8BAAM,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,IAC7D,IAAI,CAAC,IAAI,CACP,CACV,CAAC;aACL;iBAAM;gBACH,OAAM,CAAC,8BAAM,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,IAAG,IAAI,CAAC,IAAI,CAAQ,CAAC,CAAC;aAC5E;SACJ;aAAM;YACH,OAAM,CAAC,8BAAM,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,IAAG,IAAI,CAAC,IAAI,CAAQ,CAAC,CAAC;SAC5E;IACL,CAAC;CACJ;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAY,EAAE,MAAiB;IAKzE,IAAI,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAEjC,KAAK,IAAI,KAAK,IAAI,MAAM,EAAE;QACtB,IAAI,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QAC1B,IAAI,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,SAAS,GAAI,KAAa,CAAC,SAAmB,CAAC;QAEnD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACnC,IAAI,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YAGpB,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE;gBAC5B,IAAI,UAAU,IAAI,IAAI,CAAC,UAAU,EAAE;oBAC/B,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;wBAG1B,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;wBACjC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;wBACxB,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;wBAC9B,UAAU,GAAG,QAAQ,CAAC;wBACtB,CAAC,IAAI,CAAC,CAAC;qBACV;yBAAM;wBAGH,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;wBACxB,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC;qBAC9B;iBACJ;qBAAM;oBACH,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;wBAG1B,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;wBACnC,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;wBAClC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;wBACzB,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;wBACrC,UAAU,GAAG,QAAQ,CAAC;wBACtB,CAAC,IAAI,CAAC,CAAC;qBACV;yBAAM;wBAGH,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;wBACnC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;wBACzB,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;wBAC9B,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC;wBAC5B,CAAC,IAAI,CAAC,CAAC;qBACV;iBACJ;aACJ;YACD,IAAI,UAAU,IAAI,QAAQ,EAAE;gBACxB,MAAM;aACT;SACJ;KACJ;IACD,OAAO,KAAK,CAAC;AACjB,CAAC","sourcesContent":["import React from 'react';\n\nclass Span {\n    beginIndex: number\n    endIndex: number\n    text: string\n    isMark: boolean\n    markClasses: Set<string>\n\n    constructor(text:string, beginIndex:number) {\n        this.beginIndex = beginIndex;\n        this.endIndex = beginIndex + text.length; // Like String.slice, it is inclusive.\n        this.text = text;\n        this.isMark = false;\n        this.markClasses = new Set();\n    }\n\n    setMark(className: string) {\n        this.isMark = true;\n        if (className) {\n            for (let c of className.split(' ')) {\n                this.markClasses.add(c);\n            }\n        }\n    }\n\n    carve(beginIndex2: number) {\n        // Carves self to take a bit off the right and returns that carving.\n        let rightText = this.text.slice(beginIndex2 - this.beginIndex);\n        this.text = this.text.slice(0, beginIndex2 - this.beginIndex);\n        this.endIndex = beginIndex2;\n\n        let right = new Span(rightText, beginIndex2);\n        right.isMark = this.isMark;\n        right.markClasses = new Set([...this.markClasses]);\n\n        return right;\n    }\n\n    get className() {\n        if (this.markClasses && this.markClasses.size > 0) {\n            return [...this.markClasses].sort().join(\" \");\n        } else {\n            return \"\";\n        }\n    }\n\n    render() {\n        if (this.isMark) {\n            let className = this.className;\n            if (className) {\n                return(\n                    <mark key={this.beginIndex} className={className} title={this.text}>\n                        {this.text}\n                    </mark>\n                );\n            } else {\n                return(<mark key={this.beginIndex} title={this.text}>{this.text}</mark>);\n            }\n        } else {\n            return(<span key={this.beginIndex} title={this.text}>{this.text}</span>);\n        }\n    }\n}\n\nexport default function extractSpansOfClasses(value:string, ranges:number[][]) {\n    /* Returns value broken into a series of Span classes.  These\n     * can be converted to JSX via the render command.\n     */\n    \n    let spans = [new Span(value, 0)];\n\n    for (let range of ranges) {\n        let beginIndex = range[0];\n        let endIndex = range[1];\n        let className = (range as any).className as string;\n\n        for (let i = 0; i < spans.length; i++) {\n            let span = spans[i];\n\n            // since spans are sorted, So this is always true: beginIndex >= span.beginIndex.\n            if (beginIndex < span.endIndex) {\n                if (beginIndex == span.beginIndex) {\n                    if (endIndex < span.endIndex) {\n                        // [range]\n                        // [s  p  a  n]\n                        let span2 = span.carve(endIndex);\n                        span.setMark(className);\n                        spans.splice(i + 1, 0, span2);\n                        beginIndex = endIndex;\n                        i += 1;\n                    } else {\n                        // [range]   or   [r a n g e]\n                        // [span-]        [span]\n                        span.setMark(className);\n                        beginIndex = span.endIndex;\n                    }\n                } else {\n                    if (endIndex < span.endIndex) {\n                        //   [range]\n                        // [s  p  a  n]\n                        let span2 = span.carve(beginIndex);\n                        let span3 = span2.carve(endIndex);\n                        span2.setMark(className);\n                        spans.splice(i + 1, 0, span2, span3);\n                        beginIndex = endIndex;\n                        i += 2;\n                    } else {\n                        //   [range]  or     [range]\n                        // [s p a n]       [span]\n                        let span2 = span.carve(beginIndex);\n                        span2.setMark(className);\n                        spans.splice(i + 1, 0, span2);\n                        beginIndex = span2.endIndex;\n                        i += 1;\n                    }\n                }\n            }\n            if (beginIndex == endIndex) {\n                break;\n            }\n        }\n    }\n    return spans;\n}"]}

package/components/input/textarea/getRanges.js.map

@@ -1 +1 @@
-{"version":3,"file":"getRanges.js","sourceRoot":"","sources":["../../../../../components/input/textarea/getRanges.ts"],"names":[],"mappings":"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","sourcesContent":["import getType from './getType';\r\n\r\nexport default function getRanges(input: any, highlight: any): number[][] {\r\n    let type = getType(highlight);\r\n    switch (type) {\r\n        case 'array':\r\n            return getArrayRanges(input, highlight);\r\n        case 'function':\r\n            return getFunctionRanges(input, highlight);\r\n        case 'regexp':\r\n            return getRegExpRanges(input, highlight);\r\n        case 'string':\r\n            return getStringRanges(input, highlight);\r\n        case 'range':\r\n            return getRangeRanges(input, highlight);\r\n        case 'custom':\r\n            return getCustomRanges(input, highlight);\r\n        default:\r\n            if (!highlight) {\r\n                // do nothing for falsey values\r\n                return [];\r\n            } else {\r\n                console.error('unrecognized highlight type');\r\n                return [];\r\n            }\r\n    }\r\n}\r\n\r\nfunction getArrayRanges(input: any[], arr: any[]): number[][] {\r\n    let ranges = arr.map(getRanges.bind(null, input));\r\n    return Array.prototype.concat.apply([], ranges);\r\n}\r\n\r\nfunction getFunctionRanges(input: string, func: (input: string) => string): number[][] {\r\n    return getRanges(input, func(input));\r\n}\r\n\r\nfunction getRegExpRanges(input: string, regex: RegExp) {\r\n    let ranges = [];\r\n    let match;\r\n    while (match = regex.exec(input), match !== null) {\r\n        ranges.push([match.index, match.index + match[0].length]);\r\n        if (!regex.global) {\r\n            // non-global regexes do not increase lastIndex, causing an infinite loop,\r\n            // but we can just break manually after the first match\r\n            break;\r\n        }\r\n    }\r\n    return ranges;\r\n}\r\n\r\nfunction getStringRanges(input: string, str: string): number[][] {\r\n    let ranges = [];\r\n    let inputLower = input.toLowerCase();\r\n    let strLower = str.toLowerCase();\r\n    let index = 0;\r\n    while (index = inputLower.indexOf(strLower, index), index !== -1) {\r\n        ranges.push([index, index + strLower.length]);\r\n        index += strLower.length;\r\n    }\r\n    return ranges;\r\n}\r\n\r\nfunction getRangeRanges(_input: string, range: number[]): number[][] {\r\n    return [range];\r\n}\r\n\r\nfunction getCustomRanges(input: string, custom: { className?: string, highlight: any }): number[][] {\r\n    let ranges = getRanges(input, custom.highlight);\r\n    if (custom.className) {\r\n        ranges.forEach(function (range) {\r\n            // persist class name as a property of the array\r\n            let customRange = range as any;\r\n            if (customRange.className) {\r\n                customRange.className = custom.className + ' ' + customRange.className;\r\n            } else {\r\n                customRange.className = custom.className;\r\n            }\r\n        });\r\n    }\r\n    return ranges;\r\n}\r\n"]}
+{"version":3,"file":"getRanges.js","sourceRoot":"","sources":["../../../../../components/input/textarea/getRanges.ts"],"names":[],"mappings":"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","sourcesContent":["import getType from './getType';\n\nexport default function getRanges(input: any, highlight: any): number[][] {\n    let type = getType(highlight);\n    switch (type) {\n        case 'array':\n            return getArrayRanges(input, highlight);\n        case 'function':\n            return getFunctionRanges(input, highlight);\n        case 'regexp':\n            return getRegExpRanges(input, highlight);\n        case 'string':\n            return getStringRanges(input, highlight);\n        case 'range':\n            return getRangeRanges(input, highlight);\n        case 'custom':\n            return getCustomRanges(input, highlight);\n        default:\n            if (!highlight) {\n                // do nothing for falsey values\n                return [];\n            } else {\n                console.error('unrecognized highlight type');\n                return [];\n            }\n    }\n}\n\nfunction getArrayRanges(input: any[], arr: any[]): number[][] {\n    let ranges = arr.map(getRanges.bind(null, input));\n    return Array.prototype.concat.apply([], ranges);\n}\n\nfunction getFunctionRanges(input: string, func: (input: string) => string): number[][] {\n    return getRanges(input, func(input));\n}\n\nfunction getRegExpRanges(input: string, regex: RegExp) {\n    let ranges = [];\n    let match;\n    while (match = regex.exec(input), match !== null) {\n        ranges.push([match.index, match.index + match[0].length]);\n        if (!regex.global) {\n            // non-global regexes do not increase lastIndex, causing an infinite loop,\n            // but we can just break manually after the first match\n            break;\n        }\n    }\n    return ranges;\n}\n\nfunction getStringRanges(input: string, str: string): number[][] {\n    let ranges = [];\n    let inputLower = input.toLowerCase();\n    let strLower = str.toLowerCase();\n    let index = 0;\n    while (index = inputLower.indexOf(strLower, index), index !== -1) {\n        ranges.push([index, index + strLower.length]);\n        index += strLower.length;\n    }\n    return ranges;\n}\n\nfunction getRangeRanges(_input: string, range: number[]): number[][] {\n    return [range];\n}\n\nfunction getCustomRanges(input: string, custom: { className?: string, highlight: any }): number[][] {\n    let ranges = getRanges(input, custom.highlight);\n    if (custom.className) {\n        ranges.forEach(function (range) {\n            // persist class name as a property of the array\n            let customRange = range as any;\n            if (customRange.className) {\n                customRange.className = custom.className + ' ' + customRange.className;\n            } else {\n                customRange.className = custom.className;\n            }\n        });\n    }\n    return ranges;\n}\n"]}

package/components/input/textarea/getType.js.map

@@ -1 +1 @@
-{"version":3,"file":"getType.js","sourceRoot":"","sources":["../../../../../components/input/textarea/getType.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,QAAY;IACxC,IAAI,IAAI,GAAG,OAAO,QAAQ,CAAC;IAC3B,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,QAAQ,CAAC;KACnB;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAChC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;YAC7F,OAAO,OAAO,CAAC;SAClB;aAAM;YACH,OAAO,OAAO,CAAC;SAClB;KACJ;SAAM,IAAI,IAAI,KAAK,QAAQ,EAAE;QAC1B,IAAI,QAAQ,YAAY,MAAM,EAAE;YAC5B,OAAO,QAAQ,CAAC;SACnB;aAAM,IAAI,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE;YAC7C,OAAO,QAAQ,CAAC;SACnB;KACJ;SAAM,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,QAAQ,EAAE;QACjD,OAAO,IAAI,CAAC;KACf;IAED,OAAO,OAAO,CAAC;AACnB,CAAC","sourcesContent":["// returns identifier strings that aren't necessarily \"real\" JavaScript types\r\nexport default function getType(instance:any):string {\r\n    let type = typeof instance;\r\n    if (!instance) {\r\n        return 'falsey';\r\n    } else if (Array.isArray(instance)) {\r\n        if (instance.length === 2 && typeof instance[0] === 'number' && typeof instance[1] === 'number') {\r\n            return 'range';\r\n        } else {\r\n            return 'array';\r\n        }\r\n    } else if (type === 'object') {\r\n        if (instance instanceof RegExp) {\r\n            return 'regexp';\r\n        } else if (instance.hasOwnProperty('highlight')) {\r\n            return 'custom';\r\n        }\r\n    } else if (type === 'function' || type === 'string') {\r\n        return type;\r\n    }\r\n\r\n    return 'other';\r\n}"]}
+{"version":3,"file":"getType.js","sourceRoot":"","sources":["../../../../../components/input/textarea/getType.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,QAAY;IACxC,IAAI,IAAI,GAAG,OAAO,QAAQ,CAAC;IAC3B,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,QAAQ,CAAC;KACnB;SAAM,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAChC,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;YAC7F,OAAO,OAAO,CAAC;SAClB;aAAM;YACH,OAAO,OAAO,CAAC;SAClB;KACJ;SAAM,IAAI,IAAI,KAAK,QAAQ,EAAE;QAC1B,IAAI,QAAQ,YAAY,MAAM,EAAE;YAC5B,OAAO,QAAQ,CAAC;SACnB;aAAM,IAAI,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE;YAC7C,OAAO,QAAQ,CAAC;SACnB;KACJ;SAAM,IAAI,IAAI,KAAK,UAAU,IAAI,IAAI,KAAK,QAAQ,EAAE;QACjD,OAAO,IAAI,CAAC;KACf;IAED,OAAO,OAAO,CAAC;AACnB,CAAC","sourcesContent":["// returns identifier strings that aren't necessarily \"real\" JavaScript types\nexport default function getType(instance:any):string {\n    let type = typeof instance;\n    if (!instance) {\n        return 'falsey';\n    } else if (Array.isArray(instance)) {\n        if (instance.length === 2 && typeof instance[0] === 'number' && typeof instance[1] === 'number') {\n            return 'range';\n        } else {\n            return 'array';\n        }\n    } else if (type === 'object') {\n        if (instance instanceof RegExp) {\n            return 'regexp';\n        } else if (instance.hasOwnProperty('highlight')) {\n            return 'custom';\n        }\n    } else if (type === 'function' || type === 'string') {\n        return type;\n    }\n\n    return 'other';\n}"]}

package/components/input/textarea/highlighedContents.js.map

@@ -1 +1 @@
-{"version":3,"file":"highlighedContents.js","sourceRoot":"","sources":["../../../../../components/input/textarea/highlighedContents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAG5D,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE,EAAE;IAE9C,IAAI,MAAM,GAAG,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACzC,IAAI,KAAK,GAAG,qBAAqB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAEjD,OAAO,CACH;QACI,6BAAK,SAAS,EAAE,wCAAwC,IACnD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAC9B,CACL,CACT,CAAC;AACN,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA","sourcesContent":["import React from 'react';\r\nimport getRanges from './getRanges';\r\nimport extractSpansOfClasses from './extractSpansOfClasses';\r\n\r\n// @ts-ignore\r\nconst HighlighedContents = ({value, highlight}) => {\r\n    \r\n    let ranges = getRanges(value, highlight);\r\n    let parts = extractSpansOfClasses(value, ranges);\r\n\r\n    return (\r\n        <div>\r\n            <div className={`highlight-highlights highlight-content`} >\r\n                {parts.map(part => part.render())}\r\n             </div>\r\n        </div>\r\n    );       \r\n}\r\n\r\nexport default HighlighedContents"]}
+{"version":3,"file":"highlighedContents.js","sourceRoot":"","sources":["../../../../../components/input/textarea/highlighedContents.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAG5D,MAAM,kBAAkB,GAAG,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,EAAE,EAAE;IAE9C,IAAI,MAAM,GAAG,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACzC,IAAI,KAAK,GAAG,qBAAqB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAEjD,OAAO,CACH;QACI,6BAAK,SAAS,EAAE,wCAAwC,IACnD,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAC9B,CACL,CACT,CAAC;AACN,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA","sourcesContent":["import React from 'react';\nimport getRanges from './getRanges';\nimport extractSpansOfClasses from './extractSpansOfClasses';\n\n// @ts-ignore\nconst HighlighedContents = ({value, highlight}) => {\n    \n    let ranges = getRanges(value, highlight);\n    let parts = extractSpansOfClasses(value, ranges);\n\n    return (\n        <div>\n            <div className={`highlight-highlights highlight-content`} >\n                {parts.map(part => part.render())}\n             </div>\n        </div>\n    );       \n}\n\nexport default HighlighedContents"]}

package/components/input/textarea/mentionsWithHighlighting.js

@@ -44,7 +44,7 @@ export class MentionsWithHighlighting extends React.Component {
     }
     render() {
         let _a = this.props, { value, onChange, highlight = {}, className = "", style = {}, containerStyle = {}, containerClassName = "", onScroll } = _a, restProps = __rest(_a, ["value", "onChange", "highlight", "className", "style", "containerStyle", "containerClassName", "onScroll"]);
-        className = `highlight-input highlight-content ${className}`;
+        className = `highlight-input ${!this.props.disabled ? "highlight-content" : ""} ${className}`;
         containerClassName = `highlight-container ${containerClassName}`;
         style.resize = "none";
         style.wordWrap = "break-word";

package/components/input/textarea/mentionsWithHighlighting.js.map

@@ -1 +1 @@
-{"version":3,"file":"mentionsWithHighlighting.js","sourceRoot":"","sources":["../../../../../components/input/textarea/mentionsWithHighlighting.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,2BAA2B,CAAC;AACnC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,MAAM,MAAM,CAAC;AA8B9B,MAAM,OAAO,wBAAyB,SAAQ,KAAK,CAAC,SAAuE;IAIvH,YAAY,KAA8C;;QACtD,KAAK,CAAC,KAAK,CAAC,CAAC;QAJjB,sBAAiB,GAAe,IAAI,CAAC;QACrC,sBAAiB,GAA0B,IAAI,CAAC;QAShD,iBAAY,GAAG,GAAG,EAAE;YAChB,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBACxB,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBACxB,MAAM,QAAQ,GAAI,IAAI,CAAC,iBAAyB,CAAC,QAA+B,CAAA;oBAChF,IAAI,CAAC,iBAAiB,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;oBACtD,IAAI,CAAC,iBAAiB,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;iBAC3D;aACJ;QACL,CAAC,CAAC;QAEF,aAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;YAEzB,IAAI,KAAK,IAAI,SAAS,EAAE;gBACpB,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;aAChC;YACD,IAAI,CAAC,QAAQ,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC,CAAC;QACtC,CAAC,CAAC;QArBE,IAAI,CAAC,KAAK,GAAG;YACT,SAAS,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE;SAC/B,CAAA;IACL,CAAC;IAoBD,IAAI,QAAQ;;QACR,OAAO,MAAC,IAAI,CAAC,iBAAyB,0CAAE,QAA+B,CAAC;IAC5E,CAAC;IAED,MAAM;QACF,IAAI,KAAsI,IAAI,CAAC,KAAK,EAAhJ,EAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,QAAQ,OAA4B,EAAvB,SAAS,cAAlI,4GAAmI,CAAa,CAAC;QAErJ,SAAS,GAAG,qCAAqC,SAAS,EAAE,CAAC;QAC7D,kBAAkB,GAAG,uBAAuB,kBAAkB,EAAE,CAAC;QAGjE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,QAAQ,GAAG,YAAY,CAAC;QAI9B,OAAO,CACH,6BAAK,SAAS,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc;YACrD,6BAAK,SAAS,EAAE,oBAAoB,EAAE,GAAG,EAAE,CAAC,SAAS,EAAC,EAAE;oBACpD,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;gBACvC,CAAC;gBACG,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,CACvD;YACN,oBAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,oBAAM,KAAK,GAAG,SAAS,EAAE,SAAS,IAAM,SAAS,IACxF,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE;oBAC5C,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAA;gBAChD,CAAC,IACU,CACT,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React, {CSSProperties} from 'react';\r\nimport './highlightedTextarea.css';\r\nimport HighlighedContents from './highlighedContents';\r\nimport {MentionProps} from \"antd/lib/mentions\";\r\nimport {Mentions} from \"antd\";\r\n\r\nexport interface HighlightItem {\r\n    highlight: HighlightType\r\n    className: string\r\n}\r\n\r\nexport type AssignHighlightFunction = (value: string) => HighlightType;\r\nexport type HighlightType =\r\n    boolean\r\n    | string\r\n    | RegExp\r\n    | [number, number]\r\n    | HighlightType[]\r\n    | AssignHighlightFunction\r\n    | HighlightItem[];\r\n\r\ninterface MentionsWithHighlightingProps extends MentionProps {\r\n    highlight?: HighlightType\r\n    containerStyle?: CSSProperties\r\n    containerClassName?: string\r\n}\r\n\r\ninterface MentionsWithHighlightingState {\r\n    fakeValue: string\r\n}\r\n\r\n/**\r\n * Merged antd Mentions component with code from https://github.com/bonafideduck/react-highlight-within-textarea\r\n */\r\nexport class MentionsWithHighlighting extends React.Component<MentionsWithHighlightingProps, MentionsWithHighlightingState> {\r\n    mentionsComponent: any | null = null;\r\n    backdropComponent: HTMLDivElement | null = null;\r\n\r\n    constructor(props: Readonly<MentionsWithHighlightingProps>) {\r\n        super(props);\r\n        this.state = {\r\n            fakeValue: props.value ?? \"\"\r\n        }\r\n    }\r\n\r\n    handleScroll = () => {\r\n        if (this.backdropComponent) {\r\n            if (this.mentionsComponent) {\r\n                const textArea = (this.mentionsComponent as any).textarea as HTMLTextAreaElement\r\n                this.backdropComponent.scrollTop = textArea.scrollTop;\r\n                this.backdropComponent.scrollLeft = textArea.scrollLeft;\r\n            }\r\n        }\r\n    };\r\n\r\n    onChange = (value?:string) => {\r\n        // To properly work, value and onChange must be supplied.  Give a hint for new users.\r\n        if (value == undefined) {\r\n            value = this.state.fakeValue;\r\n        }\r\n        this.setState({fakeValue: value});\r\n    };\r\n\r\n    get textarea() : HTMLTextAreaElement | undefined {\r\n        return (this.mentionsComponent as any)?.textarea as HTMLTextAreaElement;\r\n    }\r\n\r\n    render() {\r\n        let {value, onChange, highlight = {}, className = \"\", style = {}, containerStyle = {}, containerClassName = \"\", onScroll, ...restProps} = this.props;\r\n\r\n        className = `highlight-input highlight-content ${className}`;\r\n        containerClassName = `highlight-container ${containerClassName}`;\r\n\r\n        // Resizing is currently not supported\r\n        style.resize = \"none\";\r\n        style.wordWrap = \"break-word\";\r\n\r\n\r\n\r\n        return (\r\n            <div className={containerClassName} style={containerStyle}>\r\n                <div className={\"highlight-backdrop\"} ref={(component)=> {\r\n                    this.backdropComponent = component;\r\n                }}>\r\n                    <HighlighedContents value={value} highlight={highlight}/>\r\n                </div>\r\n                <Mentions value={value} onChange={onChange} style={{...style}} className={className} {...restProps}\r\n                          onScroll={this.handleScroll} ref={(component) => {\r\n                              this.mentionsComponent = component\r\n                }}>\r\n                </Mentions>\r\n            </div>\r\n        );\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"mentionsWithHighlighting.js","sourceRoot":"","sources":["../../../../../components/input/textarea/mentionsWithHighlighting.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,2BAA2B,CAAC;AACnC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD,OAAO,EAAC,QAAQ,EAAC,MAAM,MAAM,CAAC;AA8B9B,MAAM,OAAO,wBAAyB,SAAQ,KAAK,CAAC,SAAuE;IAIvH,YAAY,KAA8C;;QACtD,KAAK,CAAC,KAAK,CAAC,CAAC;QAJjB,sBAAiB,GAAe,IAAI,CAAC;QACrC,sBAAiB,GAA0B,IAAI,CAAC;QAShD,iBAAY,GAAG,GAAG,EAAE;YAChB,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBACxB,IAAI,IAAI,CAAC,iBAAiB,EAAE;oBACxB,MAAM,QAAQ,GAAI,IAAI,CAAC,iBAAyB,CAAC,QAA+B,CAAA;oBAChF,IAAI,CAAC,iBAAiB,CAAC,SAAS,GAAG,QAAQ,CAAC,SAAS,CAAC;oBACtD,IAAI,CAAC,iBAAiB,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC;iBAC3D;aACJ;QACL,CAAC,CAAC;QAEF,aAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;YAEzB,IAAI,KAAK,IAAI,SAAS,EAAE;gBACpB,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;aAChC;YACD,IAAI,CAAC,QAAQ,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC,CAAC;QACtC,CAAC,CAAC;QArBE,IAAI,CAAC,KAAK,GAAG;YACT,SAAS,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE;SAC/B,CAAA;IACL,CAAC;IAoBD,IAAI,QAAQ;;QACR,OAAO,MAAC,IAAI,CAAC,iBAAyB,0CAAE,QAA+B,CAAC;IAC5E,CAAC;IAED,MAAM;QACF,IAAI,KAAsI,IAAI,CAAC,KAAK,EAAhJ,EAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,cAAc,GAAG,EAAE,EAAE,kBAAkB,GAAG,EAAE,EAAE,QAAQ,OAA4B,EAAvB,SAAS,cAAlI,4GAAmI,CAAa,CAAC;QAErJ,SAAS,GAAG,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAA,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,CAAC;QAC7F,kBAAkB,GAAG,uBAAuB,kBAAkB,EAAE,CAAC;QAGjE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,QAAQ,GAAG,YAAY,CAAC;QAI9B,OAAO,CACH,6BAAK,SAAS,EAAE,kBAAkB,EAAE,KAAK,EAAE,cAAc;YACrD,6BAAK,SAAS,EAAE,oBAAoB,EAAE,GAAG,EAAE,CAAC,SAAS,EAAC,EAAE;oBACpD,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;gBACvC,CAAC;gBACG,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,CACvD;YACN,oBAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,oBAAM,KAAK,GAAG,SAAS,EAAE,SAAS,IAAM,SAAS,IACxF,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE;oBAC5C,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAA;gBAChD,CAAC,IACU,CACT,CACT,CAAC;IACN,CAAC;CACJ","sourcesContent":["import React, {CSSProperties} from 'react';\nimport './highlightedTextarea.css';\nimport HighlighedContents from './highlighedContents';\nimport {MentionProps} from \"antd/lib/mentions\";\nimport {Mentions} from \"antd\";\n\nexport interface HighlightItem {\n    highlight: HighlightType\n    className: string\n}\n\nexport type AssignHighlightFunction = (value: string) => HighlightType;\nexport type HighlightType =\n    boolean\n    | string\n    | RegExp\n    | [number, number]\n    | HighlightType[]\n    | AssignHighlightFunction\n    | HighlightItem[];\n\ninterface MentionsWithHighlightingProps extends MentionProps {\n    highlight?: HighlightType\n    containerStyle?: CSSProperties\n    containerClassName?: string\n}\n\ninterface MentionsWithHighlightingState {\n    fakeValue: string\n}\n\n/**\n * Merged antd Mentions component with code from https://github.com/bonafideduck/react-highlight-within-textarea\n */\nexport class MentionsWithHighlighting extends React.Component<MentionsWithHighlightingProps, MentionsWithHighlightingState> {\n    mentionsComponent: any | null = null;\n    backdropComponent: HTMLDivElement | null = null;\n\n    constructor(props: Readonly<MentionsWithHighlightingProps>) {\n        super(props);\n        this.state = {\n            fakeValue: props.value ?? \"\"\n        }\n    }\n\n    handleScroll = () => {\n        if (this.backdropComponent) {\n            if (this.mentionsComponent) {\n                const textArea = (this.mentionsComponent as any).textarea as HTMLTextAreaElement\n                this.backdropComponent.scrollTop = textArea.scrollTop;\n                this.backdropComponent.scrollLeft = textArea.scrollLeft;\n            }\n        }\n    };\n\n    onChange = (value?:string) => {\n        // To properly work, value and onChange must be supplied.  Give a hint for new users.\n        if (value == undefined) {\n            value = this.state.fakeValue;\n        }\n        this.setState({fakeValue: value});\n    };\n\n    get textarea() : HTMLTextAreaElement | undefined {\n        return (this.mentionsComponent as any)?.textarea as HTMLTextAreaElement;\n    }\n\n    render() {\n        let {value, onChange, highlight = {}, className = \"\", style = {}, containerStyle = {}, containerClassName = \"\", onScroll, ...restProps} = this.props;\n\n        className = `highlight-input ${!this.props.disabled ? \"highlight-content\": \"\"} ${className}`;\n        containerClassName = `highlight-container ${containerClassName}`;\n\n        // Resizing is currently not supported\n        style.resize = \"none\";\n        style.wordWrap = \"break-word\";\n\n\n\n        return (\n            <div className={containerClassName} style={containerStyle}>\n                <div className={\"highlight-backdrop\"} ref={(component)=> {\n                    this.backdropComponent = component;\n                }}>\n                    <HighlighedContents value={value} highlight={highlight}/>\n                </div>\n                <Mentions value={value} onChange={onChange} style={{...style}} className={className} {...restProps}\n                          onScroll={this.handleScroll} ref={(component) => {\n                              this.mentionsComponent = component\n                }}>\n                </Mentions>\n            </div>\n        );\n    }\n}\n"]}

package/components/keyboard/keyboardUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardUtils.js","sourceRoot":"","sources":["../../../../components/keyboard/keyboardUtils.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,GAAQ,EAAE,CAAC;AAC5B,IAAI,SAAS,GAAW,CAAC,CAAC;AAE1B,SAAS,OAAO,CAAC,CAAgB;IAC7B,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;AAC9B,CAAC;AAED,SAAS,KAAK,CAAC,CAAgB;IAC3B,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC/B,CAAC;AAED,SAAS,KAAK;IACV,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACrC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IAC7B,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,WAAW;IAChB,SAAS,EAAE,CAAC;AAChB,CAAC;AAED,SAAS,SAAS;IACd,SAAS,EAAE,CAAC;AAChB,CAAC;AAED,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC5C,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACxC,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACvC,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AAClD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAE9C,MAAM,CAAC,OAAO,OAAO,aAAa;IAC9B,MAAM,CAAC,YAAY,CAAC,GAAQ;QACxB,OAAO,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM,CAAC,WAAW;QACd,OAAO,SAAS,GAAG,CAAC,CAAC;IACzB,CAAC;CACJ","sourcesContent":["import {Key} from \"ts-key-enum\";\r\n\r\nconst pressedKeys: any = {};\r\nlet mouseDown: number = 0;\r\n\r\nfunction keyDown(e: KeyboardEvent) {\r\n    pressedKeys[e.key] = true;\r\n}\r\n\r\nfunction keyUp(e: KeyboardEvent) {\r\n    pressedKeys[e.key] = false;\r\n}\r\n\r\nfunction reset() {\r\n    Object.keys(pressedKeys).forEach((key) => {\r\n        pressedKeys[key] = false;\r\n    });\r\n}\r\n\r\nfunction onMouseDown() {\r\n    mouseDown++;\r\n}\r\n\r\nfunction onMouseUp() {\r\n    mouseDown--;\r\n}\r\n\r\nwindow.addEventListener(\"keydown\", keyDown);\r\nwindow.addEventListener(\"keyup\", keyUp);\r\nwindow.addEventListener(\"blur\", reset);\r\nwindow.addEventListener(\"mousedown\", onMouseDown);\r\nwindow.addEventListener(\"mouseup\", onMouseUp);\r\n\r\nexport default class KeyboardUtils {\r\n    static isKeyPressed(key: Key): boolean {\r\n        return !!pressedKeys[key];\r\n    }\r\n\r\n    static isMouseDown() :boolean {\r\n        return mouseDown > 0;\r\n    }\r\n}"]}
+{"version":3,"file":"keyboardUtils.js","sourceRoot":"","sources":["../../../../components/keyboard/keyboardUtils.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,GAAQ,EAAE,CAAC;AAC5B,IAAI,SAAS,GAAW,CAAC,CAAC;AAE1B,SAAS,OAAO,CAAC,CAAgB;IAC7B,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;AAC9B,CAAC;AAED,SAAS,KAAK,CAAC,CAAgB;IAC3B,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAC/B,CAAC;AAED,SAAS,KAAK;IACV,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACrC,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IAC7B,CAAC,CAAC,CAAC;AACP,CAAC;AAED,SAAS,WAAW;IAChB,SAAS,EAAE,CAAC;AAChB,CAAC;AAED,SAAS,SAAS;IACd,SAAS,EAAE,CAAC;AAChB,CAAC;AAED,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC5C,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACxC,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACvC,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;AAClD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAE9C,MAAM,CAAC,OAAO,OAAO,aAAa;IAC9B,MAAM,CAAC,YAAY,CAAC,GAAQ;QACxB,OAAO,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC9B,CAAC;IAED,MAAM,CAAC,WAAW;QACd,OAAO,SAAS,GAAG,CAAC,CAAC;IACzB,CAAC;CACJ","sourcesContent":["import {Key} from \"ts-key-enum\";\n\nconst pressedKeys: any = {};\nlet mouseDown: number = 0;\n\nfunction keyDown(e: KeyboardEvent) {\n    pressedKeys[e.key] = true;\n}\n\nfunction keyUp(e: KeyboardEvent) {\n    pressedKeys[e.key] = false;\n}\n\nfunction reset() {\n    Object.keys(pressedKeys).forEach((key) => {\n        pressedKeys[key] = false;\n    });\n}\n\nfunction onMouseDown() {\n    mouseDown++;\n}\n\nfunction onMouseUp() {\n    mouseDown--;\n}\n\nwindow.addEventListener(\"keydown\", keyDown);\nwindow.addEventListener(\"keyup\", keyUp);\nwindow.addEventListener(\"blur\", reset);\nwindow.addEventListener(\"mousedown\", onMouseDown);\nwindow.addEventListener(\"mouseup\", onMouseUp);\n\nexport default class KeyboardUtils {\n    static isKeyPressed(key: Key): boolean {\n        return !!pressedKeys[key];\n    }\n\n    static isMouseDown() :boolean {\n        return mouseDown > 0;\n    }\n}"]}

package/components/modal/draggableModalProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggableModalProvider.js","sourceRoot":"","sources":["../../../../components/modal/draggableModalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAC,qBAAqB,EAAC,MAAM,sDAAsD,CAAA;AAC1F,OAAO,EAAC,aAAa,EAAC,MAAM,8CAA8C,CAAA;AAC1E,OAAO,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,sDAAsD,CAAA;AAE9G,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,QAAQ,GAGX,EAAsB,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAA;IAE/E,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAE5B,OAAO;SACV;QACD,MAAM,QAAQ,GAAG,GAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,CAAC,CAAA;QACtF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC3C,QAAQ,EAAE,CAAA;QACV,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC/D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACH,oBAAC,qBAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;YACH,KAAK;YACL,QAAQ;SACX,IAEA,QAAQ,CACoB,CACpC,CAAA;AACL,CAAC,CAAA","sourcesContent":["import * as React from 'react'\r\nimport {useEffect, useReducer} from 'react'\r\nimport {DraggableModalContext} from 'd2coreui/components/modal/impl/draggableModalContext'\r\nimport {getWindowSize} from 'd2coreui/components/modal/impl/getWindowSize'\r\nimport {draggableModalReducer, initialModalsState} from 'd2coreui/components/modal/impl/draggableModalReducer'\r\n\r\nexport const DraggableModalProvider = ({\r\n    children,\r\n}: {\r\n    children: React.ReactNode\r\n}): React.ReactElement => {\r\n    const [state, dispatch] = useReducer(draggableModalReducer, initialModalsState)\r\n\r\n    useEffect(() => {\r\n        if (typeof window !== 'object') {\r\n            // @ts-ignore\r\n            return;\r\n        }\r\n        const onResize = (): void => dispatch({ type: 'windowResize', size: getWindowSize() })\r\n        window.addEventListener('resize', onResize)\r\n        onResize()\r\n        return () => window.removeEventListener('resize', onResize)\r\n    }, [dispatch])\r\n\r\n    return (\r\n        <DraggableModalContext.Provider\r\n            value={{\r\n                state,\r\n                dispatch,\r\n            }}\r\n        >\r\n            {children}\r\n        </DraggableModalContext.Provider>\r\n    )\r\n}\r\n"]}
+{"version":3,"file":"draggableModalProvider.js","sourceRoot":"","sources":["../../../../components/modal/draggableModalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAC,qBAAqB,EAAC,MAAM,sDAAsD,CAAA;AAC1F,OAAO,EAAC,aAAa,EAAC,MAAM,8CAA8C,CAAA;AAC1E,OAAO,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,sDAAsD,CAAA;AAE9G,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,QAAQ,GAGX,EAAsB,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAA;IAE/E,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAE5B,OAAO;SACV;QACD,MAAM,QAAQ,GAAG,GAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,CAAC,CAAA;QACtF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC3C,QAAQ,EAAE,CAAA;QACV,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC/D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACH,oBAAC,qBAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;YACH,KAAK;YACL,QAAQ;SACX,IAEA,QAAQ,CACoB,CACpC,CAAA;AACL,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {useEffect, useReducer} from 'react'\nimport {DraggableModalContext} from 'd2coreui/components/modal/impl/draggableModalContext'\nimport {getWindowSize} from 'd2coreui/components/modal/impl/getWindowSize'\nimport {draggableModalReducer, initialModalsState} from 'd2coreui/components/modal/impl/draggableModalReducer'\n\nexport const DraggableModalProvider = ({\n    children,\n}: {\n    children: React.ReactNode\n}): React.ReactElement => {\n    const [state, dispatch] = useReducer(draggableModalReducer, initialModalsState)\n\n    useEffect(() => {\n        if (typeof window !== 'object') {\n            // @ts-ignore\n            return;\n        }\n        const onResize = (): void => dispatch({ type: 'windowResize', size: getWindowSize() })\n        window.addEventListener('resize', onResize)\n        onResize()\n        return () => window.removeEventListener('resize', onResize)\n    }, [dispatch])\n\n    return (\n        <DraggableModalContext.Provider\n            value={{\n                state,\n                dispatch,\n            }}\n        >\n            {children}\n        </DraggableModalContext.Provider>\n    )\n}\n"]}

package/components/modal/impl/clamp.js.map

@@ -1 +1 @@
-{"version":3,"file":"clamp.js","sourceRoot":"","sources":["../../../../../components/modal/impl/clamp.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa,EAAU,EAAE,CACrE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC","sourcesContent":["export const clamp = (min: number, max: number, value: number): number =>\r\n    Math.max(min, Math.min(max, value));\r\n"]}
+{"version":3,"file":"clamp.js","sourceRoot":"","sources":["../../../../../components/modal/impl/clamp.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa,EAAU,EAAE,CACrE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC","sourcesContent":["export const clamp = (min: number, max: number, value: number): number =>\n    Math.max(min, Math.min(max, value));\n"]}

package/components/modal/impl/draggableModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggableModal.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,OAAO,CAAA;AAChC,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAChC,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAA;AAE7D,OAAO,yCAAyC,CAAA;AAShD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAsB,EAAE;IAE7E,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAGpB,MAAM,aAAa,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACxD,IAAI,CAAC,aAAa,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC,CAAA;KACjC;IAED,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAC,GAAG,aAAa,CAAC;IACxC,MAAM,UAAU,GAAG,qBAAqB,CAAC,KAAK,EAAE,EAAE,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAK7F,OAAO,oBAAC,mBAAmB,kBAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,IAAM,KAAK,EAAI,CAAA;AACjG,CAAC,CAAC","sourcesContent":["import * as React from 'react'\r\nimport {useContext} from 'react'\r\nimport {useUID} from 'react-uid'\r\nimport {DraggableModalContext} from './draggableModalContext'\r\nimport {DraggableModalInner} from './draggableModalInner'\r\nimport {getOrCreateModalState} from './draggableModalReducer'\r\nimport {ModalProps} from 'antd/lib/modal'\r\nimport '../../../style/modal/DraggableModal.css'\r\n\r\nexport interface DraggableModalProps extends Omit<ModalProps, \"width\"> {\r\n    initialWidth?: number,\r\n    initialHeight?: number\r\n    // resize dialog handler\r\n    onResize?(size: { width: number, height: number }): void\r\n}\r\n\r\nexport const DraggableModal = (props: DraggableModalProps): React.ReactElement => {\r\n    // Get the unique ID of this modal.\r\n    const id = useUID();\r\n\r\n    // Get modal provider.\r\n    const modalProvider = useContext(DraggableModalContext);\r\n    if (!modalProvider) {\r\n        throw new Error('No Provider')\r\n    }\r\n\r\n    const {dispatch, state} = modalProvider;\r\n    const modalState = getOrCreateModalState(state, id, props.initialWidth, props.initialHeight);\r\n\r\n    // We do this so that we don't re-render all modals for every state change.\r\n    // DraggableModalInner uses React.memo, so it only re-renders if\r\n    // if props change (e.g. modalState).\r\n    return <DraggableModalInner id={id} dispatch={dispatch} modalState={modalState} {...props} />\r\n};\r\n"]}
+{"version":3,"file":"draggableModal.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,OAAO,CAAA;AAChC,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAChC,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAA;AAE7D,OAAO,yCAAyC,CAAA;AAShD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAsB,EAAE;IAE7E,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAGpB,MAAM,aAAa,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACxD,IAAI,CAAC,aAAa,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC,CAAA;KACjC;IAED,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAC,GAAG,aAAa,CAAC;IACxC,MAAM,UAAU,GAAG,qBAAqB,CAAC,KAAK,EAAE,EAAE,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAK7F,OAAO,oBAAC,mBAAmB,kBAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,IAAM,KAAK,EAAI,CAAA;AACjG,CAAC,CAAC","sourcesContent":["import * as React from 'react'\nimport {useContext} from 'react'\nimport {useUID} from 'react-uid'\nimport {DraggableModalContext} from './draggableModalContext'\nimport {DraggableModalInner} from './draggableModalInner'\nimport {getOrCreateModalState} from './draggableModalReducer'\nimport {ModalProps} from 'antd/lib/modal'\nimport '../../../style/modal/DraggableModal.css'\n\nexport interface DraggableModalProps extends Omit<ModalProps, \"width\"> {\n    initialWidth?: number,\n    initialHeight?: number\n    // resize dialog handler\n    onResize?(size: { width: number, height: number }): void\n}\n\nexport const DraggableModal = (props: DraggableModalProps): React.ReactElement => {\n    // Get the unique ID of this modal.\n    const id = useUID();\n\n    // Get modal provider.\n    const modalProvider = useContext(DraggableModalContext);\n    if (!modalProvider) {\n        throw new Error('No Provider')\n    }\n\n    const {dispatch, state} = modalProvider;\n    const modalState = getOrCreateModalState(state, id, props.initialWidth, props.initialHeight);\n\n    // We do this so that we don't re-render all modals for every state change.\n    // DraggableModalInner uses React.memo, so it only re-renders if\n    // if props change (e.g. modalState).\n    return <DraggableModalInner id={id} dispatch={dispatch} modalState={modalState} {...props} />\n};\n"]}

package/components/modal/impl/draggableModalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggableModalContext.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAoC,IAAI,CAAC,CAAA","sourcesContent":["import * as React from 'react'\r\nimport {Action, ModalsState} from './draggableModalReducer'\r\n\r\nexport interface DraggableModalContextMethods {\r\n    dispatch: (action: Action) => void\r\n}\r\n\r\nexport interface DraggableModalContextValue extends DraggableModalContextMethods {\r\n    state: ModalsState\r\n}\r\n\r\nexport const DraggableModalContext = React.createContext<DraggableModalContextValue | null>(null)\r\n"]}
+{"version":3,"file":"draggableModalContext.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAoC,IAAI,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {Action, ModalsState} from './draggableModalReducer'\n\nexport interface DraggableModalContextMethods {\n    dispatch: (action: Action) => void\n}\n\nexport interface DraggableModalContextValue extends DraggableModalContextMethods {\n    state: ModalsState\n}\n\nexport const DraggableModalContext = React.createContext<DraggableModalContextValue | null>(null)\n"]}

package/components/modal/impl/draggableModalInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggableModalInner.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalInner.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\r\nimport {memo, useCallback, useEffect, useMemo} from 'react'\r\nimport {Modal} from 'antd'\r\nimport {ResizeHandle} from './resizeHandle'\r\nimport {useDrag} from './useDrag'\r\nimport {DraggableModalContextMethods} from './draggableModalContext'\r\nimport {usePrevious} from './usePrevious'\r\nimport {ModalID, ModalState} from './draggableModalReducer'\r\nimport {useResize} from './useResize'\r\nimport {DraggableModalProps} from \"./draggableModal\";\r\n\r\nconst modalStyle: React.CSSProperties = {margin: 0, paddingBottom: 0, pointerEvents: 'auto'}\r\n\r\ninterface ContextProps extends DraggableModalContextMethods {\r\n    id: ModalID\r\n    modalState: ModalState\r\n}\r\n\r\n//export type DraggableModalInnerProps = ModalProps & { children?: React.ReactNode } & ContextProps\r\nexport interface DraggableModalInnerProps extends DraggableModalProps, ContextProps {\r\n    children?: React.ReactNode\r\n}\r\n\r\nexport const DraggableModalInner = memo(\r\n    ({\r\n         id,\r\n         modalState,\r\n         dispatch,\r\n         visible,\r\n         children,\r\n         title,\r\n         onResize,\r\n         ...otherProps\r\n     }: DraggableModalInnerProps) => {\r\n        // Call on mount and unmount.\r\n        useEffect(() => {\r\n            dispatch({type: 'mount', id, size: {width: otherProps.initialWidth, height: otherProps.initialHeight}});\r\n            return () => dispatch({type: 'unmount', id})\r\n        }, [dispatch, id]);\r\n\r\n        // Bring this to the front if it's been opened with props.\r\n        const visiblePrevious = usePrevious(visible);\r\n        useEffect(() => {\r\n            if (visible !== visiblePrevious) {\r\n                if (visible) {\r\n                    dispatch({type: 'show', id})\r\n                } else {\r\n                    dispatch({type: 'hide', id})\r\n                }\r\n            }\r\n        }, [visible, visiblePrevious, id, dispatch]);\r\n\r\n        const {zIndex, x, y, width, height} = modalState;\r\n\r\n        const style: React.CSSProperties = useMemo(\r\n            () => ({...modalStyle, top: y, left: x, height}),\r\n            [y, x, height],\r\n        );\r\n\r\n        const onFocus = useCallback(() => dispatch({type: 'focus', id}), [id, dispatch])\r\n\r\n        const onDragWithID = useCallback(args => dispatch({type: 'drag', id, ...args}), [\r\n            dispatch,\r\n            id,\r\n        ]);\r\n\r\n        const onResizeWithID = useCallback((args) => {\r\n            onResize?.({width: args.width, height: args.height});\r\n            return dispatch({type: 'resize', id, ...args});\r\n        }, [dispatch, id,]);\r\n\r\n        const onMouseDrag = useDrag(x, y, onDragWithID);\r\n        const onMouseResize = useResize(x, y, width, height, onResizeWithID);\r\n\r\n        const titleElement = useMemo(\r\n            () => (\r\n                <div\r\n                    className=\"ant-design-draggable-modal-title\"\r\n                    onMouseDown={onMouseDrag}\r\n                    onClick={onFocus}\r\n                >\r\n                    {title}\r\n                </div>\r\n            ),\r\n            [onMouseDrag, onFocus, title],\r\n        );\r\n\r\n        return (\r\n            <Modal\r\n                wrapClassName=\"ant-design-draggable-modal\"\r\n                style={style}\r\n                destroyOnClose={true}\r\n                width={width}\r\n                zIndex={zIndex}\r\n                title={titleElement}\r\n                visible={visible}\r\n                {...otherProps}\r\n            >\r\n                {children}\r\n                <ResizeHandle onMouseDown={onMouseResize}/>\r\n            </Modal>\r\n        )\r\n    },\r\n);\r\n\r\nDraggableModalInner.displayName = 'DraggableModalInner';\r\n"]}
+{"version":3,"file":"draggableModalInner.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalInner.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAC,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAC,KAAK,EAAC,MAAM,MAAM,CAAA;AAC1B,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAA;AAEjC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAA;AAEzC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAA;AAGrC,MAAM,UAAU,GAAwB,EAAC,MAAM,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAC,CAAA;AAY5F,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CACnC,CAAC,EAS2B,EAAE,EAAE;QAT/B,EACI,EAAE,EACF,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,OAEe,EADpB,UAAU,cARjB,4EASC,CADgB;IAGd,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,EAAC,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,CAAC,aAAa,EAAC,EAAC,CAAC,CAAC;QACxG,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAC,CAAC,CAAA;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;IAGnB,MAAM,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7C,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,KAAK,eAAe,EAAE;YAC7B,IAAI,OAAO,EAAE;gBACT,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAC,CAAC,CAAA;aAC/B;iBAAM;gBACH,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAC,CAAC,CAAA;aAC/B;SACJ;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7C,MAAM,EAAC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAC,GAAG,UAAU,CAAC;IAEjD,MAAM,KAAK,GAAwB,OAAO,CACtC,GAAG,EAAE,CAAC,iCAAK,UAAU,KAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,IAAE,EAChD,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CACjB,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAC,CAAC,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEhF,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,iBAAE,IAAI,EAAE,MAAM,EAAE,EAAE,IAAK,IAAI,EAAE,EAAE;QAC5E,QAAQ;QACR,EAAE;KACL,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;QACxC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAC,CAAC,CAAC;QACrD,OAAO,QAAQ,iBAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,IAAK,IAAI,EAAE,CAAC;IACnD,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAEpB,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;IAErE,MAAM,YAAY,GAAG,OAAO,CACxB,GAAG,EAAE,CAAC,CACF,6BACI,SAAS,EAAC,kCAAkC,EAC5C,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,IAEf,KAAK,CACJ,CACT,EACD,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,CAChC,CAAC;IAEF,OAAO,CACH,oBAAC,KAAK,kBACF,aAAa,EAAC,4BAA4B,EAC1C,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,IAAI,EACpB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,YAAY,EACnB,OAAO,EAAE,OAAO,IACZ,UAAU;QAEb,QAAQ;QACT,oBAAC,YAAY,IAAC,WAAW,EAAE,aAAa,GAAG,CACvC,CACX,CAAA;AACL,CAAC,CACJ,CAAC;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC","sourcesContent":["import * as React from 'react'\nimport {memo, useCallback, useEffect, useMemo} from 'react'\nimport {Modal} from 'antd'\nimport {ResizeHandle} from './resizeHandle'\nimport {useDrag} from './useDrag'\nimport {DraggableModalContextMethods} from './draggableModalContext'\nimport {usePrevious} from './usePrevious'\nimport {ModalID, ModalState} from './draggableModalReducer'\nimport {useResize} from './useResize'\nimport {DraggableModalProps} from \"./draggableModal\";\n\nconst modalStyle: React.CSSProperties = {margin: 0, paddingBottom: 0, pointerEvents: 'auto'}\n\ninterface ContextProps extends DraggableModalContextMethods {\n    id: ModalID\n    modalState: ModalState\n}\n\n//export type DraggableModalInnerProps = ModalProps & { children?: React.ReactNode } & ContextProps\nexport interface DraggableModalInnerProps extends DraggableModalProps, ContextProps {\n    children?: React.ReactNode\n}\n\nexport const DraggableModalInner = memo(\n    ({\n         id,\n         modalState,\n         dispatch,\n         visible,\n         children,\n         title,\n         onResize,\n         ...otherProps\n     }: DraggableModalInnerProps) => {\n        // Call on mount and unmount.\n        useEffect(() => {\n            dispatch({type: 'mount', id, size: {width: otherProps.initialWidth, height: otherProps.initialHeight}});\n            return () => dispatch({type: 'unmount', id})\n        }, [dispatch, id]);\n\n        // Bring this to the front if it's been opened with props.\n        const visiblePrevious = usePrevious(visible);\n        useEffect(() => {\n            if (visible !== visiblePrevious) {\n                if (visible) {\n                    dispatch({type: 'show', id})\n                } else {\n                    dispatch({type: 'hide', id})\n                }\n            }\n        }, [visible, visiblePrevious, id, dispatch]);\n\n        const {zIndex, x, y, width, height} = modalState;\n\n        const style: React.CSSProperties = useMemo(\n            () => ({...modalStyle, top: y, left: x, height}),\n            [y, x, height],\n        );\n\n        const onFocus = useCallback(() => dispatch({type: 'focus', id}), [id, dispatch])\n\n        const onDragWithID = useCallback(args => dispatch({type: 'drag', id, ...args}), [\n            dispatch,\n            id,\n        ]);\n\n        const onResizeWithID = useCallback((args) => {\n            onResize?.({width: args.width, height: args.height});\n            return dispatch({type: 'resize', id, ...args});\n        }, [dispatch, id,]);\n\n        const onMouseDrag = useDrag(x, y, onDragWithID);\n        const onMouseResize = useResize(x, y, width, height, onResizeWithID);\n\n        const titleElement = useMemo(\n            () => (\n                <div\n                    className=\"ant-design-draggable-modal-title\"\n                    onMouseDown={onMouseDrag}\n                    onClick={onFocus}\n                >\n                    {title}\n                </div>\n            ),\n            [onMouseDrag, onFocus, title],\n        );\n\n        return (\n            <Modal\n                wrapClassName=\"ant-design-draggable-modal\"\n                style={style}\n                destroyOnClose={true}\n                width={width}\n                zIndex={zIndex}\n                title={titleElement}\n                visible={visible}\n                {...otherProps}\n            >\n                {children}\n                <ResizeHandle onMouseDown={onMouseResize}/>\n            </Modal>\n        )\n    },\n);\n\nDraggableModalInner.displayName = 'DraggableModalInner';\n"]}

package/components/modal/impl/draggableModalReducer.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggableModalReducer.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalReducer.ts"],"names":[],"mappings":"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","sourcesContent":["import {getWindowSize} from './getWindowSize'\r\nimport {clamp} from './clamp'\r\n\r\nconst mapObject = <T>(o: { [key: string]: T }, f: (value: T) => T): { [key: string]: T } =>\r\n    Object.assign({}, ...Object.keys(o).map(k => ({[k]: f(o[k])})))\r\n\r\n// ID for a specific modal.\r\nexport type ModalID = string\r\n\r\n// State for a specific modal.\r\nexport interface ModalState {\r\n    x: number\r\n    y: number\r\n    width: number\r\n    height: number\r\n    zIndex: number\r\n    visible: boolean\r\n}\r\n\r\n// State of all modals.\r\nexport interface ModalsState {\r\n    maxZIndex: number\r\n    windowSize: {\r\n        width: number\r\n        height: number\r\n    }\r\n    modals: {\r\n        [key: string]: ModalState\r\n    }\r\n}\r\n\r\nexport const initialModalsState: ModalsState = {\r\n    maxZIndex: 0,\r\n    windowSize: getWindowSize(),\r\n    modals: {},\r\n};\r\n\r\nexport const initialModalState: ModalState = {\r\n    x: 0,\r\n    y: 0,\r\n    width: 400,\r\n    height: 400,\r\n    zIndex: 0,\r\n    visible: false,\r\n};\r\n\r\nexport type Action =\r\n    | { type: 'show'; id: ModalID }\r\n    | { type: 'hide'; id: ModalID }\r\n    | { type: 'focus'; id: ModalID }\r\n    | { type: 'unmount'; id: ModalID }\r\n    | { type: 'mount'; id: ModalID, size: { width?: number; height?: number } }\r\n    | { type: 'windowResize'; size: { width: number; height: number } }\r\n    | { type: 'drag'; id: ModalID; x: number; y: number }\r\n    | {\r\n    type: 'resize'\r\n    id: ModalID\r\n    x: number\r\n    y: number\r\n    width: number\r\n    height: number\r\n}\r\n\r\nexport const getOrCreateModalState = (state: ModalsState, id: ModalID, initialWidth: number | undefined, initialHeight: number | undefined): ModalState =>\r\n    state.modals[id] || Object.assign({}, initialModalState, {\r\n        width: initialWidth ? initialWidth : 400,\r\n        height: initialHeight ? initialHeight : 400\r\n    });\r\n\r\nexport const getModalState = (state: ModalsState, id: ModalID): ModalState =>\r\n    state.modals[id] || initialModalState;\r\n\r\nconst getNextZIndex = (state: ModalsState, id: string): number =>\r\n    getModalState(state, id).zIndex === state.maxZIndex ? state.maxZIndex : state.maxZIndex + 1;\r\n\r\nconst clampDrag = (\r\n    windowWidth: number,\r\n    windowHeight: number,\r\n    x: number,\r\n    y: number,\r\n    width: number,\r\n    height: number,\r\n): { x: number; y: number } => {\r\n    const maxX = windowWidth - width;\r\n    const maxY = windowHeight - height;\r\n    const clampedX = clamp(0, maxX, x);\r\n    const clampedY = clamp(0, maxY, y);\r\n    return {x: clampedX, y: clampedY}\r\n}\r\n\r\nconst clampResize = (\r\n    windowWidth: number,\r\n    windowHeight: number,\r\n    x: number,\r\n    y: number,\r\n    width: number,\r\n    height: number,\r\n): { width: number; height: number } => {\r\n    const maxWidth = windowWidth - x;\r\n    const maxHeight = windowHeight - y;\r\n    const clampedWidth = clamp(200, maxWidth, width);\r\n    const clampedHeight = clamp(200, maxHeight, height);\r\n    return {width: clampedWidth, height: clampedHeight}\r\n}\r\n\r\nexport const draggableModalReducer = (state: ModalsState, action: Action): ModalsState => {\r\n    switch (action.type) {\r\n        case 'resize':\r\n            const size = clampResize(\r\n                state.windowSize.width,\r\n                state.windowSize.height,\r\n                action.x,\r\n                action.y,\r\n                action.width,\r\n                action.height,\r\n            )\r\n            return {\r\n                ...state,\r\n                maxZIndex: getNextZIndex(state, action.id),\r\n                modals: {\r\n                    ...state.modals,\r\n                    [action.id]: {\r\n                        ...state.modals[action.id],\r\n                        ...size,\r\n                        zIndex: getNextZIndex(state, action.id),\r\n                    },\r\n                },\r\n            }\r\n        case 'drag':\r\n            return {\r\n                ...state,\r\n                maxZIndex: getNextZIndex(state, action.id),\r\n                modals: {\r\n                    ...state.modals,\r\n                    [action.id]: {\r\n                        ...state.modals[action.id],\r\n                        ...clampDrag(\r\n                            state.windowSize.width,\r\n                            state.windowSize.height,\r\n                            action.x,\r\n                            action.y,\r\n                            state.modals[action.id].width,\r\n                            state.modals[action.id].height,\r\n                        ),\r\n                        zIndex: getNextZIndex(state, action.id),\r\n                    },\r\n                },\r\n            }\r\n        case 'show': {\r\n            const modalState = state.modals[action.id]\r\n            const centerX = state.windowSize.width / 2 - modalState.width / 2\r\n            const centerY = state.windowSize.height / 2 - modalState.height / 2\r\n            const position = clampDrag(\r\n                state.windowSize.width,\r\n                state.windowSize.height,\r\n                centerX,\r\n                centerY,\r\n                modalState.width,\r\n                modalState.height,\r\n            )\r\n            const size = clampResize(\r\n                state.windowSize.width,\r\n                state.windowSize.height,\r\n                position.x,\r\n                position.y,\r\n                modalState.width,\r\n                modalState.height,\r\n            )\r\n            return {\r\n                ...state,\r\n                maxZIndex: state.maxZIndex + 1,\r\n                modals: {\r\n                    ...state.modals,\r\n                    [action.id]: {\r\n                        ...modalState,\r\n                        ...position,\r\n                        ...size,\r\n                        zIndex: state.maxZIndex + 1,\r\n                        visible: true,\r\n                    },\r\n                },\r\n            }\r\n        }\r\n        case 'focus':\r\n            const modalState = state.modals[action.id]\r\n            return {\r\n                ...state,\r\n                maxZIndex: state.maxZIndex + 1,\r\n                modals: {\r\n                    ...state.modals,\r\n                    [action.id]: {\r\n                        ...modalState,\r\n                        zIndex: state.maxZIndex + 1,\r\n                    },\r\n                },\r\n            }\r\n        case 'hide': {\r\n            const modalState = state.modals[action.id]\r\n            return {\r\n                ...state,\r\n                modals: {\r\n                    ...state.modals,\r\n                    [action.id]: {\r\n                        ...modalState,\r\n                        visible: false,\r\n                    },\r\n                },\r\n            }\r\n        }\r\n        case 'mount':\r\n            const initialState = Object.assign({}, initialModalState, action.size);\r\n            return {\r\n                ...state,\r\n                maxZIndex: state.maxZIndex + 1,\r\n                modals: {\r\n                    ...state.modals,\r\n                    [action.id]: {\r\n                        ...initialState,\r\n                        x: state.windowSize.width / 2 - initialState.width / 2,\r\n                        y: state.windowSize.height / 2 - initialState.height / 2,\r\n                        zIndex: state.maxZIndex + 1,\r\n                    },\r\n                },\r\n            };\r\n        case 'unmount':\r\n            const modalsClone = {...state.modals};\r\n            delete modalsClone[action.id];\r\n            return {\r\n                ...state,\r\n                modals: modalsClone,\r\n            };\r\n        case 'windowResize':\r\n            return {\r\n                ...state,\r\n                windowSize: action.size,\r\n                modals: mapObject(state.modals, (modalState: ModalState) => {\r\n                    if (!modalState.visible) {\r\n                        return modalState\r\n                    }\r\n                    const position = clampDrag(\r\n                        state.windowSize.width,\r\n                        state.windowSize.height,\r\n                        modalState.x,\r\n                        modalState.y,\r\n                        modalState.width,\r\n                        modalState.height,\r\n                    )\r\n                    const size = clampResize(\r\n                        state.windowSize.width,\r\n                        state.windowSize.height,\r\n                        position.x,\r\n                        position.y,\r\n                        modalState.width,\r\n                        modalState.height,\r\n                    )\r\n                    return {\r\n                        ...modalState,\r\n                        ...position,\r\n                        ...size,\r\n                    }\r\n                }),\r\n            }\r\n        default:\r\n            throw new Error()\r\n    }\r\n}\r\n"]}
+{"version":3,"file":"draggableModalReducer.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalReducer.ts"],"names":[],"mappings":"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","sourcesContent":["import {getWindowSize} from './getWindowSize'\nimport {clamp} from './clamp'\n\nconst mapObject = <T>(o: { [key: string]: T }, f: (value: T) => T): { [key: string]: T } =>\n    Object.assign({}, ...Object.keys(o).map(k => ({[k]: f(o[k])})))\n\n// ID for a specific modal.\nexport type ModalID = string\n\n// State for a specific modal.\nexport interface ModalState {\n    x: number\n    y: number\n    width: number\n    height: number\n    zIndex: number\n    visible: boolean\n}\n\n// State of all modals.\nexport interface ModalsState {\n    maxZIndex: number\n    windowSize: {\n        width: number\n        height: number\n    }\n    modals: {\n        [key: string]: ModalState\n    }\n}\n\nexport const initialModalsState: ModalsState = {\n    maxZIndex: 0,\n    windowSize: getWindowSize(),\n    modals: {},\n};\n\nexport const initialModalState: ModalState = {\n    x: 0,\n    y: 0,\n    width: 400,\n    height: 400,\n    zIndex: 0,\n    visible: false,\n};\n\nexport type Action =\n    | { type: 'show'; id: ModalID }\n    | { type: 'hide'; id: ModalID }\n    | { type: 'focus'; id: ModalID }\n    | { type: 'unmount'; id: ModalID }\n    | { type: 'mount'; id: ModalID, size: { width?: number; height?: number } }\n    | { type: 'windowResize'; size: { width: number; height: number } }\n    | { type: 'drag'; id: ModalID; x: number; y: number }\n    | {\n    type: 'resize'\n    id: ModalID\n    x: number\n    y: number\n    width: number\n    height: number\n}\n\nexport const getOrCreateModalState = (state: ModalsState, id: ModalID, initialWidth: number | undefined, initialHeight: number | undefined): ModalState =>\n    state.modals[id] || Object.assign({}, initialModalState, {\n        width: initialWidth ? initialWidth : 400,\n        height: initialHeight ? initialHeight : 400\n    });\n\nexport const getModalState = (state: ModalsState, id: ModalID): ModalState =>\n    state.modals[id] || initialModalState;\n\nconst getNextZIndex = (state: ModalsState, id: string): number =>\n    getModalState(state, id).zIndex === state.maxZIndex ? state.maxZIndex : state.maxZIndex + 1;\n\nconst clampDrag = (\n    windowWidth: number,\n    windowHeight: number,\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n): { x: number; y: number } => {\n    const maxX = windowWidth - width;\n    const maxY = windowHeight - height;\n    const clampedX = clamp(0, maxX, x);\n    const clampedY = clamp(0, maxY, y);\n    return {x: clampedX, y: clampedY}\n}\n\nconst clampResize = (\n    windowWidth: number,\n    windowHeight: number,\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n): { width: number; height: number } => {\n    const maxWidth = windowWidth - x;\n    const maxHeight = windowHeight - y;\n    const clampedWidth = clamp(200, maxWidth, width);\n    const clampedHeight = clamp(200, maxHeight, height);\n    return {width: clampedWidth, height: clampedHeight}\n}\n\nexport const draggableModalReducer = (state: ModalsState, action: Action): ModalsState => {\n    switch (action.type) {\n        case 'resize':\n            const size = clampResize(\n                state.windowSize.width,\n                state.windowSize.height,\n                action.x,\n                action.y,\n                action.width,\n                action.height,\n            )\n            return {\n                ...state,\n                maxZIndex: getNextZIndex(state, action.id),\n                modals: {\n                    ...state.modals,\n                    [action.id]: {\n                        ...state.modals[action.id],\n                        ...size,\n                        zIndex: getNextZIndex(state, action.id),\n                    },\n                },\n            }\n        case 'drag':\n            return {\n                ...state,\n                maxZIndex: getNextZIndex(state, action.id),\n                modals: {\n                    ...state.modals,\n                    [action.id]: {\n                        ...state.modals[action.id],\n                        ...clampDrag(\n                            state.windowSize.width,\n                            state.windowSize.height,\n                            action.x,\n                            action.y,\n                            state.modals[action.id].width,\n                            state.modals[action.id].height,\n                        ),\n                        zIndex: getNextZIndex(state, action.id),\n                    },\n                },\n            }\n        case 'show': {\n            const modalState = state.modals[action.id]\n            const centerX = state.windowSize.width / 2 - modalState.width / 2\n            const centerY = state.windowSize.height / 2 - modalState.height / 2\n            const position = clampDrag(\n                state.windowSize.width,\n                state.windowSize.height,\n                centerX,\n                centerY,\n                modalState.width,\n                modalState.height,\n            )\n            const size = clampResize(\n                state.windowSize.width,\n                state.windowSize.height,\n                position.x,\n                position.y,\n                modalState.width,\n                modalState.height,\n            )\n            return {\n                ...state,\n                maxZIndex: state.maxZIndex + 1,\n                modals: {\n                    ...state.modals,\n                    [action.id]: {\n                        ...modalState,\n                        ...position,\n                        ...size,\n                        zIndex: state.maxZIndex + 1,\n                        visible: true,\n                    },\n                },\n            }\n        }\n        case 'focus':\n            const modalState = state.modals[action.id]\n            return {\n                ...state,\n                maxZIndex: state.maxZIndex + 1,\n                modals: {\n                    ...state.modals,\n                    [action.id]: {\n                        ...modalState,\n                        zIndex: state.maxZIndex + 1,\n                    },\n                },\n            }\n        case 'hide': {\n            const modalState = state.modals[action.id]\n            return {\n                ...state,\n                modals: {\n                    ...state.modals,\n                    [action.id]: {\n                        ...modalState,\n                        visible: false,\n                    },\n                },\n            }\n        }\n        case 'mount':\n            const initialState = Object.assign({}, initialModalState, action.size);\n            return {\n                ...state,\n                maxZIndex: state.maxZIndex + 1,\n                modals: {\n                    ...state.modals,\n                    [action.id]: {\n                        ...initialState,\n                        x: state.windowSize.width / 2 - initialState.width / 2,\n                        y: state.windowSize.height / 2 - initialState.height / 2,\n                        zIndex: state.maxZIndex + 1,\n                    },\n                },\n            };\n        case 'unmount':\n            const modalsClone = {...state.modals};\n            delete modalsClone[action.id];\n            return {\n                ...state,\n                modals: modalsClone,\n            };\n        case 'windowResize':\n            return {\n                ...state,\n                windowSize: action.size,\n                modals: mapObject(state.modals, (modalState: ModalState) => {\n                    if (!modalState.visible) {\n                        return modalState\n                    }\n                    const position = clampDrag(\n                        state.windowSize.width,\n                        state.windowSize.height,\n                        modalState.x,\n                        modalState.y,\n                        modalState.width,\n                        modalState.height,\n                    )\n                    const size = clampResize(\n                        state.windowSize.width,\n                        state.windowSize.height,\n                        position.x,\n                        position.y,\n                        modalState.width,\n                        modalState.height,\n                    )\n                    return {\n                        ...modalState,\n                        ...position,\n                        ...size,\n                    }\n                }),\n            }\n        default:\n            throw new Error()\n    }\n}\n"]}

package/components/modal/impl/getWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"getWindowSize.js","sourceRoot":"","sources":["../../../../../components/modal/impl/getWindowSize.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,GAAsC,EAAE,CAAC,CAAC;IACnE,KAAK,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC,WAAW,IAAI,CAAC;CAClC,CAAC,CAAA","sourcesContent":["export const getWindowSize = (): { width: number; height: number } => ({\r\n    width: window.innerWidth || 0,\r\n    height: window.innerHeight || 0,\r\n})\r\n"]}
+{"version":3,"file":"getWindowSize.js","sourceRoot":"","sources":["../../../../../components/modal/impl/getWindowSize.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,GAAsC,EAAE,CAAC,CAAC;IACnE,KAAK,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC,WAAW,IAAI,CAAC;CAClC,CAAC,CAAA","sourcesContent":["export const getWindowSize = (): { width: number; height: number } => ({\n    width: window.innerWidth || 0,\n    height: window.innerHeight || 0,\n})\n"]}

package/components/modal/impl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../components/modal/impl/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA","sourcesContent":["export * from './draggableModal'\r\nexport * from './draggableModalContext'\r\nexport * from '../draggableModalProvider'\r\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../components/modal/impl/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA","sourcesContent":["export * from './draggableModal'\nexport * from './draggableModalContext'\nexport * from '../draggableModalProvider'\n"]}

package/components/modal/impl/resizeHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"resizeHandle.js","sourceRoot":"","sources":["../../../../../components/modal/impl/resizeHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,uCAAuC,CAAA;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,CACxB,KAAoF,EAClE,EAAE,CAAC,CACrB,2CAAK,SAAS,EAAC,0CAA0C,IAAK,KAAK;IAC/D,6BAAK,SAAS,EAAC,gDAAgD,GAAG,CAChE,CACT,CAAA","sourcesContent":["import * as React from 'react'\r\nimport '../../../style/modal/ResizeHandle.css'\r\n\r\nexport const ResizeHandle = (\r\n    props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,\r\n): React.ReactElement => (\r\n    <div className=\"ant-design-draggable-modal-resize-handle\" {...props}>\r\n        <div className=\"ant-design-draggable-modal-resize-handle-inner\" />\r\n    </div>\r\n)\r\n"]}
+{"version":3,"file":"resizeHandle.js","sourceRoot":"","sources":["../../../../../components/modal/impl/resizeHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,uCAAuC,CAAA;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,CACxB,KAAoF,EAClE,EAAE,CAAC,CACrB,2CAAK,SAAS,EAAC,0CAA0C,IAAK,KAAK;IAC/D,6BAAK,SAAS,EAAC,gDAAgD,GAAG,CAChE,CACT,CAAA","sourcesContent":["import * as React from 'react'\nimport '../../../style/modal/ResizeHandle.css'\n\nexport const ResizeHandle = (\n    props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,\n): React.ReactElement => (\n    <div className=\"ant-design-draggable-modal-resize-handle\" {...props}>\n        <div className=\"ant-design-draggable-modal-resize-handle-inner\" />\n    </div>\n)\n"]}

package/components/modal/impl/useDrag.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDrag.js","sourceRoot":"","sources":["../../../../../components/modal/impl/useDrag.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAEtD,MAAM,CAAC,MAAM,OAAO,GAAG,CACnB,CAAS,EACT,CAAS,EACT,MAAgD,EACjB,EAAE;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC;QACrD,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,mBAAmB,CAAC;YAChB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,CAAC,CAAC,OAAO;YACrB,UAAU,EAAE,CAAC,CAAC,OAAO;SACxB,CAAC,CAAA;QACF,WAAW,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,mBAAmB,CAAC,CAC3C,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAAG,CAAC,CAAa,EAAQ,EAAE;YACxC,IAAI,QAAQ,EAAE;gBACV,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAA;gBACjE,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA;gBACpB,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA;gBACpB,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;aACnB;QACL,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACpE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAExC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,GAAS,EAAE;YACzB,WAAW,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QAC7C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,WAAW,CAAA;AACtB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\r\nimport {useCallback, useEffect, useState} from 'react'\r\n\r\nexport const useDrag = (\r\n    x: number,\r\n    y: number,\r\n    onDrag: (args: { x: number; y: number }) => void,\r\n): ((e: React.MouseEvent) => void) => {\r\n    const [dragging, setDragging] = useState(false)\r\n    const [initialDragState, setInitialDragState] = useState({\r\n        initX: 0,\r\n        initY: 0,\r\n        mouseDownX: 0,\r\n        mouseDownY: 0,\r\n    })\r\n\r\n    const onMouseDown = useCallback(\r\n        (e: React.MouseEvent) => {\r\n            e.preventDefault()\r\n            setInitialDragState({\r\n                initX: x,\r\n                initY: y,\r\n                mouseDownX: e.clientX,\r\n                mouseDownY: e.clientY,\r\n            })\r\n            setDragging(true)\r\n        },\r\n        [x, y, setDragging, setInitialDragState],\r\n    )\r\n\r\n    useEffect(() => {\r\n        const onMouseMove = (e: MouseEvent): void => {\r\n            if (dragging) {\r\n                const { initX, mouseDownX, initY, mouseDownY } = initialDragState\r\n                let dx = e.clientX - mouseDownX\r\n                let dy = e.clientY - mouseDownY\r\n                const x = initX + dx\r\n                const y = initY + dy\r\n                onDrag({ x, y })\r\n            }\r\n        }\r\n        window.addEventListener('mousemove', onMouseMove, { passive: true })\r\n        return () => window.removeEventListener('mousemove', onMouseMove)\r\n    }, [initialDragState, dragging, onDrag])\r\n\r\n    useEffect(() => {\r\n        const onMouseUp = (): void => {\r\n            setDragging(false)\r\n        }\r\n        window.addEventListener('mouseup', onMouseUp)\r\n        return () => window.removeEventListener('mouseup', onMouseUp)\r\n    }, [setDragging])\r\n\r\n    return onMouseDown\r\n}\r\n"]}
+{"version":3,"file":"useDrag.js","sourceRoot":"","sources":["../../../../../components/modal/impl/useDrag.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAEtD,MAAM,CAAC,MAAM,OAAO,GAAG,CACnB,CAAS,EACT,CAAS,EACT,MAAgD,EACjB,EAAE;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC;QACrD,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,mBAAmB,CAAC;YAChB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,CAAC,CAAC,OAAO;YACrB,UAAU,EAAE,CAAC,CAAC,OAAO;SACxB,CAAC,CAAA;QACF,WAAW,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,mBAAmB,CAAC,CAC3C,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAAG,CAAC,CAAa,EAAQ,EAAE;YACxC,IAAI,QAAQ,EAAE;gBACV,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAA;gBACjE,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA;gBACpB,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA;gBACpB,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;aACnB;QACL,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACpE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAExC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,GAAS,EAAE;YACzB,WAAW,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QAC7C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,WAAW,CAAA;AACtB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {useCallback, useEffect, useState} from 'react'\n\nexport const useDrag = (\n    x: number,\n    y: number,\n    onDrag: (args: { x: number; y: number }) => void,\n): ((e: React.MouseEvent) => void) => {\n    const [dragging, setDragging] = useState(false)\n    const [initialDragState, setInitialDragState] = useState({\n        initX: 0,\n        initY: 0,\n        mouseDownX: 0,\n        mouseDownY: 0,\n    })\n\n    const onMouseDown = useCallback(\n        (e: React.MouseEvent) => {\n            e.preventDefault()\n            setInitialDragState({\n                initX: x,\n                initY: y,\n                mouseDownX: e.clientX,\n                mouseDownY: e.clientY,\n            })\n            setDragging(true)\n        },\n        [x, y, setDragging, setInitialDragState],\n    )\n\n    useEffect(() => {\n        const onMouseMove = (e: MouseEvent): void => {\n            if (dragging) {\n                const { initX, mouseDownX, initY, mouseDownY } = initialDragState\n                let dx = e.clientX - mouseDownX\n                let dy = e.clientY - mouseDownY\n                const x = initX + dx\n                const y = initY + dy\n                onDrag({ x, y })\n            }\n        }\n        window.addEventListener('mousemove', onMouseMove, { passive: true })\n        return () => window.removeEventListener('mousemove', onMouseMove)\n    }, [initialDragState, dragging, onDrag])\n\n    useEffect(() => {\n        const onMouseUp = (): void => {\n            setDragging(false)\n        }\n        window.addEventListener('mouseup', onMouseUp)\n        return () => window.removeEventListener('mouseup', onMouseUp)\n    }, [setDragging])\n\n    return onMouseDown\n}\n"]}

package/components/modal/impl/usePrevious.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePrevious.js","sourceRoot":"","sources":["../../../../../components/modal/impl/usePrevious.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAA;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAY,EAAE;IACjD,MAAM,GAAG,GAAG,MAAM,CAAI,IAAI,CAAC,CAAA;IAC3B,SAAS,CAAC,GAAG,EAAE;QAEX,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACvB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACtB,CAAC,CAAA","sourcesContent":["import {useEffect, useRef} from 'react'\r\n\r\nexport const usePrevious = <T>(value: T): T | null => {\r\n    const ref = useRef<T>(null)\r\n    useEffect(() => {\r\n        // @ts-ignore\r\n        ref.current = value\r\n    })\r\n    return ref.current\r\n}\r\n"]}
+{"version":3,"file":"usePrevious.js","sourceRoot":"","sources":["../../../../../components/modal/impl/usePrevious.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAA;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAY,EAAE;IACjD,MAAM,GAAG,GAAG,MAAM,CAAI,IAAI,CAAC,CAAA;IAC3B,SAAS,CAAC,GAAG,EAAE;QAEX,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACvB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACtB,CAAC,CAAA","sourcesContent":["import {useEffect, useRef} from 'react'\n\nexport const usePrevious = <T>(value: T): T | null => {\n    const ref = useRef<T>(null)\n    useEffect(() => {\n        // @ts-ignore\n        ref.current = value\n    })\n    return ref.current\n}\n"]}

package/components/modal/impl/useResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","sourceRoot":"","sources":["../../../../../components/modal/impl/useResize.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAWtD,MAAM,CAAC,MAAM,SAAS,GAAG,CACrB,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,QAAiF,EAClD,EAAE;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAe;QACnE,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,mBAAmB,CAAC;YAChB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,CAAC,CAAC,OAAO;YACrB,UAAU,EAAE,CAAC,CAAC,OAAO;SACxB,CAAC,CAAA;QACF,WAAW,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC,CAC1D,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAAG,CAAC,CAAa,EAAQ,EAAE;YACxC,IAAI,QAAQ,EAAE;gBACV,MAAM,EACF,KAAK,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,GACb,GAAG,gBAAgB,CAAA;gBACpB,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,MAAM,KAAK,GAAG,SAAS,GAAG,EAAE,CAAC;gBAC7B,MAAM,MAAM,GAAG,UAAU,GAAG,EAAE,CAAC;gBAC/B,OAAO,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;aACzD;QACL,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACpE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,GAAS,EAAE;YACzB,WAAW,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,WAAW,CAAA;AACtB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\r\nimport {useCallback, useEffect, useState} from 'react'\r\n\r\ninterface InitialState {\r\n    initX: number\r\n    initY: number\r\n    initWidth: number\r\n    initHeight: number\r\n    mouseDownX: number\r\n    mouseDownY: number\r\n}\r\n\r\nexport const useResize = (\r\n    x: number,\r\n    y: number,\r\n    width: number,\r\n    height: number,\r\n    onResize: (args: { x: number; y: number; width: number; height: number }) => void,\r\n): ((e: React.MouseEvent) => void) => {\r\n    const [dragging, setDragging] = useState(false);\r\n    const [initialDragState, setInitialDragState] = useState<InitialState>({\r\n        initX: 0,\r\n        initY: 0,\r\n        initWidth: 0,\r\n        initHeight: 0,\r\n        mouseDownX: 0,\r\n        mouseDownY: 0,\r\n    })\r\n\r\n    const onMouseDown = useCallback(\r\n        (e: React.MouseEvent) => {\r\n            e.preventDefault()\r\n            setInitialDragState({\r\n                initX: x,\r\n                initY: y,\r\n                initWidth: width,\r\n                initHeight: height,\r\n                mouseDownX: e.clientX,\r\n                mouseDownY: e.clientY,\r\n            })\r\n            setDragging(true)\r\n        },\r\n        [width, height, setDragging, setInitialDragState, x, y],\r\n    )\r\n\r\n    useEffect(() => {\r\n        const onMouseMove = (e: MouseEvent): void => {\r\n            if (dragging) {\r\n                const {\r\n                    initX,\r\n                    initY,\r\n                    initWidth,\r\n                    mouseDownX,\r\n                    initHeight,\r\n                    mouseDownY,\r\n                } = initialDragState\r\n                let dx = e.clientX - mouseDownX\r\n                let dy = e.clientY - mouseDownY\r\n                const width = initWidth + dx;\r\n                const height = initHeight + dy;\r\n                return onResize({ x: initX, y: initY, width, height })\r\n            }\r\n        }\r\n        window.addEventListener('mousemove', onMouseMove, { passive: true })\r\n        return () => window.removeEventListener('mousemove', onMouseMove)\r\n    }, [initialDragState, dragging, onResize])\r\n\r\n    useEffect(() => {\r\n        const onMouseUp = (): void => {\r\n            setDragging(false)\r\n        }\r\n        window.addEventListener('mouseup', onMouseUp);\r\n        return () => window.removeEventListener('mouseup', onMouseUp)\r\n    }, [setDragging])\r\n\r\n    return onMouseDown\r\n}\r\n"]}
+{"version":3,"file":"useResize.js","sourceRoot":"","sources":["../../../../../components/modal/impl/useResize.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAWtD,MAAM,CAAC,MAAM,SAAS,GAAG,CACrB,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,QAAiF,EAClD,EAAE;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAe;QACnE,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,mBAAmB,CAAC;YAChB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,CAAC,CAAC,OAAO;YACrB,UAAU,EAAE,CAAC,CAAC,OAAO;SACxB,CAAC,CAAA;QACF,WAAW,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC,CAC1D,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAAG,CAAC,CAAa,EAAQ,EAAE;YACxC,IAAI,QAAQ,EAAE;gBACV,MAAM,EACF,KAAK,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,GACb,GAAG,gBAAgB,CAAA;gBACpB,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,MAAM,KAAK,GAAG,SAAS,GAAG,EAAE,CAAC;gBAC7B,MAAM,MAAM,GAAG,UAAU,GAAG,EAAE,CAAC;gBAC/B,OAAO,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;aACzD;QACL,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACpE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,GAAS,EAAE;YACzB,WAAW,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,WAAW,CAAA;AACtB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {useCallback, useEffect, useState} from 'react'\n\ninterface InitialState {\n    initX: number\n    initY: number\n    initWidth: number\n    initHeight: number\n    mouseDownX: number\n    mouseDownY: number\n}\n\nexport const useResize = (\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n    onResize: (args: { x: number; y: number; width: number; height: number }) => void,\n): ((e: React.MouseEvent) => void) => {\n    const [dragging, setDragging] = useState(false);\n    const [initialDragState, setInitialDragState] = useState<InitialState>({\n        initX: 0,\n        initY: 0,\n        initWidth: 0,\n        initHeight: 0,\n        mouseDownX: 0,\n        mouseDownY: 0,\n    })\n\n    const onMouseDown = useCallback(\n        (e: React.MouseEvent) => {\n            e.preventDefault()\n            setInitialDragState({\n                initX: x,\n                initY: y,\n                initWidth: width,\n                initHeight: height,\n                mouseDownX: e.clientX,\n                mouseDownY: e.clientY,\n            })\n            setDragging(true)\n        },\n        [width, height, setDragging, setInitialDragState, x, y],\n    )\n\n    useEffect(() => {\n        const onMouseMove = (e: MouseEvent): void => {\n            if (dragging) {\n                const {\n                    initX,\n                    initY,\n                    initWidth,\n                    mouseDownX,\n                    initHeight,\n                    mouseDownY,\n                } = initialDragState\n                let dx = e.clientX - mouseDownX\n                let dy = e.clientY - mouseDownY\n                const width = initWidth + dx;\n                const height = initHeight + dy;\n                return onResize({ x: initX, y: initY, width, height })\n            }\n        }\n        window.addEventListener('mousemove', onMouseMove, { passive: true })\n        return () => window.removeEventListener('mousemove', onMouseMove)\n    }, [initialDragState, dragging, onResize])\n\n    useEffect(() => {\n        const onMouseUp = (): void => {\n            setDragging(false)\n        }\n        window.addEventListener('mouseup', onMouseUp);\n        return () => window.removeEventListener('mouseup', onMouseUp)\n    }, [setDragging])\n\n    return onMouseDown\n}\n"]}