react-ui-basics 0.0.189 → 0.0.191

package/AutocompleteSelect.js

@@ -8,6 +8,7 @@ import { orNoop, isString, memo, continuousIncludes, isFunction, preventDefault,
 import Button from './Button.js';
 import MaterialIcon from './MaterialIcon.js';
 import { PureComponent } from './ReactConstants.js';
+import ReactDOM from 'react-dom';
 
 var MODE_DEFAULT = 'default';
 var MODE_INLINE = 'inline';
@@ -61,6 +62,20 @@ var AutocompleteSelect = function (_PureComponent) {
     var _this;
     _classCallCheck(this, AutocompleteSelect);
     _this = _super.call(this, props);
+    _this.updateListPosition = function () {
+      if (__props(_this).listPortal && __state(_this).isActive) {
+        var rect = _this.el.getBoundingClientRect();
+        _this.setState({
+          listStyles: {
+            position: 'absolute',
+            top: rect.bottom + 'px',
+            left: __left(rect) + 'px',
+            minWidth: __width(rect) + 'px',
+            maxHeight: '300px'
+          }
+        });
+      }
+    };
     _this.initSelected = function (_ref2, _ref3) {
       var value = __value(_ref2),
         mode = _ref2.mode,
@@ -200,7 +215,10 @@ var AutocompleteSelect = function (_PureComponent) {
       var _this2 = this;
       addEventListener(DOCUMENT, 'mousedown', this.listener = function (e) {
         if (__state(_this2).isActive && _this2.el && !_this2.el.contains(__target(e))) {
-          _this2.onClickOutside();
+          var _this2$list, _this2$list$el;
+          if (!__props(_this2).listPortal || !((_this2$list = _this2.list) != null && (_this2$list$el = _this2$list.el) != null && _this2$list$el.el) || !_this2.list.el.el.contains(__target(e))) {
+            _this2.onClickOutside();
+          }
         }
       });
       if (__props(this).required) {
@@ -215,11 +233,13 @@ var AutocompleteSelect = function (_PureComponent) {
         }
       }
       this.initSelected(__props(this), __state(this));
+      this.updateListPosition();
     }
   }, {
     key: [ReactConstants[2]],
     value: function componentDidUpdate(prevProps, prevState, snapshot) {
       if (__props(this).value !== __value(prevProps)) this.initSelected(__props(this), __state(this));
+      if (__state(this).isActive && !prevState.isActive) this.updateListPosition();
     }
   }, {
     key: [ReactConstants[1]],
@@ -249,7 +269,8 @@ var AutocompleteSelect = function (_PureComponent) {
         required = _this$props4.required,
         allowCustom = _this$props4.allowCustom,
         inlineSelected = _this$props4.inlineSelected,
-        removeIcon = _this$props4.removeIcon;
+        removeIcon = _this$props4.removeIcon,
+        listPortal = _this$props4.listPortal;
       var id = __props(this).id || this.randomId;
       var selectedComponent = __props(this).selectedComponent || childComponent;
       var _this$state2 = __state(this),
@@ -258,7 +279,9 @@ var AutocompleteSelect = function (_PureComponent) {
         _this$state2$filterVa = _this$state2.filterValue,
         filterValue = _this$state2$filterVa === void 0 ? '' : _this$state2$filterVa,
         errored = _this$state2.errored;
-      var isActive = __state(this).isActive;
+      var _this$state3 = __state(this),
+        isActive = _this$state3.isActive,
+        listStyles = _this$state3.listStyles;
       if (__props(this).isActive !== UNDEFINED) {
         isActive = __props(this).isActive;
       }
@@ -295,6 +318,26 @@ var AutocompleteSelect = function (_PureComponent) {
         return suggestion !== filterValueTrimmed;
       }))) : data;
       var filterFunction = this.createFilter(prefilter, filterValue, filterValueTrimmed.toLowerCase(), filter);
+      var filteredList = ReactCreateElement(FilteredList, {
+        [ReactConstants[5]]: classNames(isActive && 'visible', listPortal && 'portal'),
+        style: listStyles,
+        ref: ref('list', this),
+        filter: filterFunction,
+        selectSingle: !allowCustom,
+        scroll: scroll,
+        inline: isInline,
+        nextProvider: ref('next', this),
+        prevProvider: ref('prev', this),
+        selectedProvider: ref('getSelected', this),
+        resetProvider: ref('reset', this),
+        onSelect: this.onSelect,
+        selected: selected,
+        childComponent: childComponent,
+        childProps: childProps,
+        data: dataFiltered,
+        labels: labels
+      });
+      filteredList = listPortal ? ReactDOM.createPortal(filteredList, listPortal) : filteredList;
       return ReactCreateElement("div", {
         id: id,
         [ReactConstants[5]]: classNames('AutocompleteSelect', mode, isMultipleSelect(mode) && 'multi', className, withFilter ? 'withFilter' : 'withoutFilter', isActive && 'active', errored && 'errored', inlineSelected && 'inlineSelected', hasSelected && 'hasSelected'),
@@ -410,24 +453,7 @@ var AutocompleteSelect = function (_PureComponent) {
             _this3.onCancel();
           }
         }
-      }), !withFilter && inputLabel && ReactCreateElement("label", null, inputLabel)), ReactCreateElement(FilteredList, {
-        [ReactConstants[5]]: classNames(isActive && 'visible'),
-        ref: ref('list', this),
-        filter: filterFunction,
-        selectSingle: !allowCustom,
-        scroll: scroll,
-        inline: isInline,
-        nextProvider: ref('next', this),
-        prevProvider: ref('prev', this),
-        selectedProvider: ref('getSelected', this),
-        resetProvider: ref('reset', this),
-        onSelect: this.onSelect,
-        selected: selected,
-        childComponent: childComponent,
-        childProps: childProps,
-        data: dataFiltered,
-        labels: labels
-      }));
+      }), !withFilter && inputLabel && ReactCreateElement("label", null, inputLabel)), filteredList);
     }
   }]);
   return AutocompleteSelect;

package/AutocompleteSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteSelect.js","sources":["./src/AutocompleteSelect.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './AutocompleteSelect.css'\nimport TextField from \"./TextField\";\nimport FilteredList, {getLabel} from \"./FilteredList\";\nimport {\n    classNames,\n    continuousIncludes,\n    getRandomId,\n    ref,\n    orNoop,\n    preventDefault,\n    stopPropagation,\n    DOCUMENT,\n    addEventListener,\n    removeEventListener,\n    isObject,\n    isFunction,\n    isString, UNDEFINED, memo\n} from \"./Tools\";\nimport Button from \"./Button\";\nimport MaterialIcon from \"./MaterialIcon\";\nimport {PureComponent} from \"./ReactConstants\";\n\nexport const MODE_DEFAULT = 'default';\nexport const MODE_INLINE = 'inline';\nexport const MODE_INLINE_MULTIPLE = 'inline-multiple';\nexport const MODE_MULTIPLE_AUTO = 'multiple-auto';\nexport const MODE_MULTIPLE = 'multiple';\nexport const MODE_MULTIPLE_MINI = 'multiple-mini';\nexport const MODE_MINI = 'mini';\nexport const MODE_MULTIPLE_MINI_INLINE = 'multiple-mini-inline';\n\n\nconst DummyChild = ({id, label, dataConsumer, onClick}) => {\n    orNoop(dataConsumer)(label || id);\n    return <div className={`DummyChild`} onClick={onClick}>{label || id}</div>\n};\n\nconst prepareSelected = (value) => {\n    let result;\n    if (value != null) {\n        if (Array.isArray(value))\n            result = value.reduce((map, obj) => {\n                map[obj] = obj;\n                return map;\n            }, {});\n        else if (isObject(value))\n            result = value;\n        else if (value)\n            result = {[value]: value};\n        else\n            result = {}\n    } else {\n        result = {};\n    }\n    return result;\n};\n\nconst findParent = (el, tag) => {\n    if (el != null) {\n        const tagName = el.tagName;\n        if (tagName && tagName.toUpperCase() === tag.toUpperCase()) {\n            return el;\n        } else {\n            return findParent(el.parentNode, tag)\n        }\n    }\n    return null;\n}\n\nfunction isMultipleSelect(mode) {\n    return mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI || mode === MODE_MULTIPLE_MINI_INLINE;\n}\n\nclass AutocompleteSelect extends PureComponent {\n\n    static propTypes = {\n        mode: PropTypes.oneOf([MODE_DEFAULT, MODE_INLINE, MODE_MULTIPLE, MODE_MULTIPLE_AUTO, MODE_MULTIPLE_MINI, MODE_MULTIPLE_MINI_INLINE, MODE_INLINE_MULTIPLE, MODE_MINI])\n    };\n\n    constructor(props) {\n        super(props);\n        const that = this;\n        that.state = {\n            selected: prepareSelected(props.value),\n            isActive: !!props.focused,\n\n        };\n        that.randomId = getRandomId('acs-');\n\n        const {data, getSelected} = props;\n        isFunction(data) && data(data => that.setState({data}));\n\n        getSelected && getSelected(() => Object.values(that.state.selected));\n    }\n\n    componentDidMount() {\n        addEventListener(DOCUMENT, 'mousedown', this.listener = (e) => {\n            if (this.state.isActive && this.el && !this.el.contains(e.target)) {\n                this.onClickOutside()\n            }\n        })\n        if (this.props.required) {\n            const form = findParent(this.el.parentNode, 'form')\n            if (form) {\n                addEventListener(this.submitButton = form.querySelector('button[type=submit]'), 'click', this.formSubmitListener = (e) => {\n                    const errored = Object.keys(this.state.selected).length === 0;\n                    this.setState({errored: errored})\n                })\n            }\n        }\n        this.initSelected(this.props, this.state)\n    }\n\n    componentDidUpdate(prevProps, prevState, snapshot) {\n        if (this.props.value !== prevProps.value)\n            this.initSelected(this.props, this.state)\n    }\n\n    initSelected = ({value, mode, allowCustom}, {filterValue = ''}) => {\n        this.setState({\n            selected: prepareSelected(value),\n            filterValue: allowCustom && isString(value) && !isMultipleSelect(mode) ? value : filterValue,\n        });\n    };\n\n    componentWillUnmount() {\n        removeEventListener(DOCUMENT, 'mousedown', this.listener)\n        removeEventListener(this.submitButton, 'click', this.formSubmitListener)\n    }\n\n    static defaultProps = {\n        childComponent: DummyChild,\n        withArrow: true,\n        withFilter: true,\n        withReset: false,\n        scrollToValue: false,\n        mode: MODE_DEFAULT,\n        selectedMode: 'full',\n        removeIcon: <MaterialIcon icon=\"close\"/>,\n    };\n\n    createFilter = memo((prefilter, filterValue, filterValueTrimmed, filter) => it => {\n            if (!it) return false;\n            if (prefilter && !prefilter(it)) return false;\n            if (!filterValue) return true;\n\n            if (filter) return filter(it, filterValueTrimmed);\n\n            let value = (isString(it) ? it : (it.name || it.label || '')).toLowerCase().trim();\n            return continuousIncludes(value, filterValueTrimmed);\n        }\n    )\n\n    render() {\n        const {\n            childComponent,\n            childProps,\n            withArrow,\n            withFilter,\n            withReset,\n            filter,\n            label,\n            inputLabel,\n            mode,\n            selectedMode,\n            prefilter,\n            className,\n            scrollToValue,\n            scroll,\n            required,\n            allowCustom,\n            inlineSelected,\n            removeIcon,\n        } = this.props;\n        const id = this.props.id || this.randomId;\n        const selectedComponent = this.props.selectedComponent || childComponent;\n        const {selected = {}, filterValue = '', errored} = this.state;\n        let {isActive} = this.state;\n        if (this.props.isActive !== UNDEFINED) {\n            isActive = this.props.isActive\n        }\n        let {data = [], labels = {}} = this.props;\n        if (this.state.data)\n            data = this.state.data;\n\n        if (!Array.isArray(data))\n            data = [];\n\n        const selectedIds = Object.values(selected);\n        const hasSelected = selectedIds.length !== 0;\n        const setActive = (e) => {\n            stopPropagation(e);\n            this.setState({isActive: true}, () => (scrollToValue && selectedIds.length > 0) && this.list.scrollTo(selectedIds[0]));\n        };\n        const toggle = (e) => {\n            if (!this.state.isActive) {\n                setActive(e);\n            } else {\n                stopPropagation(e);\n                this.setState({isActive: false});\n            }\n        };\n\n        const isInline = mode === MODE_INLINE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE;\n        const filterValueTrimmed = filterValue.trim();\n        const dataFiltered = allowCustom ? [filterValueTrimmed, ...data.filter(suggestion => suggestion !== filterValueTrimmed)] : data;\n\n        const filterFunction = this.createFilter(prefilter, filterValue, filterValueTrimmed.toLowerCase(), filter)\n        return (\n            <div id={id}\n                 className={classNames(\n                     'AutocompleteSelect',\n                     mode,\n                     isMultipleSelect(mode) && 'multi',\n                     className,\n                     withFilter ? 'withFilter' : 'withoutFilter',\n                     isActive && 'active',\n                     errored && 'errored',\n                     inlineSelected && 'inlineSelected',\n                     hasSelected && 'hasSelected',\n                 )}\n                 ref={ref('el', this)}>\n                {label && <label className={classNames(`label`, (hasSelected || filterValue) && 'active', hasSelected && 'hasSelected')}\n                                 htmlFor={'f-' + id}\n                                 onClick={() => {\n                                     if (mode === MODE_MULTIPLE_MINI_INLINE || !isActive) {\n                                         toggle();\n                                     }\n                                 }}\n                >\n                    {label}\n                    {required && ' *'}\n                    {withArrow && <span className=\"arrow\"/>}\n                </label>}\n\n                {(!isActive || mode === MODE_MULTIPLE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE_AUTO || !withFilter) && !inlineSelected && hasSelected && (\n                    <div\n                        className={classNames('selected',\n                            !label && 'nolabel',\n                            (mode === MODE_MULTIPLE_MINI || mode === MODE_MINI || mode === MODE_MULTIPLE_MINI_INLINE) && 'clickable',\n                            selectedMode)}\n                        onClick={toggle}>\n\n                        {selectedMode === 'full' && selectedIds.map(id =>\n                            <div className=\"value\" key={id}>\n                                {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                                <div className=\"button remove\" onClick={e => {\n                                    stopPropagation(e);\n                                    this.remove(id);\n                                }}>\n                                    {removeIcon}\n                                </div>\n                            </div>\n                        )}\n                        {selectedMode === 'inline' && selectedIds.map(id =>\n                            <React.Fragment key={id}>\n                                {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                                {id !== selectedIds[selectedIds.length - 1] && ', '}\n                            </React.Fragment>\n                        )}\n                        {!label && withArrow && <span className=\"arrow\"/>}\n                        {withReset && <Button className=\"reset\" raised={false} onClick={this.clean}>\n                            {removeIcon}\n                        </Button>}\n                    </div>\n                )}\n\n                {inlineSelected && hasSelected && <>\n                    {selectedMode === 'full' && selectedIds.map(id =>\n                        <div className=\"value\" key={id}>\n                            {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                            <div className=\"button remove\" onClick={e => {\n                                stopPropagation(e);\n                                this.remove(id);\n                            }}>\n                                {removeIcon}\n                            </div>\n                        </div>\n                    )}\n                    {selectedMode === 'inline' && selectedIds.map(id =>\n                        <React.Fragment key={id}>\n                            {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                            {id !== selectedIds[selectedIds.length - 1] && ', '}\n                        </React.Fragment>\n                    )}\n                </>}\n\n                {(isActive || (!hasSelected && mode !== MODE_MULTIPLE_MINI_INLINE) || mode === MODE_MULTIPLE || (mode === MODE_MULTIPLE_AUTO && selectedIds.length > 1) || mode === MODE_INLINE_MULTIPLE) && (\n                    <div className={`input`} data-value={filterValue}>\n                        {withFilter && <TextField autoComplete=\"new-password\" id={'f-' + id}\n                                                  ref={ref('input', this)}\n                                                  focused={isActive}\n                                                  value={filterValue}\n                                                  label={inputLabel}\n                                                  onChange={this.onChange}\n                                                  onFocus={e => this.setState({isActive: true})}\n                                                  check={this.props.filterCheck}\n                                                  onKeyDown={e => {\n                                                      const keyCode = e.keyCode;\n                                                      if (keyCode === 38/*up*/) {\n                                                          preventDefault(e);\n                                                          this.prev();\n                                                      } else if (keyCode === 40/*down*/) {\n                                                          preventDefault(e);\n                                                          this.next();\n                                                      } else if (keyCode === 13/*enter*/) {\n                                                          preventDefault(e);\n                                                          this.onSelect(this.getSelected())\n                                                      } else if (keyCode === 9/*tab*/) {\n                                                          this.onSelect(this.getSelected())\n                                                      } else if (keyCode === 8/*backspace*/) {\n                                                          if (!filterValue && (selectedIds.length !== 0) && isMultipleSelect(mode)) {\n                                                              this.remove(selectedIds[selectedIds.length - 1]);\n                                                          }\n                                                          this.reset()\n                                                      } else if (keyCode === 46/*delete*/) {\n                                                          this.reset()\n                                                      } else if (keyCode === 27/*esc*/) {\n                                                          this.setState({\n                                                              isActive: false,\n                                                              filterValue: isMultipleSelect(mode) ? '' : (allowCustom ? filterValue : ''),\n                                                          });\n                                                          this.input.getInput().blur()\n                                                          this.onCancel();\n                                                      }\n                                                      // console.log('key pressed:', e.keyCode)\n                                                  }}\n                        />}\n                        {!withFilter && inputLabel && <label>{inputLabel}</label>}\n                    </div>\n                )}\n\n                <FilteredList className={classNames(isActive && 'visible')}\n                              ref={ref('list', this)}\n                              filter={filterFunction}\n                              selectSingle={!allowCustom}\n                              scroll={scroll}\n                              inline={isInline}\n                              nextProvider={ref('next', this)}\n                              prevProvider={ref('prev', this)}\n                              selectedProvider={ref('getSelected', this)}\n                              resetProvider={ref('reset', this)}\n                              onSelect={this.onSelect}\n                              selected={selected}\n                              childComponent={childComponent}\n                              childProps={childProps}\n                              data={dataFiltered}\n                              labels={labels}\n                />\n            </div>\n        )\n    }\n\n    onClickOutside = () => {\n        const {allowCustom, required} = this.props;\n        const {filterValue} = this.state;\n        if (allowCustom && (!!filterValue || !required)) {\n            this.onSelect()\n        }\n\n        this.setState({isActive: false});\n\n        this.onCancel();\n    };\n\n    onCancel = () => {\n        orNoop(this.props.onCancel)()\n    };\n\n    onSelect = (selectedId) => {\n        const {mode, required, allowCustom, onSelect, onChange, default: defaultValue} = this.props;\n        const {filterValue, selected: currentSelection} = this.state;\n        const {labels = {}, onFilterInputChange} = this.props;\n\n        if (selectedId == null && (!!filterValue || !required) && allowCustom && (!this.input || !this.input.check()))\n            selectedId = filterValue.trim();\n\n        const isMultiSelect = isMultipleSelect(mode);\n\n        if (!selectedId && isMultiSelect) {\n            selectedId = null;\n        }\n\n        // debugger\n\n        const isSelected = selectedId != null;\n\n        let selected = {...currentSelection};\n        if (selected[selectedId] && (defaultValue || isMultiSelect)) {\n            delete selected[selectedId];\n            if (defaultValue && Object.keys(selected).length === 0)\n                selected[defaultValue] = defaultValue;\n        } else if (isSelected && (isMultiSelect)) {\n            selected[selectedId] = selectedId;\n        } else if (isSelected) {\n            selected = {[selectedId]: selectedId};\n        }\n\n        const errored = required && Object.keys(selected) === 0;\n\n        const isActive = mode === MODE_MULTIPLE_MINI_INLINE || (isMultiSelect && isSelected)\n\n        let customValue = '';\n        if (allowCustom && selectedId) {\n            let label\n            if (isFunction(labels))\n                label = labels(selectedId)\n            else\n                label = labels[selectedId]\n\n            if (label && isString(label))\n                customValue = label\n        }\n\n        let filterValueWithCustom = isMultiSelect ? '' : customValue;\n        this.setState({\n            isActive: isActive,\n            selected: selected,\n            filterValue: filterValueWithCustom,\n            errored,\n        });\n\n        if (filterValueWithCustom !== filterValue)\n            orNoop(onFilterInputChange)(filterValueWithCustom)\n\n        if (isActive && this.input)\n            this.input.getInput().focus()\n\n        orNoop(onSelect)(selectedId);\n        orNoop(onChange)(Object.values(selected));\n    };\n\n    clean = (e) => {\n        preventDefault(e);\n        stopPropagation(e);\n\n        this.setState({\n            isActive: false,\n            selected: {},\n            filterValue: '',\n        });\n\n        orNoop(this.props.onSelect)(null);\n        orNoop(this.props.onChange)([]);\n\n        this.initSelected(this.props, this.state);\n    };\n\n    remove = (id) => {\n        let result = {\n            ...this.state,\n            selected: {...this.state.selected},\n            filterValue: '',\n        };\n        delete result.selected[id];\n        this.setState(result);\n        orNoop(this.props.onChange)(Object.values(result.selected));\n    };\n\n    onChange = (event) => {\n        const value = event.target.value;\n        this.setState({filterValue: value});\n        this.props.onFilterInputChange?.(value);\n    }\n}\n\nexport default AutocompleteSelect;\n"],"names":["MODE_DEFAULT","MODE_INLINE","MODE_INLINE_MULTIPLE","MODE_MULTIPLE_AUTO","MODE_MULTIPLE","MODE_MULTIPLE_MINI","MODE_MINI","MODE_MULTIPLE_MINI_INLINE","DummyChild","id","label","dataConsumer","onClick","orNoop","prepareSelected","value","result","Array","isArray","reduce","map","obj","isObject","findParent","el","tag","tagName","toUpperCase","parentNode","isMultipleSelect","mode","AutocompleteSelect","props","initSelected","allowCustom","filterValue","setState","selected","isString","createFilter","memo","prefilter","filterValueTrimmed","filter","it","name","toLowerCase","trim","continuousIncludes","onClickOutside","required","state","onSelect","isActive","onCancel","selectedId","onChange","defaultValue","currentSelection","labels","onFilterInputChange","input","check","isMultiSelect","isSelected","Object","keys","length","errored","customValue","isFunction","filterValueWithCustom","getInput","focus","values","clean","e","preventDefault","stopPropagation","remove","_objectSpread","event","target","that","focused","randomId","getRandomId","data","getSelected","addEventListener","DOCUMENT","listener","contains","form","submitButton","querySelector","formSubmitListener","prevProps","prevState","snapshot","removeEventListener","childComponent","childProps","withArrow","withFilter","withReset","inputLabel","selectedMode","className","scrollToValue","scroll","inlineSelected","removeIcon","selectedComponent","UNDEFINED","selectedIds","hasSelected","setActive","list","scrollTo","toggle","isInline","dataFiltered","suggestion","filterFunction","classNames","ref","React","createElement","getLabel","filterCheck","keyCode","prev","next","reset","blur","PureComponent","propTypes","PropTypes","oneOf","defaultProps"],"mappings":"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"}
+{"version":3,"file":"AutocompleteSelect.js","sources":["./src/AutocompleteSelect.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport PropTypes from 'prop-types';\nimport './AutocompleteSelect.css'\nimport TextField from \"./TextField\";\nimport FilteredList, {getLabel} from \"./FilteredList\";\nimport {\n    classNames,\n    continuousIncludes,\n    getRandomId,\n    ref,\n    orNoop,\n    preventDefault,\n    stopPropagation,\n    DOCUMENT,\n    addEventListener,\n    removeEventListener,\n    isObject,\n    isFunction,\n    isString, UNDEFINED, memo\n} from \"./Tools\";\nimport Button from \"./Button\";\nimport MaterialIcon from \"./MaterialIcon\";\nimport {PureComponent} from \"./ReactConstants\";\nimport ReactDOM from \"react-dom\";\n\nexport const MODE_DEFAULT = 'default';\nexport const MODE_INLINE = 'inline';\nexport const MODE_INLINE_MULTIPLE = 'inline-multiple';\nexport const MODE_MULTIPLE_AUTO = 'multiple-auto';\nexport const MODE_MULTIPLE = 'multiple';\nexport const MODE_MULTIPLE_MINI = 'multiple-mini';\nexport const MODE_MINI = 'mini';\nexport const MODE_MULTIPLE_MINI_INLINE = 'multiple-mini-inline';\n\n\nconst DummyChild = ({id, label, dataConsumer, onClick}) => {\n    orNoop(dataConsumer)(label || id);\n    return <div className={`DummyChild`} onClick={onClick}>{label || id}</div>\n};\n\nconst prepareSelected = (value) => {\n    let result;\n    if (value != null) {\n        if (Array.isArray(value))\n            result = value.reduce((map, obj) => {\n                map[obj] = obj;\n                return map;\n            }, {});\n        else if (isObject(value))\n            result = value;\n        else if (value)\n            result = {[value]: value};\n        else\n            result = {}\n    } else {\n        result = {};\n    }\n    return result;\n};\n\nconst findParent = (el, tag) => {\n    if (el != null) {\n        const tagName = el.tagName;\n        if (tagName && tagName.toUpperCase() === tag.toUpperCase()) {\n            return el;\n        } else {\n            return findParent(el.parentNode, tag)\n        }\n    }\n    return null;\n}\n\nfunction isMultipleSelect(mode) {\n    return mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI || mode === MODE_MULTIPLE_MINI_INLINE;\n}\n\nclass AutocompleteSelect extends PureComponent {\n\n    static propTypes = {\n        mode: PropTypes.oneOf([MODE_DEFAULT, MODE_INLINE, MODE_MULTIPLE, MODE_MULTIPLE_AUTO, MODE_MULTIPLE_MINI, MODE_MULTIPLE_MINI_INLINE, MODE_INLINE_MULTIPLE, MODE_MINI])\n    };\n\n    constructor(props) {\n        super(props);\n        const that = this;\n        that.state = {\n            selected: prepareSelected(props.value),\n            isActive: !!props.focused,\n\n        };\n        that.randomId = getRandomId('acs-');\n\n        const {data, getSelected} = props;\n        isFunction(data) && data(data => that.setState({data}));\n\n        getSelected && getSelected(() => Object.values(that.state.selected));\n    }\n\n    componentDidMount() {\n        addEventListener(DOCUMENT, 'mousedown', this.listener = (e) => {\n            if (this.state.isActive && this.el && !this.el.contains(e.target)) {\n                if(!this.props.listPortal || !this.list?.el?.el || !this.list.el.el.contains(e.target)){\n                    this.onClickOutside()\n                }\n            }\n        })\n        if (this.props.required) {\n            const form = findParent(this.el.parentNode, 'form')\n            if (form) {\n                addEventListener(this.submitButton = form.querySelector('button[type=submit]'), 'click', this.formSubmitListener = (e) => {\n                    const errored = Object.keys(this.state.selected).length === 0;\n                    this.setState({errored: errored})\n                })\n            }\n        }\n        this.initSelected(this.props, this.state)\n        this.updateListPosition()\n    }\n\n    updateListPosition = () => {\n        if (this.props.listPortal && this.state.isActive) {\n            var rect = this.el.getBoundingClientRect();\n            this.setState({\n                listStyles: {\n                    position: 'absolute',\n                    top: rect.bottom + 'px',\n                    left: rect.left + 'px',\n                    minWidth: rect.width + 'px',\n                    maxHeight: '300px',\n                }\n            })\n        }\n    }\n\n    componentDidUpdate(prevProps, prevState, snapshot) {\n        if (this.props.value !== prevProps.value)\n            this.initSelected(this.props, this.state)\n        if (this.state.isActive && !prevState.isActive)\n            this.updateListPosition()\n    }\n\n    initSelected = ({value, mode, allowCustom}, {filterValue = ''}) => {\n        this.setState({\n            selected: prepareSelected(value),\n            filterValue: allowCustom && isString(value) && !isMultipleSelect(mode) ? value : filterValue,\n        });\n    };\n\n    componentWillUnmount() {\n        removeEventListener(DOCUMENT, 'mousedown', this.listener)\n        removeEventListener(this.submitButton, 'click', this.formSubmitListener)\n    }\n\n    static defaultProps = {\n        childComponent: DummyChild,\n        withArrow: true,\n        withFilter: true,\n        withReset: false,\n        scrollToValue: false,\n        mode: MODE_DEFAULT,\n        selectedMode: 'full',\n        removeIcon: <MaterialIcon icon=\"close\"/>,\n    };\n\n    createFilter = memo((prefilter, filterValue, filterValueTrimmed, filter) => it => {\n            if (!it) return false;\n            if (prefilter && !prefilter(it)) return false;\n            if (!filterValue) return true;\n\n            if (filter) return filter(it, filterValueTrimmed);\n\n            let value = (isString(it) ? it : (it.name || it.label || '')).toLowerCase().trim();\n            return continuousIncludes(value, filterValueTrimmed);\n        }\n    )\n\n    render() {\n        const {\n            childComponent,\n            childProps,\n            withArrow,\n            withFilter,\n            withReset,\n            filter,\n            label,\n            inputLabel,\n            mode,\n            selectedMode,\n            prefilter,\n            className,\n            scrollToValue,\n            scroll,\n            required,\n            allowCustom,\n            inlineSelected,\n            removeIcon,\n            listPortal,\n        } = this.props;\n        const id = this.props.id || this.randomId;\n        const selectedComponent = this.props.selectedComponent || childComponent;\n        const {selected = {}, filterValue = '', errored} = this.state;\n        let {isActive, listStyles} = this.state;\n        if (this.props.isActive !== UNDEFINED) {\n            isActive = this.props.isActive\n        }\n        let {data = [], labels = {}} = this.props;\n        if (this.state.data)\n            data = this.state.data;\n\n        if (!Array.isArray(data))\n            data = [];\n\n        const selectedIds = Object.values(selected);\n        const hasSelected = selectedIds.length !== 0;\n        const setActive = (e) => {\n            stopPropagation(e);\n            this.setState({isActive: true}, () => (scrollToValue && selectedIds.length > 0) && this.list.scrollTo(selectedIds[0]));\n        };\n        const toggle = (e) => {\n            if (!this.state.isActive) {\n                setActive(e);\n            } else {\n                stopPropagation(e);\n                this.setState({isActive: false});\n            }\n        };\n\n        const isInline = mode === MODE_INLINE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE;\n        const filterValueTrimmed = filterValue.trim();\n        const dataFiltered = allowCustom ? [filterValueTrimmed, ...data.filter(suggestion => suggestion !== filterValueTrimmed)] : data;\n\n        const filterFunction = this.createFilter(prefilter, filterValue, filterValueTrimmed.toLowerCase(), filter)\n        let filteredList = <FilteredList className={classNames(isActive && 'visible', listPortal && 'portal')}\n                                         style={listStyles}\n                                         ref={ref('list', this)}\n                                         filter={filterFunction}\n                                         selectSingle={!allowCustom}\n                                         scroll={scroll}\n                                         inline={isInline}\n                                         nextProvider={ref('next', this)}\n                                         prevProvider={ref('prev', this)}\n                                         selectedProvider={ref('getSelected', this)}\n                                         resetProvider={ref('reset', this)}\n                                         onSelect={this.onSelect}\n                                         selected={selected}\n                                         childComponent={childComponent}\n                                         childProps={childProps}\n                                         data={dataFiltered}\n                                         labels={labels}\n        />;\n        filteredList = listPortal ? ReactDOM.createPortal(filteredList, listPortal) : filteredList\n\n        return (\n            <div id={id}\n                 className={classNames(\n                     'AutocompleteSelect',\n                     mode,\n                     isMultipleSelect(mode) && 'multi',\n                     className,\n                     withFilter ? 'withFilter' : 'withoutFilter',\n                     isActive && 'active',\n                     errored && 'errored',\n                     inlineSelected && 'inlineSelected',\n                     hasSelected && 'hasSelected',\n                 )}\n                 ref={ref('el', this)}>\n                {label && <label className={classNames(`label`, (hasSelected || filterValue) && 'active', hasSelected && 'hasSelected')}\n                                 htmlFor={'f-' + id}\n                                 onClick={() => {\n                                     if (mode === MODE_MULTIPLE_MINI_INLINE || !isActive) {\n                                         toggle();\n                                     }\n                                 }}\n                >\n                    {label}\n                    {required && ' *'}\n                    {withArrow && <span className=\"arrow\"/>}\n                </label>}\n\n                {(!isActive || mode === MODE_MULTIPLE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE_AUTO || !withFilter) && !inlineSelected && hasSelected && (\n                    <div\n                        className={classNames('selected',\n                            !label && 'nolabel',\n                            (mode === MODE_MULTIPLE_MINI || mode === MODE_MINI || mode === MODE_MULTIPLE_MINI_INLINE) && 'clickable',\n                            selectedMode)}\n                        onClick={toggle}>\n\n                        {selectedMode === 'full' && selectedIds.map(id =>\n                            <div className=\"value\" key={id}>\n                                {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                                <div className=\"button remove\" onClick={e => {\n                                    stopPropagation(e);\n                                    this.remove(id);\n                                }}>\n                                    {removeIcon}\n                                </div>\n                            </div>\n                        )}\n                        {selectedMode === 'inline' && selectedIds.map(id =>\n                            <React.Fragment key={id}>\n                                {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                                {id !== selectedIds[selectedIds.length - 1] && ', '}\n                            </React.Fragment>\n                        )}\n                        {!label && withArrow && <span className=\"arrow\"/>}\n                        {withReset && <Button className=\"reset\" raised={false} onClick={this.clean}>\n                            {removeIcon}\n                        </Button>}\n                    </div>\n                )}\n\n                {inlineSelected && hasSelected && <>\n                    {selectedMode === 'full' && selectedIds.map(id =>\n                        <div className=\"value\" key={id}>\n                            {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                            <div className=\"button remove\" onClick={e => {\n                                stopPropagation(e);\n                                this.remove(id);\n                            }}>\n                                {removeIcon}\n                            </div>\n                        </div>\n                    )}\n                    {selectedMode === 'inline' && selectedIds.map(id =>\n                        <React.Fragment key={id}>\n                            {React.createElement(selectedComponent, {...childProps, id, label: getLabel(labels, id), onClick: setActive})}\n                            {id !== selectedIds[selectedIds.length - 1] && ', '}\n                        </React.Fragment>\n                    )}\n                </>}\n\n                {(isActive || (!hasSelected && mode !== MODE_MULTIPLE_MINI_INLINE) || mode === MODE_MULTIPLE || (mode === MODE_MULTIPLE_AUTO && selectedIds.length > 1) || mode === MODE_INLINE_MULTIPLE) && (\n                    <div className={`input`} data-value={filterValue}>\n                        {withFilter && <TextField autoComplete=\"new-password\" id={'f-' + id}\n                                                  ref={ref('input', this)}\n                                                  focused={isActive}\n                                                  value={filterValue}\n                                                  label={inputLabel}\n                                                  onChange={this.onChange}\n                                                  onFocus={e => this.setState({isActive: true})}\n                                                  check={this.props.filterCheck}\n                                                  onKeyDown={e => {\n                                                      const keyCode = e.keyCode;\n                                                      if (keyCode === 38/*up*/) {\n                                                          preventDefault(e);\n                                                          this.prev();\n                                                      } else if (keyCode === 40/*down*/) {\n                                                          preventDefault(e);\n                                                          this.next();\n                                                      } else if (keyCode === 13/*enter*/) {\n                                                          preventDefault(e);\n                                                          this.onSelect(this.getSelected())\n                                                      } else if (keyCode === 9/*tab*/) {\n                                                          this.onSelect(this.getSelected())\n                                                      } else if (keyCode === 8/*backspace*/) {\n                                                          if (!filterValue && (selectedIds.length !== 0) && isMultipleSelect(mode)) {\n                                                              this.remove(selectedIds[selectedIds.length - 1]);\n                                                          }\n                                                          this.reset()\n                                                      } else if (keyCode === 46/*delete*/) {\n                                                          this.reset()\n                                                      } else if (keyCode === 27/*esc*/) {\n                                                          this.setState({\n                                                              isActive: false,\n                                                              filterValue: isMultipleSelect(mode) ? '' : (allowCustom ? filterValue : ''),\n                                                          });\n                                                          this.input.getInput().blur()\n                                                          this.onCancel();\n                                                      }\n                                                      // console.log('key pressed:', e.keyCode)\n                                                  }}\n                        />}\n                        {!withFilter && inputLabel && <label>{inputLabel}</label>}\n                    </div>\n                )}\n\n                {filteredList}\n            </div>\n        )\n    }\n\n    onClickOutside = () => {\n        const {allowCustom, required} = this.props;\n        const {filterValue} = this.state;\n        if (allowCustom && (!!filterValue || !required)) {\n            this.onSelect()\n        }\n\n        this.setState({isActive: false});\n\n        this.onCancel();\n    };\n\n    onCancel = () => {\n        orNoop(this.props.onCancel)()\n    };\n\n    onSelect = (selectedId) => {\n        const {mode, required, allowCustom, onSelect, onChange, default: defaultValue} = this.props;\n        const {filterValue, selected: currentSelection} = this.state;\n        const {labels = {}, onFilterInputChange} = this.props;\n\n        if (selectedId == null && (!!filterValue || !required) && allowCustom && (!this.input || !this.input.check()))\n            selectedId = filterValue.trim();\n\n        const isMultiSelect = isMultipleSelect(mode);\n\n        if (!selectedId && isMultiSelect) {\n            selectedId = null;\n        }\n\n        // debugger\n\n        const isSelected = selectedId != null;\n\n        let selected = {...currentSelection};\n        if (selected[selectedId] && (defaultValue || isMultiSelect)) {\n            delete selected[selectedId];\n            if (defaultValue && Object.keys(selected).length === 0)\n                selected[defaultValue] = defaultValue;\n        } else if (isSelected && (isMultiSelect)) {\n            selected[selectedId] = selectedId;\n        } else if (isSelected) {\n            selected = {[selectedId]: selectedId};\n        }\n\n        const errored = required && Object.keys(selected) === 0;\n\n        const isActive = mode === MODE_MULTIPLE_MINI_INLINE || (isMultiSelect && isSelected)\n\n        let customValue = '';\n        if (allowCustom && selectedId) {\n            let label\n            if (isFunction(labels))\n                label = labels(selectedId)\n            else\n                label = labels[selectedId]\n\n            if (label && isString(label))\n                customValue = label\n        }\n\n        let filterValueWithCustom = isMultiSelect ? '' : customValue;\n        this.setState({\n            isActive: isActive,\n            selected: selected,\n            filterValue: filterValueWithCustom,\n            errored,\n        });\n\n        if (filterValueWithCustom !== filterValue)\n            orNoop(onFilterInputChange)(filterValueWithCustom)\n\n        if (isActive && this.input)\n            this.input.getInput().focus()\n\n        orNoop(onSelect)(selectedId);\n        orNoop(onChange)(Object.values(selected));\n    };\n\n    clean = (e) => {\n        preventDefault(e);\n        stopPropagation(e);\n\n        this.setState({\n            isActive: false,\n            selected: {},\n            filterValue: '',\n        });\n\n        orNoop(this.props.onSelect)(null);\n        orNoop(this.props.onChange)([]);\n\n        this.initSelected(this.props, this.state);\n    };\n\n    remove = (id) => {\n        let result = {\n            ...this.state,\n            selected: {...this.state.selected},\n            filterValue: '',\n        };\n        delete result.selected[id];\n        this.setState(result);\n        orNoop(this.props.onChange)(Object.values(result.selected));\n    };\n\n    onChange = (event) => {\n        const value = event.target.value;\n        this.setState({filterValue: value});\n        this.props.onFilterInputChange?.(value);\n    }\n}\n\nexport default AutocompleteSelect;\n"],"names":["MODE_DEFAULT","MODE_INLINE","MODE_INLINE_MULTIPLE","MODE_MULTIPLE_AUTO","MODE_MULTIPLE","MODE_MULTIPLE_MINI","MODE_MINI","MODE_MULTIPLE_MINI_INLINE","DummyChild","id","label","dataConsumer","onClick","orNoop","prepareSelected","value","result","Array","isArray","reduce","map","obj","isObject","findParent","el","tag","tagName","toUpperCase","parentNode","isMultipleSelect","mode","AutocompleteSelect","props","updateListPosition","listPortal","state","isActive","rect","getBoundingClientRect","setState","listStyles","position","top","bottom","left","minWidth","width","maxHeight","initSelected","allowCustom","filterValue","selected","isString","createFilter","memo","prefilter","filterValueTrimmed","filter","it","name","toLowerCase","trim","continuousIncludes","onClickOutside","required","onSelect","onCancel","selectedId","onChange","defaultValue","currentSelection","labels","onFilterInputChange","input","check","isMultiSelect","isSelected","Object","keys","length","errored","customValue","isFunction","filterValueWithCustom","getInput","focus","values","clean","e","preventDefault","stopPropagation","remove","_objectSpread","event","target","that","focused","randomId","getRandomId","data","getSelected","addEventListener","DOCUMENT","listener","contains","list","form","submitButton","querySelector","formSubmitListener","prevProps","prevState","snapshot","removeEventListener","childComponent","childProps","withArrow","withFilter","withReset","inputLabel","selectedMode","className","scrollToValue","scroll","inlineSelected","removeIcon","selectedComponent","UNDEFINED","selectedIds","hasSelected","setActive","scrollTo","toggle","isInline","dataFiltered","suggestion","filterFunction","filteredList","classNames","ref","ReactDOM","createPortal","React","createElement","getLabel","filterCheck","keyCode","prev","next","reset","blur","PureComponent","propTypes","PropTypes","oneOf","defaultProps"],"mappings":";;;;;;;;;;;;AA0BO,IAAMA,YAAY,GAAG,UAAS;AAC9B,IAAMC,WAAW,GAAG,SAAQ;AAC5B,IAAMC,oBAAoB,GAAG,kBAAiB;AAC9C,IAAMC,kBAAkB,GAAG,gBAAe;AAC1C,IAAMC,aAAa,GAAG,WAAU;AAChC,IAAMC,kBAAkB,GAAG,gBAAe;AAC1C,IAAMC,SAAS,GAAG,OAAM;AACxB,IAAMC,yBAAyB,GAAG,uBAAsB;AAG/D,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAA2C,IAAA,EAAA;EAAA,IAAtCC,EAAE,QAAFA,EAAE;AAAEC,IAAAA,KAAK,QAALA,KAAK;AAAEC,IAAAA,YAAY,QAAZA,YAAY;AAAEC,IAAAA,OAAO,QAAPA,OAAO,CAAA;AACjDC,EAAAA,MAAM,CAACF,YAAY,CAAC,CAACD,KAAK,IAAID,EAAE,CAAC,CAAA;EACjC,OAAO,kBAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAe,YAAA;AAAC,IAAA,OAAO,EAAEG,OAAAA;GAAUF,EAAAA,KAAK,IAAID,EAAE,CAAO,CAAA;AAC9E,CAAC,CAAA;AAED,IAAMK,eAAe,GAAG,SAAlBA,eAAe,CAAIC,KAAK,EAAK;AAC/B,EAAA,IAAIC,MAAM,CAAA;EACV,IAAID,KAAK,IAAI,IAAI,EAAE;AACf,IAAA,IAAIE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EACpBC,MAAM,GAAGD,KAAK,CAACI,MAAM,CAAC,UAACC,GAAG,EAAEC,GAAG,EAAK;AAChCD,MAAAA,GAAG,CAACC,GAAG,CAAC,GAAGA,GAAG,CAAA;AACd,MAAA,OAAOD,GAAG,CAAA;AACd,KAAC,EAAE,EAAE,CAAC,CAAC,KACN,IAAIE,QAAQ,CAACP,KAAK,CAAC,EACpBC,MAAM,GAAGD,KAAK,CAAC,KACd,IAAIA,KAAK,EACVC,MAAM,uBAAKD,KAAK,EAAGA,KAAK,CAAC,CAAC,KAE1BC,MAAM,GAAG,EAAE,CAAA;AACnB,GAAC,MAAM;IACHA,MAAM,GAAG,EAAE,CAAA;AACf,GAAA;AACA,EAAA,OAAOA,MAAM,CAAA;AACjB,CAAC,CAAA;AAED,IAAMO,UAAU,GAAG,SAAbA,UAAU,CAAIC,EAAE,EAAEC,GAAG,EAAK;EAC5B,IAAID,EAAE,IAAI,IAAI,EAAE;AACZ,IAAA,IAAME,OAAO,GAAGF,EAAE,CAACE,OAAO,CAAA;IAC1B,IAAIA,OAAO,IAAIA,OAAO,CAACC,WAAW,EAAE,KAAKF,GAAG,CAACE,WAAW,EAAE,EAAE;AACxD,MAAA,OAAOH,EAAE,CAAA;AACb,KAAC,MAAM;AACH,MAAA,OAAOD,UAAU,CAACC,EAAE,CAACI,UAAU,EAAEH,GAAG,CAAC,CAAA;AACzC,KAAA;AACJ,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACf,CAAC,CAAA;AAED,SAASI,gBAAgB,CAACC,IAAI,EAAE;AAC5B,EAAA,OAAOA,IAAI,KAAK1B,aAAa,IAAI0B,IAAI,KAAK3B,kBAAkB,IAAI2B,IAAI,KAAK5B,oBAAoB,IAAI4B,IAAI,KAAKzB,kBAAkB,IAAIyB,IAAI,KAAKvB,yBAAyB,CAAA;AACtK,CAAA;AAAC,IAEKwB,kBAAkB,GAAA,UAAA,cAAA,EAAA;AAAA,EAAA,SAAA,CAAA,kBAAA,EAAA,cAAA,CAAA,CAAA;AAAA,EAAA,IAAA,MAAA,GAAA,YAAA,CAAA,kBAAA,CAAA,CAAA;AAMpB,EAAA,SAAA,kBAAA,CAAYC,KAAK,EAAE;AAAA,IAAA,IAAA,KAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,kBAAA,CAAA,CAAA;AACf,IAAA,KAAA,GAAA,MAAA,CAAA,IAAA,CAAA,IAAA,EAAMA,KAAK,CAAA,CAAA;IAAE,KAoCjBC,CAAAA,kBAAkB,GAAG,YAAM;MACvB,IAAI,KAAA,CAAKD,KAAK,CAACE,UAAU,IAAI,KAAKC,CAAAA,KAAK,CAACC,QAAQ,EAAE;AAC9C,QAAA,IAAIC,IAAI,GAAG,KAAA,CAAKb,EAAE,CAACc,qBAAqB,EAAE,CAAA;AAC1C,QAAA,KAAA,CAAKC,QAAQ,CAAC;AACVC,UAAAA,UAAU,EAAE;AACRC,YAAAA,QAAQ,EAAE,UAAU;AACpBC,YAAAA,GAAG,EAAEL,IAAI,CAACM,MAAM,GAAG,IAAI;AACvBC,YAAAA,IAAI,EAAEP,IAAI,CAACO,IAAI,GAAG,IAAI;AACtBC,YAAAA,QAAQ,EAAER,IAAI,CAACS,KAAK,GAAG,IAAI;AAC3BC,YAAAA,SAAS,EAAE,OAAA;AACf,WAAA;AACJ,SAAC,CAAC,CAAA;AACN,OAAA;KACH,CAAA;IAAA,KASDC,CAAAA,YAAY,GAAG,UAAoD,KAAA,EAAA,KAAA,EAAA;MAAA,IAAlDjC,KAAK,SAALA,KAAK;AAAEe,QAAAA,IAAI,SAAJA,IAAI;AAAEmB,QAAAA,WAAW,SAAXA,WAAW,CAAA;AAAA,MAAA,IAAA,iBAAA,GAAA,KAAA,CAAIC,WAAW;AAAXA,QAAAA,WAAW,kCAAG,EAAE,GAAA,iBAAA,CAAA;AACzD,MAAA,KAAA,CAAKX,QAAQ,CAAC;AACVY,QAAAA,QAAQ,EAAErC,eAAe,CAACC,KAAK,CAAC;AAChCmC,QAAAA,WAAW,EAAED,WAAW,IAAIG,QAAQ,CAACrC,KAAK,CAAC,IAAI,CAACc,gBAAgB,CAACC,IAAI,CAAC,GAAGf,KAAK,GAAGmC,WAAAA;AACrF,OAAC,CAAC,CAAA;KACL,CAAA;IAAA,KAkBDG,CAAAA,YAAY,GAAGC,IAAI,CAAC,UAACC,SAAS,EAAEL,WAAW,EAAEM,kBAAkB,EAAEC,MAAM,EAAA;MAAA,OAAK,UAAAC,EAAE,EAAI;AAC1E,QAAA,IAAI,CAACA,EAAE,EAAE,OAAO,KAAK,CAAA;QACrB,IAAIH,SAAS,IAAI,CAACA,SAAS,CAACG,EAAE,CAAC,EAAE,OAAO,KAAK,CAAA;AAC7C,QAAA,IAAI,CAACR,WAAW,EAAE,OAAO,IAAI,CAAA;QAE7B,IAAIO,MAAM,EAAE,OAAOA,MAAM,CAACC,EAAE,EAAEF,kBAAkB,CAAC,CAAA;QAEjD,IAAIzC,KAAK,GAAG,CAACqC,QAAQ,CAACM,EAAE,CAAC,GAAGA,EAAE,GAAIA,EAAE,CAACC,IAAI,IAAID,EAAE,CAAChD,KAAK,IAAI,EAAG,EAAEkD,WAAW,EAAE,CAACC,IAAI,EAAE,CAAA;AAClF,QAAA,OAAOC,kBAAkB,CAAC/C,KAAK,EAAEyC,kBAAkB,CAAC,CAAA;OACvD,CAAA;KACJ,CAAA,CAAA;IAAA,KA+MDO,CAAAA,cAAc,GAAG,YAAM;AACnB,MAAA,IAAA,WAAA,GAAgC,MAAK/B,KAAK;AAAnCiB,QAAAA,WAAW,eAAXA,WAAW;AAAEe,QAAAA,QAAQ,eAARA,QAAQ,CAAA;AAC5B,MAAA,IAAOd,WAAW,GAAI,KAAKf,CAAAA,KAAK,CAAzBe,WAAW,CAAA;MAClB,IAAID,WAAW,KAAK,CAAC,CAACC,WAAW,IAAI,CAACc,QAAQ,CAAC,EAAE;AAC7C,QAAA,KAAA,CAAKC,QAAQ,EAAE,CAAA;AACnB,OAAA;AAEA,MAAA,KAAA,CAAK1B,QAAQ,CAAC;AAACH,QAAAA,QAAQ,EAAE,KAAA;AAAK,OAAC,CAAC,CAAA;AAEhC,MAAA,KAAA,CAAK8B,QAAQ,EAAE,CAAA;KAClB,CAAA;IAAA,KAEDA,CAAAA,QAAQ,GAAG,YAAM;AACbrD,MAAAA,MAAM,CAAC,KAAKmB,CAAAA,KAAK,CAACkC,QAAQ,CAAC,EAAE,CAAA;KAChC,CAAA;AAAA,IAAA,KAAA,CAEDD,QAAQ,GAAG,UAACE,UAAU,EAAK;AACvB,MAAA,IAAA,YAAA,GAAiF,MAAKnC,KAAK;AAApFF,QAAAA,IAAI,gBAAJA,IAAI;AAAEkC,QAAAA,QAAQ,gBAARA,QAAQ;AAAEf,QAAAA,WAAW,gBAAXA,WAAW;AAAEgB,QAAAA,QAAQ,gBAARA,QAAQ;AAAEG,QAAAA,QAAQ,gBAARA,QAAQ;QAAWC,YAAY,GAAA,YAAA,CAAA,SAAA,CAAA,CAAA;AAC7E,MAAA,IAAA,WAAA,GAAkD,MAAKlC,KAAK;AAArDe,QAAAA,WAAW,eAAXA,WAAW;AAAYoB,QAAAA,gBAAgB,eAA1BnB,QAAQ,CAAA;AAC5B,MAAA,IAAA,YAAA,GAA2C,MAAKnB,KAAK;AAAA,QAAA,mBAAA,GAAA,YAAA,CAA9CuC,MAAM;QAANA,MAAM,GAAA,mBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,mBAAA;AAAEC,QAAAA,mBAAmB,gBAAnBA,mBAAmB,CAAA;AAEvC,MAAA,IAAIL,UAAU,IAAI,IAAI,KAAK,CAAC,CAACjB,WAAW,IAAI,CAACc,QAAQ,CAAC,IAAIf,WAAW,KAAK,CAAC,KAAKwB,CAAAA,KAAK,IAAI,CAAC,KAAKA,CAAAA,KAAK,CAACC,KAAK,EAAE,CAAC,EACzGP,UAAU,GAAGjB,WAAW,CAACW,IAAI,EAAE,CAAA;AAEnC,MAAA,IAAMc,aAAa,GAAG9C,gBAAgB,CAACC,IAAI,CAAC,CAAA;AAE5C,MAAA,IAAI,CAACqC,UAAU,IAAIQ,aAAa,EAAE;AAC9BR,QAAAA,UAAU,GAAG,IAAI,CAAA;AACrB,OAAA;AAIA,MAAA,IAAMS,UAAU,GAAGT,UAAU,IAAI,IAAI,CAAA;MAErC,IAAIhB,QAAQ,GAAOmB,cAAAA,CAAAA,EAAAA,EAAAA,gBAAgB,CAAC,CAAA;MACpC,IAAInB,QAAQ,CAACgB,UAAU,CAAC,KAAKE,YAAY,IAAIM,aAAa,CAAC,EAAE;QACzD,OAAOxB,QAAQ,CAACgB,UAAU,CAAC,CAAA;AAC3B,QAAA,IAAIE,YAAY,IAAIQ,MAAM,CAACC,IAAI,CAAC3B,QAAQ,CAAC,CAAC4B,MAAM,KAAK,CAAC,EAClD5B,QAAQ,CAACkB,YAAY,CAAC,GAAGA,YAAY,CAAA;AAC7C,OAAC,MAAM,IAAIO,UAAU,IAAKD,aAAc,EAAE;AACtCxB,QAAAA,QAAQ,CAACgB,UAAU,CAAC,GAAGA,UAAU,CAAA;OACpC,MAAM,IAAIS,UAAU,EAAE;AACnBzB,QAAAA,QAAQ,GAAKgB,eAAAA,CAAAA,EAAAA,EAAAA,UAAU,EAAGA,UAAU,CAAC,CAAA;AACzC,OAAA;MAEA,IAAMa,OAAO,GAAGhB,QAAQ,IAAIa,MAAM,CAACC,IAAI,CAAC3B,QAAQ,CAAC,KAAK,CAAC,CAAA;MAEvD,IAAMf,QAAQ,GAAGN,IAAI,KAAKvB,yBAAyB,IAAKoE,aAAa,IAAIC,UAAW,CAAA;MAEpF,IAAIK,WAAW,GAAG,EAAE,CAAA;MACpB,IAAIhC,WAAW,IAAIkB,UAAU,EAAE;AAC3B,QAAA,IAAIzD,KAAK,CAAA;AACT,QAAA,IAAIwE,UAAU,CAACX,MAAM,CAAC,EAClB7D,KAAK,GAAG6D,MAAM,CAACJ,UAAU,CAAC,CAE1BzD,KAAAA,KAAK,GAAG6D,MAAM,CAACJ,UAAU,CAAC,CAAA;QAE9B,IAAIzD,KAAK,IAAI0C,QAAQ,CAAC1C,KAAK,CAAC,EACxBuE,WAAW,GAAGvE,KAAK,CAAA;AAC3B,OAAA;AAEA,MAAA,IAAIyE,qBAAqB,GAAGR,aAAa,GAAG,EAAE,GAAGM,WAAW,CAAA;AAC5D,MAAA,KAAA,CAAK1C,QAAQ,CAAC;AACVH,QAAAA,QAAQ,EAAEA,QAAQ;AAClBe,QAAAA,QAAQ,EAAEA,QAAQ;AAClBD,QAAAA,WAAW,EAAEiC,qBAAqB;AAClCH,QAAAA,OAAO,EAAPA,OAAAA;AACJ,OAAC,CAAC,CAAA;MAEF,IAAIG,qBAAqB,KAAKjC,WAAW,EACrCrC,MAAM,CAAC2D,mBAAmB,CAAC,CAACW,qBAAqB,CAAC,CAAA;AAEtD,MAAA,IAAI/C,QAAQ,IAAI,KAAKqC,CAAAA,KAAK,EACtB,KAAA,CAAKA,KAAK,CAACW,QAAQ,EAAE,CAACC,KAAK,EAAE,CAAA;AAEjCxE,MAAAA,MAAM,CAACoD,QAAQ,CAAC,CAACE,UAAU,CAAC,CAAA;MAC5BtD,MAAM,CAACuD,QAAQ,CAAC,CAACS,MAAM,CAACS,MAAM,CAACnC,QAAQ,CAAC,CAAC,CAAA;KAC5C,CAAA;AAAA,IAAA,KAAA,CAEDoC,KAAK,GAAG,UAACC,CAAC,EAAK;MACXC,cAAc,CAACD,CAAC,CAAC,CAAA;MACjBE,eAAe,CAACF,CAAC,CAAC,CAAA;AAElB,MAAA,KAAA,CAAKjD,QAAQ,CAAC;AACVH,QAAAA,QAAQ,EAAE,KAAK;QACfe,QAAQ,EAAE,EAAE;AACZD,QAAAA,WAAW,EAAE,EAAA;AACjB,OAAC,CAAC,CAAA;MAEFrC,MAAM,CAAC,MAAKmB,KAAK,CAACiC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAA;MACjCpD,MAAM,CAAC,MAAKmB,KAAK,CAACoC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAA;AAE/B,MAAA,KAAA,CAAKpB,YAAY,CAAC,KAAA,CAAKhB,KAAK,EAAE,KAAA,CAAKG,KAAK,CAAC,CAAA;KAC5C,CAAA;AAAA,IAAA,KAAA,CAEDwD,MAAM,GAAG,UAAClF,EAAE,EAAK;MACb,IAAIO,MAAM,GACH4E,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAKzD,KAAK,CAAA,EAAA,EAAA,EAAA;AACbgB,QAAAA,QAAQ,EAAMyC,cAAA,CAAA,EAAA,EAAA,KAAA,CAAKzD,KAAK,CAACgB,QAAQ,CAAC;AAClCD,QAAAA,WAAW,EAAE,EAAA;OAChB,CAAA,CAAA;AACD,MAAA,OAAOlC,MAAM,CAACmC,QAAQ,CAAC1C,EAAE,CAAC,CAAA;MAC1B,KAAK8B,CAAAA,QAAQ,CAACvB,MAAM,CAAC,CAAA;AACrBH,MAAAA,MAAM,CAAC,KAAA,CAAKmB,KAAK,CAACoC,QAAQ,CAAC,CAACS,MAAM,CAACS,MAAM,CAACtE,MAAM,CAACmC,QAAQ,CAAC,CAAC,CAAA;KAC9D,CAAA;AAAA,IAAA,KAAA,CAEDiB,QAAQ,GAAG,UAACyB,KAAK,EAAK;AAClB,MAAA,IAAM9E,KAAK,GAAG8E,KAAK,CAACC,MAAM,CAAC/E,KAAK,CAAA;AAChC,MAAA,KAAA,CAAKwB,QAAQ,CAAC;AAACW,QAAAA,WAAW,EAAEnC,KAAAA;AAAK,OAAC,CAAC,CAAA;MACnC,KAAKiB,CAAAA,KAAK,CAACwC,mBAAmB,IAA9B,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAKxC,KAAK,CAACwC,mBAAmB,CAAGzD,KAAK,CAAC,CAAA;KAC1C,CAAA;AAvZG,IAAA,IAAMgF,IAAI,GAAO,sBAAA,CAAA,KAAA,CAAA,CAAA;IACjBA,IAAI,CAAC5D,KAAK,GAAG;AACTgB,MAAAA,QAAQ,EAAErC,eAAe,CAACkB,KAAK,CAACjB,KAAK,CAAC;AACtCqB,MAAAA,QAAQ,EAAE,CAAC,CAACJ,KAAK,CAACgE,OAAAA;KAErB,CAAA;AACDD,IAAAA,IAAI,CAACE,QAAQ,GAAGC,WAAW,CAAC,MAAM,CAAC,CAAA;AAEnC,IAAA,IAAOC,IAAI,GAAiBnE,KAAK,CAA1BmE,IAAI;MAAEC,WAAW,GAAIpE,KAAK,CAApBoE,WAAW,CAAA;AACxBlB,IAAAA,UAAU,CAACiB,IAAI,CAAC,IAAIA,IAAI,CAAC,UAAAA,IAAI,EAAA;MAAA,OAAIJ,IAAI,CAACxD,QAAQ,CAAC;AAAC4D,QAAAA,IAAI,EAAJA,IAAAA;AAAI,OAAC,CAAC,CAAA;KAAC,CAAA,CAAA;IAEvDC,WAAW,IAAIA,WAAW,CAAC,YAAA;MAAA,OAAMvB,MAAM,CAACS,MAAM,CAACS,IAAI,CAAC5D,KAAK,CAACgB,QAAQ,CAAC,CAAA;KAAC,CAAA,CAAA;AAAC,IAAA,OAAA,KAAA,CAAA;AACzE,GAAA;AAAC,EAAA,YAAA,CAAA,kBAAA,EAAA,CAAA;AAAA,IAAA,GAAA,EAAA,mBAAA;AAAA,IAAA,KAAA,EAED,SAAoB,iBAAA,GAAA;AAAA,MAAA,IAAA,MAAA,GAAA,IAAA,CAAA;MAChBkD,gBAAgB,CAACC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAACC,QAAQ,GAAG,UAACf,CAAC,EAAK;QAC3D,IAAI,MAAI,CAACrD,KAAK,CAACC,QAAQ,IAAI,MAAI,CAACZ,EAAE,IAAI,CAAC,MAAI,CAACA,EAAE,CAACgF,QAAQ,CAAChB,CAAC,CAACM,MAAM,CAAC,EAAE;AAAA,UAAA,IAAA,WAAA,EAAA,cAAA,CAAA;AAC/D,UAAA,IAAG,CAAC,MAAI,CAAC9D,KAAK,CAACE,UAAU,IAAI,EAAC,CAAA,WAAA,GAAA,MAAI,CAACuE,IAAI,KAAT,IAAA,IAAA,CAAA,cAAA,GAAA,WAAA,CAAWjF,EAAE,KAAb,IAAA,IAAA,cAAA,CAAeA,EAAE,CAAA,IAAI,CAAC,MAAI,CAACiF,IAAI,CAACjF,EAAE,CAACA,EAAE,CAACgF,QAAQ,CAAChB,CAAC,CAACM,MAAM,CAAC,EAAC;YACnF,MAAI,CAAC/B,cAAc,EAAE,CAAA;AACzB,WAAA;AACJ,SAAA;AACJ,OAAC,CAAC,CAAA;AACF,MAAA,IAAI,IAAI,CAAC/B,KAAK,CAACgC,QAAQ,EAAE;QACrB,IAAM0C,IAAI,GAAGnF,UAAU,CAAC,IAAI,CAACC,EAAE,CAACI,UAAU,EAAE,MAAM,CAAC,CAAA;AACnD,QAAA,IAAI8E,IAAI,EAAE;UACNL,gBAAgB,CAAC,IAAI,CAACM,YAAY,GAAGD,IAAI,CAACE,aAAa,CAAC,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,CAACC,kBAAkB,GAAG,UAACrB,CAAC,EAAK;AACtH,YAAA,IAAMR,OAAO,GAAGH,MAAM,CAACC,IAAI,CAAC,MAAI,CAAC3C,KAAK,CAACgB,QAAQ,CAAC,CAAC4B,MAAM,KAAK,CAAC,CAAA;YAC7D,MAAI,CAACxC,QAAQ,CAAC;AAACyC,cAAAA,OAAO,EAAEA,OAAAA;AAAO,aAAC,CAAC,CAAA;AACrC,WAAC,CAAC,CAAA;AACN,SAAA;AACJ,OAAA;MACA,IAAI,CAAChC,YAAY,CAAC,IAAI,CAAChB,KAAK,EAAE,IAAI,CAACG,KAAK,CAAC,CAAA;MACzC,IAAI,CAACF,kBAAkB,EAAE,CAAA;AAC7B,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,oBAAA;AAAA,IAAA,KAAA,EAiBD,4BAAmB6E,SAAS,EAAEC,SAAS,EAAEC,QAAQ,EAAE;MAC/C,IAAI,IAAI,CAAChF,KAAK,CAACjB,KAAK,KAAK+F,SAAS,CAAC/F,KAAK,EACpC,IAAI,CAACiC,YAAY,CAAC,IAAI,CAAChB,KAAK,EAAE,IAAI,CAACG,KAAK,CAAC,CAAA;AAC7C,MAAA,IAAI,IAAI,CAACA,KAAK,CAACC,QAAQ,IAAI,CAAC2E,SAAS,CAAC3E,QAAQ,EAC1C,IAAI,CAACH,kBAAkB,EAAE,CAAA;AACjC,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,sBAAA;AAAA,IAAA,KAAA,EASD,SAAuB,oBAAA,GAAA;MACnBgF,mBAAmB,CAACX,QAAQ,EAAE,WAAW,EAAE,IAAI,CAACC,QAAQ,CAAC,CAAA;MACzDU,mBAAmB,CAAC,IAAI,CAACN,YAAY,EAAE,OAAO,EAAE,IAAI,CAACE,kBAAkB,CAAC,CAAA;AAC5E,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,QAAA;AAAA,IAAA,KAAA,EAyBD,SAAS,MAAA,GAAA;AAAA,MAAA,IAAA,MAAA,GAAA,IAAA,CAAA;MACL,IAoBI,YAAA,GAAA,IAAI,CAAC7E,KAAK;AAnBVkF,QAAAA,cAAc,gBAAdA,cAAc;AACdC,QAAAA,UAAU,gBAAVA,UAAU;AACVC,QAAAA,SAAS,gBAATA,SAAS;AACTC,QAAAA,UAAU,gBAAVA,UAAU;AACVC,QAAAA,SAAS,gBAATA,SAAS;AACT7D,QAAAA,MAAM,gBAANA,MAAM;AACN/C,QAAAA,KAAK,gBAALA,KAAK;AACL6G,QAAAA,UAAU,gBAAVA,UAAU;AACVzF,QAAAA,IAAI,gBAAJA,IAAI;AACJ0F,QAAAA,YAAY,gBAAZA,YAAY;AACZjE,QAAAA,SAAS,gBAATA,SAAS;AACTkE,QAAAA,SAAS,gBAATA,SAAS;AACTC,QAAAA,aAAa,gBAAbA,aAAa;AACbC,QAAAA,MAAM,gBAANA,MAAM;AACN3D,QAAAA,QAAQ,gBAARA,QAAQ;AACRf,QAAAA,WAAW,gBAAXA,WAAW;AACX2E,QAAAA,cAAc,gBAAdA,cAAc;AACdC,QAAAA,UAAU,gBAAVA,UAAU;AACV3F,QAAAA,UAAU,gBAAVA,UAAU,CAAA;MAEd,IAAMzB,EAAE,GAAG,IAAI,CAACuB,KAAK,CAACvB,EAAE,IAAI,IAAI,CAACwF,QAAQ,CAAA;MACzC,IAAM6B,iBAAiB,GAAG,IAAI,CAAC9F,KAAK,CAAC8F,iBAAiB,IAAIZ,cAAc,CAAA;MACxE,IAAmD,YAAA,GAAA,IAAI,CAAC/E,KAAK;AAAA,QAAA,qBAAA,GAAA,YAAA,CAAtDgB,QAAQ;QAARA,QAAQ,GAAA,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,qBAAA;AAAA,QAAA,qBAAA,GAAA,YAAA,CAAED,WAAW;AAAXA,QAAAA,WAAW,sCAAG,EAAE,GAAA,qBAAA;AAAE8B,QAAAA,OAAO,gBAAPA,OAAO,CAAA;MAC/C,IAA6B,YAAA,GAAA,IAAI,CAAC7C,KAAK;AAAlCC,QAAAA,QAAQ,gBAARA,QAAQ;AAAEI,QAAAA,UAAU,gBAAVA,UAAU,CAAA;AACzB,MAAA,IAAI,IAAI,CAACR,KAAK,CAACI,QAAQ,KAAK2F,SAAS,EAAE;AACnC3F,QAAAA,QAAQ,GAAG,IAAI,CAACJ,KAAK,CAACI,QAAQ,CAAA;AAClC,OAAA;MACA,IAA+B,YAAA,GAAA,IAAI,CAACJ,KAAK;AAAA,QAAA,iBAAA,GAAA,YAAA,CAApCmE,IAAI;AAAJA,QAAAA,IAAI,kCAAG,EAAE,GAAA,iBAAA;AAAA,QAAA,mBAAA,GAAA,YAAA,CAAE5B,MAAM;QAANA,MAAM,GAAA,mBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,mBAAA,CAAA;AAC3B,MAAA,IAAI,IAAI,CAACpC,KAAK,CAACgE,IAAI,EACfA,IAAI,GAAG,IAAI,CAAChE,KAAK,CAACgE,IAAI,CAAA;MAE1B,IAAI,CAAClF,KAAK,CAACC,OAAO,CAACiF,IAAI,CAAC,EACpBA,IAAI,GAAG,EAAE,CAAA;AAEb,MAAA,IAAM6B,WAAW,GAAGnD,MAAM,CAACS,MAAM,CAACnC,QAAQ,CAAC,CAAA;AAC3C,MAAA,IAAM8E,WAAW,GAAGD,WAAW,CAACjD,MAAM,KAAK,CAAC,CAAA;AAC5C,MAAA,IAAMmD,SAAS,GAAG,SAAZA,SAAS,CAAI1C,CAAC,EAAK;QACrBE,eAAe,CAACF,CAAC,CAAC,CAAA;QAClB,MAAI,CAACjD,QAAQ,CAAC;AAACH,UAAAA,QAAQ,EAAE,IAAA;AAAI,SAAC,EAAE,YAAA;AAAA,UAAA,OAAOsF,aAAa,IAAIM,WAAW,CAACjD,MAAM,GAAG,CAAC,IAAK,MAAI,CAAC0B,IAAI,CAAC0B,QAAQ,CAACH,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;SAAC,CAAA,CAAA;OACzH,CAAA;AACD,MAAA,IAAMI,MAAM,GAAG,SAATA,MAAM,CAAI5C,CAAC,EAAK;AAClB,QAAA,IAAI,CAAC,MAAI,CAACrD,KAAK,CAACC,QAAQ,EAAE;UACtB8F,SAAS,CAAC1C,CAAC,CAAC,CAAA;AAChB,SAAC,MAAM;UACHE,eAAe,CAACF,CAAC,CAAC,CAAA;UAClB,MAAI,CAACjD,QAAQ,CAAC;AAACH,YAAAA,QAAQ,EAAE,KAAA;AAAK,WAAC,CAAC,CAAA;AACpC,SAAA;OACH,CAAA;AAED,MAAA,IAAMiG,QAAQ,GAAGvG,IAAI,KAAK7B,WAAW,IAAI6B,IAAI,KAAK5B,oBAAoB,IAAI4B,IAAI,KAAKvB,yBAAyB,CAAA;AAC5G,MAAA,IAAMiD,kBAAkB,GAAGN,WAAW,CAACW,IAAI,EAAE,CAAA;MAC7C,IAAMyE,YAAY,GAAGrF,WAAW,GAAIO,CAAAA,kBAAkB,CAAK2C,CAAAA,MAAAA,CAAAA,kBAAAA,CAAAA,IAAI,CAAC1C,MAAM,CAAC,UAAA8E,UAAU,EAAA;QAAA,OAAIA,UAAU,KAAK/E,kBAAkB,CAAA;AAAA,OAAA,CAAC,KAAI2C,IAAI,CAAA;AAE/H,MAAA,IAAMqC,cAAc,GAAG,IAAI,CAACnF,YAAY,CAACE,SAAS,EAAEL,WAAW,EAAEM,kBAAkB,CAACI,WAAW,EAAE,EAAEH,MAAM,CAAC,CAAA;MAC1G,IAAIgF,YAAY,GAAG,kBAAA,CAAC,YAAY,EAAA;QAAC,SAAS,EAAEC,UAAU,CAACtG,QAAQ,IAAI,SAAS,EAAEF,UAAU,IAAI,QAAQ,CAAE;AACrE,QAAA,KAAK,EAAEM,UAAW;AAClB,QAAA,GAAG,EAAEmG,GAAG,CAAC,MAAM,EAAE,IAAI,CAAE;AACvB,QAAA,MAAM,EAAEH,cAAe;QACvB,YAAY,EAAE,CAACvF,WAAY;AAC3B,QAAA,MAAM,EAAE0E,MAAO;AACf,QAAA,MAAM,EAAEU,QAAS;AACjB,QAAA,YAAY,EAAEM,GAAG,CAAC,MAAM,EAAE,IAAI,CAAE;AAChC,QAAA,YAAY,EAAEA,GAAG,CAAC,MAAM,EAAE,IAAI,CAAE;AAChC,QAAA,gBAAgB,EAAEA,GAAG,CAAC,aAAa,EAAE,IAAI,CAAE;AAC3C,QAAA,aAAa,EAAEA,GAAG,CAAC,OAAO,EAAE,IAAI,CAAE;QAClC,QAAQ,EAAE,IAAI,CAAC1E,QAAS;AACxB,QAAA,QAAQ,EAAEd,QAAS;AACnB,QAAA,cAAc,EAAE+D,cAAe;AAC/B,QAAA,UAAU,EAAEC,UAAW;AACvB,QAAA,IAAI,EAAEmB,YAAa;AACnB,QAAA,MAAM,EAAE/D,MAAAA;OACvC,CAAA,CAAA;AACFkE,MAAAA,YAAY,GAAGvG,UAAU,GAAG0G,QAAQ,CAACC,YAAY,CAACJ,YAAY,EAAEvG,UAAU,CAAC,GAAGuG,YAAY,CAAA;MAE1F,OACI,kBAAA,CAAA,KAAA,EAAA;AAAK,QAAA,EAAE,EAAEhI,EAAG;AACP,QAAA,SAAS,EAAEiI,UAAU,CACjB,oBAAoB,EACpB5G,IAAI,EACJD,gBAAgB,CAACC,IAAI,CAAC,IAAI,OAAO,EACjC2F,SAAS,EACTJ,UAAU,GAAG,YAAY,GAAG,eAAe,EAC3CjF,QAAQ,IAAI,QAAQ,EACpB4C,OAAO,IAAI,SAAS,EACpB4C,cAAc,IAAI,gBAAgB,EAClCK,WAAW,IAAI,aAAa,CAC9B;AACF,QAAA,GAAG,EAAEU,GAAG,CAAC,IAAI,EAAE,IAAI,CAAA;AAAE,OAAA,EACrBjI,KAAK,IAAI,kBAAA,CAAA,OAAA,EAAA;AAAO,QAAA,SAAS,EAAEgI,UAAU,CAAU,OAAA,EAAA,CAACT,WAAW,IAAI/E,WAAW,KAAK,QAAQ,EAAE+E,WAAW,IAAI,aAAa,CAAE;QACvG,OAAO,EAAE,IAAI,GAAGxH,EAAG;AACnB,QAAA,OAAO,EAAE,SAAM,OAAA,GAAA;AACX,UAAA,IAAIqB,IAAI,KAAKvB,yBAAyB,IAAI,CAAC6B,QAAQ,EAAE;AACjDgG,YAAAA,MAAM,EAAE,CAAA;AACZ,WAAA;AACJ,SAAA;AAAE,OAAA,EAEd1H,KAAK,EACLsD,QAAQ,IAAI,IAAI,EAChBoD,SAAS,IAAI,kBAAA,CAAA,MAAA,EAAA;AAAM,QAAA,SAAS,EAAC,OAAA;AAAO,OAAA,CAAE,CACnC,EAEP,CAAC,CAAChF,QAAQ,IAAIN,IAAI,KAAK1B,aAAa,IAAI0B,IAAI,KAAK5B,oBAAoB,IAAI4B,IAAI,KAAKvB,yBAAyB,IAAIuB,IAAI,KAAK3B,kBAAkB,IAAI,CAACkH,UAAU,KAAK,CAACO,cAAc,IAAIK,WAAW,IACzL,kBAAA,CAAA,KAAA,EAAA;QACI,SAAS,EAAES,UAAU,CAAC,UAAU,EAC5B,CAAChI,KAAK,IAAI,SAAS,EACnB,CAACoB,IAAI,KAAKzB,kBAAkB,IAAIyB,IAAI,KAAKxB,SAAS,IAAIwB,IAAI,KAAKvB,yBAAyB,KAAK,WAAW,EACxGiH,YAAY,CAAE;AAClB,QAAA,OAAO,EAAEY,MAAAA;OAERZ,EAAAA,YAAY,KAAK,MAAM,IAAIQ,WAAW,CAAC5G,GAAG,CAAC,UAAAX,EAAE,EAAA;QAAA,OAC1C,kBAAA,CAAA,KAAA,EAAA;AAAK,UAAA,SAAS,EAAC,OAAO;AAAC,UAAA,GAAG,EAAEA,EAAAA;AAAG,SAAA,EAC1BqI,KAAK,CAACC,aAAa,CAACjB,iBAAiB,oCAAMX,UAAU,CAAA,EAAA,EAAA,EAAA;AAAE1G,UAAAA,EAAE,EAAFA,EAAE;AAAEC,UAAAA,KAAK,EAAEsI,QAAQ,CAACzE,MAAM,EAAE9D,EAAE,CAAC;AAAEG,UAAAA,OAAO,EAAEsH,SAAAA;AAAS,SAAA,CAAA,CAAE,EAC7G,kBAAA,CAAA,KAAA,EAAA;AAAK,UAAA,SAAS,EAAC,eAAe;UAAC,OAAO,EAAE,SAAA1C,OAAAA,CAAAA,CAAC,EAAI;YACzCE,eAAe,CAACF,CAAC,CAAC,CAAA;AAClB,YAAA,MAAI,CAACG,MAAM,CAAClF,EAAE,CAAC,CAAA;AACnB,WAAA;SACKoH,EAAAA,UAAU,CACT,CACJ,CAAA;OACT,CAAA,EACAL,YAAY,KAAK,QAAQ,IAAIQ,WAAW,CAAC5G,GAAG,CAAC,UAAAX,EAAE,EAAA;QAAA,OAC5C,kBAAA,CAAC,KAAK,CAAC,QAAQ,EAAA;AAAC,UAAA,GAAG,EAAEA,EAAAA;AAAG,SAAA,EACnBqI,KAAK,CAACC,aAAa,CAACjB,iBAAiB,oCAAMX,UAAU,CAAA,EAAA,EAAA,EAAA;AAAE1G,UAAAA,EAAE,EAAFA,EAAE;AAAEC,UAAAA,KAAK,EAAEsI,QAAQ,CAACzE,MAAM,EAAE9D,EAAE,CAAC;AAAEG,UAAAA,OAAO,EAAEsH,SAAAA;AAAS,SAAA,CAAA,CAAE,EAC5GzH,EAAE,KAAKuH,WAAW,CAACA,WAAW,CAACjD,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CACtC,CAAA;AAAA,OAAA,CACpB,EACA,CAACrE,KAAK,IAAI0G,SAAS,IAAI,kBAAA,CAAA,MAAA,EAAA;AAAM,QAAA,SAAS,EAAC,OAAA;AAAO,OAAA,CAAE,EAChDE,SAAS,IAAI,kBAAA,CAAC,MAAM,EAAA;AAAC,QAAA,SAAS,EAAC,OAAO;AAAC,QAAA,MAAM,EAAE,KAAM;QAAC,OAAO,EAAE,IAAI,CAAC/B,KAAAA;AAAM,OAAA,EACtEsC,UAAU,CACN,CAEhB,EAEAD,cAAc,IAAIK,WAAW,IAAI,kBAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAC7BT,YAAY,KAAK,MAAM,IAAIQ,WAAW,CAAC5G,GAAG,CAAC,UAAAX,EAAE,EAAA;QAAA,OAC1C,kBAAA,CAAA,KAAA,EAAA;AAAK,UAAA,SAAS,EAAC,OAAO;AAAC,UAAA,GAAG,EAAEA,EAAAA;AAAG,SAAA,EAC1BqI,KAAK,CAACC,aAAa,CAACjB,iBAAiB,oCAAMX,UAAU,CAAA,EAAA,EAAA,EAAA;AAAE1G,UAAAA,EAAE,EAAFA,EAAE;AAAEC,UAAAA,KAAK,EAAEsI,QAAQ,CAACzE,MAAM,EAAE9D,EAAE,CAAC;AAAEG,UAAAA,OAAO,EAAEsH,SAAAA;AAAS,SAAA,CAAA,CAAE,EAC7G,kBAAA,CAAA,KAAA,EAAA;AAAK,UAAA,SAAS,EAAC,eAAe;UAAC,OAAO,EAAE,SAAA1C,OAAAA,CAAAA,CAAC,EAAI;YACzCE,eAAe,CAACF,CAAC,CAAC,CAAA;AAClB,YAAA,MAAI,CAACG,MAAM,CAAClF,EAAE,CAAC,CAAA;AACnB,WAAA;SACKoH,EAAAA,UAAU,CACT,CACJ,CAAA;OACT,CAAA,EACAL,YAAY,KAAK,QAAQ,IAAIQ,WAAW,CAAC5G,GAAG,CAAC,UAAAX,EAAE,EAAA;QAAA,OAC5C,kBAAA,CAAC,KAAK,CAAC,QAAQ,EAAA;AAAC,UAAA,GAAG,EAAEA,EAAAA;AAAG,SAAA,EACnBqI,KAAK,CAACC,aAAa,CAACjB,iBAAiB,oCAAMX,UAAU,CAAA,EAAA,EAAA,EAAA;AAAE1G,UAAAA,EAAE,EAAFA,EAAE;AAAEC,UAAAA,KAAK,EAAEsI,QAAQ,CAACzE,MAAM,EAAE9D,EAAE,CAAC;AAAEG,UAAAA,OAAO,EAAEsH,SAAAA;AAAS,SAAA,CAAA,CAAE,EAC5GzH,EAAE,KAAKuH,WAAW,CAACA,WAAW,CAACjD,MAAM,GAAG,CAAC,CAAC,IAAI,IAAI,CACtC,CAAA;AAAA,OAAA,CACpB,CACF,EAEF,CAAC3C,QAAQ,IAAK,CAAC6F,WAAW,IAAInG,IAAI,KAAKvB,yBAA0B,IAAIuB,IAAI,KAAK1B,aAAa,IAAK0B,IAAI,KAAK3B,kBAAkB,IAAI6H,WAAW,CAACjD,MAAM,GAAG,CAAE,IAAIjD,IAAI,KAAK5B,oBAAoB,KACpL,kBAAA,CAAA,KAAA,EAAA;AAAK,QAAA,SAAS,EAAU,OAAA;QAAC,YAAYgD,EAAAA,WAAAA;OAChCmE,EAAAA,UAAU,IAAI,kBAAA,CAAC,SAAS,EAAA;AAAC,QAAA,YAAY,EAAC,cAAc;QAAC,EAAE,EAAE,IAAI,GAAG5G,EAAG;AAC1C,QAAA,GAAG,EAAEkI,GAAG,CAAC,OAAO,EAAE,IAAI,CAAE;AACxB,QAAA,OAAO,EAAEvG,QAAS;AAClB,QAAA,KAAK,EAAEc,WAAY;AACnB,QAAA,KAAK,EAAEqE,UAAW;QAClB,QAAQ,EAAE,IAAI,CAACnD,QAAS;QACxB,OAAO,EAAE,iBAAAoB,CAAC,EAAA;UAAA,OAAI,MAAI,CAACjD,QAAQ,CAAC;AAACH,YAAAA,QAAQ,EAAE,IAAA;AAAI,WAAC,CAAC,CAAA;SAAC;AAC9C,QAAA,KAAK,EAAE,IAAI,CAACJ,KAAK,CAACiH,WAAY;QAC9B,SAAS,EAAE,SAAAzD,SAAAA,CAAAA,CAAC,EAAI;AACZ,UAAA,IAAM0D,OAAO,GAAG1D,CAAC,CAAC0D,OAAO,CAAA;UACzB,IAAIA,OAAO,KAAK,EAAE,GAAQ;YACtBzD,cAAc,CAACD,CAAC,CAAC,CAAA;YACjB,MAAI,CAAC2D,IAAI,EAAE,CAAA;AACf,WAAC,MAAM,IAAID,OAAO,KAAK,EAAE,GAAU;YAC/BzD,cAAc,CAACD,CAAC,CAAC,CAAA;YACjB,MAAI,CAAC4D,IAAI,EAAE,CAAA;AACf,WAAC,MAAM,IAAIF,OAAO,KAAK,EAAE,GAAW;YAChCzD,cAAc,CAACD,CAAC,CAAC,CAAA;AACjB,YAAA,MAAI,CAACvB,QAAQ,CAAC,MAAI,CAACmC,WAAW,EAAE,CAAC,CAAA;AACrC,WAAC,MAAM,IAAI8C,OAAO,KAAK,CAAC,GAAS;AAC7B,YAAA,MAAI,CAACjF,QAAQ,CAAC,MAAI,CAACmC,WAAW,EAAE,CAAC,CAAA;AACrC,WAAC,MAAM,IAAI8C,OAAO,KAAK,CAAC,GAAe;AACnC,YAAA,IAAI,CAAChG,WAAW,IAAK8E,WAAW,CAACjD,MAAM,KAAK,CAAE,IAAIlD,gBAAgB,CAACC,IAAI,CAAC,EAAE;cACtE,MAAI,CAAC6D,MAAM,CAACqC,WAAW,CAACA,WAAW,CAACjD,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;AACpD,aAAA;YACA,MAAI,CAACsE,KAAK,EAAE,CAAA;AAChB,WAAC,MAAM,IAAIH,OAAO,KAAK,EAAE,GAAY;YACjC,MAAI,CAACG,KAAK,EAAE,CAAA;AAChB,WAAC,MAAM,IAAIH,OAAO,KAAK,EAAE,GAAS;YAC9B,MAAI,CAAC3G,QAAQ,CAAC;AACVH,cAAAA,QAAQ,EAAE,KAAK;cACfc,WAAW,EAAErB,gBAAgB,CAACC,IAAI,CAAC,GAAG,EAAE,GAAImB,WAAW,GAAGC,WAAW,GAAG,EAAA;AAC5E,aAAC,CAAC,CAAA;AACF,YAAA,MAAI,CAACuB,KAAK,CAACW,QAAQ,EAAE,CAACkE,IAAI,EAAE,CAAA;YAC5B,MAAI,CAACpF,QAAQ,EAAE,CAAA;AACnB,WAAA;AAEJ,SAAA;AAAE,OAAA,CAC1B,EACD,CAACmD,UAAU,IAAIE,UAAU,IAAI,kBAAQA,CAAAA,OAAAA,EAAAA,IAAAA,EAAAA,UAAU,CAAS,CAEhE,EAEAkB,YAAY,CACX,CAAA;AAEd,KAAA;AAAC,GAAA,CAAA,CAAA,CAAA;AAAA,EAAA,OAAA,kBAAA,CAAA;AAAA,CAAA,CA/S4Bc,aAAa,CAAA,CAAA;AAAxCxH,kBAAkB,CAEbyH,SAAS,GAAG;EACf1H,IAAI,EAAE2H,SAAS,CAACC,KAAK,CAAC,CAAC1J,YAAY,EAAEC,WAAW,EAAEG,aAAa,EAAED,kBAAkB,EAAEE,kBAAkB,EAAEE,yBAAyB,EAAEL,oBAAoB,EAAEI,SAAS,CAAC,CAAA;AACxK,CAAC,CAAA;AAJCyB,kBAAkB,CA6Eb4H,YAAY,GAAG;AAClBzC,EAAAA,cAAc,EAAE1G,UAAU;AAC1B4G,EAAAA,SAAS,EAAE,IAAI;AACfC,EAAAA,UAAU,EAAE,IAAI;AAChBC,EAAAA,SAAS,EAAE,KAAK;AAChBI,EAAAA,aAAa,EAAE,KAAK;AACpB5F,EAAAA,IAAI,EAAE9B,YAAY;AAClBwH,EAAAA,YAAY,EAAE,MAAM;EACpBK,UAAU,EAAE,mBAAC,YAAY,EAAA;AAAC,IAAA,IAAI,EAAC,OAAA;AAAO,GAAA,CAAA;AAC1C,CAAC,CAAA;AA4UL,2BAAe9F,kBAAkB;;;;"}

package/DatePicker.css

@@ -8,21 +8,25 @@
 .DatePicker > .TextField input {
   text-align: center;
 }
-.DatePicker .calendar {
+
+.calendar {
   user-select: none;
   position: absolute;
   top: 33px;
   z-index: 10;
   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+  overflow: hidden;
   transition: 0.2s all ease;
   opacity: 0;
   visibility: hidden;
 }
-.DatePicker .calendar.focused {
+.calendar.focused {
   opacity: 1;
   visibility: visible;
 }
-.DatePicker .monthSelect {
+.calendar .monthSelect {
+  align-items: center;
   margin-bottom: 0;
   background: white;
   font-size: 12px;
@@ -31,39 +35,39 @@
   padding-left: 16px;
   height: 40px;
 }
-.DatePicker .monthSelect span {
+.calendar .monthSelect span {
   margin-right: auto;
 }
-.DatePicker .monthSelect .Button {
+.calendar .monthSelect .Button {
   min-width: 25px;
   min-height: 25px;
 }
-.DatePicker .monthSelect .Button .material-icons {
+.calendar .monthSelect .Button .material-icons {
   font-size: 16px;
 }
-.DatePicker .monthSelect .Button.disabled {
+.calendar .monthSelect .Button.disabled {
   background: transparent;
 }
-.DatePicker .CalendarMonthView {
+.calendar .CalendarMonthView {
   background: white;
 }
-.DatePicker .CalendarMonthView .headers, .DatePicker .CalendarMonthView .days {
+.calendar .CalendarMonthView .headers, .calendar .CalendarMonthView .days {
   margin-bottom: 0;
 }
-.DatePicker .CalendarMonthView .header {
+.calendar .CalendarMonthView .header {
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   text-transform: uppercase;
   margin: 5px;
 }
-.DatePicker .CalendarMonthView .day {
+.calendar .CalendarMonthView .day {
   font-size: 10px;
 }
-.DatePicker .CalendarMonthView .day.notSelectedMonth {
+.calendar .CalendarMonthView .day.notSelectedMonth {
   color: #969696;
 }
-.DatePicker .CalendarMonthView .day span {
+.calendar .CalendarMonthView .day span {
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -74,20 +78,20 @@
   transition: 0.2s all ease;
   cursor: pointer;
 }
-.DatePicker .CalendarMonthView .day span:hover {
+.calendar .CalendarMonthView .day span:hover {
   background-color: #e6e6e6;
 }
-.DatePicker .CalendarMonthView .day span.inactive {
+.calendar .CalendarMonthView .day span.inactive {
   color: lightgray;
   cursor: unset;
 }
-.DatePicker .CalendarMonthView .day span.inactive:hover {
+.calendar .CalendarMonthView .day span.inactive:hover {
   background: unset;
 }
-.DatePicker .CalendarMonthView .day span.selected {
+.calendar .CalendarMonthView .day span.selected {
   color: white;
   background-color: #2196F3;
 }
-.DatePicker .CalendarMonthView .day span.selected:hover {
+.calendar .CalendarMonthView .day span.selected:hover {
   background-color: #51adf6;
 }

package/DatePicker.d.ts

@@ -14,18 +14,22 @@ export interface DatePickerProps {
     onChange: (e: any) => void;
     dayOfWeekToString: (day: number) => string | JSX.Element;
     monthToString: (day: number) => string | JSX.Element;
+    portal?: Element | DocumentFragment;
 }
 interface DatePickerState {
     focused: boolean;
     value: Date;
     selectedMonth: DateExtended;
     text: string;
+    popupStyles?: any;
 }
 declare class DatePicker extends React.Component<DatePickerProps, DatePickerState> {
     private el;
+    private popup;
     private listener;
     constructor(props: DatePickerProps);
     componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    private getPopupStyles;
     componentDidMount(): void;
     componentWillUnmount(): void;
     shouldComponentUpdate(nextProps: any, nextState: any, nextContext: any): boolean;

package/DatePicker.js

@@ -1,9 +1,10 @@
 import ReactConstants from "./ReactConstants"; import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields"; 
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers"; import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers"; import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers"; import './DatePicker.css'; import { jsxs as jsxRuntime_1, jsx as jsxRuntime_2 } from 'react/jsx-runtime';
 import React from 'react';
+import ReactDOM from 'react-dom';
 import TextField from './TextField.js';
 import { dateOf, TimeUnit, equals, get } from './DateTools.js';
-import { orNoop, classNames, preventDefault } from './Tools.js';
+import { orNoop, classNames, ref, preventDefault } from './Tools.js';
 import Button from './Button.js';
 import CalendarMonthView from './CalendarMonthView.js';
 import MaterialIcon from './MaterialIcon.js';
@@ -21,6 +22,13 @@ var DatePicker = /** @class */ (function (_super) {
     __inherits(DatePicker, _super);
     function DatePicker(props) {
         var _this = _super.call(this, props) || this;
+        _this.getPopupStyles = function () {
+            var boundingClientRect = _this.el.getBoundingClientRect();
+            return {
+                left: __left(boundingClientRect) + 'px',
+                top: boundingClientRect.bottom + 'px',
+            };
+        };
         _this[ReactConstants[7]] = function (value) {
             _this.setState({ value: value });
             orNoop(__props(_this)[ReactConstants[7]])({
@@ -52,7 +60,8 @@ var DatePicker = /** @class */ (function (_super) {
         if (__props(this).open !== prevProps.open) {
             var open_1 = !!__props(this).open;
             this.setState({
-                focused: open_1
+                focused: open_1,
+                popupStyles: this.getPopupStyles()
             });
         }
         if (!__state(this).focused && !!prevState.focused) {
@@ -62,35 +71,57 @@ var DatePicker = /** @class */ (function (_super) {
     DatePicker.prototype[ReactConstants[0]] = function () {
         var _this = this;
         document.addEventListener('mousedown', this.listener = function (e) {
-            if (__state(_this).focused && !_this.el.contains(__target(e)))
-                _this.setState({ focused: false });
+            if (__state(_this).focused && !_this.el.contains(__target(e))) {
+                if (!__props(_this).portal || !_this.popup.contains(__target(e))) {
+                    _this.setState({ focused: false });
+                }
+            }
+        });
+        this.setState({
+            popupStyles: this.getPopupStyles()
         });
     };
     DatePicker.prototype[ReactConstants[1]] = function () {
         document.removeEventListener('mousedown', this.listener);
     };
     DatePicker.prototype.shouldComponentUpdate = function (nextProps, nextState, nextContext) {
-        if (!equals(__props(this).value, __value(nextProps)))
+        if (!equals(__props(this).value, __value(nextProps))) {
             return true;
-        if (!equals(__state(this).value, __value(nextState)))
+        }
+        if (!equals(__state(this).value, __value(nextState))) {
             return true;
-        if (__props(this).open !== nextProps.open)
+        }
+        if (__props(this).open !== nextProps.open) {
             return true;
-        if (__state(this).text !== nextState.text)
+        }
+        if (__state(this).text !== nextState.text) {
             return true;
-        if (__state(this).focused !== nextState.focused)
+        }
+        if (__state(this).focused !== nextState.focused) {
             return true;
-        if (__state(this).selectedMonth !== nextState.selectedMonth)
+        }
+        if (__state(this).selectedMonth !== nextState.selectedMonth) {
             return true;
-        if (!equals(__props(this).minDate, nextProps.minDate))
+        }
+        if (!equals(__props(this).minDate, nextProps.minDate)) {
             return true;
+        }
         return false;
     };
     DatePicker.prototype[ReactConstants[3]] = function () {
         var _this = this;
-        var _a = __props(this), minDate = _a.minDate, formatter = _a.formatter, parser = _a.parser, dayOfWeekToString = _a.dayOfWeekToString, monthToString = _a.monthToString, renderInput = _a.renderInput;
-        var _b = __state(this), value = __value(_b), text = _b.text, focused = _b.focused, selectedMonth = _b.selectedMonth;
-        return jsxRuntime_1("div", __extends({ [ReactConstants[5]]: "DatePicker", ref: function (el) { return _this.el = el; } }, { [ReactConstants[4]]: [!!renderInput && renderInput(), !renderInput && jsxRuntime_2(TextField, { id: 'value', value: text, autoComplete: "off", onFocus: function () { return _this.setState({ focused: true }); }, [ReactConstants[7]]: function (e) {
+        var _a = __props(this), minDate = _a.minDate, formatter = _a.formatter, parser = _a.parser, dayOfWeekToString = _a.dayOfWeekToString, monthToString = _a.monthToString, renderInput = _a.renderInput, portal = _a.portal;
+        var _b = __state(this), value = __value(_b), text = _b.text, focused = _b.focused, selectedMonth = _b.selectedMonth, popupStyles = _b.popupStyles;
+        var popup = jsxRuntime_1("div", __extends({ [ReactConstants[5]]: classNames('calendar', focused && 'focused', portal && 'portal'), ref: ref('popup', this), style: popupStyles }, { [ReactConstants[4]]: [jsxRuntime_1("div", __extends({ [ReactConstants[5]]: 'row monthSelect' }, { [ReactConstants[4]]: [jsxRuntime_1("span", { [ReactConstants[4]]: [monthToString(selectedMonth.get(TimeUnit.MONTH)), "\u00A0", selectedMonth.get(TimeUnit.YEAR)] }), jsxRuntime_2(Button, __extends({ flat: true, round: true, disabled: minDate && dateOf(selectedMonth).isBefore(minDate), [ReactConstants[6]]: function () {
+                                _this.setState({ selectedMonth: dateOf(selectedMonth).subtract(1, TimeUnit.MONTH) });
+                            } }, { [ReactConstants[4]]: jsxRuntime_2(MaterialIcon, { icon: 'chevron_left' }) })), jsxRuntime_2(Button, __extends({ flat: true, round: true, [ReactConstants[6]]: function () {
+                                _this.setState({ selectedMonth: dateOf(selectedMonth).add(1, TimeUnit.MONTH) });
+                            } }, { [ReactConstants[4]]: jsxRuntime_2(MaterialIcon, { icon: 'chevron_right' }) }))] })), jsxRuntime_2(CalendarMonthView, { monthOf: selectedMonth, dayOfWeekToString: dayOfWeekToString, dayRenderer: function (date) { return jsxRuntime_2(DayRenderer, { day: dateOf(date), selected: value, minDate: minDate, [ReactConstants[6]]: function (value) {
+                            _this[ReactConstants[7]](value);
+                            _this.setState({ focused: false, text: formatter(value) });
+                        } }); } })] }));
+        popup = portal ? ReactDOM.createPortal(popup, portal) : popup;
+        return jsxRuntime_1("div", __extends({ [ReactConstants[5]]: "DatePicker", ref: ref('el', this) }, { [ReactConstants[4]]: [!!renderInput && renderInput(), !renderInput && jsxRuntime_2(TextField, { id: 'value', value: text, autoComplete: "off", onFocus: function () { return _this.setState({ focused: true }); }, [ReactConstants[7]]: function (e) {
                         var text = __target(e).value;
                         try {
                             var date = parser(text);
@@ -107,14 +138,7 @@ var DatePicker = /** @class */ (function (_super) {
                             e.preventDefault();
                             _this.setState({ text: formatter(value), focused: false });
                         }
-                    } }), jsxRuntime_1("div", __extends({ [ReactConstants[5]]: "calendar ".concat(focused && 'focused') }, { [ReactConstants[4]]: [jsxRuntime_1("div", __extends({ [ReactConstants[5]]: 'row monthSelect' }, { [ReactConstants[4]]: [jsxRuntime_1("span", { [ReactConstants[4]]: [monthToString(selectedMonth.get(TimeUnit.MONTH)), "\u00A0", selectedMonth.get(TimeUnit.YEAR)] }), jsxRuntime_2(Button, __extends({ flat: true, round: true, disabled: minDate && dateOf(selectedMonth).isBefore(minDate), [ReactConstants[6]]: function () {
-                                        _this.setState({ selectedMonth: dateOf(selectedMonth).subtract(1, TimeUnit.MONTH) });
-                                    } }, { [ReactConstants[4]]: jsxRuntime_2(MaterialIcon, { icon: 'chevron_left' }) })), jsxRuntime_2(Button, __extends({ flat: true, round: true, [ReactConstants[6]]: function () {
-                                        _this.setState({ selectedMonth: dateOf(selectedMonth).add(1, TimeUnit.MONTH) });
-                                    } }, { [ReactConstants[4]]: jsxRuntime_2(MaterialIcon, { icon: 'chevron_right' }) }))] })), jsxRuntime_2(CalendarMonthView, { monthOf: selectedMonth, dayOfWeekToString: dayOfWeekToString, dayRenderer: function (date) { return jsxRuntime_2(DayRenderer, { day: dateOf(date), selected: value, minDate: minDate, [ReactConstants[6]]: function (value) {
-                                    _this[ReactConstants[7]](value);
-                                    _this.setState({ focused: false, text: formatter(value) });
-                                } }); } })] }))] }));
+                    } }), popup] }));
     };
     return DatePicker;
 }(React.Component));