react-ui-basics 0.0.160 → 0.0.161

package/Animated.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
+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, createClass as _createClass, defineProperty as _defineProperty, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, 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 {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import React from 'react';
 import PropTypes from 'prop-types';
 import { setOf, clearTimeout, allPropsExcept, classNames, requestAnimationFrame, setTimeout } from './Tools.js';
@@ -76,14 +75,14 @@ var Animated = function (_PureComponent) {
     _this = _super.call(this, properties);
     var that = _assertThisInitialized(_this);
     that.state = animatedState(!!properties[value]);
-    that[componentDidMount] = function () {
+    that[ReactConstants[0]] = function () {
       var _props = props(that);
       if (!!_props[value]) processMounting(that, _props[mounting], _props[mountingDelay]);
     };
-    that[componentWillUnmount] = function () {
+    that[ReactConstants[1]] = function () {
       clearTimer(that);
     };
-    that[render] = function () {
+    that[ReactConstants[3]] = function () {
       var _state = state(that);
       if (!_state[enabled]) return null;
       var _props = props(that),
@@ -94,12 +93,12 @@ var Animated = function (_PureComponent) {
       var childStyles = styles["default"];
       if (isMounting) childStyles = styles[mounting];else if (isUnMounting) childStyles = styles[unmounting];else if (isMounted) childStyles = styles[mounted] || styles[mounting];
       var otherProps = allPropsExcept(_props, selfProps);
-      return React.Children.map(_props[children], function (child) {
+      return React.Children.map(_props[ReactConstants[4]], function (child) {
         var _objectSpread2$1;
-        return child && React.cloneElement(child, _objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, className, classNames(props(child)[className], _props[className], isMounting && mounting, isMounted && mounted, isUnMounting && unmounting)), _defineProperty(_objectSpread2$1, "style", _objectSpread2(_objectSpread2({}, __style(props(child))), childStyles)), _objectSpread2$1), otherProps));
+        return child && React.cloneElement(child, _objectSpread2((_objectSpread2$1 = {}, _defineProperty(_objectSpread2$1, className, classNames(props(child)[ReactConstants[5]], _props[ReactConstants[5]], isMounting && mounting, isMounted && mounted, isUnMounting && unmounting)), _defineProperty(_objectSpread2$1, "style", _objectSpread2(_objectSpread2({}, __style(props(child))), childStyles)), _objectSpread2$1), otherProps));
       });
     };
-    that[componentDidUpdate] = function () {
+    that[ReactConstants[2]] = function () {
       var p = props;
       var t = that;
       var _props = p(t) || props(that),

package/AutocompleteSelect.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
+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, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass, toConsumableArray as _toConsumableArray } 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 {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import React from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import PropTypes from 'prop-types';
@@ -30,7 +29,7 @@ var DummyChild = function DummyChild(_ref) {
       onClick = _ref.onClick;
   orNoop(dataConsumer)(label || id);
   return ReactCreateElement("div", {
-    [__className]: "DummyChild",
+    [ReactConstants[5]]: "DummyChild",
     onClick: onClick
   }, label || id);
 };
@@ -89,10 +88,10 @@ var AutocompleteSelect = function (_PureComponent) {
       };
     });
     _this.onClickOutside = function () {
-      var _this$props = _this.props,
+      var _this$props = __props(_this),
           allowCustom = _this$props.allowCustom,
           required = _this$props.required;
-      var filterValue = _this.state.filterValue;
+      var filterValue = __state(_this).filterValue;
       if (allowCustom && (!!filterValue || !required)) {
         _this.onSelect();
       }
@@ -102,17 +101,17 @@ var AutocompleteSelect = function (_PureComponent) {
       _this.onCancel();
     };
     _this.onCancel = function () {
-      orNoop(_this.props.onCancel)();
+      orNoop(__props(_this).onCancel)();
     };
     _this.onSelect = function (selectedId) {
-      var _this$props2 = _this.props,
+      var _this$props2 = __props(_this),
           mode = _this$props2.mode,
           required = _this$props2.required,
           allowCustom = _this$props2.allowCustom,
           onSelect = _this$props2.onSelect,
           onChange = _this$props2.onChange,
           defaultValue = _this$props2["default"];
-      var _this$state = _this.state,
+      var _this$state = __state(_this),
           filterValue = _this$state.filterValue,
           currentSelection = _this$state.selected;
       if (selectedId == null && (!!filterValue || !required) && allowCustom && (!_this.input || !_this.input.check())) selectedId = filterValue.trim();
@@ -150,25 +149,25 @@ var AutocompleteSelect = function (_PureComponent) {
         selected: {},
         filterValue: ''
       });
-      orNoop(_this.props.onSelect)(null);
-      orNoop(_this.props.onChange)([]);
-      _this.initSelected(_this.props, _this.state);
+      orNoop(__props(_this).onSelect)(null);
+      orNoop(__props(_this).onChange)([]);
+      _this.initSelected(__props(_this), __state(_this));
     };
     _this.remove = function (id) {
-      var result = _objectSpread2(_objectSpread2({}, _this.state), {}, {
-        selected: _objectSpread2({}, _this.state.selected),
+      var result = _objectSpread2(_objectSpread2({}, __state(_this)), {}, {
+        selected: _objectSpread2({}, __state(_this).selected),
         filterValue: ''
       });
       delete result.selected[id];
       _this.setState(result);
-      orNoop(_this.props.onChange)(Object.values(result.selected));
+      orNoop(__props(_this).onChange)(Object.values(result.selected));
     };
     _this.onChange = function (event) {
       var value = __target(event).value;
       _this.setState({
         filterValue: value
       });
-      _this.props.onFilterInputChange == null ? void 0 : _this.props.onFilterInputChange(value);
+      __props(_this).onFilterInputChange == null ? void 0 : __props(_this).onFilterInputChange(value);
     };
     var that = _assertThisInitialized(_this);
     that.state = {
@@ -184,48 +183,48 @@ var AutocompleteSelect = function (_PureComponent) {
       });
     });
     getSelected && getSelected(function () {
-      return Object.values(that.state.selected);
+      return Object.values(__state(that).selected);
     });
     return _this;
   }
   _createClass(AutocompleteSelect, [{
-    key: "componentDidMount",
+    key: [ReactConstants[0]],
     value: function componentDidMount() {
       var _this2 = this;
       addEventListener(DOCUMENT, 'mousedown', this.listener = function (e) {
-        if (_this2.state.isActive && _this2.el && !_this2.el.contains(__target(e))) {
+        if (__state(_this2).isActive && _this2.el && !_this2.el.contains(__target(e))) {
           _this2.onClickOutside();
         }
       });
-      if (this.props.required) {
+      if (__props(this).required) {
         var form = findParent(this.el.parentNode, 'form');
         if (form) {
           addEventListener(this.submitButton = form.querySelector('button[type=submit]'), 'click', this.formSubmitListener = function (e) {
-            var errored = Object.keys(_this2.state.selected).length === 0;
+            var errored = Object.keys(__state(_this2).selected).length === 0;
             _this2.setState({
               errored: errored
             });
           });
         }
       }
-      this.initSelected(this.props, this.state);
+      this.initSelected(__props(this), __state(this));
     }
   }, {
-    key: "componentDidUpdate",
+    key: [ReactConstants[2]],
     value: function componentDidUpdate(prevProps, prevState, snapshot) {
-      if (this.props.value !== __value(prevProps)) this.initSelected(this.props, this.state);
+      if (__props(this).value !== __value(prevProps)) this.initSelected(__props(this), __state(this));
     }
   }, {
-    key: "componentWillUnmount",
+    key: [ReactConstants[1]],
     value: function componentWillUnmount() {
       removeEventListener(DOCUMENT, 'mousedown', this.listener);
       removeEventListener(this.submitButton, 'click', this.formSubmitListener);
     }
   }, {
-    key: "render",
+    key: [ReactConstants[3]],
     value: function render() {
       var _this3 = this;
-      var _this$props3 = this.props,
+      var _this$props3 = __props(this),
           childComponent = _this$props3.childComponent,
           childProps = _this$props3.childProps,
           withArrow = _this$props3.withArrow,
@@ -237,31 +236,31 @@ var AutocompleteSelect = function (_PureComponent) {
           mode = _this$props3.mode,
           selectedMode = _this$props3.selectedMode,
           prefilter = _this$props3.prefilter,
-          className = _this$props3[__className],
+          className = _this$props3[ReactConstants[5]],
           scrollToValue = _this$props3.scrollToValue,
           scroll = _this$props3.scroll,
           required = _this$props3.required,
           allowCustom = _this$props3.allowCustom,
           inlineSelected = _this$props3.inlineSelected,
           removeIcon = _this$props3.removeIcon;
-      var id = this.props.id || this.randomId;
-      var selectedComponent = this.props.selectedComponent || childComponent;
-      var _this$state2 = this.state,
+      var id = __props(this).id || this.randomId;
+      var selectedComponent = __props(this).selectedComponent || childComponent;
+      var _this$state2 = __state(this),
           _this$state2$selected = _this$state2.selected,
           selected = _this$state2$selected === void 0 ? {} : _this$state2$selected,
           _this$state2$filterVa = _this$state2.filterValue,
           filterValue = _this$state2$filterVa === void 0 ? '' : _this$state2$filterVa,
           errored = _this$state2.errored;
-      var isActive = this.state.isActive;
-      if (this.props.isActive !== UNDEFINED) {
-        isActive = this.props.isActive;
+      var isActive = __state(this).isActive;
+      if (__props(this).isActive !== UNDEFINED) {
+        isActive = __props(this).isActive;
       }
-      var _this$props4 = this.props,
+      var _this$props4 = __props(this),
           _this$props4$data = __data(_this$props4),
           data = _this$props4$data === void 0 ? [] : _this$props4$data,
           _this$props4$labels = _this$props4.labels,
           labels = _this$props4$labels === void 0 ? {} : _this$props4$labels;
-      if (this.state.data) data = this.state.data;
+      if (__state(this).data) data = __state(this).data;
       if (!Array.isArray(data)) data = [];
       var selectedIds = Object.values(selected);
       var hasSelected = __length(selectedIds) !== 0;
@@ -274,7 +273,7 @@ var AutocompleteSelect = function (_PureComponent) {
         });
       };
       var toggle = function toggle(e) {
-        if (!_this3.state.isActive) {
+        if (!__state(_this3).isActive) {
           setActive(e);
         } else {
           stopPropagation(e);
@@ -291,10 +290,10 @@ var AutocompleteSelect = function (_PureComponent) {
       var filterFunction = this.createFilter(prefilter, filterValue, filterValueTrimmed.toLowerCase(), filter);
       return ReactCreateElement("div", {
         id: id,
-        [__className]: classNames('AutocompleteSelect', mode, isMultipleSelect(mode) && 'multi', className, withFilter ? 'withFilter' : 'withoutFilter', isActive && 'active', errored && 'errored', inlineSelected && 'inlineSelected', hasSelected && 'hasSelected'),
+        [ReactConstants[5]]: classNames('AutocompleteSelect', mode, isMultipleSelect(mode) && 'multi', className, withFilter ? 'withFilter' : 'withoutFilter', isActive && 'active', errored && 'errored', inlineSelected && 'inlineSelected', hasSelected && 'hasSelected'),
         ref: ref('el', this)
       }, label && ReactCreateElement("label", {
-        [__className]: classNames("label", (hasSelected || filterValue) && 'active', hasSelected && 'hasSelected'),
+        [ReactConstants[5]]: classNames("label", (hasSelected || filterValue) && 'active', hasSelected && 'hasSelected'),
         htmlFor: 'f-' + id,
         onClick: function onClick() {
           if (mode === MODE_MULTIPLE_MINI_INLINE || !isActive) {
@@ -302,20 +301,20 @@ var AutocompleteSelect = function (_PureComponent) {
           }
         }
       }, label, required && ' *', withArrow && ReactCreateElement("span", {
-        [__className]: "arrow"
+        [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", {
-        [__className]: classNames('selected', !label && 'nolabel', (mode === MODE_MULTIPLE_MINI || mode === MODE_MINI || mode === MODE_MULTIPLE_MINI_INLINE) && 'clickable', selectedMode),
+        [ReactConstants[5]]: classNames('selected', !label && 'nolabel', (mode === MODE_MULTIPLE_MINI || mode === MODE_MINI || mode === MODE_MULTIPLE_MINI_INLINE) && 'clickable', selectedMode),
         onClick: toggle
       }, selectedMode === 'full' && selectedIds.map(function (id) {
         return ReactCreateElement("div", {
-          [__className]: "value",
+          [ReactConstants[5]]: "value",
           key: id
         }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
           id: id,
           label: getLabel(labels, id),
           onClick: setActive
         })), ReactCreateElement("div", {
-          [__className]: "button remove",
+          [ReactConstants[5]]: "button remove",
           onClick: function onClick(e) {
             stopPropagation(e);
             _this3.remove(id);
@@ -330,21 +329,21 @@ var AutocompleteSelect = function (_PureComponent) {
           onClick: setActive
         })), id !== selectedIds[__length(selectedIds) - 1] && ', ');
       }), !label && withArrow && ReactCreateElement("span", {
-        [__className]: "arrow"
+        [ReactConstants[5]]: "arrow"
       }), withReset && ReactCreateElement(Button, {
-        [__className]: "reset",
+        [ReactConstants[5]]: "reset",
         raised: false,
         onClick: this.clean
       }, removeIcon)), inlineSelected && hasSelected && ReactCreateElement(React.Fragment, null, selectedMode === 'full' && selectedIds.map(function (id) {
         return ReactCreateElement("div", {
-          [__className]: "value",
+          [ReactConstants[5]]: "value",
           key: id
         }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
           id: id,
           label: getLabel(labels, id),
           onClick: setActive
         })), ReactCreateElement("div", {
-          [__className]: "button remove",
+          [ReactConstants[5]]: "button remove",
           onClick: function onClick(e) {
             stopPropagation(e);
             _this3.remove(id);
@@ -359,7 +358,7 @@ var AutocompleteSelect = function (_PureComponent) {
           onClick: 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", {
-        [__className]: "input",
+        [ReactConstants[5]]: "input",
         "data-value": filterValue
       }, withFilter && ReactCreateElement(TextField, {
         autoComplete: "new-password",
@@ -374,7 +373,7 @@ var AutocompleteSelect = function (_PureComponent) {
             isActive: true
           });
         },
-        check: this.props.filterCheck,
+        check: __props(this).filterCheck,
         onKeyDown: function onKeyDown(e) {
           var keyCode = e.keyCode;
           if (keyCode === 38
@@ -412,7 +411,7 @@ var AutocompleteSelect = function (_PureComponent) {
           }
         }
       }), !withFilter && inputLabel && ReactCreateElement("label", null, inputLabel)), ReactCreateElement(FilteredList, {
-        [__className]: classNames(isActive && 'visible'),
+        [ReactConstants[5]]: classNames(isActive && 'visible'),
         ref: ref('list', this),
         filter: filterFunction,
         selectSingle: !allowCustom,

package/Button.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
+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, assertThisInitialized as _assertThisInitialized, createClass as _createClass } 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 {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { classNames, createRef, DOCUMENT, addEventListener, orNoop } from './Tools.js';
@@ -47,11 +46,11 @@ var Button = function (_PureComponent) {
       style.left = __width(rect) / 2 - size / 2 + 'px';
       rippleClassName('focused');
     };
-    that[render] = function () {
+    that[ReactConstants[3]] = function () {
       var _props = props(that),
-          children = _props[__children],
+          children = _props[ReactConstants[4]],
           type = _props.type,
-          className = _props[__className],
+          className = _props[ReactConstants[5]],
           onClick = _props.onClick,
           flat = _props.flat,
           _props$raised = _props.raised,
@@ -60,7 +59,7 @@ var Button = function (_PureComponent) {
           style = __style(_props),
           disabled = _props.disabled;
       return ReactCreateElement("button", {
-        [__className]: classNames('Button', className, disabled && 'disabled', raised && 'raised', flat && 'flat', round && 'round'),
+        [ReactConstants[5]]: classNames('Button', className, disabled && 'disabled', raised && 'raised', flat && 'flat', round && 'round'),
         onFocus: onFocus,
         disabled: disabled,
         style: style,
@@ -69,7 +68,7 @@ var Button = function (_PureComponent) {
         onMouseDown: onMouseDown,
         ref: el
       }, children, ReactCreateElement("span", {
-        [__className]: classNames("ripple", rippleClassName()),
+        [ReactConstants[5]]: classNames("ripple", rippleClassName()),
         ref: ripple
       }));
     };
@@ -85,7 +84,7 @@ if (process.env.NODE_ENV !== 'production') {
     disabled: PropTypes.bool,
     withRipple: PropTypes.bool,
     type: PropTypes.oneOf(['button', 'submit', 'reset']),
-    [__className]: PropTypes.string,
+    [ReactConstants[5]]: PropTypes.string,
     onClick: PropTypes.func,
     onFocus: PropTypes.func,
     style: PropTypes.object

package/Checkbox.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
+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, assertThisInitialized as _assertThisInitialized, createClass as _createClass } 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 {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { classNames, getRandomId } from './Tools.js';
@@ -20,17 +19,17 @@ var Checkbox = function (_PureComponent) {
     _this = _super.call(this, properties);
     var randomId = getRandomId('cb-');
     var props = propsGetter(_assertThisInitialized(_this));
-    _this[render] = function () {
+    _this[ReactConstants[3]] = function () {
       var _props = props(),
           label = _props.label,
           name = _props.name,
           onChange = _props.onChange,
           value = __value(_props),
-          className = _props[__className],
+          className = _props[ReactConstants[5]],
           disabled = _props.disabled;
       var id = props().id || randomId;
       return ReactCreateElement("div", {
-        [__className]: classNames("Checkbox", className)
+        [ReactConstants[5]]: classNames("Checkbox", className)
       }, ReactCreateElement("input", {
         name: name,
         id: id,
@@ -51,7 +50,7 @@ if (process.env.NODE_ENV !== 'production') {
     onChange: PropTypes.func.isRequired,
     value: PropTypes.bool,
     disabled: PropTypes.bool,
-    [__className]: PropTypes.string,
+    [ReactConstants[5]]: PropTypes.string,
     label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     name: PropTypes.string,
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/CircleProgress.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
+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 'react';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
-import {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import ReactCreateElement from './ReactCreateElement.js';
 import PropTypes from 'prop-types';
 
@@ -17,11 +16,11 @@ var CircleProgress = function CircleProgress(_ref) {
   var value = __value(_ref);
   value = Number.parseFloat(value);
   return ReactCreateElement("div", {
-    [__className]: "CircleProgress"
+    [ReactConstants[5]]: "CircleProgress"
   }, ReactCreateElement("svg", {
     viewBox: "0 0 24 24"
   }, ReactCreateElement("path", {
-    [__className]: "line",
+    [ReactConstants[5]]: "line",
     style: {
       strokeDashoffset: dashoffset(Number.isFinite(value) ? value : 0),
       strokeDasharray: length

package/CommonFields.js

@@ -18,6 +18,8 @@ var scrollTop = createAccessor('scrollTop');
 var scrollLeft = createAccessor('scrollLeft');
 var target = createAccessor('target');
 var data = createAccessor('data');
+var state = createAccessor('state');
+var props = createAccessor('props');
 
-export { clientHeight, clientWidth, createAccessor, data, height, left, length, pageX, pageY, scrollLeft, scrollTop, style, target, top, value, width };
+export { clientHeight, clientWidth, createAccessor, data, height, left, length, pageX, pageY, props, scrollLeft, scrollTop, state, style, target, top, value, width };
 //# sourceMappingURL=CommonFields.js.map

package/DNDContainer.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
+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 } 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 {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import { Component } from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { setTimeout, clearTimeout, preventDefault, addEventListener, orNoop, NOOP, removeEventListener, WINDOW, DOCUMENT, requestAnimationFrame, classNames, ref } from './Tools.js';
@@ -31,13 +30,13 @@ var DNDContainer = function (_Component) {
     _classCallCheck(this, DNDContainer);
     _this = _super.call(this, props);
     _this.draggableInitializer = function (item) {
-      var handle = item.props.handle;
+      var handle = __props(item).handle;
       var draggableElement = handle && item.element.childNodes[0] || item.element;
       draggableElement.draggable = true;
       var dragStartListener = function dragStartListener(e) {
         clearSelection();
         var container = _this.container;
-        _this.data = item.props.data;
+        _this.data = __props(item).data;
         _this.draggable = item;
         _this.scrollOffsetX = __pageX(e) - e.clientX;
         _this.scrollOffsetY = __pageY(e) - e.clientY;
@@ -45,7 +44,7 @@ var DNDContainer = function (_Component) {
         var itemOffset = item.element.getBoundingClientRect();
         item.width = __width(itemOffset);
         item.height = __height(itemOffset);
-        var clone = orNoop(item.props.copy)(function (it) {
+        var clone = orNoop(__props(item).copy)(function (it) {
           var style = it.element.style;
           var offsetLeft = totalOffsetLeft(container) + (e.clientX - __left(itemOffset));
           var offsetTop = totalOffsetTop(container) + (e.clientY - __top(itemOffset));
@@ -142,14 +141,14 @@ var DNDContainer = function (_Component) {
       _this[droppables].push(item);
       addEventListener(item.element, 'drop', function (e) {
         preventDefault(e);
-        __data(_this) && orNoop(item.props.onDrop)(__data(_this));
+        __data(_this) && orNoop(__props(item).onDrop)(__data(_this));
       }, false);
       item.onDragStart = function (e, draggable) {
         item.bounds = item.element.getBoundingClientRect();
         item.setState({
           allow: true
         });
-        orNoop(item.props.onDragStart)(e, draggable);
+        orNoop(__props(item).onDragStart)(e, draggable);
       };
       item.isHover = function (e, draggable) {
         var bounds = item.bounds;
@@ -157,15 +156,15 @@ var DNDContainer = function (_Component) {
         var y = __pageY(e) - _this.scrollOffsetY;
         var x = __pageX(e) - _this.scrollOffsetX;
         var hover = __left(bounds) <= x && bounds.right >= x && __top(bounds) <= y && bounds.bottom >= y;
-        hover && orNoop(item.props.onHover)(e, draggable);
-        if (hover) !item.state.hover && item.setState({
+        hover && orNoop(__props(item).onHover)(e, draggable);
+        if (hover) !__state(item).hover && item.setState({
           hover: hover
-        });else item.state.hover && item.setState({
+        });else __state(item).hover && item.setState({
           hover: hover
         });
       };
       item.dropIfHover = function () {
-        __data(_this) && item.state.hover && orNoop(item.props.onDrop)(__data(_this));
+        __data(_this) && __state(item).hover && orNoop(__props(item).onDrop)(__data(_this));
       };
       item.onDragEnd = function () {
         orNoop(orNoop(_this.draggable).onDragEnd)();
@@ -208,7 +207,7 @@ var DNDContainer = function (_Component) {
       });
       _this[droppables].forEach(function (it) {
         it.onDragEnd();
-        orNoop(it.props.onDragEnd)(_this.draggable);
+        orNoop(__props(it).onDragEnd)(_this.draggable);
       });
       _this.data = null;
       _this.draggable = null;
@@ -221,23 +220,23 @@ var DNDContainer = function (_Component) {
     return _this;
   }
   _createClass(DNDContainer, [{
-    key: "render",
+    key: [ReactConstants[3]],
     value: function render() {
-      var _this$props = this.props,
-          children = _this$props[__children],
-          className = _this$props[__className];
-      var draggable = this.state.draggable;
+      var _this$props = __props(this),
+          children = _this$props[ReactConstants[4]],
+          className = _this$props[ReactConstants[5]];
+      var draggable = __state(this).draggable;
       return ReactCreateElement("div", {
-        [__className]: classNames('DNDContainer', className),
+        [ReactConstants[5]]: classNames('DNDContainer', className),
         ref: ref('container', this)
       }, children, ReactCreateElement("div", {
-        [__className]: "overlay"
+        [ReactConstants[5]]: "overlay"
       }, draggable));
     }
   }, {
-    key: "componentDidMount",
+    key: [ReactConstants[0]],
     value: function componentDidMount() {
-      var _this$props2 = this.props,
+      var _this$props2 = __props(this),
           provideDraggableInitializer = _this$props2.provideDraggableInitializer,
           provideDroppableInitializer = _this$props2.provideDroppableInitializer;
       orNoop(provideDraggableInitializer)(this.draggableInitializer);

package/DNDDraggable.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
+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, assertThisInitialized as _assertThisInitialized, createClass as _createClass } 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 {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { orNoop, classNames, ref } from './Tools.js';
@@ -27,23 +26,23 @@ var Draggable = function (_PureComponent) {
     _this = _super.call(this, properties);
     var that = _assertThisInitialized(_this);
     that.state = {};
-    that[componentDidUpdate] = function (prevProps) {
+    that[ReactConstants[2]] = function (prevProps) {
       if (prevProps[handle] !== props(that)[handle] || prevProps[initializer] !== props(that)[initializer]) init(that);
     };
-    that[componentDidMount] = function () {
+    that[ReactConstants[0]] = function () {
       init(that);
     };
-    that[componentWillUnmount] = function () {
+    that[ReactConstants[1]] = function () {
       orNoop(that.onUnmount)();
     };
-    that[render] = function () {
+    that[ReactConstants[3]] = function () {
       var _state = state(that),
           _props = props(that);
       return ReactCreateElement("div", {
-        [__className]: classNames('Draggable', _props[className], _state[dragged] && dragged, _state[placeholder] && placeholder, _state[hover] && hover),
+        [ReactConstants[5]]: classNames('Draggable', _props[ReactConstants[5]], _state[dragged] && dragged, _state[placeholder] && placeholder, _state[hover] && hover),
         onClick: _props.onClick,
         ref: ref('element', that)
-      }, _props[handle], _props[children]);
+      }, _props[handle], _props[ReactConstants[4]]);
     };
     return _this;
   }