react-ui-basics 0.0.129 → 0.0.130

package/AutocompleteSelect.js

@@ -224,7 +224,8 @@ var AutocompleteSelect = function (_React$Component) {
           scroll = _this$props3.scroll,
           required = _this$props3.required,
           allowCustom = _this$props3.allowCustom,
-          inlineSelected = _this$props3.inlineSelected;
+          inlineSelected = _this$props3.inlineSelected,
+          removeIcon = _this$props3.removeIcon;
       var id = this.props.id || this.randomId;
       var selectedComponent = this.props.selectedComponent || childComponent;
       var _this$state2 = this.state,
@@ -327,7 +328,7 @@ var AutocompleteSelect = function (_React$Component) {
             _this3.remove(id);
           }
         }, ReactCreateElement(MaterialIcon, {
-          icon: "close"
+          icon: removeIcon
         })));
       }), selectedMode === 'inline' && selectedIds.map(function (id) {
         return ReactCreateElement(React.Fragment, {
@@ -344,7 +345,7 @@ var AutocompleteSelect = function (_React$Component) {
         raised: false,
         onClick: this.clean
       }, ReactCreateElement(MaterialIcon, {
-        icon: "close"
+        icon: removeIcon
       }))), inlineSelected && hasSelected && ReactCreateElement(React.Fragment, null, selectedMode === 'full' && selectedIds.map(function (id) {
         return ReactCreateElement("div", {
           className: "value",
@@ -360,7 +361,7 @@ var AutocompleteSelect = function (_React$Component) {
             _this3.remove(id);
           }
         }, ReactCreateElement(MaterialIcon, {
-          icon: "close"
+          icon: removeIcon
         })));
       }), selectedMode === 'inline' && selectedIds.map(function (id) {
         return ReactCreateElement(React.Fragment, {
@@ -438,7 +439,8 @@ AutocompleteSelect.defaultProps = {
   withReset: false,
   scrollToValue: false,
   mode: MODE_DEFAULT,
-  selectedMode: 'full'
+  selectedMode: 'full',
+  removeIcon: 'close'
 };
 var AutocompleteSelect$1 = AutocompleteSelect;
 

package/AutocompleteSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteSelect.js","sources":["../src/react-ui-basics/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\n} from \"./Tools\";\nimport Button from \"./Button\";\nimport MaterialIcon from \"./MaterialIcon\";\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 React.Component {\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    };\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        } = 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 list = <FilteredList className={classNames(isActive && 'visible')}\n                                   ref={ref('list', this)}\n                                   filter={it => {\n                                       if (!it) return false;\n                                       if (prefilter && !prefilter(it)) return false;\n                                       if (!filterValue) return true;\n\n                                       const f = filterValueTrimmed.toLowerCase();\n                                       if (filter) return filter(it, f);\n\n                                       let value = (isString(it) ? it : (it.name || it.label || '')).toLowerCase().trim();\n                                       return continuousIncludes(value, f);\n                                   }}\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\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                                    <MaterialIcon icon=\"close\"/>\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                            <MaterialIcon icon=\"close\"/>\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                                <MaterialIcon icon=\"close\"/>\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                {list}\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\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        this.setState({\n            isActive: isActive,\n            selected: selected,\n            filterValue: isMultiSelect ? '' : (allowCustom ? selectedId || '' : ''),\n            errored,\n        });\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    }\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","onClickOutside","required","state","onSelect","isActive","onCancel","selectedId","onChange","defaultValue","currentSelection","input","check","trim","isMultiSelect","isSelected","Object","keys","length","errored","getInput","focus","values","clean","e","preventDefault","stopPropagation","remove","event","target","that","focused","randomId","getRandomId","data","getSelected","isFunction","addEventListener","DOCUMENT","listener","contains","form","submitButton","querySelector","formSubmitListener","prevProps","prevState","snapshot","removeEventListener","childComponent","childProps","withArrow","withFilter","withReset","filter","inputLabel","selectedMode","prefilter","className","scrollToValue","scroll","inlineSelected","selectedComponent","UNDEFINED","labels","selectedIds","hasSelected","setActive","list","scrollTo","toggle","isInline","filterValueTrimmed","dataFiltered","suggestion","classNames","ref","it","f","toLowerCase","name","continuousIncludes","React","createElement","getLabel","filterCheck","keyCode","prev","next","reset","blur","Component","propTypes","PropTypes","oneOf","defaultProps"],"mappings":"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"}
+{"version":3,"file":"AutocompleteSelect.js","sources":["../src/react-ui-basics/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\n} from \"./Tools\";\nimport Button from \"./Button\";\nimport MaterialIcon from \"./MaterialIcon\";\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 React.Component {\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: 'close',\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 list = <FilteredList className={classNames(isActive && 'visible')}\n                                   ref={ref('list', this)}\n                                   filter={it => {\n                                       if (!it) return false;\n                                       if (prefilter && !prefilter(it)) return false;\n                                       if (!filterValue) return true;\n\n                                       const f = filterValueTrimmed.toLowerCase();\n                                       if (filter) return filter(it, f);\n\n                                       let value = (isString(it) ? it : (it.name || it.label || '')).toLowerCase().trim();\n                                       return continuousIncludes(value, f);\n                                   }}\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\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                                    <MaterialIcon icon={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                            <MaterialIcon icon={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                                <MaterialIcon icon={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                {list}\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\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        this.setState({\n            isActive: isActive,\n            selected: selected,\n            filterValue: isMultiSelect ? '' : (allowCustom ? selectedId || '' : ''),\n            errored,\n        });\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    }\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","onClickOutside","required","state","onSelect","isActive","onCancel","selectedId","onChange","defaultValue","currentSelection","input","check","trim","isMultiSelect","isSelected","Object","keys","length","errored","getInput","focus","values","clean","e","preventDefault","stopPropagation","remove","event","target","that","focused","randomId","getRandomId","data","getSelected","isFunction","addEventListener","DOCUMENT","listener","contains","form","submitButton","querySelector","formSubmitListener","prevProps","prevState","snapshot","removeEventListener","childComponent","childProps","withArrow","withFilter","withReset","filter","inputLabel","selectedMode","prefilter","className","scrollToValue","scroll","inlineSelected","removeIcon","selectedComponent","UNDEFINED","labels","selectedIds","hasSelected","setActive","list","scrollTo","toggle","isInline","filterValueTrimmed","dataFiltered","suggestion","classNames","ref","it","f","toLowerCase","name","continuousIncludes","React","createElement","getLabel","filterCheck","keyCode","prev","next","reset","blur","Component","propTypes","PropTypes","oneOf","defaultProps"],"mappings":";;;;;;;;;;IAwBaA,YAAY,GAAG;IACfC,WAAW,GAAG;IACdC,oBAAoB,GAAG;IACvBC,kBAAkB,GAAG;IACrBC,aAAa,GAAG;IAChBC,kBAAkB,GAAG;IACrBC,SAAS,GAAG;IACZC,yBAAyB,GAAG;AAGzC,IAAMC,UAAU,GAAG,SAAbA,UAAa,OAAwC;AAAA,MAAtCC,EAAsC,QAAtCA,EAAsC;AAAA,MAAlCC,KAAkC,QAAlCA,KAAkC;AAAA,MAA3BC,YAA2B,QAA3BA,YAA2B;AAAA,MAAbC,OAAa,QAAbA,OAAa;AACvDC,EAAAA,MAAM,CAACF,YAAD,CAAN,CAAqBD,KAAK,IAAID,EAA9B;AACA,SAAO;AAAK,IAAA,SAAS,cAAd;AAA8B,IAAA,OAAO,EAAEG;AAAvC,KAAiDF,KAAK,IAAID,EAA1D,CAAP;AACH,CAHD;AAKA,IAAMK,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;AAC/B,MAAIC,MAAJ;AACA,MAAID,KAAK,IAAI,IAAb,EAAmB;AACf,QAAIE,KAAK,CAACC,OAAN,CAAcH,KAAd,CAAJ,EACIC,MAAM,GAAGD,KAAK,CAACI,MAAN,CAAa,UAACC,GAAD,EAAMC,GAAN,EAAc;AAChCD,MAAAA,GAAG,CAACC,GAAD,CAAH,GAAWA,GAAX;AACA,aAAOD,GAAP;AACH,KAHQ,EAGN,EAHM,CAAT,CADJ,KAKK,IAAIE,QAAQ,CAACP,KAAD,CAAZ,EACDC,MAAM,GAAGD,KAAT,CADC,KAEA,IAAIA,KAAJ,EACDC,MAAM,uBAAKD,KAAL,EAAaA,KAAb,CAAN,CADC,KAGDC,MAAM,GAAG,EAAT;AACP,GAZD,MAYO;AACHA,IAAAA,MAAM,GAAG,EAAT;AACH;AACD,SAAOA,MAAP;AACH,CAlBD;AAoBA,IAAMO,UAAU,GAAG,SAAbA,UAAa,CAACC,EAAD,EAAKC,GAAL,EAAa;AAC5B,MAAID,EAAE,IAAI,IAAV,EAAgB;AACZ,QAAME,OAAO,GAAGF,EAAE,CAACE,OAAnB;AACA,QAAIA,OAAO,IAAIA,OAAO,CAACC,WAAR,OAA0BF,GAAG,CAACE,WAAJ,EAAzC,EAA4D;AACxD,aAAOH,EAAP;AACH,KAFD,MAEO;AACH,aAAOD,UAAU,CAACC,EAAE,CAACI,UAAJ,EAAgBH,GAAhB,CAAjB;AACH;AACJ;AACD,SAAO,IAAP;AACH,CAVD;AAYA,SAASI,gBAAT,CAA0BC,IAA1B,EAAgC;AAC5B,SAAOA,IAAI,KAAK1B,aAAT,IAA0B0B,IAAI,KAAK3B,kBAAnC,IAAyD2B,IAAI,KAAK5B,oBAAlE,IAA0F4B,IAAI,KAAKzB,kBAAnG,IAAyHyB,IAAI,KAAKvB,yBAAzI;AACH;IAEKwB;;;AAMF,8BAAYC,KAAZ,EAAmB;AAAA;AAAA;AACf,8BAAMA,KAAN;AADe,UAuCnBC,YAvCmB,GAuCJ,wBAAoD;AAAA,UAAlDlB,KAAkD,SAAlDA,KAAkD;AAAA,UAA3Ce,IAA2C,SAA3CA,IAA2C;AAAA,UAArCI,WAAqC,SAArCA,WAAqC;AAAA,oCAAtBC,WAAsB;AAAA,UAAtBA,WAAsB,kCAAR,EAAQ;AAC/D,YAAKC,QAAL,CAAc;AACVC,QAAAA,QAAQ,EAAEvB,eAAe,CAACC,KAAD,CADf;AAEVoB,QAAAA,WAAW,EAAED,WAAW,IAAII,QAAQ,CAACvB,KAAD,CAAvB,IAAkC,CAACc,gBAAgB,CAACC,IAAD,CAAnD,GAA4Df,KAA5D,GAAoEoB;AAFvE,OAAd;AAIH,KA5CkB;AAAA,UAgRnBI,cAhRmB,GAgRF,YAAM;AACnB,wBAAgC,MAAKP,KAArC;AAAA,UAAOE,WAAP,eAAOA,WAAP;AAAA,UAAoBM,QAApB,eAAoBA,QAApB;AACA,UAAOL,WAAP,GAAsB,MAAKM,KAA3B,CAAON,WAAP;AACA,UAAID,WAAW,KAAK,CAAC,CAACC,WAAF,IAAiB,CAACK,QAAvB,CAAf,EAAiD;AAC7C,cAAKE,QAAL;AACH;AAED,YAAKN,QAAL,CAAc;AAACO,QAAAA,QAAQ,EAAE;AAAX,OAAd;AAEA,YAAKC,QAAL;AACH,KA1RkB;AAAA,UA4RnBA,QA5RmB,GA4RR,YAAM;AACb/B,MAAAA,MAAM,CAAC,MAAKmB,KAAL,CAAWY,QAAZ,CAAN;AACH,KA9RkB;AAAA,UAgSnBF,QAhSmB,GAgSR,UAACG,UAAD,EAAgB;AACvB,yBAAiF,MAAKb,KAAtF;AAAA,UAAOF,IAAP,gBAAOA,IAAP;AAAA,UAAaU,QAAb,gBAAaA,QAAb;AAAA,UAAuBN,WAAvB,gBAAuBA,WAAvB;AAAA,UAAoCQ,QAApC,gBAAoCA,QAApC;AAAA,UAA8CI,QAA9C,gBAA8CA,QAA9C;AAAA,UAAiEC,YAAjE;AACA,wBAAkD,MAAKN,KAAvD;AAAA,UAAON,WAAP,eAAOA,WAAP;AAAA,UAA8Ba,gBAA9B,eAAoBX,QAApB;AAEA,UAAIQ,UAAU,IAAI,IAAd,KAAuB,CAAC,CAACV,WAAF,IAAiB,CAACK,QAAzC,KAAsDN,WAAtD,KAAsE,CAAC,MAAKe,KAAN,IAAe,CAAC,MAAKA,KAAL,CAAWC,KAAX,EAAtF,CAAJ,EACIL,UAAU,GAAGV,WAAW,CAACgB,IAAZ,EAAb;AAEJ,UAAMC,aAAa,GAAGvB,gBAAgB,CAACC,IAAD,CAAtC;AAEA,UAAI,CAACe,UAAD,IAAeO,aAAnB,EAAkC;AAC9BP,QAAAA,UAAU,GAAG,IAAb;AACH,OAXsB;AAevB,UAAMQ,UAAU,GAAGR,UAAU,IAAI,IAAjC;AAEA,UAAIR,QAAQ,sBAAOW,gBAAP,CAAZ;AACA,UAAIX,QAAQ,CAACQ,UAAD,CAAR,KAAyBE,YAAY,IAAIK,aAAzC,CAAJ,EAA6D;AACzD,eAAOf,QAAQ,CAACQ,UAAD,CAAf;AACA,YAAIE,YAAY,IAAIO,MAAM,CAACC,IAAP,CAAYlB,QAAZ,EAAsBmB,MAAtB,KAAiC,CAArD,EACInB,QAAQ,CAACU,YAAD,CAAR,GAAyBA,YAAzB;AACP,OAJD,MAIO,IAAIM,UAAU,IAAKD,aAAnB,EAAmC;AACtCf,QAAAA,QAAQ,CAACQ,UAAD,CAAR,GAAuBA,UAAvB;AACH,OAFM,MAEA,IAAIQ,UAAJ,EAAgB;AACnBhB,QAAAA,QAAQ,uBAAKQ,UAAL,EAAkBA,UAAlB,CAAR;AACH;AAED,UAAMY,OAAO,GAAGjB,QAAQ,IAAIc,MAAM,CAACC,IAAP,CAAYlB,QAAZ,MAA0B,CAAtD;AAEA,UAAMM,QAAQ,GAAGb,IAAI,KAAKvB,yBAAT,IAAuC6C,aAAa,IAAIC,UAAzE;AAEA,YAAKjB,QAAL,CAAc;AACVO,QAAAA,QAAQ,EAAEA,QADA;AAEVN,QAAAA,QAAQ,EAAEA,QAFA;AAGVF,QAAAA,WAAW,EAAEiB,aAAa,GAAG,EAAH,GAASlB,WAAW,GAAGW,UAAU,IAAI,EAAjB,GAAsB,EAH1D;AAIVY,QAAAA,OAAO,EAAPA;AAJU,OAAd;AAOA,UAAId,QAAQ,IAAI,MAAKM,KAArB,EACI,MAAKA,KAAL,CAAWS,QAAX,GAAsBC,KAAtB;AAEJ9C,MAAAA,MAAM,CAAC6B,QAAD,CAAN,CAAiBG,UAAjB;AACAhC,MAAAA,MAAM,CAACiC,QAAD,CAAN,CAAiBQ,MAAM,CAACM,MAAP,CAAcvB,QAAd,CAAjB;AACH,KA5UkB;AAAA,UA8UnBwB,KA9UmB,GA8UX,UAACC,CAAD,EAAO;AACXC,MAAAA,cAAc,CAACD,CAAD,CAAd;AACAE,MAAAA,eAAe,CAACF,CAAD,CAAf;AAEA,YAAK1B,QAAL,CAAc;AACVO,QAAAA,QAAQ,EAAE,KADA;AAEVN,QAAAA,QAAQ,EAAE,EAFA;AAGVF,QAAAA,WAAW,EAAE;AAHH,OAAd;AAMAtB,MAAAA,MAAM,CAAC,MAAKmB,KAAL,CAAWU,QAAZ,CAAN,CAA4B,IAA5B;AACA7B,MAAAA,MAAM,CAAC,MAAKmB,KAAL,CAAWc,QAAZ,CAAN,CAA4B,EAA5B;AAEA,YAAKb,YAAL,CAAkB,MAAKD,KAAvB,EAA8B,MAAKS,KAAnC;AACH,KA5VkB;AAAA,UA8VnBwB,MA9VmB,GA8VV,UAACxD,EAAD,EAAQ;AACb,UAAIO,MAAM,qCACH,MAAKyB,KADF;AAENJ,QAAAA,QAAQ,qBAAM,MAAKI,KAAL,CAAWJ,QAAjB,CAFF;AAGNF,QAAAA,WAAW,EAAE;AAHP,QAAV;AAKA,aAAOnB,MAAM,CAACqB,QAAP,CAAgB5B,EAAhB,CAAP;AACA,YAAK2B,QAAL,CAAcpB,MAAd;AACAH,MAAAA,MAAM,CAAC,MAAKmB,KAAL,CAAWc,QAAZ,CAAN,CAA4BQ,MAAM,CAACM,MAAP,CAAc5C,MAAM,CAACqB,QAArB,CAA5B;AACH,KAvWkB;AAAA,UAyWnBS,QAzWmB,GAyWR,UAACoB,KAAD,EAAW;AAClB,UAAMnD,KAAK,GAAGmD,KAAK,CAACC,MAAN,CAAapD,KAA3B;AACA,YAAKqB,QAAL,CAAc;AAACD,QAAAA,WAAW,EAAEpB;AAAd,OAAd;AACH,KA5WkB;AAEf,QAAMqD,IAAI,gCAAV;AACAA,IAAAA,IAAI,CAAC3B,KAAL,GAAa;AACTJ,MAAAA,QAAQ,EAAEvB,eAAe,CAACkB,KAAK,CAACjB,KAAP,CADhB;AAET4B,MAAAA,QAAQ,EAAE,CAAC,CAACX,KAAK,CAACqC;AAFT,KAAb;AAKAD,IAAAA,IAAI,CAACE,QAAL,GAAgBC,WAAW,CAAC,MAAD,CAA3B;AAEA,QAAOC,IAAP,GAA4BxC,KAA5B,CAAOwC,IAAP;AAAA,QAAaC,WAAb,GAA4BzC,KAA5B,CAAayC,WAAb;AACAC,IAAAA,UAAU,CAACF,IAAD,CAAV,IAAoBA,IAAI,CAAC,UAAAA,IAAI;AAAA,aAAIJ,IAAI,CAAChC,QAAL,CAAc;AAACoC,QAAAA,IAAI,EAAJA;AAAD,OAAd,CAAJ;AAAA,KAAL,CAAxB;AAEAC,IAAAA,WAAW,IAAIA,WAAW,CAAC;AAAA,aAAMnB,MAAM,CAACM,MAAP,CAAcQ,IAAI,CAAC3B,KAAL,CAAWJ,QAAzB,CAAN;AAAA,KAAD,CAA1B;AAbe;AAclB;;;WAED,6BAAoB;AAAA;AAChBsC,MAAAA,gBAAgB,CAACC,QAAD,EAAW,WAAX,EAAwB,KAAKC,QAAL,GAAgB,UAACf,CAAD,EAAO;AAC3D,YAAI,MAAI,CAACrB,KAAL,CAAWE,QAAX,IAAuB,MAAI,CAACnB,EAA5B,IAAkC,CAAC,MAAI,CAACA,EAAL,CAAQsD,QAAR,CAAiBhB,CAAC,CAACK,MAAnB,CAAvC,EAAmE;AAC/D,UAAA,MAAI,CAAC5B,cAAL;AACH;AACJ,OAJe,CAAhB;AAKA,UAAI,KAAKP,KAAL,CAAWQ,QAAf,EAAyB;AACrB,YAAMuC,IAAI,GAAGxD,UAAU,CAAC,KAAKC,EAAL,CAAQI,UAAT,EAAqB,MAArB,CAAvB;AACA,YAAImD,IAAJ,EAAU;AACNJ,UAAAA,gBAAgB,CAAC,KAAKK,YAAL,GAAoBD,IAAI,CAACE,aAAL,CAAmB,qBAAnB,CAArB,EAAgE,OAAhE,EAAyE,KAAKC,kBAAL,GAA0B,UAACpB,CAAD,EAAO;AACtH,gBAAML,OAAO,GAAGH,MAAM,CAACC,IAAP,CAAY,MAAI,CAACd,KAAL,CAAWJ,QAAvB,EAAiCmB,MAAjC,KAA4C,CAA5D;AACA,YAAA,MAAI,CAACpB,QAAL,CAAc;AAACqB,cAAAA,OAAO,EAAEA;AAAV,aAAd;AACH,WAHe,CAAhB;AAIH;AACJ;AACD,WAAKxB,YAAL,CAAkB,KAAKD,KAAvB,EAA8B,KAAKS,KAAnC;AACH;;;WAED,4BAAmB0C,SAAnB,EAA8BC,SAA9B,EAAyCC,QAAzC,EAAmD;AAC/C,UAAI,KAAKrD,KAAL,CAAWjB,KAAX,KAAqBoE,SAAS,CAACpE,KAAnC,EACI,KAAKkB,YAAL,CAAkB,KAAKD,KAAvB,EAA8B,KAAKS,KAAnC;AACP;;;WASD,gCAAuB;AACnB6C,MAAAA,mBAAmB,CAACV,QAAD,EAAW,WAAX,EAAwB,KAAKC,QAA7B,CAAnB;AACAS,MAAAA,mBAAmB,CAAC,KAAKN,YAAN,EAAoB,OAApB,EAA6B,KAAKE,kBAAlC,CAAnB;AACH;;;WAaD,kBAAS;AAAA;AACL,yBAmBI,KAAKlD,KAnBT;AAAA,UACIuD,cADJ,gBACIA,cADJ;AAAA,UAEIC,UAFJ,gBAEIA,UAFJ;AAAA,UAGIC,SAHJ,gBAGIA,SAHJ;AAAA,UAIIC,UAJJ,gBAIIA,UAJJ;AAAA,UAKIC,SALJ,gBAKIA,SALJ;AAAA,UAMIC,OANJ,gBAMIA,MANJ;AAAA,UAOIlF,KAPJ,gBAOIA,KAPJ;AAAA,UAQImF,UARJ,gBAQIA,UARJ;AAAA,UASI/D,IATJ,gBASIA,IATJ;AAAA,UAUIgE,YAVJ,gBAUIA,YAVJ;AAAA,UAWIC,SAXJ,gBAWIA,SAXJ;AAAA,UAYIC,SAZJ,gBAYIA,SAZJ;AAAA,UAaIC,aAbJ,gBAaIA,aAbJ;AAAA,UAcIC,MAdJ,gBAcIA,MAdJ;AAAA,UAeI1D,QAfJ,gBAeIA,QAfJ;AAAA,UAgBIN,WAhBJ,gBAgBIA,WAhBJ;AAAA,UAiBIiE,cAjBJ,gBAiBIA,cAjBJ;AAAA,UAkBIC,UAlBJ,gBAkBIA,UAlBJ;AAoBA,UAAM3F,EAAE,GAAG,KAAKuB,KAAL,CAAWvB,EAAX,IAAiB,KAAK6D,QAAjC;AACA,UAAM+B,iBAAiB,GAAG,KAAKrE,KAAL,CAAWqE,iBAAX,IAAgCd,cAA1D;AACA,yBAAmD,KAAK9C,KAAxD;AAAA,+CAAOJ,QAAP;AAAA,UAAOA,QAAP,sCAAkB,EAAlB;AAAA,+CAAsBF,WAAtB;AAAA,UAAsBA,WAAtB,sCAAoC,EAApC;AAAA,UAAwCsB,OAAxC,gBAAwCA,OAAxC;AACA,UAAKd,QAAL,GAAiB,KAAKF,KAAtB,CAAKE,QAAL;AACA,UAAI,KAAKX,KAAL,CAAWW,QAAX,KAAwB2D,SAA5B,EAAuC;AACnC3D,QAAAA,QAAQ,GAAG,KAAKX,KAAL,CAAWW,QAAtB;AACH;AACD,yBAA+B,KAAKX,KAApC;AAAA,2CAAKwC,IAAL;AAAA,UAAKA,IAAL,kCAAY,EAAZ;AAAA,6CAAgB+B,MAAhB;AAAA,UAAgBA,MAAhB,oCAAyB,EAAzB;AACA,UAAI,KAAK9D,KAAL,CAAW+B,IAAf,EACIA,IAAI,GAAG,KAAK/B,KAAL,CAAW+B,IAAlB;AAEJ,UAAI,CAACvD,KAAK,CAACC,OAAN,CAAcsD,IAAd,CAAL,EACIA,IAAI,GAAG,EAAP;AAEJ,UAAMgC,WAAW,GAAGlD,MAAM,CAACM,MAAP,CAAcvB,QAAd,CAApB;AACA,UAAMoE,WAAW,GAAGD,WAAW,CAAChD,MAAZ,KAAuB,CAA3C;AACA,UAAMkD,SAAS,GAAG,SAAZA,SAAY,CAAC5C,CAAD,EAAO;AACrBE,QAAAA,eAAe,CAACF,CAAD,CAAf;AACA,QAAA,MAAI,CAAC1B,QAAL,CAAc;AAACO,UAAAA,QAAQ,EAAE;AAAX,SAAd,EAAgC;AAAA,iBAAOsD,aAAa,IAAIO,WAAW,CAAChD,MAAZ,GAAqB,CAAvC,IAA6C,MAAI,CAACmD,IAAL,CAAUC,QAAV,CAAmBJ,WAAW,CAAC,CAAD,CAA9B,CAAnD;AAAA,SAAhC;AACH,OAHD;AAIA,UAAMK,MAAM,GAAG,SAATA,MAAS,CAAC/C,CAAD,EAAO;AAClB,YAAI,CAAC,MAAI,CAACrB,KAAL,CAAWE,QAAhB,EAA0B;AACtB+D,UAAAA,SAAS,CAAC5C,CAAD,CAAT;AACH,SAFD,MAEO;AACHE,UAAAA,eAAe,CAACF,CAAD,CAAf;AACA,UAAA,MAAI,CAAC1B,QAAL,CAAc;AAACO,YAAAA,QAAQ,EAAE;AAAX,WAAd;AACH;AACJ,OAPD;AASA,UAAMmE,QAAQ,GAAGhF,IAAI,KAAK7B,WAAT,IAAwB6B,IAAI,KAAK5B,oBAAjC,IAAyD4B,IAAI,KAAKvB,yBAAnF;AACA,UAAMwG,kBAAkB,GAAG5E,WAAW,CAACgB,IAAZ,EAA3B;AACA,UAAM6D,YAAY,GAAG9E,WAAW,IAAI6E,kBAAJ,4BAA2BvC,IAAI,CAACoB,MAAL,CAAY,UAAAqB,UAAU;AAAA,eAAIA,UAAU,KAAKF,kBAAnB;AAAA,OAAtB,CAA3B,KAA2FvC,IAA3H;AAEA,UAAMmC,IAAI,GAAG,mBAAC,YAAD;AAAc,QAAA,SAAS,EAAEO,UAAU,CAACvE,QAAQ,IAAI,SAAb,CAAnC;AACc,QAAA,GAAG,EAAEwE,GAAG,CAAC,MAAD,EAAS,IAAT,CADtB;AAEc,QAAA,MAAM,EAAE,gBAAAC,EAAE,EAAI;AACV,cAAI,CAACA,EAAL,EAAS,OAAO,KAAP;AACT,cAAIrB,SAAS,IAAI,CAACA,SAAS,CAACqB,EAAD,CAA3B,EAAiC,OAAO,KAAP;AACjC,cAAI,CAACjF,WAAL,EAAkB,OAAO,IAAP;AAElB,cAAMkF,CAAC,GAAGN,kBAAkB,CAACO,WAAnB,EAAV;AACA,cAAI1B,OAAJ,EAAY,OAAOA,OAAM,CAACwB,EAAD,EAAKC,CAAL,CAAb;AAEZ,cAAItG,KAAK,GAAG,CAACuB,QAAQ,CAAC8E,EAAD,CAAR,GAAeA,EAAf,GAAqBA,EAAE,CAACG,IAAH,IAAWH,EAAE,CAAC1G,KAAd,IAAuB,EAA7C,EAAkD4G,WAAlD,GAAgEnE,IAAhE,EAAZ;AACA,iBAAOqE,kBAAkB,CAACzG,KAAD,EAAQsG,CAAR,CAAzB;AACH,SAZf;AAac,QAAA,YAAY,EAAE,CAACnF,WAb7B;AAcc,QAAA,MAAM,EAAEgE,MAdtB;AAec,QAAA,MAAM,EAAEY,QAftB;AAgBc,QAAA,YAAY,EAAEK,GAAG,CAAC,MAAD,EAAS,IAAT,CAhB/B;AAiBc,QAAA,YAAY,EAAEA,GAAG,CAAC,MAAD,EAAS,IAAT,CAjB/B;AAkBc,QAAA,gBAAgB,EAAEA,GAAG,CAAC,aAAD,EAAgB,IAAhB,CAlBnC;AAmBc,QAAA,aAAa,EAAEA,GAAG,CAAC,OAAD,EAAU,IAAV,CAnBhC;AAoBc,QAAA,QAAQ,EAAE,KAAKzE,QApB7B;AAqBc,QAAA,QAAQ,EAAEL,QArBxB;AAsBc,QAAA,cAAc,EAAEkD,cAtB9B;AAuBc,QAAA,UAAU,EAAEC,UAvB1B;AAwBc,QAAA,IAAI,EAAEwB,YAxBpB;AAyBc,QAAA,MAAM,EAAET;AAzBtB,QAAb;AA4BA,aACI;AAAK,QAAA,EAAE,EAAE9F,EAAT;AACK,QAAA,SAAS,EAAEyG,UAAU,CACjB,oBADiB,EAEjBpF,IAFiB,EAGjBD,gBAAgB,CAACC,IAAD,CAAhB,IAA0B,OAHT,EAIjBkE,SAJiB,EAKjBN,UAAU,GAAG,YAAH,GAAkB,eALX,EAMjB/C,QAAQ,IAAI,QANK,EAOjBc,OAAO,IAAI,SAPM,EAQjB0C,cAAc,IAAI,gBARD,EASjBM,WAAW,IAAI,aATE,CAD1B;AAYK,QAAA,GAAG,EAAEU,GAAG,CAAC,IAAD,EAAO,IAAP;AAZb,SAaKzG,KAAK,IAAI;AAAO,QAAA,SAAS,EAAEwG,UAAU,UAAU,CAACT,WAAW,IAAItE,WAAhB,KAAgC,QAA1C,EAAoDsE,WAAW,IAAI,aAAnE,CAA5B;AACO,QAAA,OAAO,EAAE,OAAOhG,EADvB;AAEO,QAAA,OAAO,EAAE,mBAAM;AACX,cAAIqB,IAAI,KAAKvB,yBAAT,IAAsC,CAACoC,QAA3C,EAAqD;AACjDkE,YAAAA,MAAM;AACT;AACJ;AANR,SAQLnG,KARK,EASL8B,QAAQ,IAAI,IATP,EAULiD,SAAS,IAAI;AAAM,QAAA,SAAS,EAAC;AAAhB,QAVR,CAbd,EA0BK,CAAC,CAAC9C,QAAD,IAAab,IAAI,KAAK1B,aAAtB,IAAuC0B,IAAI,KAAK5B,oBAAhD,IAAwE4B,IAAI,KAAKvB,yBAAjF,IAA8GuB,IAAI,KAAK3B,kBAAvH,IAA6I,CAACuF,UAA/I,KAA8J,CAACS,cAA/J,IAAiLM,WAAjL,IACG;AACI,QAAA,SAAS,EAAES,UAAU,CAAC,UAAD,EACjB,CAACxG,KAAD,IAAU,SADO,EAEjB,CAACoB,IAAI,KAAKzB,kBAAT,IAA+ByB,IAAI,KAAKxB,SAAxC,IAAqDwB,IAAI,KAAKvB,yBAA/D,KAA6F,WAF5E,EAGjBuF,YAHiB,CADzB;AAKI,QAAA,OAAO,EAAEe;AALb,SAOKf,YAAY,KAAK,MAAjB,IAA2BU,WAAW,CAACpF,GAAZ,CAAgB,UAAAX,EAAE;AAAA,eAC1C;AAAK,UAAA,SAAS,EAAC,OAAf;AAAuB,UAAA,GAAG,EAAEA;AAA5B,WACKgH,KAAK,CAACC,aAAN,CAAoBrB,iBAApB,oCAA2Cb,UAA3C;AAAuD/E,UAAAA,EAAE,EAAFA,EAAvD;AAA2DC,UAAAA,KAAK,EAAEiH,QAAQ,CAACpB,MAAD,EAAS9F,EAAT,CAA1E;AAAwFG,UAAAA,OAAO,EAAE8F;AAAjG,WADL,EAEI;AAAK,UAAA,SAAS,EAAC,eAAf;AAA+B,UAAA,OAAO,EAAE,iBAAA5C,CAAC,EAAI;AACzCE,YAAAA,eAAe,CAACF,CAAD,CAAf;AACA,YAAA,MAAI,CAACG,MAAL,CAAYxD,EAAZ;AACH;AAHD,WAII,mBAAC,YAAD;AAAc,UAAA,IAAI,EAAE2F;AAApB,UAJJ,CAFJ,CAD0C;AAAA,OAAlB,CAPhC,EAkBKN,YAAY,KAAK,QAAjB,IAA6BU,WAAW,CAACpF,GAAZ,CAAgB,UAAAX,EAAE;AAAA,eAC5C,mBAAC,KAAD,CAAO,QAAP;AAAgB,UAAA,GAAG,EAAEA;AAArB,WACKgH,KAAK,CAACC,aAAN,CAAoBrB,iBAApB,oCAA2Cb,UAA3C;AAAuD/E,UAAAA,EAAE,EAAFA,EAAvD;AAA2DC,UAAAA,KAAK,EAAEiH,QAAQ,CAACpB,MAAD,EAAS9F,EAAT,CAA1E;AAAwFG,UAAAA,OAAO,EAAE8F;AAAjG,WADL,EAEKjG,EAAE,KAAK+F,WAAW,CAACA,WAAW,CAAChD,MAAZ,GAAqB,CAAtB,CAAlB,IAA8C,IAFnD,CAD4C;AAAA,OAAlB,CAlBlC,EAwBK,CAAC9C,KAAD,IAAU+E,SAAV,IAAuB;AAAM,QAAA,SAAS,EAAC;AAAhB,QAxB5B,EAyBKE,SAAS,IAAI,mBAAC,MAAD;AAAQ,QAAA,SAAS,EAAC,OAAlB;AAA0B,QAAA,MAAM,EAAE,KAAlC;AAAyC,QAAA,OAAO,EAAE,KAAK9B;AAAvD,SACV,mBAAC,YAAD;AAAc,QAAA,IAAI,EAAEuC;AAApB,QADU,CAzBlB,CA3BR,EA0DKD,cAAc,IAAIM,WAAlB,IAAiC,yCAC7BX,YAAY,KAAK,MAAjB,IAA2BU,WAAW,CAACpF,GAAZ,CAAgB,UAAAX,EAAE;AAAA,eAC1C;AAAK,UAAA,SAAS,EAAC,OAAf;AAAuB,UAAA,GAAG,EAAEA;AAA5B,WACKgH,KAAK,CAACC,aAAN,CAAoBrB,iBAApB,oCAA2Cb,UAA3C;AAAuD/E,UAAAA,EAAE,EAAFA,EAAvD;AAA2DC,UAAAA,KAAK,EAAEiH,QAAQ,CAACpB,MAAD,EAAS9F,EAAT,CAA1E;AAAwFG,UAAAA,OAAO,EAAE8F;AAAjG,WADL,EAEI;AAAK,UAAA,SAAS,EAAC,eAAf;AAA+B,UAAA,OAAO,EAAE,iBAAA5C,CAAC,EAAI;AACzCE,YAAAA,eAAe,CAACF,CAAD,CAAf;AACA,YAAA,MAAI,CAACG,MAAL,CAAYxD,EAAZ;AACH;AAHD,WAII,mBAAC,YAAD;AAAc,UAAA,IAAI,EAAE2F;AAApB,UAJJ,CAFJ,CAD0C;AAAA,OAAlB,CADE,EAY7BN,YAAY,KAAK,QAAjB,IAA6BU,WAAW,CAACpF,GAAZ,CAAgB,UAAAX,EAAE;AAAA,eAC5C,mBAAC,KAAD,CAAO,QAAP;AAAgB,UAAA,GAAG,EAAEA;AAArB,WACKgH,KAAK,CAACC,aAAN,CAAoBrB,iBAApB,oCAA2Cb,UAA3C;AAAuD/E,UAAAA,EAAE,EAAFA,EAAvD;AAA2DC,UAAAA,KAAK,EAAEiH,QAAQ,CAACpB,MAAD,EAAS9F,EAAT,CAA1E;AAAwFG,UAAAA,OAAO,EAAE8F;AAAjG,WADL,EAEKjG,EAAE,KAAK+F,WAAW,CAACA,WAAW,CAAChD,MAAZ,GAAqB,CAAtB,CAAlB,IAA8C,IAFnD,CAD4C;AAAA,OAAlB,CAZA,CA1DtC,EA8EK,CAACb,QAAQ,IAAK,CAAC8D,WAAD,IAAgB3E,IAAI,KAAKvB,yBAAtC,IAAoEuB,IAAI,KAAK1B,aAA7E,IAA+F0B,IAAI,KAAK3B,kBAAT,IAA+BqG,WAAW,CAAChD,MAAZ,GAAqB,CAAnJ,IAAyJ1B,IAAI,KAAK5B,oBAAnK,KACG;AAAK,QAAA,SAAS,SAAd;AAAyB,sBAAYiC;AAArC,SACKuD,UAAU,IAAI,mBAAC,SAAD;AAAW,QAAA,YAAY,EAAC,cAAxB;AAAuC,QAAA,EAAE,EAAE,OAAOjF,EAAlD;AACW,QAAA,GAAG,EAAE0G,GAAG,CAAC,OAAD,EAAU,IAAV,CADnB;AAEW,QAAA,OAAO,EAAExE,QAFpB;AAGW,QAAA,KAAK,EAAER,WAHlB;AAIW,QAAA,KAAK,EAAE0D,UAJlB;AAKW,QAAA,QAAQ,EAAE,KAAK/C,QAL1B;AAMW,QAAA,OAAO,EAAE,iBAAAgB,CAAC;AAAA,iBAAI,MAAI,CAAC1B,QAAL,CAAc;AAACO,YAAAA,QAAQ,EAAE;AAAX,WAAd,CAAJ;AAAA,SANrB;AAOW,QAAA,KAAK,EAAE,KAAKX,KAAL,CAAW4F,WAP7B;AAQW,QAAA,SAAS,EAAE,mBAAA9D,CAAC,EAAI;AACZ,cAAM+D,OAAO,GAAG/D,CAAC,CAAC+D,OAAlB;AACA,cAAIA,OAAO,KAAK;AAAhB,YAA0B;AACtB9D,YAAAA,cAAc,CAACD,CAAD,CAAd;AACA,YAAA,MAAI,CAACgE,IAAL;AACH,WAHD,MAGO,IAAID,OAAO,KAAK;AAAhB,YAA4B;AAC/B9D,YAAAA,cAAc,CAACD,CAAD,CAAd;AACA,YAAA,MAAI,CAACiE,IAAL;AACH,WAHM,MAGA,IAAIF,OAAO,KAAK;AAAhB,YAA6B;AAChC9D,YAAAA,cAAc,CAACD,CAAD,CAAd;AACA,YAAA,MAAI,CAACpB,QAAL,CAAc,MAAI,CAAC+B,WAAL,EAAd;AACH,WAHM,MAGA,IAAIoD,OAAO,KAAK;AAAhB,YAA0B;AAC7B,YAAA,MAAI,CAACnF,QAAL,CAAc,MAAI,CAAC+B,WAAL,EAAd;AACH,WAFM,MAEA,IAAIoD,OAAO,KAAK;AAAhB,YAAgC;AACnC,gBAAI,CAAC1F,WAAD,IAAiBqE,WAAW,CAAChD,MAAZ,KAAuB,CAAxC,IAA8C3B,gBAAgB,CAACC,IAAD,CAAlE,EAA0E;AACtE,cAAA,MAAI,CAACmC,MAAL,CAAYuC,WAAW,CAACA,WAAW,CAAChD,MAAZ,GAAqB,CAAtB,CAAvB;AACH;AACD,YAAA,MAAI,CAACwE,KAAL;AACH,WALM,MAKA,IAAIH,OAAO,KAAK;AAAhB,YAA8B;AACjC,YAAA,MAAI,CAACG,KAAL;AACH,WAFM,MAEA,IAAIH,OAAO,KAAK;AAAhB,YAA2B;AAC9B,YAAA,MAAI,CAACzF,QAAL,CAAc;AACVO,cAAAA,QAAQ,EAAE,KADA;AAEVR,cAAAA,WAAW,EAAEN,gBAAgB,CAACC,IAAD,CAAhB,GAAyB,EAAzB,GAA+BI,WAAW,GAAGC,WAAH,GAAiB;AAF9D,aAAd;AAIA,YAAA,MAAI,CAACc,KAAL,CAAWS,QAAX,GAAsBuE,IAAtB;AACA,YAAA,MAAI,CAACrF,QAAL;AACH,WA3BW;AA6Bf;AArCZ,QADnB,EAwCK,CAAC8C,UAAD,IAAeG,UAAf,IAA6B,kCAAQA,UAAR,CAxClC,CA/ER,EA0HKc,IA1HL,CADJ;AA8HH;;;EApR4Bc,KAAK,CAACS;AAAjCnG,mBAEKoG,YAAY;AACfrG,EAAAA,IAAI,EAAEsG,SAAS,CAACC,KAAV,CAAgB,CAACrI,YAAD,EAAeC,WAAf,EAA4BG,aAA5B,EAA2CD,kBAA3C,EAA+DE,kBAA/D,EAAmFE,yBAAnF,EAA8GL,oBAA9G,EAAoII,SAApI,CAAhB;AADS;AAFjByB,mBAyDKuG,eAAe;AAClB/C,EAAAA,cAAc,EAAE/E,UADE;AAElBiF,EAAAA,SAAS,EAAE,IAFO;AAGlBC,EAAAA,UAAU,EAAE,IAHM;AAIlBC,EAAAA,SAAS,EAAE,KAJO;AAKlBM,EAAAA,aAAa,EAAE,KALG;AAMlBnE,EAAAA,IAAI,EAAE9B,YANY;AAOlB8F,EAAAA,YAAY,EAAE,MAPI;AAQlBM,EAAAA,UAAU,EAAE;AARM;AA4T1B,2BAAerE,kBAAf;;;;"}

package/Modal.js

@@ -65,7 +65,9 @@ var Modal = function (_PureComponent) {
           top = _props2.top,
           _props2$container = _props2.container,
           container = _props2$container === void 0 ? Modal.defaultContainer : _props2$container,
-          children = _props2.children;
+          children = _props2.children,
+          _props2$closeIcon = _props2.closeIcon,
+          closeIcon = _props2$closeIcon === void 0 ? 'close' : _props2$closeIcon;
       var menu = getMenu();
       var show = isShow();
       var modal = ReactCreateElement("div", {
@@ -92,7 +94,7 @@ var Modal = function (_PureComponent) {
         round: true,
         onClick: beforeClose
       }, ReactCreateElement(MaterialIcon, {
-        icon: 'close'
+        icon: closeIcon
       }))));
       return container ? ReactDOM.createPortal(modal, container) : modal;
     };

package/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../src/react-ui-basics/Modal.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport ReactCreateElement from './ReactCreateElement';\nimport './Modal.css'\nimport Button from \"./Button\";\nimport {classNames, orNoop, setTimeout, DOCUMENT, addEventListener, removeEventListener, createRef, UNDEFINED, stopPropagation} from \"./Tools\";\nimport {PureComponent, componentDidMount, render, propsGetter, stateGSs, componentDidUpdate} from \"./ReactConstants\";\nimport MaterialIcon from \"./MaterialIcon\";\nimport PropTypes from \"prop-types\";\n\nlet listenerRef;\nlet zIndex = 100;\n\nconst EVENT_TYPE = 'keydown';\nconst pollListener = (modal) => {\n    removeEventListener(DOCUMENT, EVENT_TYPE, listenerRef);\n    const listener = modal._pl;\n    listener && addEventListener(DOCUMENT, EVENT_TYPE, listener);\n    listenerRef = listener;\n};\n\nconst addListener = (modal, listener) => {\n    const prev = listenerRef;\n    prev && removeEventListener(DOCUMENT, EVENT_TYPE, prev);\n    modal._pl = prev;\n    addEventListener(DOCUMENT, EVENT_TYPE, listenerRef = listener);\n};\n\nclass Modal extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n        that.state = {};\n\n        const [\n            isShow,\n            getMenu,\n            getBeforeClose,\n        ] = stateGSs(that, 3);\n        const overlay = createRef();\n        const el = createRef();\n        const content = createRef();\n        const props = propsGetter(that);\n\n        const beforeClose = (e) => {\n            stopPropagation(e);\n            const bc = getBeforeClose() || props().beforeClose;\n            if (!bc || bc(that.close))\n                that.close(e);\n        };\n\n        const shouldClose = (e) => {\n            const isSameModal = el().style.zIndex == zIndex - 1;\n            !(e && content().contains(e.target)) && isSameModal && beforeClose(e);\n        };\n\n        const addTransitionListener = () => {\n            const transitionend = \"transitionend\";\n            let listener = () => {\n                removeEventListener(overlay(), transitionend, listener);\n                orNoop(isShow() ? props().onOpen : orNoop(props().onClose))();\n                el() && (el().style.paddingBottom = isShow() ? '1px' : '0px'); // force invalidate scroll\n            };\n            addEventListener(overlay(), transitionend, listener);\n        };\n        that[render] = () => {\n            const {className, top, container = Modal.defaultContainer, children} = props();\n            const menu = getMenu();\n            const show = isShow();\n            const modal = <div className={classNames(`Modal`, className, show && 'show')} ref={el} onClick={shouldClose}>\n                <div ref={overlay} className={classNames(`overlay`, show && 'show')}>\n                </div>\n                <div className={classNames(`content`, show && 'show', top && 'top')}\n                     style={top && {top: top + 'px'}}\n                     ref={content}\n                >\n                    {React.Children.map(children, child => React.cloneElement(child, {\n                        modalMenuConsumer: getMenu,\n                        modalBeforeCloseConsumer: getBeforeClose\n                    }))}\n                    {menu}\n                    <Button className=\"close\" flat={true} round={true} onClick={beforeClose}>\n                        <MaterialIcon icon={'close'}/>\n                    </Button>\n                </div>\n            </div>;\n\n            return container ? ReactDOM.createPortal(modal, container) : modal;\n        };\n\n        const close = that.close = () => {\n            if (!isShow())\n                return;\n\n            zIndex--;\n            addTransitionListener();\n            isShow(false);\n\n            pollListener(that);\n        };\n        const open = that.open = () => {\n            if (isShow())\n                return;\n\n            el() && (el().style.zIndex = zIndex++);\n            addTransitionListener();\n            isShow(true);\n\n            let listener = event => {\n                if (!event.defaultPrevented && event.keyCode === 27/*escape*/)\n                    beforeClose();\n                return true;\n            };\n\n            addListener(that, listener)\n        };\n\n        that[componentDidMount] = () => {\n            const _props = props();\n            orNoop(_props.open)(() => {\n                setTimeout(open, 0);\n            });\n            orNoop(_props.close)(() => {\n                setTimeout(close, 0);\n            });\n            _props.show && setTimeout(open, 0)\n        };\n        that[componentDidUpdate] = (prevProps) => {\n            const show = props().show;\n            if (show !== prevProps.show) {\n                show ? open() : close();\n            }\n        };\n    }\n}\n\nModal.defaultContainer = UNDEFINED;\nModal.pollListener = pollListener;\nModal.addListener = addListener;\n\nexport default Modal;\n\nif (window.isNotProductionEnvironment) {\n    Modal.propTypes = {\n        className: PropTypes.string,\n        top: PropTypes.number,\n        container: PropTypes.node,\n    };\n}"],"names":["listenerRef","zIndex","EVENT_TYPE","pollListener","modal","removeEventListener","DOCUMENT","listener","_pl","addEventListener","addListener","prev","Modal","properties","that","state","stateGSs","isShow","getMenu","getBeforeClose","overlay","createRef","el","content","props","propsGetter","beforeClose","e","stopPropagation","bc","close","shouldClose","isSameModal","style","contains","target","addTransitionListener","transitionend","orNoop","onOpen","onClose","paddingBottom","render","className","top","container","defaultContainer","children","menu","show","classNames","React","Children","map","child","cloneElement","modalMenuConsumer","modalBeforeCloseConsumer","ReactDOM","createPortal","open","event","defaultPrevented","keyCode","componentDidMount","_props","setTimeout","componentDidUpdate","prevProps","PureComponent","UNDEFINED","window","isNotProductionEnvironment","propTypes","PropTypes","string","number","node"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../src/react-ui-basics/Modal.js"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport ReactCreateElement from './ReactCreateElement';\nimport './Modal.css'\nimport Button from \"./Button\";\nimport {classNames, orNoop, setTimeout, DOCUMENT, addEventListener, removeEventListener, createRef, UNDEFINED, stopPropagation} from \"./Tools\";\nimport {PureComponent, componentDidMount, render, propsGetter, stateGSs, componentDidUpdate} from \"./ReactConstants\";\nimport MaterialIcon from \"./MaterialIcon\";\nimport PropTypes from \"prop-types\";\n\nlet listenerRef;\nlet zIndex = 100;\n\nconst EVENT_TYPE = 'keydown';\nconst pollListener = (modal) => {\n    removeEventListener(DOCUMENT, EVENT_TYPE, listenerRef);\n    const listener = modal._pl;\n    listener && addEventListener(DOCUMENT, EVENT_TYPE, listener);\n    listenerRef = listener;\n};\n\nconst addListener = (modal, listener) => {\n    const prev = listenerRef;\n    prev && removeEventListener(DOCUMENT, EVENT_TYPE, prev);\n    modal._pl = prev;\n    addEventListener(DOCUMENT, EVENT_TYPE, listenerRef = listener);\n};\n\nclass Modal extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n        that.state = {};\n\n        const [\n            isShow,\n            getMenu,\n            getBeforeClose,\n        ] = stateGSs(that, 3);\n        const overlay = createRef();\n        const el = createRef();\n        const content = createRef();\n        const props = propsGetter(that);\n\n        const beforeClose = (e) => {\n            stopPropagation(e);\n            const bc = getBeforeClose() || props().beforeClose;\n            if (!bc || bc(that.close))\n                that.close(e);\n        };\n\n        const shouldClose = (e) => {\n            const isSameModal = el().style.zIndex == zIndex - 1;\n            !(e && content().contains(e.target)) && isSameModal && beforeClose(e);\n        };\n\n        const addTransitionListener = () => {\n            const transitionend = \"transitionend\";\n            let listener = () => {\n                removeEventListener(overlay(), transitionend, listener);\n                orNoop(isShow() ? props().onOpen : orNoop(props().onClose))();\n                el() && (el().style.paddingBottom = isShow() ? '1px' : '0px'); // force invalidate scroll\n            };\n            addEventListener(overlay(), transitionend, listener);\n        };\n        that[render] = () => {\n            const {className, top, container = Modal.defaultContainer, children, closeIcon = 'close'} = props();\n            const menu = getMenu();\n            const show = isShow();\n            const modal = <div className={classNames(`Modal`, className, show && 'show')} ref={el} onClick={shouldClose}>\n                <div ref={overlay} className={classNames(`overlay`, show && 'show')}>\n                </div>\n                <div className={classNames(`content`, show && 'show', top && 'top')}\n                     style={top && {top: top + 'px'}}\n                     ref={content}\n                >\n                    {React.Children.map(children, child => React.cloneElement(child, {\n                        modalMenuConsumer: getMenu,\n                        modalBeforeCloseConsumer: getBeforeClose\n                    }))}\n                    {menu}\n                    <Button className=\"close\" flat={true} round={true} onClick={beforeClose}>\n                        <MaterialIcon icon={closeIcon}/>\n                    </Button>\n                </div>\n            </div>;\n\n            return container ? ReactDOM.createPortal(modal, container) : modal;\n        };\n\n        const close = that.close = () => {\n            if (!isShow())\n                return;\n\n            zIndex--;\n            addTransitionListener();\n            isShow(false);\n\n            pollListener(that);\n        };\n        const open = that.open = () => {\n            if (isShow())\n                return;\n\n            el() && (el().style.zIndex = zIndex++);\n            addTransitionListener();\n            isShow(true);\n\n            let listener = event => {\n                if (!event.defaultPrevented && event.keyCode === 27/*escape*/)\n                    beforeClose();\n                return true;\n            };\n\n            addListener(that, listener)\n        };\n\n        that[componentDidMount] = () => {\n            const _props = props();\n            orNoop(_props.open)(() => {\n                setTimeout(open, 0);\n            });\n            orNoop(_props.close)(() => {\n                setTimeout(close, 0);\n            });\n            _props.show && setTimeout(open, 0)\n        };\n        that[componentDidUpdate] = (prevProps) => {\n            const show = props().show;\n            if (show !== prevProps.show) {\n                show ? open() : close();\n            }\n        };\n    }\n}\n\nModal.defaultContainer = UNDEFINED;\nModal.pollListener = pollListener;\nModal.addListener = addListener;\n\nexport default Modal;\n\nif (window.isNotProductionEnvironment) {\n    Modal.propTypes = {\n        className: PropTypes.string,\n        top: PropTypes.number,\n        container: PropTypes.node,\n    };\n}"],"names":["listenerRef","zIndex","EVENT_TYPE","pollListener","modal","removeEventListener","DOCUMENT","listener","_pl","addEventListener","addListener","prev","Modal","properties","that","state","stateGSs","isShow","getMenu","getBeforeClose","overlay","createRef","el","content","props","propsGetter","beforeClose","e","stopPropagation","bc","close","shouldClose","isSameModal","style","contains","target","addTransitionListener","transitionend","orNoop","onOpen","onClose","paddingBottom","render","className","top","container","defaultContainer","children","closeIcon","menu","show","classNames","React","Children","map","child","cloneElement","modalMenuConsumer","modalBeforeCloseConsumer","ReactDOM","createPortal","open","event","defaultPrevented","keyCode","componentDidMount","_props","setTimeout","componentDidUpdate","prevProps","PureComponent","UNDEFINED","window","isNotProductionEnvironment","propTypes","PropTypes","string","number","node"],"mappings":";;;;;;;;;;AAUA,IAAIA,WAAJ;AACA,IAAIC,MAAM,GAAG,GAAb;AAEA,IAAMC,UAAU,GAAG,SAAnB;AACA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;AAC5BC,EAAAA,mBAAmB,CAACC,QAAD,EAAWJ,UAAX,EAAuBF,WAAvB,CAAnB;AACA,MAAMO,QAAQ,GAAGH,KAAK,CAACI,GAAvB;AACAD,EAAAA,QAAQ,IAAIE,gBAAgB,CAACH,QAAD,EAAWJ,UAAX,EAAuBK,QAAvB,CAA5B;AACAP,EAAAA,WAAW,GAAGO,QAAd;AACH,CALD;AAOA,IAAMG,WAAW,GAAG,SAAdA,WAAc,CAACN,KAAD,EAAQG,QAAR,EAAqB;AACrC,MAAMI,IAAI,GAAGX,WAAb;AACAW,EAAAA,IAAI,IAAIN,mBAAmB,CAACC,QAAD,EAAWJ,UAAX,EAAuBS,IAAvB,CAA3B;AACAP,EAAAA,KAAK,CAACI,GAAN,GAAYG,IAAZ;AACAF,EAAAA,gBAAgB,CAACH,QAAD,EAAWJ,UAAX,EAAuBF,WAAW,GAAGO,QAArC,CAAhB;AACH,CALD;IAOMK;;;AAEF,iBAAYC,UAAZ,EAAwB;AAAA;AAAA;AACpB,8BAAMA,UAAN;AACA,QAAMC,IAAI,gCAAV;AACAA,IAAAA,IAAI,CAACC,KAAL,GAAa,EAAb;AAEA,oBAIIC,QAAQ,CAACF,IAAD,EAAO,CAAP,CAJZ;AAAA;AAAA,QACIG,MADJ;AAAA,QAEIC,OAFJ;AAAA,QAGIC,cAHJ;AAKA,QAAMC,OAAO,GAAGC,SAAS,EAAzB;AACA,QAAMC,EAAE,GAAGD,SAAS,EAApB;AACA,QAAME,OAAO,GAAGF,SAAS,EAAzB;AACA,QAAMG,KAAK,GAAGC,WAAW,CAACX,IAAD,CAAzB;AAEA,QAAMY,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAO;AACvBC,MAAAA,eAAe,CAACD,CAAD,CAAf;AACA,UAAME,EAAE,GAAGV,cAAc,MAAMK,KAAK,GAAGE,WAAvC;AACA,UAAI,CAACG,EAAD,IAAOA,EAAE,CAACf,IAAI,CAACgB,KAAN,CAAb,EACIhB,IAAI,CAACgB,KAAL,CAAWH,CAAX;AACP,KALD;AAOA,QAAMI,WAAW,GAAG,SAAdA,WAAc,CAACJ,CAAD,EAAO;AACvB,UAAMK,WAAW,GAAGV,EAAE,GAAGW,KAAL,CAAWhC,MAAX,IAAqBA,MAAM,GAAG,CAAlD;AACA,QAAE0B,CAAC,IAAIJ,OAAO,GAAGW,QAAV,CAAmBP,CAAC,CAACQ,MAArB,CAAP,KAAwCH,WAAxC,IAAuDN,WAAW,CAACC,CAAD,CAAlE;AACH,KAHD;AAKA,QAAMS,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;AAChC,UAAMC,aAAa,GAAG,eAAtB;AACA,UAAI9B,QAAQ,GAAG,SAAXA,QAAW,GAAM;AACjBF,QAAAA,mBAAmB,CAACe,OAAO,EAAR,EAAYiB,aAAZ,EAA2B9B,QAA3B,CAAnB;AACA+B,QAAAA,MAAM,CAACrB,MAAM,KAAKO,KAAK,GAAGe,MAAb,GAAsBD,MAAM,CAACd,KAAK,GAAGgB,OAAT,CAAnC,CAAN;AACAlB,QAAAA,EAAE,OAAOA,EAAE,GAAGW,KAAL,CAAWQ,aAAX,GAA2BxB,MAAM,KAAK,KAAL,GAAa,KAArD,CAAF,CAHiB;AAIpB,OAJD;AAKAR,MAAAA,gBAAgB,CAACW,OAAO,EAAR,EAAYiB,aAAZ,EAA2B9B,QAA3B,CAAhB;AACH,KARD;AASAO,IAAAA,IAAI,CAAC4B,MAAD,CAAJ,GAAe,YAAM;AACjB,oBAA4FlB,KAAK,EAAjG;AAAA,UAAOmB,SAAP,WAAOA,SAAP;AAAA,UAAkBC,GAAlB,WAAkBA,GAAlB;AAAA,sCAAuBC,SAAvB;AAAA,UAAuBA,SAAvB,kCAAmCjC,KAAK,CAACkC,gBAAzC;AAAA,UAA2DC,QAA3D,WAA2DA,QAA3D;AAAA,sCAAqEC,SAArE;AAAA,UAAqEA,SAArE,kCAAiF,OAAjF;AACA,UAAMC,IAAI,GAAG/B,OAAO,EAApB;AACA,UAAMgC,IAAI,GAAGjC,MAAM,EAAnB;AACA,UAAMb,KAAK,GAAG;AAAK,QAAA,SAAS,EAAE+C,UAAU,UAAUR,SAAV,EAAqBO,IAAI,IAAI,MAA7B,CAA1B;AAAgE,QAAA,GAAG,EAAE5B,EAArE;AAAyE,QAAA,OAAO,EAAES;AAAlF,SACV;AAAK,QAAA,GAAG,EAAEX,OAAV;AAAmB,QAAA,SAAS,EAAE+B,UAAU,YAAYD,IAAI,IAAI,MAApB;AAAxC,QADU,EAGV;AAAK,QAAA,SAAS,EAAEC,UAAU,YAAYD,IAAI,IAAI,MAApB,EAA4BN,GAAG,IAAI,KAAnC,CAA1B;AACK,QAAA,KAAK,EAAEA,GAAG,IAAI;AAACA,UAAAA,GAAG,EAAEA,GAAG,GAAG;AAAZ,SADnB;AAEK,QAAA,GAAG,EAAErB;AAFV,SAIK6B,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBP,QAAnB,EAA6B,UAAAQ,KAAK;AAAA,eAAIH,KAAK,CAACI,YAAN,CAAmBD,KAAnB,EAA0B;AAC7DE,UAAAA,iBAAiB,EAAEvC,OAD0C;AAE7DwC,UAAAA,wBAAwB,EAAEvC;AAFmC,SAA1B,CAAJ;AAAA,OAAlC,CAJL,EAQK8B,IARL,EASI,mBAAC,MAAD;AAAQ,QAAA,SAAS,EAAC,OAAlB;AAA0B,QAAA,IAAI,EAAE,IAAhC;AAAsC,QAAA,KAAK,EAAE,IAA7C;AAAmD,QAAA,OAAO,EAAEvB;AAA5D,SACI,mBAAC,YAAD;AAAc,QAAA,IAAI,EAAEsB;AAApB,QADJ,CATJ,CAHU,CAAd;AAkBA,aAAOH,SAAS,GAAGc,QAAQ,CAACC,YAAT,CAAsBxD,KAAtB,EAA6ByC,SAA7B,CAAH,GAA6CzC,KAA7D;AACH,KAvBD;AAyBA,QAAM0B,KAAK,GAAGhB,IAAI,CAACgB,KAAL,GAAa,YAAM;AAC7B,UAAI,CAACb,MAAM,EAAX,EACI;AAEJhB,MAAAA,MAAM;AACNmC,MAAAA,qBAAqB;AACrBnB,MAAAA,MAAM,CAAC,KAAD,CAAN;AAEAd,MAAAA,YAAY,CAACW,IAAD,CAAZ;AACH,KATD;AAUA,QAAM+C,IAAI,GAAG/C,IAAI,CAAC+C,IAAL,GAAY,YAAM;AAC3B,UAAI5C,MAAM,EAAV,EACI;AAEJK,MAAAA,EAAE,OAAOA,EAAE,GAAGW,KAAL,CAAWhC,MAAX,GAAoBA,MAAM,EAAjC,CAAF;AACAmC,MAAAA,qBAAqB;AACrBnB,MAAAA,MAAM,CAAC,IAAD,CAAN;AAEA,UAAIV,QAAQ,GAAG,SAAXA,QAAW,CAAAuD,KAAK,EAAI;AACpB,YAAI,CAACA,KAAK,CAACC,gBAAP,IAA2BD,KAAK,CAACE,OAAN,KAAkB;AAAjD,UACItC,WAAW;AACf,eAAO,IAAP;AACH,OAJD;AAMAhB,MAAAA,WAAW,CAACI,IAAD,EAAOP,QAAP,CAAX;AACH,KAfD;AAiBAO,IAAAA,IAAI,CAACmD,iBAAD,CAAJ,GAA0B,YAAM;AAC5B,UAAMC,MAAM,GAAG1C,KAAK,EAApB;AACAc,MAAAA,MAAM,CAAC4B,MAAM,CAACL,IAAR,CAAN,CAAoB,YAAM;AACtBM,QAAAA,UAAU,CAACN,IAAD,EAAO,CAAP,CAAV;AACH,OAFD;AAGAvB,MAAAA,MAAM,CAAC4B,MAAM,CAACpC,KAAR,CAAN,CAAqB,YAAM;AACvBqC,QAAAA,UAAU,CAACrC,KAAD,EAAQ,CAAR,CAAV;AACH,OAFD;AAGAoC,MAAAA,MAAM,CAAChB,IAAP,IAAeiB,UAAU,CAACN,IAAD,EAAO,CAAP,CAAzB;AACH,KATD;AAUA/C,IAAAA,IAAI,CAACsD,kBAAD,CAAJ,GAA2B,UAACC,SAAD,EAAe;AACtC,UAAMnB,IAAI,GAAG1B,KAAK,GAAG0B,IAArB;AACA,UAAIA,IAAI,KAAKmB,SAAS,CAACnB,IAAvB,EAA6B;AACzBA,QAAAA,IAAI,GAAGW,IAAI,EAAP,GAAY/B,KAAK,EAArB;AACH;AACJ,KALD;AAlGoB;AAwGvB;;EA1GewC;AA6GpB1D,KAAK,CAACkC,gBAAN,GAAyByB,SAAzB;AACA3D,KAAK,CAACT,YAAN,GAAqBA,YAArB;AACAS,KAAK,CAACF,WAAN,GAAoBA,WAApB;AAEA,cAAeE,KAAf;AAEA,IAAI4D,MAAM,CAACC,0BAAX,EAAuC;AACnC7D,EAAAA,KAAK,CAAC8D,SAAN,GAAkB;AACd/B,IAAAA,SAAS,EAAEgC,SAAS,CAACC,MADP;AAEdhC,IAAAA,GAAG,EAAE+B,SAAS,CAACE,MAFD;AAGdhC,IAAAA,SAAS,EAAE8B,SAAS,CAACG;AAHP,GAAlB;AAKH;;;;"}

package/bundle.css

@@ -1,12 +1,3 @@
-.animated {
-  transition: opacity 250ms ease;
-  opacity: 0;
-}
-
-.animated.mounting, .animated.mounted {
-  opacity: 1;
-}
-
 .Button {
   position: relative;
   min-width: 64px;
@@ -158,6 +149,15 @@
   border: 0;
 }
 
+.animated {
+  transition: opacity 250ms ease;
+  opacity: 0;
+}
+
+.animated.mounting, .animated.mounted {
+  opacity: 1;
+}
+
 .Checkbox {
   position: relative;
   white-space: pre;
@@ -225,6 +225,93 @@
   background: rgba(0, 0, 0, 0.26);
 }
 
+.DialogModal {
+  overflow: hidden;
+}
+
+.DialogModal .content {
+  top: 20vh;
+}
+
+.Dialog {
+  background-color: white;
+  min-width: 460px;
+  max-width: 40vw;
+  padding: 15px;
+}
+
+.Dialog .title {
+  margin-bottom: 15px;
+  padding: 20px 50px 0px 30px;
+  font-size: 1.25rem;
+  line-height: 2rem;
+  font-weight: 400;
+  letter-spacing: 0.0125em;
+}
+
+.Dialog .description {
+  color: rgba(0, 0, 0, 0.54);
+  font-size: 1rem;
+  line-height: 1.5rem;
+  font-weight: 400;
+  letter-spacing: 0.03125em;
+  margin-top: 20px;
+  padding: 0 24px 24px;
+}
+
+.Dialog > div.row {
+  margin-bottom: 15px;
+}
+
+.Dialog > div.row:last-child {
+  margin-bottom: 0;
+}
+
+.DNDContainer {
+  position: relative;
+}
+
+.DNDContainer .Draggable[draggable=true], .DNDContainer .Draggable [draggable=true] {
+  cursor: pointer;
+}
+
+.DNDContainer .Draggable.placeholder {
+  opacity: 0.2;
+}
+
+.DNDContainer .Draggable.copy {
+  position: absolute;
+  box-sizing: border-box;
+  will-change: transform;
+  opacity: 0;
+}
+
+.DNDContainer .Draggable.dragged {
+  z-index: 10;
+}
+
+.DNDContainer .overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+}
+
+.CircleProgress {
+  width: 48px;
+  height: 48px;
+}
+
+.CircleProgress .line {
+  stroke-width: 2px;
+  stroke: black;
+  stroke-linecap: square;
+  fill: none;
+  transition: stroke-dashoffset 0.2s ease;
+}
+
 .AutocompleteSelect {
   display: inline-flex;
   flex-flow: column;
@@ -520,93 +607,6 @@
   position: absolute;
 }
 
-.CircleProgress {
-  width: 48px;
-  height: 48px;
-}
-
-.CircleProgress .line {
-  stroke-width: 2px;
-  stroke: black;
-  stroke-linecap: square;
-  fill: none;
-  transition: stroke-dashoffset 0.2s ease;
-}
-
-.DialogModal {
-  overflow: hidden;
-}
-
-.DialogModal .content {
-  top: 20vh;
-}
-
-.Dialog {
-  background-color: white;
-  min-width: 460px;
-  max-width: 40vw;
-  padding: 15px;
-}
-
-.Dialog .title {
-  margin-bottom: 15px;
-  padding: 20px 50px 0px 30px;
-  font-size: 1.25rem;
-  line-height: 2rem;
-  font-weight: 400;
-  letter-spacing: 0.0125em;
-}
-
-.Dialog .description {
-  color: rgba(0, 0, 0, 0.54);
-  font-size: 1rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  letter-spacing: 0.03125em;
-  margin-top: 20px;
-  padding: 0 24px 24px;
-}
-
-.Dialog > div.row {
-  margin-bottom: 15px;
-}
-
-.Dialog > div.row:last-child {
-  margin-bottom: 0;
-}
-
-.DNDContainer {
-  position: relative;
-}
-
-.DNDContainer .Draggable[draggable=true], .DNDContainer .Draggable [draggable=true] {
-  cursor: pointer;
-}
-
-.DNDContainer .Draggable.placeholder {
-  opacity: 0.2;
-}
-
-.DNDContainer .Draggable.copy {
-  position: absolute;
-  box-sizing: border-box;
-  will-change: transform;
-  opacity: 0;
-}
-
-.DNDContainer .Draggable.dragged {
-  z-index: 10;
-}
-
-.DNDContainer .overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  pointer-events: none;
-}
-
 .DropFileInput {
   flex-grow: 1;
 }
@@ -634,120 +634,51 @@
   margin-right: 10px;
 }
 
-.FormUploadProgress {
+.Dropzone {
+  position: relative;
+}
+
+.Dropzone > .overlay {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
-  background-color: rgba(255, 255, 255, 0.6);
-  z-index: 2;
-}
-
-.FormUploadProgress.animated.mounting, .FormUploadProgress.animated.mounted {
-  transition-delay: 500ms;
-}
-
-.FormUploadProgress .wrapper {
-  position: sticky;
-  top: 40%;
-  margin-top: 40%;
-  margin-left: 50%;
-  transform: translateX(-50%);
+  background-color: #38ADC4;
+  z-index: 1;
+  opacity: 0;
+  transition: all 0.2s ease;
+  transition-delay: 100ms;
+  visibility: hidden;
   display: flex;
-  flex-flow: column;
   justify-content: center;
   align-items: center;
 }
 
-.FormUploadProgress .wrapper .CircleProgress, .FormUploadProgress .wrapper .SpinningProgress {
+.Dropzone > .overlay .drop {
+  border-radius: 4px;
+  border: 1px dashed #FFFFFF;
   position: absolute;
-  width: 107px;
-  height: 107px;
-  top: 0;
-  left: 0;
+  top: 18px;
+  left: 18px;
+  right: 18px;
+  bottom: 18px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-weight: 500;
+  font-size: 18px;
+  color: #FFFFFF;
 }
 
-.FormUploadProgress .wrapper .CircleProgress .line, .FormUploadProgress .wrapper .SpinningProgress .line {
-  stroke: #2196F3;
+.Dropzone.dragging > .overlay {
+  opacity: 0.7;
+  visibility: visible;
+  transition-delay: 0s;
 }
 
-.FormUploadProgress .wrapper > .progress {
-  width: 107px;
-  height: 107px;
-  min-height: 107px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
-  border-radius: 50%;
-  background: white;
-  position: relative;
-}
-
-.FormUploadProgress .wrapper > .progress > .value {
-  display: inline-block;
-  margin-top: 5px;
-  font-weight: bold;
-  line-height: 16px;
-  font-size: 13px;
-  text-align: center;
-  color: #818181;
-}
-
-.FormUploadProgress .wrapper .cancel {
-  min-width: 107px;
-  margin-top: 20px;
-  background-color: white;
-  color: #F96B5C;
-  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
-}
-
-.Dropzone {
-  position: relative;
-}
-
-.Dropzone > .overlay {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  background-color: #38ADC4;
-  z-index: 1;
-  opacity: 0;
-  transition: all 0.2s ease;
-  transition-delay: 100ms;
-  visibility: hidden;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.Dropzone > .overlay .drop {
-  border-radius: 4px;
-  border: 1px dashed #FFFFFF;
-  position: absolute;
-  top: 18px;
-  left: 18px;
-  right: 18px;
-  bottom: 18px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-weight: 500;
-  font-size: 18px;
-  color: #FFFFFF;
-}
-
-.Dropzone.dragging > .overlay {
-  opacity: 0.7;
-  visibility: visible;
-  transition-delay: 0s;
-}
-
-.Dropzone.dragging > * {
-  pointer-events: none;
+.Dropzone.dragging > * {
+  pointer-events: none;
 }
 
 .Dropzone > input.file {
@@ -1103,6 +1034,75 @@
   font-size: 24px;
 }
 
+.FormUploadProgress {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.6);
+  z-index: 2;
+}
+
+.FormUploadProgress.animated.mounting, .FormUploadProgress.animated.mounted {
+  transition-delay: 500ms;
+}
+
+.FormUploadProgress .wrapper {
+  position: sticky;
+  top: 40%;
+  margin-top: 40%;
+  margin-left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.FormUploadProgress .wrapper .CircleProgress, .FormUploadProgress .wrapper .SpinningProgress {
+  position: absolute;
+  width: 107px;
+  height: 107px;
+  top: 0;
+  left: 0;
+}
+
+.FormUploadProgress .wrapper .CircleProgress .line, .FormUploadProgress .wrapper .SpinningProgress .line {
+  stroke: #2196F3;
+}
+
+.FormUploadProgress .wrapper > .progress {
+  width: 107px;
+  height: 107px;
+  min-height: 107px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
+  border-radius: 50%;
+  background: white;
+  position: relative;
+}
+
+.FormUploadProgress .wrapper > .progress > .value {
+  display: inline-block;
+  margin-top: 5px;
+  font-weight: bold;
+  line-height: 16px;
+  font-size: 13px;
+  text-align: center;
+  color: #818181;
+}
+
+.FormUploadProgress .wrapper .cancel {
+  min-width: 107px;
+  margin-top: 20px;
+  background-color: white;
+  color: #F96B5C;
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
+}
+
 .Modal {
   display: block;
   position: fixed;
@@ -1305,6 +1305,104 @@
   will-change: left;
 }
 
+.Snackbar {
+  transform: translateX(-50%);
+  overflow: hidden;
+  background-color: #323232;
+  padding: 14px 24px 14px 24px;
+  color: #fff;
+  min-width: 288px;
+  max-width: 568px;
+  position: fixed;
+  bottom: -50px;
+  left: 50%;
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  opacity: 0;
+  transition: bottom 0.25s ease, opacity 0.2s ease;
+  border-radius: 4px;
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+}
+
+.Snackbar.shown {
+  bottom: 15px;
+  opacity: 1;
+}
+
+.Snackbar .message {
+  overflow: hidden;
+  line-height: 1.2em;
+  min-height: 1.2em;
+  max-height: 2.4em;
+  flex: 1;
+}
+
+.Snackbar .action {
+  text-transform: uppercase;
+  font-weight: bold;
+  margin-left: 48px;
+  color: #bf3727;
+}
+
+.Snackbar .action a {
+  text-decoration: none;
+  color: #bf3727;
+}
+
+.SpinningProgress {
+  width: 48px;
+  height: 48px;
+  position: relative;
+  margin: 0 auto;
+}
+
+.SpinningProgress:before {
+  content: "";
+  display: block;
+  padding-top: 100%;
+}
+
+.SpinningProgress .circular {
+  animation: rotate 2s linear infinite;
+  height: 100%;
+  transform-origin: center center;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+}
+
+.SpinningProgress .line {
+  stroke: black;
+  stroke-width: 2px;
+  stroke-dasharray: 1, 96;
+  stroke-dashoffset: 0;
+  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
+}
+
+@keyframes rotate {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes dash {
+  0% {
+    stroke-dasharray: 1, 96;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 43, 96;
+    stroke-dashoffset: -17px;
+  }
+  100% {
+    stroke-dasharray: 43, 96;
+    stroke-dashoffset: -53px;
+  }
+}
 .Switch {
   display: inline-flex;
   padding-top: 5px;
@@ -1387,49 +1485,118 @@
   display: none;
 }
 
-.Snackbar {
-  transform: translateX(-50%);
-  overflow: hidden;
-  background-color: #323232;
-  padding: 14px 24px 14px 24px;
-  color: #fff;
-  min-width: 288px;
-  max-width: 568px;
-  position: fixed;
-  bottom: -50px;
-  left: 50%;
-  display: flex;
-  flex-wrap: nowrap;
-  align-items: center;
-  opacity: 0;
-  transition: bottom 0.25s ease, opacity 0.2s ease;
-  border-radius: 4px;
-  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-}
-
-.Snackbar.shown {
-  bottom: 15px;
-  opacity: 1;
-}
+.Table {
+  font-family: Roboto, sans-serif;
+  font-size: 14px;
+  color: #1e252d;
+  border-spacing: 0;
+  border-collapse: collapse;
+  width: 100%;
+  position: relative;
+}
 
-.Snackbar .message {
-  overflow: hidden;
-  line-height: 1.2em;
-  min-height: 1.2em;
-  max-height: 2.4em;
-  flex: 1;
+.Table td, .Table th {
+  padding: 5px;
+  font-weight: 500;
+  color: #2e2e2e;
 }
 
-.Snackbar .action {
-  text-transform: uppercase;
+.Table td {
+  height: 48px;
+  border-bottom: 1px solid #ebebeb;
+  border-top: 1px solid #ebebeb;
+}
+
+.Table td:first-child {
+  padding-left: 45px;
+}
+
+.Table td:last-child {
+  padding-right: 45px;
+}
+
+.Table th {
+  color: #808080;
+  height: 55px;
+  padding: 0px;
+}
+
+.Table th .sortable {
+  cursor: pointer;
+}
+
+.Table th .sortable.active {
   font-weight: bold;
-  margin-left: 48px;
-  color: #bf3727;
 }
 
-.Snackbar .action a {
-  text-decoration: none;
-  color: #bf3727;
+.Table th .sortable.active .material-icons {
+  font-size: 16px;
+}
+
+.Table th .sortable.false {
+  padding-right: 22px;
+}
+
+.Table th:first-child .hidden, .Table th:first-child .fixed {
+  padding-left: 45px;
+}
+
+.Table th:last-child .hidden, .Table th:last-child .fixed {
+  padding-right: 45px;
+}
+
+.Table th .hidden {
+  color: transparent;
+  height: 0px;
+  padding: 5px;
+}
+
+.Table th .fixed {
+  font-weight: normal;
+  display: flex;
+  flex-flow: row;
+  justify-items: center;
+  align-items: center;
+  text-align: left;
+  height: 56px;
+  padding: 0px 5px;
+  background-color: white;
+  position: absolute;
+  top: 0px;
+  z-index: 1;
+  box-sizing: border-box;
+  border-bottom: 1px solid #ebebeb;
+  border-top: 1px solid #ebebeb;
+}
+
+.Table tbody tr:hover {
+  background-color: #f2f2f2;
+}
+
+.Table tbody tr.disabled td {
+  color: #93a4b7;
+}
+
+.Table .ro {
+  color: #47576a;
+}
+
+.Table .editable {
+  cursor: pointer;
+}
+
+.Table .editable > .TextField {
+  height: 20px !important;
+  margin: 0px;
+  position: relative;
+  display: block;
+}
+
+.Table .editable > .TextField input {
+  width: 100%;
+  height: 20px;
+  padding: 0px;
+  background-color: #f0f0f0;
 }
 
 .TextField {
@@ -1575,173 +1742,6 @@
   animation-name: shake;
 }
 
-.SpinningProgress {
-  width: 48px;
-  height: 48px;
-  position: relative;
-  margin: 0 auto;
-}
-
-.SpinningProgress:before {
-  content: "";
-  display: block;
-  padding-top: 100%;
-}
-
-.SpinningProgress .circular {
-  animation: rotate 2s linear infinite;
-  height: 100%;
-  transform-origin: center center;
-  width: 100%;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  margin: auto;
-}
-
-.SpinningProgress .line {
-  stroke: black;
-  stroke-width: 2px;
-  stroke-dasharray: 1, 96;
-  stroke-dashoffset: 0;
-  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
-}
-
-@keyframes rotate {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes dash {
-  0% {
-    stroke-dasharray: 1, 96;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 43, 96;
-    stroke-dashoffset: -17px;
-  }
-  100% {
-    stroke-dasharray: 43, 96;
-    stroke-dashoffset: -53px;
-  }
-}
-.Table {
-  font-family: Roboto, sans-serif;
-  font-size: 14px;
-  color: #1e252d;
-  border-spacing: 0;
-  border-collapse: collapse;
-  width: 100%;
-  position: relative;
-}
-
-.Table td, .Table th {
-  padding: 5px;
-  font-weight: 500;
-  color: #2e2e2e;
-}
-
-.Table td {
-  height: 48px;
-  border-bottom: 1px solid #ebebeb;
-  border-top: 1px solid #ebebeb;
-}
-
-.Table td:first-child {
-  padding-left: 45px;
-}
-
-.Table td:last-child {
-  padding-right: 45px;
-}
-
-.Table th {
-  color: #808080;
-  height: 55px;
-  padding: 0px;
-}
-
-.Table th .sortable {
-  cursor: pointer;
-}
-
-.Table th .sortable.active {
-  font-weight: bold;
-}
-
-.Table th .sortable.active .material-icons {
-  font-size: 16px;
-}
-
-.Table th .sortable.false {
-  padding-right: 22px;
-}
-
-.Table th:first-child .hidden, .Table th:first-child .fixed {
-  padding-left: 45px;
-}
-
-.Table th:last-child .hidden, .Table th:last-child .fixed {
-  padding-right: 45px;
-}
-
-.Table th .hidden {
-  color: transparent;
-  height: 0px;
-  padding: 5px;
-}
-
-.Table th .fixed {
-  font-weight: normal;
-  display: flex;
-  flex-flow: row;
-  justify-items: center;
-  align-items: center;
-  text-align: left;
-  height: 56px;
-  padding: 0px 5px;
-  background-color: white;
-  position: absolute;
-  top: 0px;
-  z-index: 1;
-  box-sizing: border-box;
-  border-bottom: 1px solid #ebebeb;
-  border-top: 1px solid #ebebeb;
-}
-
-.Table tbody tr:hover {
-  background-color: #f2f2f2;
-}
-
-.Table tbody tr.disabled td {
-  color: #93a4b7;
-}
-
-.Table .ro {
-  color: #47576a;
-}
-
-.Table .editable {
-  cursor: pointer;
-}
-
-.Table .editable > .TextField {
-  height: 20px !important;
-  margin: 0px;
-  position: relative;
-  display: block;
-}
-
-.Table .editable > .TextField input {
-  width: 100%;
-  height: 20px;
-  padding: 0px;
-  background-color: #f0f0f0;
-}
-
 .ScrollableTable .Scrollable .scrollbar {
   top: 56px;
 }

package/index.js

@@ -30,4 +30,6 @@ export { default as Table } from './Table.js';
 export { default as ScrollableTable } from './ScrollableTable.js';
 export { default as DroppableList } from './DroppableList.js';
 export { default as DroppableHorizontalList } from './DroppableHorizontalList.js';
+import * as Store from './store/Store.js';
+export { Store as StoreTools };
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-basics",
-  "version": "0.0.129",
+  "version": "0.0.130",
   "description": "",
   "module": "index.js",
   "_main": "index.cjs.js",

package/store/ProxyTools.js

@@ -0,0 +1,64 @@
+import { typeof as _typeof, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { UNDEFINED } from '../Tools.js';
+
+var createProxy = function createProxy(target) {
+  if (target.__isProxy) return target;
+  var changedValue = UNDEFINED;
+  var deletedKeys = UNDEFINED;
+  var innerProxies = UNDEFINED;
+  var isChanged = function isChanged() {
+    return changedValue || innerProxies && Object.values(innerProxies).some(function (it) {
+      return it.__changed;
+    });
+  };
+  return new Proxy(target, {
+    get: function get(target, prop) {
+      if (prop === '__isProxy') return true;
+      if (prop === '__changed') return isChanged();
+      if (prop === 'bake') return function () {
+        if (!isChanged()) return target;
+        if (changedValue && !innerProxies) return changedValue;
+        if (innerProxies) {
+          var result = changedValue || _objectSpread2({}, target);
+          for (var key in innerProxies) {
+            result[key] = innerProxies[key].bake();
+          }
+          return result;
+        }
+        throw new Error('state not implemented yet');
+      };
+      var innerProxy = innerProxies && innerProxies[prop];
+      if (innerProxy) return innerProxy;
+      var changed = changedValue && changedValue[prop];
+      if (changed !== UNDEFINED) return changed;
+      if (deletedKeys && deletedKeys[prop]) return null;
+      var value = target[prop];
+      if (_typeof(value) === 'object') {
+        !innerProxies && (innerProxies = {});
+        return innerProxies[prop] = createProxy(value);
+      }
+      return value;
+    },
+    set: function set(target, prop, newval) {
+      if (!changedValue) changedValue = Array.isArray(target) ? _toConsumableArray(target) : _objectSpread2({}, target);
+      if (_typeof(newval) === 'object') {
+        !innerProxies && (innerProxies = {});
+        innerProxies[prop] = newval = createProxy(newval);
+      }
+      changedValue[prop] = newval;
+      return true;
+    },
+    deleteProperty: function deleteProperty(target, prop) {
+      !changedValue && (changedValue = Array.isArray(target) ? _toConsumableArray(target) : _objectSpread2({}, target));
+      if (!prop in changedValue) return false;
+      delete changedValue[prop];
+      innerProxies && delete innerProxies[prop];
+      !deletedKeys && (deletedKeys = {});
+      deletedKeys[prop] = true;
+      return true;
+    }
+  });
+};
+
+export { createProxy };
+//# sourceMappingURL=ProxyTools.js.map

package/store/ProxyTools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProxyTools.js","sources":["../../src/react-ui-basics/store/ProxyTools.js"],"sourcesContent":["import {UNDEFINED} from \"../Tools\";\n\nexport const createProxy = (target) => {\n    if (target.__isProxy)\n        return target;\n\n    let changedValue = UNDEFINED;\n    let deletedKeys = UNDEFINED;\n    let innerProxies = UNDEFINED\n    const isChanged = () => changedValue || (innerProxies && Object.values(innerProxies).some(it => it.__changed));\n\n    return new Proxy(target, {\n        get: function (target, prop) {\n            if (prop === '__isProxy')\n                return true\n            if (prop === '__changed')\n                return isChanged();\n            if (prop === 'bake')\n                return () => {\n                    // console.log('bake', changedValue, innerProxies)\n                    if (!isChanged())\n                        return target\n\n                    if (changedValue && !innerProxies)\n                        return changedValue\n\n                    if (innerProxies) {\n                        const result = changedValue || {...target};\n\n                        for (let key in innerProxies) {\n                            result[key] = innerProxies[key].bake()\n                        }\n                        return result\n                    }\n\n                    throw new Error('state not implemented yet')\n                }\n\n            // console.log('get', {target, prop})\n            const innerProxy = innerProxies && innerProxies[prop];\n            if (innerProxy)\n                return innerProxy\n\n            const changed = changedValue && changedValue[prop]\n            if (changed !== UNDEFINED)\n                return changed\n\n            if (deletedKeys && deletedKeys[prop])\n                return null\n\n            const value = target[prop];\n            if (typeof value === 'object') {\n                !innerProxies && (innerProxies = {})\n                return innerProxies[prop] = createProxy(value)\n            }\n\n            return value;\n        },\n        set: function (target, prop, newval) {\n            // console.log('set', {target, prop, newval})\n            if (!changedValue) changedValue = Array.isArray(target) ? [...target] : {...target}\n\n            if (typeof newval === 'object') {\n                !innerProxies && (innerProxies = {})\n                innerProxies[prop] = newval = createProxy(newval)\n            }\n            changedValue[prop] = newval\n            // console.log('changedValue', changedValue)\n            return true;\n        },\n        deleteProperty: function (target, prop) {\n            // console.log('delete', {target, prop})\n            !changedValue && (changedValue = Array.isArray(target) ? [...target] : {...target})\n\n            if (!prop in changedValue)\n                return false;\n\n            delete changedValue[prop]\n            innerProxies && delete innerProxies[prop]\n            !deletedKeys && (deletedKeys = {})\n            deletedKeys[prop] = true;\n            return true;\n        }\n    })\n}\n"],"names":["createProxy","target","__isProxy","changedValue","UNDEFINED","deletedKeys","innerProxies","isChanged","Object","values","some","it","__changed","Proxy","get","prop","result","key","bake","Error","innerProxy","changed","value","set","newval","Array","isArray","deleteProperty"],"mappings":"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"}

package/store/Store.js

@@ -0,0 +1,71 @@
+import { classCallCheck as _classCallCheck, slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { useState, useEffect } from 'react';
+import { createProxy } from './ProxyTools.js';
+
+var STORE = {};
+var COUNTER = 0;
+var Store = function Store(initialState, name) {
+  _classCallCheck(this, Store);
+  var that = this;
+  that.name = name;
+  var listeners = [];
+  var index = COUNTER++;
+  STORE[index] = initialState;
+  that.get = function () {
+    return STORE[index];
+  };
+  that.set = function (mutator) {
+    var proxy = createProxy(STORE[index]);
+    mutator(proxy);
+    STORE[index] = proxy.bake();
+    listeners.forEach(function (fn) {
+      return fn();
+    });
+  };
+  that.reset = function () {
+    STORE[index] = initialState;
+  };
+  that.subscribe = function (fn) {
+    listeners.push(fn);
+  };
+  that.unsubscribe = function (fn) {
+    listeners = listeners.filter(function (f) {
+      return f !== fn;
+    });
+  };
+  that.toString = function () {
+    return that.name;
+  };
+};
+function getGlobalState() {
+  return STORE;
+}
+function resetGlobalState() {
+  STORE = {};
+}
+function replaceGlobalState(state) {
+  STORE = state;
+}
+var defaultSelector = function defaultSelector(store) {
+  return store;
+};
+var useStore = function useStore(store) {
+  var selector = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultSelector;
+  var _useState = useState(selector(store.get())),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+  var updateState = function updateState() {
+    setState(selector(store.get()));
+  };
+  useEffect(function () {
+    store.subscribe(updateState);
+    return function () {
+      return store.unsubscribe(updateState);
+    };
+  });
+  return state;
+};
+
+export { Store, Store as default, getGlobalState, replaceGlobalState, resetGlobalState, useStore };
+//# sourceMappingURL=Store.js.map

package/store/Store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Store.js","sources":["../../src/react-ui-basics/store/Store.js"],"sourcesContent":["import {useEffect, useState} from \"react\";\nimport {createProxy} from \"./ProxyTools\";\n\nlet STORE = {}\nlet COUNTER = 0\n\nexport class Store {\n    constructor(initialState, name) {\n        const that = this;\n\n        that.name = name;\n        let listeners = []\n        const index = COUNTER++;\n        STORE[index] = initialState\n        that.get = () => STORE[index]\n        that.set = (mutator) => {\n            const proxy = createProxy(STORE[index]);\n            mutator(proxy)\n            STORE[index] = proxy.bake()\n            listeners.forEach(fn => fn())\n        }\n\n        that.reset = () => {\n            STORE[index] = initialState\n        }\n\n        that.subscribe = (fn) => {\n            listeners.push(fn)\n        }\n\n        that.unsubscribe = (fn) => {\n            listeners = listeners.filter(f => f !== fn)\n        }\n\n        that.toString = () => that.name;\n    }\n}\n\nexport default Store;\n\nexport function getGlobalState() {\n    return STORE\n}\n\nexport function resetGlobalState() {\n    STORE = {}\n}\n\nexport function replaceGlobalState(state) {\n    STORE = state\n}\n\n\nconst defaultSelector = store => store;\n\nexport const useStore = (store, selector = defaultSelector) => {\n    const [state, setState] = useState(selector(store.get()))\n\n    const updateState = () => {\n        setState(selector(store.get()))\n    };\n\n    useEffect(() => {\n        store.subscribe(updateState)\n        return () => store.unsubscribe(updateState)\n    })\n\n    return state\n};"],"names":["STORE","COUNTER","Store","initialState","name","that","listeners","index","get","set","mutator","proxy","createProxy","bake","forEach","fn","reset","subscribe","push","unsubscribe","filter","f","toString","getGlobalState","resetGlobalState","replaceGlobalState","state","defaultSelector","store","useStore","selector","useState","setState","updateState","useEffect"],"mappings":";;;;AAGA,IAAIA,KAAK,GAAG,EAAZ;AACA,IAAIC,OAAO,GAAG,CAAd;IAEaC,KAAb,GACI,eAAYC,YAAZ,EAA0BC,IAA1B,EAAgC;AAAA;AAC5B,MAAMC,IAAI,GAAG,IAAb;AAEAA,EAAAA,IAAI,CAACD,IAAL,GAAYA,IAAZ;AACA,MAAIE,SAAS,GAAG,EAAhB;AACA,MAAMC,KAAK,GAAGN,OAAO,EAArB;AACAD,EAAAA,KAAK,CAACO,KAAD,CAAL,GAAeJ,YAAf;AACAE,EAAAA,IAAI,CAACG,GAAL,GAAW;AAAA,WAAMR,KAAK,CAACO,KAAD,CAAX;AAAA,GAAX;AACAF,EAAAA,IAAI,CAACI,GAAL,GAAW,UAACC,OAAD,EAAa;AACpB,QAAMC,KAAK,GAAGC,WAAW,CAACZ,KAAK,CAACO,KAAD,CAAN,CAAzB;AACAG,IAAAA,OAAO,CAACC,KAAD,CAAP;AACAX,IAAAA,KAAK,CAACO,KAAD,CAAL,GAAeI,KAAK,CAACE,IAAN,EAAf;AACAP,IAAAA,SAAS,CAACQ,OAAV,CAAkB,UAAAC,EAAE;AAAA,aAAIA,EAAE,EAAN;AAAA,KAApB;AACH,GALD;AAOAV,EAAAA,IAAI,CAACW,KAAL,GAAa,YAAM;AACfhB,IAAAA,KAAK,CAACO,KAAD,CAAL,GAAeJ,YAAf;AACH,GAFD;AAIAE,EAAAA,IAAI,CAACY,SAAL,GAAiB,UAACF,EAAD,EAAQ;AACrBT,IAAAA,SAAS,CAACY,IAAV,CAAeH,EAAf;AACH,GAFD;AAIAV,EAAAA,IAAI,CAACc,WAAL,GAAmB,UAACJ,EAAD,EAAQ;AACvBT,IAAAA,SAAS,GAAGA,SAAS,CAACc,MAAV,CAAiB,UAAAC,CAAC;AAAA,aAAIA,CAAC,KAAKN,EAAV;AAAA,KAAlB,CAAZ;AACH,GAFD;AAIAV,EAAAA,IAAI,CAACiB,QAAL,GAAgB;AAAA,WAAMjB,IAAI,CAACD,IAAX;AAAA,GAAhB;AACH;AAKE,SAASmB,cAAT,GAA0B;AAC7B,SAAOvB,KAAP;AACH;AAEM,SAASwB,gBAAT,GAA4B;AAC/BxB,EAAAA,KAAK,GAAG,EAAR;AACH;AAEM,SAASyB,kBAAT,CAA4BC,KAA5B,EAAmC;AACtC1B,EAAAA,KAAK,GAAG0B,KAAR;AACH;AAGD,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,KAAK;AAAA,SAAIA,KAAJ;AAAA,CAA7B;IAEaC,QAAQ,GAAG,SAAXA,QAAW,CAACD,KAAD,EAAuC;AAAA,MAA/BE,QAA+B,uEAApBH,eAAoB;AAC3D,kBAA0BI,QAAQ,CAACD,QAAQ,CAACF,KAAK,CAACpB,GAAN,EAAD,CAAT,CAAlC;AAAA;AAAA,MAAOkB,KAAP;AAAA,MAAcM,QAAd;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACtBD,IAAAA,QAAQ,CAACF,QAAQ,CAACF,KAAK,CAACpB,GAAN,EAAD,CAAT,CAAR;AACH,GAFD;AAIA0B,EAAAA,SAAS,CAAC,YAAM;AACZN,IAAAA,KAAK,CAACX,SAAN,CAAgBgB,WAAhB;AACA,WAAO;AAAA,aAAML,KAAK,CAACT,WAAN,CAAkBc,WAAlB,CAAN;AAAA,KAAP;AACH,GAHQ,CAAT;AAKA,SAAOP,KAAP;AACH;;;;"}