react-ui-basics 0.0.161 → 0.0.164

package/FilteredList.js

@@ -1,250 +1,154 @@
 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 { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.js';
+
+import { jsx as jsxRuntime_2 } from 'react/jsx-runtime';
 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 { orNoop, classNames, ref, isFunction, stopPropagation, isObject } from './Tools.js';
+import { UNDEFINED, orNoop, classNames, ref, isFunction, stopPropagation, isObject } from './Tools.js';
 import { PureComponent } from './ReactConstants.js';
 
-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
-      });
-    };
-    _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 && filtered.length === 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);
-      }
+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));
     };
-    _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);
-        }
-      }
+    FilteredList.prototype[ReactConstants[2]] = function (prevProps, prevState, snapshot) {
+        if (__props(this).data === __data(prevProps))
+            return;
+        this.updateList(__props(this));
     };
-    _this.reset = function () {
-      _this.setState({
-        selected: -1
-      });
-      _this.el.scrollTop = 0;
+    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.scrollTo = function (id) {
-      return _this.el.setScroll(_this.elements[id] && _this.elements[id].offsetTop);
+    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.state = {
-      selected: -1
+    ItemWrapper.prototype[ReactConstants[0]] = function () {
+        orNoop(__props(this).element)(this.el);
+        this.forceUpdate();
     };
-    _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;
-          },
-          onClick: 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.onClick,
-          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,
-        onClick: onClick,
-        ref: ref('el', this)
-      }, child);
-    }
-  }, {
-    key: [ReactConstants[0]],
-    value: function componentDidMount() {
-      orNoop(__props(this).element)(this.el);
-      this.forceUpdate();
-    }
-  }]);
-  return ItemWrapper;
-}(React.Component);
+    return ItemWrapper;
+}(React.Component));
 
-export { FilteredList$1 as default, getLabel };
+export { FilteredList as default, getLabel };
 //# sourceMappingURL=FilteredList.js.map

package/FloatingActionButton.js

@@ -4,6 +4,7 @@ import 'react';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './FloatingActionButton.css';
 import ReactCreateElement from './ReactCreateElement.js';
 import PropTypes from 'prop-types';
 import Button from './Button.js';
@@ -12,12 +13,12 @@ import MaterialIcon from './MaterialIcon.js';
 
 var FloatingActionButton = function FloatingActionButton(_ref) {
   var icon = _ref.icon,
-      onClick = _ref.onClick,
+      onClick = _ref[ReactConstants[6]],
       mini = _ref.mini,
       className = _ref[ReactConstants[5]],
       hidden = _ref.hidden;
   return ReactCreateElement(Button, {
-    onClick: onClick,
+    [ReactConstants[6]]: onClick,
     round: true,
     [ReactConstants[5]]: classNames("FloatingActionButton", className, mini && 'mini', hidden && 'hidden')
   }, ReactCreateElement(MaterialIcon, {

package/FormUploadProgress.js

@@ -4,6 +4,7 @@ import React from 'react';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './FormUploadProgress.css';
 import ReactCreateElement from './ReactCreateElement.js';
 import Button from './Button.js';
 import Animated from './Animated.js';
@@ -41,7 +42,7 @@ var FormUploadProgress = function FormUploadProgress(_ref) {
   }, formatValue(value, loaded, total))), cancel && ReactCreateElement(Button, {
     [ReactConstants[5]]: "cancel",
     disabled: loaded === total,
-    onClick: function onClick(e) {
+    [ReactConstants[6]]: function onClick(e) {
       preventDefault(e);
       cancel();
     }

package/ImageGallery.js

@@ -4,6 +4,7 @@ import { createClass as _createClass, classCallCheck as _classCallCheck, objectS
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './ImageGallery.css';
 import React from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import Animated from './Animated.js';
@@ -510,7 +511,7 @@ var ImageGallery = function (_React$Component) {
         addEventListener(_this.gallery, 'touchmove', onTouchMove, false);
         moveListenerAdded = true;
       }
-      if (touches.length === 2) {
+      if (__length(touches) === 2) {
         if (zoomed()) zoomValueStarted = zoomValue;else if (!props().embedded) {
           initZoom();
           __style(zoomedImage).transition = 'none';
@@ -543,7 +544,7 @@ var ImageGallery = function (_React$Component) {
       }];
       if (zoomed()) {
         preventDefault(e);
-        if (touches.length === 2) {
+        if (__length(touches) === 2) {
           var diff = distance(touches) / distance(touchesStart);
           zoomValue = Math.min(Math.max(zoomValueStarted * diff, 0.5), 10);
           var zoomedAt = center(touchesStart);
@@ -629,7 +630,7 @@ var ImageGallery = function (_React$Component) {
         value: show
       }, ReactCreateElement(Button, {
         [ReactConstants[5]]: className,
-        onClick: onClick,
+        [ReactConstants[6]]: onClick,
         round: true
       }, ReactCreateElement(MaterialIcon, {
         icon: icon
@@ -646,7 +647,7 @@ var ImageGallery = function (_React$Component) {
           indicator = _props4.indicator,
           embedded = _props4.embedded,
           loop = _props4.loop,
-          _onClick = _props4.onClick,
+          _onClick = _props4[ReactConstants[6]],
           children = _props4[ReactConstants[4]];
       var indexValue = index() !== UNDEFINED ? index() : props().index;
       var length = __length(images);
@@ -708,7 +709,7 @@ var ImageGallery = function (_React$Component) {
               resetZoom();
             }
           },
-          onClick: function onClick(e) {
+          [ReactConstants[6]]: function onClick(e) {
             !e.swipeProcessed && orNoop(_onClick)(e, it, i);
           },
           key: i,
@@ -751,7 +752,7 @@ var ImageGallery = function (_React$Component) {
         return ReactCreateElement("div", {
           key: i,
           [ReactConstants[5]]: classNames('preview', indexValue === i && 'selected'),
-          onClick: function onClick() {
+          [ReactConstants[6]]: function onClick() {
             return scrollTo(i, indexValue);
           }
         }, ReactCreateElement("img", {

package/Modal.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './Modal.css';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import ReactCreateElement from './ReactCreateElement.js';
@@ -77,7 +78,7 @@ var Modal = function (_PureComponent) {
       var modal = ReactCreateElement("div", {
         [ReactConstants[5]]: classNames("Modal", className, show && 'show'),
         ref: el,
-        onClick: shouldClose
+        [ReactConstants[6]]: shouldClose
       }, ReactCreateElement("div", {
         ref: overlay,
         [ReactConstants[5]]: classNames("overlay", show && 'show')
@@ -96,7 +97,7 @@ var Modal = function (_PureComponent) {
         [ReactConstants[5]]: "close",
         flat: true,
         round: true,
-        onClick: beforeClose
+        [ReactConstants[6]]: beforeClose
       }, closeIcon)));
       return container ? ReactDOM.createPortal(modal, container) : modal;
     };

package/ModalMenu.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './ModalMenu.css';
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { stateGS, render, PureComponent } from './ReactConstants.js';
@@ -29,7 +30,7 @@ var ModalMenu = function (_PureComponent) {
       var filtered = (items || []).filter(function (it) {
         return !!it;
       });
-      if (filtered.length === 0) return null;
+      if (__length(filtered) === 0) return null;
       var open = isOpen();
       return ReactCreateElement("div", {
         [ReactConstants[5]]: classNames("ModalMenu", 'row', open && 'open')
@@ -49,7 +50,7 @@ var ModalMenu = function (_PureComponent) {
         }, ReactCreateElement(Button, {
           flat: true,
           round: true,
-          onClick: it.action
+          [ReactConstants[6]]: it.action
         }, ReactCreateElement(MaterialIcon, {
           icon: it.icon
         })));
@@ -57,7 +58,7 @@ var ModalMenu = function (_PureComponent) {
         [ReactConstants[5]]: classNames("more", open && 'active'),
         flat: true,
         round: true,
-        onClick: toggle
+        [ReactConstants[6]]: toggle
       }, ReactCreateElement(MaterialIcon, {
         icon: "more_vert"
       })), ReactCreateElement("div", {

package/ReactConstants.d.ts

@@ -4,10 +4,7 @@ export declare const propsGetter: <P>(that: React.Component<P>) => (() => P);
 export declare const state: <P, S>(that: React.Component<P, S>) => S;
 export declare const setState: (that: any, data: any, cb?: any) => void;
 export declare const stateFieldSetter: (that: any, key: any, cb?: any) => (value: any, cb2?: any) => void;
-export declare const stateGS: (that: any) => {
-    (): any;
-    toString(): string;
-};
+export declare const stateGS: ((that: React.Component) => (v?: any, cb?: any) => any);
 export declare const stateGSs: (that: any, num: any) => any[];
 export declare const componentDidMount = "componentDidMount";
 export declare const componentWillUnmount = "componentWillUnmount";
@@ -15,6 +12,8 @@ export declare const componentDidUpdate = "componentDidUpdate";
 export declare const render = "render";
 export declare const children = "children";
 export declare const className = "className";
+export declare const onClick = "onClick";
+export declare const onChange = "onChange";
 export declare const PureComponent: typeof React.PureComponent;
 declare const _default: string[];
 export default _default;

package/ReactConstants.js

@@ -13,8 +13,8 @@ var stateFieldSetter = function (that, key, cb) { return function (value, cb2) {
     setState(that, (_a = {}, _a[key] = value, _a), cb2 || cb);
 }; };
 var stateGS = function (that) {
-    !that.sfc && (that.sfc = 0);
-    var key = '_' + (that.sfc++);
+    !that['sfc'] && (that['sfc'] = 0);
+    var key = '_' + (that['sfc']++);
     var setter = stateFieldSetter(that, key);
     var result = function () {
         return !arguments.length ? state(that)[key] : setter.apply(null, arguments);
@@ -35,8 +35,10 @@ var componentDidUpdate = 'componentDidUpdate';
 var render = 'render';
 var children = 'children';
 var className = 'className';
+var onClick = 'onClick';
+var onChange = 'onChange';
 var PureComponent = React.PureComponent;
-var ReactConstants = [componentDidMount, componentWillUnmount, componentDidUpdate, render, children, className];
+var ReactConstants = [componentDidMount, componentWillUnmount, componentDidUpdate, render, children, className, onClick, onChange];
 
-export { PureComponent, children, className, componentDidMount, componentDidUpdate, componentWillUnmount, ReactConstants as default, props, propsGetter, render, setState, state, stateFieldSetter, stateGS, stateGSs };
+export { PureComponent, children, className, componentDidMount, componentDidUpdate, componentWillUnmount, ReactConstants as default, onChange, onClick, props, propsGetter, render, setState, state, stateFieldSetter, stateGS, stateGSs };
 //# sourceMappingURL=ReactConstants.js.map

package/ReadyListener.js

@@ -30,7 +30,7 @@ var createReadyListener = function createReadyListener() {
         if (renderer) return renderer(ready);else return !ready && _props[ReactConstants[4]] || null;
       };
       that[ReactConstants[0]] = that[ReactConstants[2]] = function () {
-        orNoop(props(that).onChange)(state(that).r);
+        orNoop(props(that)[ReactConstants[7]])(state(that).r);
       };
       return _this;
     }

package/Scrollable.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './Scrollable.css';
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import PropTypes from 'prop-types';
@@ -142,13 +143,13 @@ var Scrollable = function (_PureComponent) {
       thumbH.ondragstart = preventDefault;
       thumbH.onmouseup = reset;
       scrollbar.onclick = function (e) {
-        if (e.target === scrollbar) {
+        if (__target(e) === scrollbar) {
           var thumbPosition = parseInt(__top(styleOf(thumb)));
           viewport.scrollTop += offsetHeightOf(viewport) * 0.9 * (e.offsetY < thumbPosition ? -1 : 1);
         }
       };
       scrollbarH.onclick = function (e) {
-        if (e.target === scrollbarH) {
+        if (__target(e) === scrollbarH) {
           var thumbPosition = parseInt(__left(styleOf(thumbH)));
           viewport.scrollLeft += offsetWidthOf(viewport) * 0.9 * (e.offsetX < thumbPosition ? -1 : 1);
         }

package/ScrollableTable.js

@@ -5,6 +5,7 @@ import { jsx as jsxRuntime_2 } from 'react/jsx-runtime';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './ScrollableTable.css';
 import Table from './Table.js';
 import Scrollable from './Scrollable.js';
 import { render, props, PureComponent } from './ReactConstants.js';

package/Snackbar.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './Snackbar.css';
 import 'react';
 import ReactDOM from 'react-dom';
 import ReactCreateElement from './ReactCreateElement.js';