react-ui-basics 0.0.122 → 0.0.126

package/AutocompleteSelect.css

@@ -26,17 +26,10 @@
 .AutocompleteSelect > .input {
   width: 100%;
 }
-.AutocompleteSelect.multi > .input {
-  position: relative;
-}
 .AutocompleteSelect .Scrollable {
   padding-right: 0;
   min-width: 100%;
 }
-.AutocompleteSelect .selected.full .DummyChild {
-  padding-left: 35px;
-  padding-right: 10px;
-}
 .AutocompleteSelect.inline-multiple > .label {
   top: -12px;
 }
@@ -176,7 +169,43 @@
   margin-left: -10px;
   margin-right: -10px;
 }
-.AutocompleteSelect > .selected > .value {
+.AutocompleteSelect.inlineSelected {
+  flex-flow: row wrap;
+  justify-content: flex-start;
+}
+.AutocompleteSelect.inlineSelected.hasSelected {
+  padding-top: 7px;
+}
+.AutocompleteSelect.inlineSelected > .label {
+  width: 100%;
+  height: 100%;
+}
+.AutocompleteSelect.inlineSelected > .label.active {
+  z-index: 0;
+}
+.AutocompleteSelect.inlineSelected .input {
+  width: unset;
+  flex-basis: 50px;
+  flex-grow: 1;
+}
+.AutocompleteSelect.inlineSelected .input::after {
+  content: attr(data-value);
+  white-space: pre;
+  font: inherit;
+  min-width: 2px;
+  border: 0;
+  margin: 0;
+  outline: 0;
+  float: left;
+  display: inline-block;
+  margin-top: -24px;
+  font-size: 14px;
+  padding: 2px;
+}
+.AutocompleteSelect.inlineSelected > .value:nth-child(2) {
+  margin-top: 7px;
+}
+.AutocompleteSelect.inlineSelected > .value, .AutocompleteSelect > .selected > .value {
   cursor: pointer;
   margin: 5px 10px 5px 0px;
   display: inline-flex;
@@ -190,7 +219,11 @@
   font-size: 14px;
   color: #1e252d;
 }
-.AutocompleteSelect > .selected > .value .button {
+.AutocompleteSelect.inlineSelected > .value .DummyChild, .AutocompleteSelect > .selected > .value .DummyChild {
+  padding-left: 35px;
+  padding-right: 10px;
+}
+.AutocompleteSelect.inlineSelected > .value .button, .AutocompleteSelect > .selected > .value .button {
   cursor: pointer;
   min-width: 30px;
   width: 30px;
@@ -209,10 +242,10 @@
   align-items: center;
   animation: anticlockwise 0.15s linear;
 }
-.AutocompleteSelect > .selected > .value .button .material-icons {
+.AutocompleteSelect.inlineSelected > .value .button .material-icons, .AutocompleteSelect > .selected > .value .button .material-icons {
   font-size: 22px;
 }
-.AutocompleteSelect > .selected > .value:hover .button {
+.AutocompleteSelect.inlineSelected > .value:hover .button, .AutocompleteSelect > .selected > .value:hover .button {
   width: 30px;
   height: 30px;
   opacity: 1;

package/AutocompleteSelect.js

@@ -1,4 +1,4 @@
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass, toConsumableArray as _toConsumableArray } from './_virtual/_rollupPluginBabelHelpers.js';
 import React from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import PropTypes from 'prop-types';
@@ -19,10 +19,12 @@ var MODE_MULTIPLE_MINI_INLINE = 'multiple-mini-inline';
 var DummyChild = function DummyChild(_ref) {
   var id = _ref.id,
       label = _ref.label,
-      dataConsumer = _ref.dataConsumer;
+      dataConsumer = _ref.dataConsumer,
+      onClick = _ref.onClick;
   orNoop(dataConsumer)(label || id);
   return ReactCreateElement("div", {
-    className: "DummyChild"
+    className: "DummyChild",
+    onClick: onClick
   }, label || id);
 };
 var prepareSelected = function prepareSelected(value) {
@@ -93,11 +95,16 @@ var AutocompleteSelect = function (_React$Component) {
           onSelect = _this$props2.onSelect,
           onChange = _this$props2.onChange,
           defaultValue = _this$props2["default"];
-      var filterValue = _this.state.filterValue;
-      if (selectedId == null && (!!filterValue || !required) && allowCustom && !_this.input.check()) selectedId = filterValue;
-      var isSelected = selectedId != null;
+      var _this$state = _this.state,
+          filterValue = _this$state.filterValue,
+          currentSelection = _this$state.selected;
+      if (selectedId == null && (!!filterValue || !required) && allowCustom && (!_this.input || !_this.input.check())) selectedId = filterValue;
       var isMultiSelect = isMultipleSelect(mode);
-      var selected = _objectSpread2({}, _this.state.selected);
+      if (!selectedId && isMultiSelect) {
+        selectedId = null;
+      }
+      var isSelected = selectedId != null;
+      var selected = _objectSpread2({}, currentSelection);
       if (selected[selectedId] && (defaultValue || isMultiSelect)) {
         delete selected[selectedId];
         if (defaultValue && Object.keys(selected).length === 0) selected[defaultValue] = defaultValue;
@@ -216,15 +223,16 @@ var AutocompleteSelect = function (_React$Component) {
           scrollToValue = _this$props3.scrollToValue,
           scroll = _this$props3.scroll,
           required = _this$props3.required,
-          allowCustom = _this$props3.allowCustom;
+          allowCustom = _this$props3.allowCustom,
+          inlineSelected = _this$props3.inlineSelected;
       var id = this.props.id || this.randomId;
       var selectedComponent = this.props.selectedComponent || childComponent;
-      var _this$state = this.state,
-          _this$state$selected = _this$state.selected,
-          selected = _this$state$selected === void 0 ? {} : _this$state$selected,
-          _this$state$filterVal = _this$state.filterValue,
-          filterValue = _this$state$filterVal === void 0 ? '' : _this$state$filterVal,
-          errored = _this$state.errored;
+      var _this$state2 = this.state,
+          _this$state2$selected = _this$state2.selected,
+          selected = _this$state2$selected === void 0 ? {} : _this$state2$selected,
+          _this$state2$filterVa = _this$state2.filterValue,
+          filterValue = _this$state2$filterVa === void 0 ? '' : _this$state2$filterVa,
+          errored = _this$state2.errored;
       var isActive = this.state.isActive;
       if (this.props.isActive !== UNDEFINED) {
         isActive = this.props.isActive;
@@ -269,6 +277,7 @@ var AutocompleteSelect = function (_React$Component) {
           var value = (isString(it) ? it : it.name || it.label || '').toLowerCase();
           return continuousIncludes(value, f);
         },
+        selectSingle: !allowCustom,
         scroll: scroll,
         inline: isInline,
         nextProvider: ref('next', this),
@@ -279,22 +288,24 @@ var AutocompleteSelect = function (_React$Component) {
         selected: selected,
         childComponent: childComponent,
         childProps: childProps,
-        data: data,
+        data: allowCustom && !data.includes(filterValue) ? [filterValue].concat(_toConsumableArray(data)) : data,
         labels: labels
       });
       return ReactCreateElement("div", {
         id: id,
-        className: classNames('AutocompleteSelect', mode, isMultipleSelect(mode) && 'multi', className, withFilter ? 'withFilter' : 'withoutFilter', isActive && 'active', errored && 'errored'),
+        className: classNames('AutocompleteSelect', mode, isMultipleSelect(mode) && 'multi', className, withFilter ? 'withFilter' : 'withoutFilter', isActive && 'active', errored && 'errored', inlineSelected && 'inlineSelected', hasSelected && 'hasSelected'),
         ref: ref('el', this)
       }, label && ReactCreateElement("label", {
         className: classNames("label", (hasSelected || filterValue) && 'active', hasSelected && 'hasSelected'),
         htmlFor: 'f-' + id,
         onClick: function onClick() {
-          return mode === MODE_MULTIPLE_MINI_INLINE && toggle();
+          if (mode === MODE_MULTIPLE_MINI_INLINE || !isActive) {
+            toggle();
+          }
         }
       }, label, required && ' *', withArrow && ReactCreateElement("span", {
         className: "arrow"
-      })), (!isActive || mode === MODE_MULTIPLE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE_AUTO || !withFilter) && hasSelected && ReactCreateElement("div", {
+      })), (!isActive || mode === MODE_MULTIPLE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE_AUTO || !withFilter) && !inlineSelected && hasSelected && ReactCreateElement("div", {
         className: classNames('selected', !label && 'nolabel', (mode === MODE_MULTIPLE_MINI || mode === MODE_MINI || mode === MODE_MULTIPLE_MINI_INLINE) && 'clickable', selectedMode),
         onClick: toggle
       }, selectedMode === 'full' && selectedIds.map(function (id) {
@@ -330,8 +341,34 @@ var AutocompleteSelect = function (_React$Component) {
         onClick: this.clean
       }, ReactCreateElement(MaterialIcon, {
         icon: "close"
-      }))), (isActive || !hasSelected && mode !== MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO && selectedIds.length > 1 || mode === MODE_INLINE_MULTIPLE) && ReactCreateElement("div", {
-        className: "input"
+      }))), inlineSelected && hasSelected && ReactCreateElement(React.Fragment, null, selectedMode === 'full' && selectedIds.map(function (id) {
+        return ReactCreateElement("div", {
+          className: "value",
+          key: id
+        }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
+          id: id,
+          label: getLabel(labels, id),
+          onClick: setActive
+        })), ReactCreateElement("div", {
+          className: "button remove",
+          onClick: function onClick(e) {
+            stopPropagation(e);
+            _this3.remove(id);
+          }
+        }, ReactCreateElement(MaterialIcon, {
+          icon: "close"
+        })));
+      }), selectedMode === 'inline' && selectedIds.map(function (id) {
+        return ReactCreateElement(React.Fragment, {
+          key: id
+        }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
+          id: id,
+          label: getLabel(labels, id),
+          onClick: setActive
+        })), id !== selectedIds[selectedIds.length - 1] && ', ');
+      })), (isActive || !hasSelected && mode !== MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO && selectedIds.length > 1 || mode === MODE_INLINE_MULTIPLE) && ReactCreateElement("div", {
+        className: "input",
+        "data-value": filterValue
       }, withFilter && ReactCreateElement(TextField, {
         autoComplete: "off",
         id: 'f-' + id,
@@ -360,8 +397,16 @@ var AutocompleteSelect = function (_React$Component) {
           ) {
             preventDefault(e);
             _this3.onSelect(_this3.getSelected());
+          } else if (keyCode === 9
+          ) {
+            _this3.onSelect(_this3.getSelected());
           } else if (keyCode === 8
-          || keyCode === 46
+          ) {
+            if (!filterValue && selectedIds.length !== 0 && isMultipleSelect(mode)) {
+              _this3.remove(selectedIds[selectedIds.length - 1]);
+            }
+            _this3.reset();
+          } else if (keyCode === 46
           ) {
             _this3.reset();
           } else if (keyCode === 27
@@ -374,7 +419,7 @@ var AutocompleteSelect = function (_React$Component) {
             _this3.onCancel();
           }
         }
-      }), !withFilter && inputLabel && ReactCreateElement("label", null, inputLabel), (mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO || mode === MODE_INLINE_MULTIPLE) && list), !(mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO || mode === MODE_INLINE_MULTIPLE) && list);
+      }), !withFilter && inputLabel && ReactCreateElement("label", null, inputLabel)), list);
     }
   }]);
   return 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}) => {\n    orNoop(dataConsumer)(label || id);\n    return <div className={`DummyChild`}>{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        } = 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\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 = filterValue.toLowerCase();\n                                       if (filter) return filter(it, f);\n\n                                       let value = (isString(it) ? it : (it.name || it.label || '')).toLowerCase();\n                                       return continuousIncludes(value, f);\n                                   }}\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={data}\n                                   labels={labels}\n        />;\n\n        return (\n            <div id={id} className={classNames('AutocompleteSelect', mode, isMultipleSelect(mode) && 'multi', className, withFilter ? 'withFilter' : 'withoutFilter', isActive && 'active', errored && 'errored')}\n                 ref={ref('el', this)}>\n                {label && <label className={classNames(`label`, (hasSelected || filterValue) && 'active', hasSelected && 'hasSelected')}\n                                 htmlFor={'f-' + id}\n                                 onClick={() => mode === MODE_MULTIPLE_MINI_INLINE && toggle()}\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) && 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                {(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`}>\n                        {withFilter && <TextField autoComplete=\"off\" 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 === 8/*backspace*/ || 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                        {(mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO || mode === MODE_INLINE_MULTIPLE) && list}\n                    </div>\n                )}\n                {!(mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO || mode === MODE_INLINE_MULTIPLE) && 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} = this.state;\n\n        if (selectedId == null && (!!filterValue || !required) && allowCustom && !this.input.check())\n            selectedId = filterValue;\n\n\n        const isSelected = selectedId != null;\n        const isMultiSelect = isMultipleSelect(mode);\n\n        let selected = {...this.state.selected};\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","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","input","check","isSelected","isMultiSelect","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","selectedComponent","UNDEFINED","labels","selectedIds","hasSelected","setActive","list","scrollTo","toggle","isInline","classNames","ref","it","f","toLowerCase","name","continuousIncludes","React","createElement","getLabel","onClick","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    };\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\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 = filterValue.toLowerCase();\n                                       if (filter) return filter(it, f);\n\n                                       let value = (isString(it) ? it : (it.name || it.label || '')).toLowerCase();\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={(allowCustom && !data.includes(filterValue)) ? [filterValue, ...data] : data}\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=\"off\" 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;\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","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","classNames","ref","it","f","toLowerCase","name","continuousIncludes","includes","React","createElement","getLabel","filterCheck","keyCode","prev","next","reset","blur","Component","propTypes","PropTypes","oneOf","defaultProps"],"mappings":"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"}

package/FilteredList.css

@@ -10,12 +10,11 @@
   z-index: 4;
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
   transition: all 0.2s ease-out;
-  top: 20px;
+  top: calc(100% + 4px);
   opacity: 0;
   border-radius: 2px;
 }
 .FilteredList.popup.visible {
-  top: 36px;
   opacity: 1;
   visibility: visible;
 }

package/FilteredList.js

@@ -25,14 +25,16 @@ var FilteredList = function (_React$Component) {
       _this.props.onSelect(id);
     };
     _this.selected = function () {
-      if (_this.state.selected === -1 || _this.hidden[_this.state.selected]) {
+      var value = _this.state.selected;
+      var selectSingle = _this.props.selectSingle;
+      if (value === -1 || _this.hidden[value]) {
         var filtered = _this.list.filter(function (id) {
           return !_this.hidden[id];
         });
-        if (filtered.length === 1) return filtered[0];
+        if (selectSingle && filtered.length === 1) return filtered[0];
         return null;
       } else {
-        return _this.state.selected;
+        return value;
       }
     };
     _this.next = function () {
@@ -179,6 +181,7 @@ FilteredList.defaultProps = {
   labels: {},
   selected: {},
   inline: false,
+  selectSingle: true,
   filter: function filter() {
     return true;
   }

package/FilteredList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilteredList.js","sources":["../src/react-ui-basics/FilteredList.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './FilteredList.css'\nimport Scrollable from \"./Scrollable\";\nimport {classNames, orNoop, ref, stopPropagation, isFunction, isObject} from \"./Tools\";\n\nexport const getLabel = (labels, id)=> isFunction(labels) ? labels(id) : labels[id]\n\nclass FilteredList extends React.Component {\n\n    static defaultProps = {\n        data: [],\n        labels: {},\n        selected: {},\n        inline: false,\n        filter: () => true,\n    };\n\n    constructor(props) {\n        super(props);\n        this.state = {selected: -1};\n        this.hidden = {};\n        this.elements = {};\n    }\n\n    componentDidMount() {\n        orNoop(this.props.nextProvider)(this.next);\n        orNoop(this.props.prevProvider)(this.prev);\n        orNoop(this.props.selectedProvider)(this.selected);\n        orNoop(this.props.resetProvider)(this.reset);\n\n        this.updateList(this.props)\n    }\n\n    componentDidUpdate(prevProps, prevState, snapshot) {\n        if (this.props.data === prevProps.data)\n            return;\n\n        this.updateList(this.props)\n    }\n\n    updateList = (props) => {\n        const {data} = props;\n        this.list = data || [];\n    };\n\n    render() {\n        const {data, labels, filter, className, selected, inline, childComponent, childProps, style, scroll} = this.props;\n        return (\n            <Scrollable className={classNames('FilteredList', className, inline ? 'inline' : 'popup')}\n                        ref={ref('el', this)} style={style} scrollBarMode={scroll}>\n                {(data || []).filter(id => id !== false && id != null).map(id => <ItemWrapper\n                    id={id}\n                    key={id}\n                    label={getLabel(labels, id)}\n                    childComponent={childComponent}\n                    childProps={childProps}\n                    element={el => this.elements[id] = el}\n                    onClick={e => {\n                        stopPropagation(e);\n                        this.onSelect(id);\n                    }}\n                    onMouseEnter={e => this.setState({selected: id})}\n                    onMouseLeave={e => id === this.state.selected && this.setState({selected: -1})}\n                    className={classNames('child', this.state.selected === id && 'active', selected === id || (isObject(selected) && selected[id]) && 'selected')}\n                    classProvider={it => (this.hidden[id] = !filter(it)) && 'hidden'}\n                />)}\n            </Scrollable>\n        )\n    }\n\n    onSelect = (id) => {\n        this.setState({selected: id});\n        this.props.onSelect(id);\n    };\n\n    selected = () => {\n        if (this.state.selected === -1 || this.hidden[this.state.selected]) {\n            let filtered = this.list.filter(id => !this.hidden[id]);\n            if (filtered.length === 1)\n                return filtered[0];\n\n            return null;\n        } else {\n            return this.state.selected;\n        }\n    };\n\n    next = () => {\n        const list = this.list;\n        const selected = this.state.selected;\n        let position = list.findIndex(id => selected === id);\n        if (this.hidden[list[position]])\n            position = -1;\n\n        while (++position < list.length) {\n            if (!this.hidden[list[position]])\n                break\n        }\n        if (position < list.length) {\n            let id = list[position];\n            this.setState({selected: id});\n            this.updateScroll(id)\n        }\n    };\n\n    prev = () => {\n        const list = this.list;\n        const selected = this.state.selected;\n        let position = list.findIndex(id => selected === id);\n        if (this.hidden[list[position]])\n            position = list.length;\n\n        while (--position >= 0) {\n            if (!this.hidden[list[position]])\n                break\n        }\n        if (position >= 0) {\n            let id = list[position];\n            this.setState({selected: id});\n            this.updateScroll(id)\n        }\n    };\n\n    updateScroll = (id) => {\n        let child = this.elements[id];\n        let container = this.el;\n        const scrollTop = container.getScroll();\n        const height = container.getHeight();\n        let isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + child.clientHeight;\n        if (!isVisible) {\n            let scrollToBottom = child.offsetTop + child.clientHeight - height;\n            let scrollToTop = child.offsetTop;\n            if (Math.abs(scrollTop - scrollToTop) < Math.abs(scrollTop - scrollToBottom)) {\n                container.setScroll(scrollToTop)\n            } else {\n                container.setScroll(scrollToBottom)\n            }\n        }\n    };\n\n    reset = () => {\n        this.setState({selected: -1});\n        this.el.scrollTop = 0;\n    };\n\n    scrollTo = (id) => this.el.setScroll(this.elements[id] && this.elements[id].offsetTop);\n}\n\nexport default FilteredList;\n\nclass ItemWrapper extends React.Component {\n    render() {\n        const {id, label, onClick, onMouseDown, onMouseEnter, onMouseLeave, classProvider, className, childComponent, childProps} = this.props;\n        const child = React.createElement(childComponent, {\n            ...childProps,\n            id,\n            label,\n            dataConsumer: (data) => this.data = data,\n        });\n\n        const cssClass = orNoop(classProvider)(this.data);\n        return (\n            <div className={classNames('ItemWrapper', cssClass, className)}\n                 onMouseEnter={onMouseEnter}\n                 onMouseLeave={onMouseLeave}\n                 onMouseDown={onMouseDown}\n                 onClick={onClick}\n                 ref={ref('el', this)}\n            >\n                {child}\n            </div>\n        )\n    }\n\n    componentDidMount() {\n        orNoop(this.props.element)(this.el);\n        this.forceUpdate();\n    }\n}\n"],"names":["getLabel","labels","id","isFunction","FilteredList","props","updateList","data","list","onSelect","setState","selected","state","hidden","filtered","filter","length","next","position","findIndex","updateScroll","prev","child","elements","container","el","scrollTop","getScroll","height","getHeight","isVisible","offsetTop","clientHeight","scrollToBottom","scrollToTop","Math","abs","setScroll","reset","scrollTo","orNoop","nextProvider","prevProvider","selectedProvider","resetProvider","prevProps","prevState","snapshot","className","inline","childComponent","childProps","style","scroll","classNames","ref","map","e","stopPropagation","isObject","it","React","Component","defaultProps","ItemWrapper","label","onClick","onMouseDown","onMouseEnter","onMouseLeave","classProvider","createElement","dataConsumer","cssClass","element","forceUpdate"],"mappings":"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"}
+{"version":3,"file":"FilteredList.js","sources":["../src/react-ui-basics/FilteredList.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './FilteredList.css'\nimport Scrollable from \"./Scrollable\";\nimport {classNames, orNoop, ref, stopPropagation, isFunction, isObject} from \"./Tools\";\n\nexport const getLabel = (labels, id)=> isFunction(labels) ? labels(id) : labels[id]\n\nclass FilteredList extends React.Component {\n\n    static defaultProps = {\n        data: [],\n        labels: {},\n        selected: {},\n        inline: false,\n        selectSingle: true,\n        filter: () => true,\n    };\n\n    constructor(props) {\n        super(props);\n        this.state = {selected: -1};\n        this.hidden = {};\n        this.elements = {};\n    }\n\n    componentDidMount() {\n        orNoop(this.props.nextProvider)(this.next);\n        orNoop(this.props.prevProvider)(this.prev);\n        orNoop(this.props.selectedProvider)(this.selected);\n        orNoop(this.props.resetProvider)(this.reset);\n\n        this.updateList(this.props)\n    }\n\n    componentDidUpdate(prevProps, prevState, snapshot) {\n        if (this.props.data === prevProps.data)\n            return;\n\n        this.updateList(this.props)\n    }\n\n    updateList = (props) => {\n        const {data} = props;\n        this.list = data || [];\n    };\n\n    render() {\n        const {data, labels, filter, className, selected, inline, childComponent, childProps, style, scroll} = this.props;\n        return (\n            <Scrollable className={classNames('FilteredList', className, inline ? 'inline' : 'popup')}\n                        ref={ref('el', this)} style={style} scrollBarMode={scroll}>\n                {(data || []).filter(id => id !== false && id != null).map(id => <ItemWrapper\n                    id={id}\n                    key={id}\n                    label={getLabel(labels, id)}\n                    childComponent={childComponent}\n                    childProps={childProps}\n                    element={el => this.elements[id] = el}\n                    onClick={e => {\n                        stopPropagation(e);\n                        this.onSelect(id);\n                    }}\n                    onMouseEnter={e => this.setState({selected: id})}\n                    onMouseLeave={e => id === this.state.selected && this.setState({selected: -1})}\n                    className={classNames('child', this.state.selected === id && 'active', selected === id || (isObject(selected) && selected[id]) && 'selected')}\n                    classProvider={it => (this.hidden[id] = !filter(it)) && 'hidden'}\n                />)}\n            </Scrollable>\n        )\n    }\n\n    onSelect = (id) => {\n        this.setState({selected: id});\n        this.props.onSelect(id);\n    };\n\n    selected = () => {\n        const {selected: value} = this.state;\n        const {selectSingle} = this.props;\n\n\n        if (value === -1 || this.hidden[value]) {\n            let filtered = this.list.filter(id => !this.hidden[id]);\n            if (selectSingle && filtered.length === 1)\n                return filtered[0];\n\n            return null;\n        } else {\n            return value;\n        }\n    };\n\n    next = () => {\n        const list = this.list;\n        const selected = this.state.selected;\n        let position = list.findIndex(id => selected === id);\n        if (this.hidden[list[position]])\n            position = -1;\n\n        while (++position < list.length) {\n            if (!this.hidden[list[position]])\n                break\n        }\n        if (position < list.length) {\n            let id = list[position];\n            this.setState({selected: id});\n            this.updateScroll(id)\n        }\n    };\n\n    prev = () => {\n        const list = this.list;\n        const selected = this.state.selected;\n        let position = list.findIndex(id => selected === id);\n        if (this.hidden[list[position]])\n            position = list.length;\n\n        while (--position >= 0) {\n            if (!this.hidden[list[position]])\n                break\n        }\n        if (position >= 0) {\n            let id = list[position];\n            this.setState({selected: id});\n            this.updateScroll(id)\n        }\n    };\n\n    updateScroll = (id) => {\n        let child = this.elements[id];\n        let container = this.el;\n        const scrollTop = container.getScroll();\n        const height = container.getHeight();\n        let isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + child.clientHeight;\n        if (!isVisible) {\n            let scrollToBottom = child.offsetTop + child.clientHeight - height;\n            let scrollToTop = child.offsetTop;\n            if (Math.abs(scrollTop - scrollToTop) < Math.abs(scrollTop - scrollToBottom)) {\n                container.setScroll(scrollToTop)\n            } else {\n                container.setScroll(scrollToBottom)\n            }\n        }\n    };\n\n    reset = () => {\n        this.setState({selected: -1});\n        this.el.scrollTop = 0;\n    };\n\n    scrollTo = (id) => this.el.setScroll(this.elements[id] && this.elements[id].offsetTop);\n}\n\nexport default FilteredList;\n\nclass ItemWrapper extends React.Component {\n    render() {\n        const {id, label, onClick, onMouseDown, onMouseEnter, onMouseLeave, classProvider, className, childComponent, childProps} = this.props;\n        const child = React.createElement(childComponent, {\n            ...childProps,\n            id,\n            label,\n            dataConsumer: (data) => this.data = data,\n        });\n\n        const cssClass = orNoop(classProvider)(this.data);\n        return (\n            <div className={classNames('ItemWrapper', cssClass, className)}\n                 onMouseEnter={onMouseEnter}\n                 onMouseLeave={onMouseLeave}\n                 onMouseDown={onMouseDown}\n                 onClick={onClick}\n                 ref={ref('el', this)}\n            >\n                {child}\n            </div>\n        )\n    }\n\n    componentDidMount() {\n        orNoop(this.props.element)(this.el);\n        this.forceUpdate();\n    }\n}\n"],"names":["getLabel","labels","id","isFunction","FilteredList","props","updateList","data","list","onSelect","setState","selected","value","state","selectSingle","hidden","filtered","filter","length","next","position","findIndex","updateScroll","prev","child","elements","container","el","scrollTop","getScroll","height","getHeight","isVisible","offsetTop","clientHeight","scrollToBottom","scrollToTop","Math","abs","setScroll","reset","scrollTo","orNoop","nextProvider","prevProvider","selectedProvider","resetProvider","prevProps","prevState","snapshot","className","inline","childComponent","childProps","style","scroll","classNames","ref","map","e","stopPropagation","isObject","it","React","Component","defaultProps","ItemWrapper","label","onClick","onMouseDown","onMouseEnter","onMouseLeave","classProvider","createElement","dataConsumer","cssClass","element","forceUpdate"],"mappings":"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"}