react-ui-basics 0.0.172 → 0.0.173

package/FilteredList.js

@@ -1,156 +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) {
-                _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/TextField.js

@@ -113,10 +113,8 @@ var TextField = function (_PureComponent) {
       var hasValue = !!__value(i);
       isWithValue(hasValue);
       !hasValue && setTimeout(function () {
-        try {
-          var matches = i.matches(':-internal-autofill-selected');
-          matches && isWithValue(matches);
-        } catch (ignored) {}
+        var matches = i.matches(':-internal-autofill-selected');
+        matches && isWithValue(matches);
       }, 100);
       focused && i.focus();
       orNoop(input)(i);