react-ui-basics 0.0.170 → 0.0.173

package/AutocompleteSelect.js

@@ -10,7 +10,7 @@ import ReactCreateElement from './ReactCreateElement.js';
 import PropTypes from 'prop-types';
 import TextField from './TextField.js';
 import FilteredList, { getLabel } from './FilteredList.js';
-import { isString, memo, continuousIncludes, orNoop, preventDefault, stopPropagation, getRandomId, isFunction, isObject, addEventListener, DOCUMENT, removeEventListener, UNDEFINED, classNames, ref } from './Tools.js';
+import { isString, memo, continuousIncludes, orNoop, isFunction, preventDefault, stopPropagation, getRandomId, isObject, addEventListener, DOCUMENT, removeEventListener, UNDEFINED, classNames, ref } from './Tools.js';
 import Button from './Button.js';
 import MaterialIcon from './MaterialIcon.js';
 import { PureComponent } from './ReactConstants.js';
@@ -115,6 +115,8 @@ var AutocompleteSelect = function (_PureComponent) {
       var _this$state = __state(_this),
           filterValue = _this$state.filterValue,
           currentSelection = _this$state.selected;
+      var _this$props$labels = __props(_this).labels,
+          labels = _this$props$labels === void 0 ? {} : _this$props$labels;
       if (selectedId == null && (!!filterValue || !required) && allowCustom && (!_this.input || !_this.input.check())) selectedId = filterValue.trim();
       var isMultiSelect = isMultipleSelect(mode);
       if (!selectedId && isMultiSelect) {
@@ -132,10 +134,17 @@ var AutocompleteSelect = function (_PureComponent) {
       }
       var errored = required && Object.keys(selected) === 0;
       var isActive = mode === MODE_MULTIPLE_MINI_INLINE || isMultiSelect && isSelected;
+      var customValue = '';
+      if (allowCustom && selectedId) {
+        var label;
+        if (isFunction(labels)) label = labels(selectedId);else label = labels[selectedId];
+        if (label && isString(label)) customValue = label;
+      }
+      var filterValueWithCustom = isMultiSelect ? '' : customValue;
       _this.setState({
         isActive: isActive,
         selected: selected,
-        filterValue: isMultiSelect ? '' : allowCustom ? selectedId || '' : '',
+        filterValue: filterValueWithCustom,
         errored: errored
       });
       if (isActive && _this.input) _this.input.getInput().focus();

package/FilteredList.js

@@ -1,154 +1,251 @@
 import ReactConstants from "./ReactConstants";
 import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
-
-import { jsx as jsxRuntime_2 } from 'react/jsx-runtime';
+import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.js';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
 import './FilteredList.css';
 import React from 'react';
+import ReactCreateElement from './ReactCreateElement.js';
 import Scrollable from './Scrollable.js';
-import { UNDEFINED, orNoop, classNames, ref, isFunction, stopPropagation, isObject } from './Tools.js';
+import { orNoop, classNames, ref, isFunction, stopPropagation, isObject } from './Tools.js';
 import { PureComponent } from './ReactConstants.js';
 
-var getLabel = function (labels, id) { return isFunction(labels) ? labels(id) : (labels ? labels[id] : id); };
-var FilteredList = /** @class */ (function (_super) {
-    __inherits(FilteredList, _super);
-    function FilteredList(props) {
-        var _this = _super.call(this, props) || this;
-        _this.hidden = {};
-        _this.list = [];
-        _this.elements = {};
-        _this.el = null;
-        _this.updateList = function (props) {
-            var data = __data(props);
-            var selected = __state(_this).selected;
-            _this.list = data || [];
-            if (!_this.list.includes(selected))
-                _this.setState({ selected: -1 });
-        };
-        _this.onSelect = function (id) {
-            _this.setState({ selected: id });
-            __props(_this).onSelect(id);
-        };
-        _this.selected = function () {
-            var value = __state(_this).selected;
-            var selectSingle = __props(_this).selectSingle;
-            if (value === -1 || _this.hidden[value + '']) {
-                var filtered = _this.list.filter(function (id) { return !_this.hidden[id]; });
-                if ((selectSingle === UNDEFINED || selectSingle) && __length(filtered) === 1)
-                    return filtered[0];
-                return null;
-            }
-            else {
-                return value;
-            }
-        };
-        _this.next = function () {
-            var list = _this.list;
-            var selected = __state(_this).selected;
-            var position = list.findIndex(function (id) { return selected === id; });
-            if (_this.hidden[list[position]])
-                position = -1;
-            while (++position < __length(list)) {
-                if (!_this.hidden[list[position]])
-                    break;
-            }
-            if (position < __length(list)) {
-                var id = list[position];
-                _this.setState({ selected: id });
-                _this.updateScroll(id);
-            }
-        };
-        _this.prev = function () {
-            var list = _this.list;
-            var selected = __state(_this).selected;
-            var position = list.findIndex(function (id) { return selected === id; });
-            if (_this.hidden[list[position]])
-                position = __length(list);
-            while (--position >= 0) {
-                if (!_this.hidden[list[position]])
-                    break;
-            }
-            if (position >= 0) {
-                var id = list[position];
-                _this.setState({ selected: id });
-                _this.updateScroll(id);
-            }
-        };
-        _this.updateScroll = function (id) {
-            var child = _this.elements[id];
-            var container = _this.el;
-            var scrollTop = container.getScroll();
-            var height = container.getHeight();
-            var isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + __clientHeight(child);
-            if (!isVisible) {
-                var scrollToBottom = child.offsetTop + __clientHeight(child) - height;
-                var scrollToTop = child.offsetTop;
-                if (Math.abs(scrollTop - scrollToTop) < Math.abs(scrollTop - scrollToBottom)) {
-                    container.setScroll(scrollToTop);
-                }
-                else {
-                    container.setScroll(scrollToBottom);
-                }
-            }
-        };
-        _this.reset = function () {
-            _this.setState({ selected: -1 });
-            _this.el.scrollTop = 0;
-        };
-        _this.scrollTo = function (id) { return _this.el.setScroll(_this.elements[id] && _this.elements[id].offsetTop); };
-        _this.state = { selected: -1 };
-        return _this;
-    }
-    FilteredList.prototype[ReactConstants[0]] = function () {
-        orNoop(__props(this).nextProvider)(this.next);
-        orNoop(__props(this).prevProvider)(this.prev);
-        orNoop(__props(this).selectedProvider)(this.selected);
-        orNoop(__props(this).resetProvider)(this.reset);
-        this.updateList(__props(this));
+var getLabel = function getLabel(labels, id) {
+  return isFunction(labels) ? labels(id) : labels[id];
+};
+var FilteredList = function (_PureComponent) {
+  _inherits(FilteredList, _PureComponent);
+  var _super = _createSuper(FilteredList);
+  function FilteredList(_props) {
+    var _this;
+    _classCallCheck(this, FilteredList);
+    _this = _super.call(this, _props);
+    _this.updateList = function (props) {
+      var data = __data(props);
+      var selected = __state(_this).selected;
+      _this.list = data || [];
+      if (!_this.list.includes(selected)) _this.setState({
+        selected: -1
+      });
     };
-    FilteredList.prototype[ReactConstants[2]] = function (prevProps, prevState, snapshot) {
-        if (__props(this).data === __data(prevProps))
-            return;
-        this.updateList(__props(this));
+    _this.onSelect = function (id) {
+      _this.setState({
+        selected: id
+      });
+      __props(_this).onSelect(id);
     };
-    FilteredList.prototype[ReactConstants[3]] = function () {
-        var _this = this;
-        var _a = __props(this), data = __data(_a), labels = _a.labels, filter = _a.filter, className = _a[ReactConstants[5]], selected = _a.selected, inline = _a.inline, childComponent = _a.childComponent, childProps = _a.childProps, style = __style(_a), scroll = _a.scroll;
-        return (jsxRuntime_2(Scrollable, __extends({ [ReactConstants[5]]: classNames('FilteredList', className, inline ? 'inline' : 'popup'), ref: ref('el', this), style: style, scrollBarMode: scroll }, { [ReactConstants[4]]: (data || []).filter(function (id) { return id !== false && id != null; }).map(function (id) {
-                var key = '' + id;
-                return jsxRuntime_2(ItemWrapper, { id: id, label: getLabel(labels, id), childComponent: childComponent, childProps: childProps, element: function (el) { return _this.elements[key] = el; }, [ReactConstants[6]]: function (e) {
-                        stopPropagation(e);
-                        _this.onSelect(id);
-                    }, onMouseEnter: function (e) { return _this.setState({ selected: id }); }, onMouseLeave: function (e) { return id === __state(_this).selected && _this.setState({ selected: -1 }); }, [ReactConstants[5]]: classNames('child', __state(_this).selected === id && 'active', selected === id || (selected && isObject(selected) && selected[key]) && 'selected'), classProvider: function (it) { return (_this.hidden[key] = !(!filter || filter(it))) && 'hidden'; } }, key);
-            }) })));
+    _this.selected = function () {
+      var value = __state(_this).selected;
+      var selectSingle = __props(_this).selectSingle;
+      if (value === -1 || _this.hidden[value]) {
+        var filtered = _this.list.filter(function (id) {
+          return !_this.hidden[id];
+        });
+        if (selectSingle && __length(filtered) === 1) return filtered[0];
+        return null;
+      } else {
+        return value;
+      }
     };
-    return FilteredList;
-}(PureComponent));
-var ItemWrapper = /** @class */ (function (_super) {
-    __inherits(ItemWrapper, _super);
-    function ItemWrapper() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.el = null;
-        _this.data = null;
-        return _this;
-    }
-    ItemWrapper.prototype[ReactConstants[3]] = function () {
-        var _this = this;
-        var _a = __props(this), id = _a.id, label = _a.label, onClick = _a[ReactConstants[6]], onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, classProvider = _a.classProvider, className = _a[ReactConstants[5]], childComponent = _a.childComponent, childProps = _a.childProps;
-        var child = React.createElement(childComponent, __extends(__extends({}, childProps), { id: id, label: label, dataConsumer: function (data) { return _this.data = data; } }));
-        var cssClass = orNoop(classProvider)(__data(this));
-        return (jsxRuntime_2("div", __extends({ [ReactConstants[5]]: classNames('ItemWrapper', cssClass, className), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, 
-            // onMouseDown={onMouseDown}
-            [ReactConstants[6]]: onClick, ref: ref('el', this) }, { [ReactConstants[4]]: child })));
+    _this.next = function () {
+      var list = _this.list;
+      var selected = __state(_this).selected;
+      var position = list.findIndex(function (id) {
+        return selected === id;
+      });
+      if (_this.hidden[list[position]]) position = -1;
+      while (++position < __length(list)) {
+        if (!_this.hidden[list[position]]) break;
+      }
+      if (position < __length(list)) {
+        var id = list[position];
+        _this.setState({
+          selected: id
+        });
+        _this.updateScroll(id);
+      }
+    };
+    _this.prev = function () {
+      var list = _this.list;
+      var selected = __state(_this).selected;
+      var position = list.findIndex(function (id) {
+        return selected === id;
+      });
+      if (_this.hidden[list[position]]) position = __length(list);
+      while (--position >= 0) {
+        if (!_this.hidden[list[position]]) break;
+      }
+      if (position >= 0) {
+        var id = list[position];
+        _this.setState({
+          selected: id
+        });
+        _this.updateScroll(id);
+      }
+    };
+    _this.updateScroll = function (id) {
+      var child = _this.elements[id];
+      var container = _this.el;
+      var scrollTop = container.getScroll();
+      var height = container.getHeight();
+      var isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + __clientHeight(child);
+      if (!isVisible) {
+        var scrollToBottom = child.offsetTop + __clientHeight(child) - height;
+        var scrollToTop = child.offsetTop;
+        if (Math.abs(scrollTop - scrollToTop) < Math.abs(scrollTop - scrollToBottom)) {
+          container.setScroll(scrollToTop);
+        } else {
+          container.setScroll(scrollToBottom);
+        }
+      }
+    };
+    _this.reset = function () {
+      _this.setState({
+        selected: -1
+      });
+      _this.el.scrollTop = 0;
     };
-    ItemWrapper.prototype[ReactConstants[0]] = function () {
-        orNoop(__props(this).element)(this.el);
-        this.forceUpdate();
+    _this.scrollTo = function (id) {
+      return _this.el.setScroll(_this.elements[id] && _this.elements[id].offsetTop);
     };
-    return ItemWrapper;
-}(React.Component));
+    _this.state = {
+      selected: -1
+    };
+    _this.hidden = {};
+    _this.elements = {};
+    return _this;
+  }
+  _createClass(FilteredList, [{
+    key: [ReactConstants[0]],
+    value: function componentDidMount() {
+      orNoop(__props(this).nextProvider)(this.next);
+      orNoop(__props(this).prevProvider)(this.prev);
+      orNoop(__props(this).selectedProvider)(this.selected);
+      orNoop(__props(this).resetProvider)(this.reset);
+      this.updateList(__props(this));
+    }
+  }, {
+    key: [ReactConstants[2]],
+    value: function componentDidUpdate(prevProps, prevState, snapshot) {
+      if (__props(this).data === __data(prevProps)) return;
+      this.updateList(__props(this));
+    }
+  }, {
+    key: [ReactConstants[3]],
+    value: function render() {
+      var _this2 = this;
+      var _this$props = __props(this),
+          data = __data(_this$props),
+          labels = _this$props.labels,
+          filter = _this$props.filter,
+          className = _this$props[ReactConstants[5]],
+          selected = _this$props.selected,
+          inline = _this$props.inline,
+          childComponent = _this$props.childComponent,
+          childProps = _this$props.childProps,
+          style = __style(_this$props),
+          scroll = _this$props.scroll;
+      return ReactCreateElement(Scrollable, {
+        [ReactConstants[5]]: classNames('FilteredList', className, inline ? 'inline' : 'popup'),
+        ref: ref('el', this),
+        style: style,
+        scrollBarMode: scroll
+      }, (data || []).filter(function (id) {
+        return id !== false && id != null;
+      }).map(function (id) {
+        return ReactCreateElement(ItemWrapper, {
+          id: id,
+          key: id,
+          label: getLabel(labels, id),
+          childComponent: childComponent,
+          childProps: childProps,
+          element: function element(el) {
+            return _this2.elements[id] = el;
+          },
+          [ReactConstants[6]]: function onClick(e) {
+            stopPropagation(e);
+            _this2.onSelect(id);
+          },
+          onMouseEnter: function onMouseEnter(e) {
+            return _this2.setState({
+              selected: id
+            });
+          },
+          onMouseLeave: function onMouseLeave(e) {
+            return id === __state(_this2).selected && _this2.setState({
+              selected: -1
+            });
+          },
+          [ReactConstants[5]]: classNames('child', __state(_this2).selected === id && 'active', selected === id || isObject(selected) && selected[id] && 'selected'),
+          classProvider: function classProvider(it) {
+            return (_this2.hidden[id] = !filter(it)) && 'hidden';
+          }
+        });
+      }));
+    }
+  }]);
+  return FilteredList;
+}(PureComponent);
+FilteredList.defaultProps = {
+  data: [],
+  labels: {},
+  selected: {},
+  inline: false,
+  selectSingle: true,
+  filter: function filter() {
+    return true;
+  }
+};
+var FilteredList$1 = FilteredList;
+var ItemWrapper = function (_React$Component) {
+  _inherits(ItemWrapper, _React$Component);
+  var _super2 = _createSuper(ItemWrapper);
+  function ItemWrapper() {
+    _classCallCheck(this, ItemWrapper);
+    return _super2.apply(this, arguments);
+  }
+  _createClass(ItemWrapper, [{
+    key: [ReactConstants[3]],
+    value: function render() {
+      var _this3 = this;
+      var _this$props2 = __props(this),
+          id = _this$props2.id,
+          label = _this$props2.label,
+          onClick = _this$props2[ReactConstants[6]],
+          onMouseDown = _this$props2.onMouseDown,
+          onMouseEnter = _this$props2.onMouseEnter,
+          onMouseLeave = _this$props2.onMouseLeave,
+          classProvider = _this$props2.classProvider,
+          className = _this$props2[ReactConstants[5]],
+          childComponent = _this$props2.childComponent,
+          childProps = _this$props2.childProps;
+      var child = React.createElement(childComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
+        id: id,
+        label: label,
+        dataConsumer: function dataConsumer(data) {
+          return _this3.data = data;
+        }
+      }));
+      var cssClass = orNoop(classProvider)(__data(this));
+      return ReactCreateElement("div", {
+        [ReactConstants[5]]: classNames('ItemWrapper', cssClass, className),
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        onMouseDown: onMouseDown,
+        [ReactConstants[6]]: onClick,
+        ref: ref('el', this)
+      }, child);
+    }
+  }, {
+    key: [ReactConstants[0]],
+    value: function componentDidMount() {
+      orNoop(__props(this).element)(this.el);
+      this.forceUpdate();
+    }
+  }]);
+  return ItemWrapper;
+}(React.Component);
 
-export { FilteredList as default, getLabel };
+export { FilteredList$1 as default, getLabel };
 //# sourceMappingURL=FilteredList.js.map

package/ImageGallery.js

@@ -789,8 +789,10 @@ var ImageGalleryContainer = function (_React$Component2) {
     };
     var dispatch = function dispatch(action) {
       return setTimeout(function () {
-        var state = IMAGE_GALLERY_REDUCER(__state(that), action);
-        if (state !== __state(that)) that.setState(state);
+        that.setState(function (state) {
+          state = IMAGE_GALLERY_REDUCER(state, action);
+          return state;
+        });
       }, 0);
     };
     var props = propsGetter(that);

package/Tools.d.ts

@@ -12,11 +12,12 @@ export declare const allPropsExcept: (obj: any, except: any) => {};
 export declare const continuousIncludes: (value: any, inc: any) => boolean;
 export declare const debounce: (func: any, delay: any) => () => void;
 export declare const memo: (func: any) => () => any;
+export declare const constructorOf: (v: any) => any;
 export declare const typeOf: (v: any) => "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
 export declare const isFunction: (v: any) => boolean;
 export declare const isString: (v: any) => boolean;
 export declare const isObject: (v: any) => boolean;
-export declare const isDifferent: (a: any, b: any) => any;
+export declare const isDifferent: (a: any, b: any) => boolean;
 export declare const preventDefault: (e: any) => void;
 export declare const stopPropagation: (e: any) => void;
 export declare const setTimeout: (callback: (...args: any[]) => void, ms?: number, ...args: any[]) => any;

package/Tools.js

@@ -36,7 +36,7 @@ var createAccessor = function (field) { return function (o, value) {
     return !o ? null : value != UNDEFINED ? o[field] = value : o[field];
 }; };
 var setOf = function (list) { return (list || []).reduce(function (map, key) {
-    map[key] = true;
+    map[key] = TRUE;
     return map;
 }, {}); };
 var allPropsExcept = function (obj, except) {
@@ -53,20 +53,19 @@ var continuousIncludes = function (value, inc) {
     for (var i = 0; i < length; i++) {
         from = value.indexOf(inc[i], from + 1);
         if (from === -1)
-            return false;
+            return FALSE;
     }
-    return true;
+    return TRUE;
 };
 var isArrayShallowEqual = function (a, b) {
     if (a === b)
-        return true;
+        return TRUE;
     if (a == null || b == null)
-        return false;
-    if (__length(a) !== __length(b)) {
-        return false;
-    }
+        return FALSE;
+    if (__length(a) !== __length(b))
+        return FALSE;
     var i = __length(a) - 1;
-    var result = true;
+    var result = TRUE;
     while (i >= 0 && (result = (a[i] === b[i]))) {
         i--;
     }
@@ -96,47 +95,42 @@ var memo = function (func) {
         return prevResult;
     };
 };
+var constructorOf = function (v) { return v && v.constructor; };
 var typeOf = function (v) { return typeof v; };
 var isFunction = function (v) { return typeOf(v) === 'function'; };
 var isString = function (v) { return typeOf(v) === 'string'; };
 var isObject = function (v) { return typeOf(v) === 'object'; };
+var FALSE = false;
+var TRUE = true;
 var isDifferent = function (a, b) {
-    if (a == null && b == null)
-        return false;
-    if (a == null || b == null)
-        return true;
+    if (a === null && b === null)
+        return FALSE;
+    if (a === null || b === null)
+        return TRUE;
     if (a === b)
-        return false;
-    var typeA = typeOf(a);
-    var typeB = typeOf(b);
-    if (typeA !== typeB) {
-        return true;
+        return FALSE;
+    var constructorA = constructorOf(a);
+    var constructorB = constructorOf(b);
+    if (constructorA !== constructorB) {
+        return TRUE;
     }
-    if (Array.isArray(a)) {
-        if (__length(a) !== __length(b)) {
-            return true;
-        }
-        var i = __length(a) - 1;
-        var result = false;
-        while (i >= 0 && !(result = isDifferent(a[i], b[i]))) {
-            i--;
+    var i;
+    if (constructorA === Array) {
+        if ((i = __length(a)) === __length(b)) {
+            while (i-- && !isDifferent(a[i], b[i])) {
+            }
         }
-        return result;
     }
-    if (typeA === 'object') {
+    else if (constructorA === Object) {
         var keysA = Object.keys(a);
         var keysB = Object.keys(b);
-        if (__length(keysA) !== __length(keysB)) {
-            return true;
-        }
-        var j = __length(keysA) - 1;
-        var r = false;
-        while (j >= 0 && !(r = keysA[j] !== keysB[j]) && !(r = isDifferent(a[keysA[j]], b[keysB[j]]))) {
-            j--;
+        if ((i = __length(keysA)) === __length(keysB)) {
+            var key = void 0;
+            while (i-- && ((key = keysA[i]) in b) && !isDifferent(a[key], b[key])) {
+            }
         }
-        return r;
     }
-    return true;
+    return i !== -1;
 };
 var preventDefault = function (e) {
     e && e.preventDefault();
@@ -232,5 +226,5 @@ if (process.env.NODE_ENV !== 'production') {
     };
 }
 
-export { Comparators, DOCUMENT, NOOP, UNDEFINED, WINDOW, addEventListener, allPropsExcept, classNames, clearInterval, clearTimeout, continuousIncludes, createAccessor, createRef, debounce, getRandomId, isDifferent, isFunction, isObject, isString, isUndefined, memo, orNoop, preventDefault, ref, removeEventListener, requestAnimationFrame, setInterval, setOf, setTimeout, stopPropagation, typeOf };
+export { Comparators, DOCUMENT, NOOP, UNDEFINED, WINDOW, addEventListener, allPropsExcept, classNames, clearInterval, clearTimeout, constructorOf, continuousIncludes, createAccessor, createRef, debounce, getRandomId, isDifferent, isFunction, isObject, isString, isUndefined, memo, orNoop, preventDefault, ref, removeEventListener, requestAnimationFrame, setInterval, setOf, setTimeout, stopPropagation, typeOf };
 //# sourceMappingURL=Tools.js.map