react-ui-basics 0.0.161 → 0.0.162

package/AutocompleteSelect.js

@@ -26,11 +26,11 @@ var DummyChild = function DummyChild(_ref) {
   var id = _ref.id,
       label = _ref.label,
       dataConsumer = _ref.dataConsumer,
-      onClick = _ref.onClick;
+      onClick = _ref[ReactConstants[6]];
   orNoop(dataConsumer)(label || id);
   return ReactCreateElement("div", {
     [ReactConstants[5]]: "DummyChild",
-    onClick: onClick
+    [ReactConstants[6]]: onClick
   }, label || id);
 };
 var prepareSelected = function prepareSelected(value) {
@@ -109,7 +109,7 @@ var AutocompleteSelect = function (_PureComponent) {
           required = _this$props2.required,
           allowCustom = _this$props2.allowCustom,
           onSelect = _this$props2.onSelect,
-          onChange = _this$props2.onChange,
+          onChange = _this$props2[ReactConstants[7]],
           defaultValue = _this$props2["default"];
       var _this$state = __state(_this),
           filterValue = _this$state.filterValue,
@@ -150,7 +150,7 @@ var AutocompleteSelect = function (_PureComponent) {
         filterValue: ''
       });
       orNoop(__props(_this).onSelect)(null);
-      orNoop(__props(_this).onChange)([]);
+      orNoop(__props(_this)[ReactConstants[7]])([]);
       _this.initSelected(__props(_this), __state(_this));
     };
     _this.remove = function (id) {
@@ -160,9 +160,9 @@ var AutocompleteSelect = function (_PureComponent) {
       });
       delete result.selected[id];
       _this.setState(result);
-      orNoop(__props(_this).onChange)(Object.values(result.selected));
+      orNoop(__props(_this)[ReactConstants[7]])(Object.values(result.selected));
     };
-    _this.onChange = function (event) {
+    _this[ReactConstants[7]] = function (event) {
       var value = __target(event).value;
       _this.setState({
         filterValue: value
@@ -295,7 +295,7 @@ var AutocompleteSelect = function (_PureComponent) {
       }, label && ReactCreateElement("label", {
         [ReactConstants[5]]: classNames("label", (hasSelected || filterValue) && 'active', hasSelected && 'hasSelected'),
         htmlFor: 'f-' + id,
-        onClick: function onClick() {
+        [ReactConstants[6]]: function onClick() {
           if (mode === MODE_MULTIPLE_MINI_INLINE || !isActive) {
             toggle();
           }
@@ -304,7 +304,7 @@ var AutocompleteSelect = function (_PureComponent) {
         [ReactConstants[5]]: "arrow"
       })), (!isActive || mode === MODE_MULTIPLE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE_AUTO || !withFilter) && !inlineSelected && hasSelected && ReactCreateElement("div", {
         [ReactConstants[5]]: classNames('selected', !label && 'nolabel', (mode === MODE_MULTIPLE_MINI || mode === MODE_MINI || mode === MODE_MULTIPLE_MINI_INLINE) && 'clickable', selectedMode),
-        onClick: toggle
+        [ReactConstants[6]]: toggle
       }, selectedMode === 'full' && selectedIds.map(function (id) {
         return ReactCreateElement("div", {
           [ReactConstants[5]]: "value",
@@ -312,10 +312,10 @@ var AutocompleteSelect = function (_PureComponent) {
         }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
           id: id,
           label: getLabel(labels, id),
-          onClick: setActive
+          [ReactConstants[6]]: setActive
         })), ReactCreateElement("div", {
           [ReactConstants[5]]: "button remove",
-          onClick: function onClick(e) {
+          [ReactConstants[6]]: function onClick(e) {
             stopPropagation(e);
             _this3.remove(id);
           }
@@ -326,14 +326,14 @@ var AutocompleteSelect = function (_PureComponent) {
         }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
           id: id,
           label: getLabel(labels, id),
-          onClick: setActive
+          [ReactConstants[6]]: setActive
         })), id !== selectedIds[__length(selectedIds) - 1] && ', ');
       }), !label && withArrow && ReactCreateElement("span", {
         [ReactConstants[5]]: "arrow"
       }), withReset && ReactCreateElement(Button, {
         [ReactConstants[5]]: "reset",
         raised: false,
-        onClick: this.clean
+        [ReactConstants[6]]: this.clean
       }, removeIcon)), inlineSelected && hasSelected && ReactCreateElement(React.Fragment, null, selectedMode === 'full' && selectedIds.map(function (id) {
         return ReactCreateElement("div", {
           [ReactConstants[5]]: "value",
@@ -341,10 +341,10 @@ var AutocompleteSelect = function (_PureComponent) {
         }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
           id: id,
           label: getLabel(labels, id),
-          onClick: setActive
+          [ReactConstants[6]]: setActive
         })), ReactCreateElement("div", {
           [ReactConstants[5]]: "button remove",
-          onClick: function onClick(e) {
+          [ReactConstants[6]]: function onClick(e) {
             stopPropagation(e);
             _this3.remove(id);
           }
@@ -355,7 +355,7 @@ var AutocompleteSelect = function (_PureComponent) {
         }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
           id: id,
           label: getLabel(labels, id),
-          onClick: setActive
+          [ReactConstants[6]]: setActive
         })), id !== selectedIds[__length(selectedIds) - 1] && ', ');
       })), (isActive || !hasSelected && mode !== MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO && __length(selectedIds) > 1 || mode === MODE_INLINE_MULTIPLE) && ReactCreateElement("div", {
         [ReactConstants[5]]: "input",
@@ -367,7 +367,7 @@ var AutocompleteSelect = function (_PureComponent) {
         focused: isActive,
         value: filterValue,
         label: inputLabel,
-        onChange: this.onChange,
+        [ReactConstants[7]]: this[ReactConstants[7]],
         onFocus: function onFocus(e) {
           return _this3.setState({
             isActive: true

package/Button.js

@@ -51,7 +51,7 @@ var Button = function (_PureComponent) {
           children = _props[ReactConstants[4]],
           type = _props.type,
           className = _props[ReactConstants[5]],
-          onClick = _props.onClick,
+          onClick = _props[ReactConstants[6]],
           flat = _props.flat,
           _props$raised = _props.raised,
           raised = _props$raised === void 0 ? !flat : _props$raised,
@@ -64,7 +64,7 @@ var Button = function (_PureComponent) {
         disabled: disabled,
         style: style,
         type: type,
-        onClick: onClick,
+        [ReactConstants[6]]: onClick,
         onMouseDown: onMouseDown,
         ref: el
       }, children, ReactCreateElement("span", {
@@ -85,7 +85,7 @@ if (process.env.NODE_ENV !== 'production') {
     withRipple: PropTypes.bool,
     type: PropTypes.oneOf(['button', 'submit', 'reset']),
     [ReactConstants[5]]: PropTypes.string,
-    onClick: PropTypes.func,
+    [ReactConstants[6]]: PropTypes.func,
     onFocus: PropTypes.func,
     style: PropTypes.object
   };

package/Checkbox.js

@@ -23,7 +23,7 @@ var Checkbox = function (_PureComponent) {
       var _props = props(),
           label = _props.label,
           name = _props.name,
-          onChange = _props.onChange,
+          onChange = _props[ReactConstants[7]],
           value = __value(_props),
           className = _props[ReactConstants[5]],
           disabled = _props.disabled;
@@ -34,7 +34,7 @@ var Checkbox = function (_PureComponent) {
         name: name,
         id: id,
         type: "checkbox",
-        onChange: onChange,
+        [ReactConstants[7]]: onChange,
         checked: value,
         disabled: disabled
       }), ReactCreateElement("label", {
@@ -47,7 +47,7 @@ var Checkbox = function (_PureComponent) {
 }(PureComponent);
 if (process.env.NODE_ENV !== 'production') {
   Checkbox.propTypes = {
-    onChange: PropTypes.func.isRequired,
+    [ReactConstants[7]]: PropTypes.func.isRequired,
     value: PropTypes.bool,
     disabled: PropTypes.bool,
     [ReactConstants[5]]: PropTypes.string,

package/DNDContainer.js

@@ -49,7 +49,7 @@ var DNDContainer = function (_Component) {
           var offsetLeft = totalOffsetLeft(container) + (e.clientX - __left(itemOffset));
           var offsetTop = totalOffsetTop(container) + (e.clientY - __top(itemOffset));
           _this[positionListener] = orNoop(it.createPositionListener)(e, style, itemOffset, container) || function (e) {
-            if (e.pageX === 0) return;
+            if (__pageX(e) === 0) return;
             style.transform = 'translate(' + (__pageX(e) - offsetLeft) + 'px, ' + (__pageY(e) - offsetTop) + 'px)';
           };
           requestAnimationFrame(function () {

package/DNDDraggable.js

@@ -40,7 +40,7 @@ var Draggable = function (_PureComponent) {
           _props = props(that);
       return ReactCreateElement("div", {
         [ReactConstants[5]]: classNames('Draggable', _props[ReactConstants[5]], _state[dragged] && dragged, _state[placeholder] && placeholder, _state[hover] && hover),
-        onClick: _props.onClick,
+        [ReactConstants[6]]: _props[ReactConstants[6]],
         ref: ref('element', that)
       }, _props[handle], _props[ReactConstants[4]]);
     };

package/Dialog.js

@@ -39,10 +39,10 @@ var Dialog = function (_PureComponent) {
         [ReactConstants[5]]: "row right"
       }, cancel && ReactCreateElement(Button, {
         flat: true,
-        onClick: onCancel
+        [ReactConstants[6]]: onCancel
       }, cancel), accept && ReactCreateElement(Button, {
         flat: true,
-        onClick: onAccept
+        [ReactConstants[6]]: onAccept
       }, accept)));
     };
     return _this;

package/Dropzone.js

@@ -68,7 +68,7 @@ var Dropzone = function (_PureComponent) {
       entries = entries.filter(function (el) {
         return el !== __target(e);
       });
-      if (entries.length === 0) isDragging(false);
+      if (__length(entries) === 0) isDragging(false);
       prevent(e);
     };
     var inputRef = createRef();
@@ -98,10 +98,10 @@ var Dropzone = function (_PureComponent) {
         type: "file",
         accept: accept,
         multiple: !!multiple,
-        onClick: function onClick() {
+        [ReactConstants[6]]: function onClick() {
           inputRef().value = '';
         },
-        onChange: onDrop
+        [ReactConstants[7]]: onDrop
       }), children);
     };
     return _this;

package/FilteredList.js

@@ -41,7 +41,7 @@ var FilteredList = function (_PureComponent) {
         var filtered = _this.list.filter(function (id) {
           return !_this.hidden[id];
         });
-        if (selectSingle && filtered.length === 1) return filtered[0];
+        if (selectSingle && __length(filtered) === 1) return filtered[0];
         return null;
       } else {
         return value;
@@ -162,7 +162,7 @@ var FilteredList = function (_PureComponent) {
           element: function element(el) {
             return _this2.elements[id] = el;
           },
-          onClick: function onClick(e) {
+          [ReactConstants[6]]: function onClick(e) {
             stopPropagation(e);
             _this2.onSelect(id);
           },
@@ -211,7 +211,7 @@ var ItemWrapper = function (_React$Component) {
       var _this$props2 = __props(this),
           id = _this$props2.id,
           label = _this$props2.label,
-          onClick = _this$props2.onClick,
+          onClick = _this$props2[ReactConstants[6]],
           onMouseDown = _this$props2.onMouseDown,
           onMouseEnter = _this$props2.onMouseEnter,
           onMouseLeave = _this$props2.onMouseLeave,
@@ -232,7 +232,7 @@ var ItemWrapper = function (_React$Component) {
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
         onMouseDown: onMouseDown,
-        onClick: onClick,
+        [ReactConstants[6]]: onClick,
         ref: ref('el', this)
       }, child);
     }

package/FloatingActionButton.js

@@ -12,12 +12,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

@@ -41,7 +41,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

@@ -510,7 +510,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 +543,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 +629,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 +646,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 +708,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 +751,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

@@ -77,7 +77,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 +96,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

@@ -29,7 +29,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 +49,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 +57,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

@@ -142,13 +142,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/Switch.js

@@ -24,18 +24,18 @@ var Switch = function (_PureComponent) {
           className = _this$props[ReactConstants[5]],
           labelOn = _this$props.labelOn,
           labelOff = _this$props.labelOff,
-          onChange = _this$props.onChange,
+          onChange = _this$props[ReactConstants[7]],
           value = __value(_this$props),
-          onClick = _this$props.onClick;
+          onClick = _this$props[ReactConstants[6]];
       var id = __props(_this).id || randomId;
       return ReactCreateElement("div", {
         [ReactConstants[5]]: classNames("Switch", className),
-        onClick: onClick
+        [ReactConstants[6]]: onClick
       }, ReactCreateElement("input", {
         type: "checkbox",
         id: id,
         [ReactConstants[5]]: "switch-input",
-        onChange: onChange,
+        [ReactConstants[7]]: onChange,
         checked: value
       }), ReactCreateElement("label", {
         htmlFor: id,
@@ -60,8 +60,8 @@ if (process.env.NODE_ENV !== 'production') {
     labelOn: PropTypes.string,
     labelOff: PropTypes.string,
     value: PropTypes.bool,
-    onChange: PropTypes.func,
-    onClick: PropTypes.func,
+    [ReactConstants[7]]: PropTypes.func,
+    [ReactConstants[6]]: PropTypes.func,
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
   };
 }

package/Table.d.ts

@@ -51,7 +51,6 @@ export interface TableState<T> {
     sortBy?: string;
     comparator?: Comparator;
     data?: T[];
-    editing?: any;
 }
 declare class Table<T> extends Component<TableProps<T>, TableState<T>> {
     constructor(properties: any);