react-ui-basics 0.0.157 → 0.0.160

package/Animated.js

@@ -1,3 +1,4 @@
+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 { 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";
@@ -95,11 +96,13 @@ var Animated = function (_PureComponent) {
       var otherProps = allPropsExcept(_props, selfProps);
       return React.Children.map(_props[children], 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({}, props(child).style), childStyles)), _objectSpread2$1), otherProps));
+        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));
       });
     };
     that[componentDidUpdate] = function () {
-      var _props = props(that),
+      var p = props;
+      var t = that;
+      var _props = p(t) || props(that),
           _state = state(that),
           v = _props[value],
           mountingDuration = _props[mounting],

package/AutocompleteSelect.js

@@ -1,3 +1,4 @@
+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 { 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";
@@ -67,7 +68,7 @@ var AutocompleteSelect = function (_PureComponent) {
     _classCallCheck(this, AutocompleteSelect);
     _this = _super.call(this, props);
     _this.initSelected = function (_ref2, _ref3) {
-      var value = _ref2.value,
+      var value = __value(_ref2),
           mode = _ref2.mode,
           allowCustom = _ref2.allowCustom;
       var _ref3$filterValue = _ref3.filterValue,
@@ -163,7 +164,7 @@ var AutocompleteSelect = function (_PureComponent) {
       orNoop(_this.props.onChange)(Object.values(result.selected));
     };
     _this.onChange = function (event) {
-      var value = event.target.value;
+      var value = __target(event).value;
       _this.setState({
         filterValue: value
       });
@@ -171,11 +172,11 @@ var AutocompleteSelect = function (_PureComponent) {
     };
     var that = _assertThisInitialized(_this);
     that.state = {
-      selected: prepareSelected(props.value),
+      selected: prepareSelected(__value(props)),
       isActive: !!props.focused
     };
     that.randomId = getRandomId('acs-');
-    var data = props.data,
+    var data = __data(props),
         getSelected = props.getSelected;
     isFunction(data) && data(function (data) {
       return that.setState({
@@ -192,7 +193,7 @@ var AutocompleteSelect = function (_PureComponent) {
     value: function componentDidMount() {
       var _this2 = this;
       addEventListener(DOCUMENT, 'mousedown', this.listener = function (e) {
-        if (_this2.state.isActive && _this2.el && !_this2.el.contains(e.target)) {
+        if (_this2.state.isActive && _this2.el && !_this2.el.contains(__target(e))) {
           _this2.onClickOutside();
         }
       });
@@ -212,7 +213,7 @@ var AutocompleteSelect = function (_PureComponent) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState, snapshot) {
-      if (this.props.value !== prevProps.value) this.initSelected(this.props, this.state);
+      if (this.props.value !== __value(prevProps)) this.initSelected(this.props, this.state);
     }
   }, {
     key: "componentWillUnmount",
@@ -236,7 +237,7 @@ var AutocompleteSelect = function (_PureComponent) {
           mode = _this$props3.mode,
           selectedMode = _this$props3.selectedMode,
           prefilter = _this$props3.prefilter,
-          className = _this$props3.className,
+          className = _this$props3[__className],
           scrollToValue = _this$props3.scrollToValue,
           scroll = _this$props3.scroll,
           required = _this$props3.required,
@@ -256,20 +257,20 @@ var AutocompleteSelect = function (_PureComponent) {
         isActive = this.props.isActive;
       }
       var _this$props4 = this.props,
-          _this$props4$data = _this$props4.data,
+          _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 (!Array.isArray(data)) data = [];
       var selectedIds = Object.values(selected);
-      var hasSelected = selectedIds.length !== 0;
+      var hasSelected = __length(selectedIds) !== 0;
       var setActive = function setActive(e) {
         stopPropagation(e);
         _this3.setState({
           isActive: true
         }, function () {
-          return scrollToValue && selectedIds.length > 0 && _this3.list.scrollTo(selectedIds[0]);
+          return scrollToValue && __length(selectedIds) > 0 && _this3.list.scrollTo(selectedIds[0]);
         });
       };
       var toggle = function toggle(e) {
@@ -327,7 +328,7 @@ var AutocompleteSelect = function (_PureComponent) {
           id: id,
           label: getLabel(labels, id),
           onClick: setActive
-        })), id !== selectedIds[selectedIds.length - 1] && ', ');
+        })), id !== selectedIds[__length(selectedIds) - 1] && ', ');
       }), !label && withArrow && ReactCreateElement("span", {
         [__className]: "arrow"
       }), withReset && ReactCreateElement(Button, {
@@ -356,8 +357,8 @@ var AutocompleteSelect = function (_PureComponent) {
           id: id,
           label: getLabel(labels, id),
           onClick: setActive
-        })), id !== selectedIds[selectedIds.length - 1] && ', ');
-      })), (isActive || !hasSelected && mode !== MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO && selectedIds.length > 1 || mode === MODE_INLINE_MULTIPLE) && ReactCreateElement("div", {
+        })), 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",
         "data-value": filterValue
       }, withFilter && ReactCreateElement(TextField, {
@@ -393,8 +394,8 @@ var AutocompleteSelect = function (_PureComponent) {
             _this3.onSelect(_this3.getSelected());
           } else if (keyCode === 8
           ) {
-            if (!filterValue && selectedIds.length !== 0 && isMultipleSelect(mode)) {
-              _this3.remove(selectedIds[selectedIds.length - 1]);
+            if (!filterValue && __length(selectedIds) !== 0 && isMultipleSelect(mode)) {
+              _this3.remove(selectedIds[__length(selectedIds) - 1]);
             }
             _this3.reset();
           } else if (keyCode === 46

package/Button.js

@@ -1,3 +1,4 @@
+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 { 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";
@@ -18,19 +19,18 @@ var Button = function (_PureComponent) {
     _classCallCheck(this, Button);
     _this = _super.call(this, properties);
     var that = _assertThisInitialized(_this);
-    that.state = {};
     var el = createRef();
     var ripple = createRef();
     var rippleClassName = stateGS(that);
     var onMouseDown = function onMouseDown(e) {
-      if (!_this.props.withRipple) return;
+      if (!props(that).withRipple) return;
       var rect = el().getBoundingClientRect();
       var rippleElement = ripple();
-      var style = rippleElement.style;
+      var style = __style(rippleElement);
       var body = DOCUMENT.body;
-      style.height = style.width = Math.max(rect.width, rect.height) + 'px';
-      style.top = e.pageY - rect.top - rippleElement.offsetHeight / 2 - body.scrollTop + 'px';
-      style.left = e.pageX - rect.left - rippleElement.offsetWidth / 2 - body.scrollLeft + 'px';
+      style.height = style.width = Math.max(__width(rect), __height(rect)) + 'px';
+      style.top = __pageY(e) - __top(rect) - rippleElement.offsetHeight / 2 - __scrollTop(body) + 'px';
+      style.left = __pageX(e) - __left(rect) - rippleElement.offsetWidth / 2 - __scrollLeft(body) + 'px';
       rippleClassName('show');
       addEventListener(rippleElement, 'animationend', function () {
         rippleClassName('showed');
@@ -40,24 +40,24 @@ var Button = function (_PureComponent) {
       orNoop(props(that).onFocus)(e);
       if (rippleClassName() === 'show') return;
       var rect = el().getBoundingClientRect();
-      var style = ripple().style;
-      var size = Math.max(rect.width, rect.height) * 0.8;
+      var style = __style(ripple());
+      var size = Math.max(__width(rect), __height(rect)) * 0.8;
       style.height = style.width = size + 'px';
-      style.top = rect.height / 2 - size / 2 + 'px';
-      style.left = rect.width / 2 - size / 2 + 'px';
+      style.top = __height(rect) / 2 - size / 2 + 'px';
+      style.left = __width(rect) / 2 - size / 2 + 'px';
       rippleClassName('focused');
     };
     that[render] = function () {
       var _props = props(that),
-          children = _props.children,
+          children = _props[__children],
           type = _props.type,
-          className = _props.className,
+          className = _props[__className],
           onClick = _props.onClick,
           flat = _props.flat,
           _props$raised = _props.raised,
           raised = _props$raised === void 0 ? !flat : _props$raised,
           round = _props.round,
-          style = _props.style,
+          style = __style(_props),
           disabled = _props.disabled;
       return ReactCreateElement("button", {
         [__className]: classNames('Button', className, disabled && 'disabled', raised && 'raised', flat && 'flat', round && 'round'),

package/Checkbox.js

@@ -1,3 +1,4 @@
+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 { 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";
@@ -24,8 +25,8 @@ var Checkbox = function (_PureComponent) {
           label = _props.label,
           name = _props.name,
           onChange = _props.onChange,
-          value = _props.value,
-          className = _props.className,
+          value = __value(_props),
+          className = _props[__className],
           disabled = _props.disabled;
       var id = props().id || randomId;
       return ReactCreateElement("div", {

package/CircleProgress.js

@@ -1,3 +1,4 @@
+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 'react';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
@@ -13,7 +14,7 @@ var dashoffset = function dashoffset(percent) {
   return length * (100 - percent) / 100;
 };
 var CircleProgress = function CircleProgress(_ref) {
-  var value = _ref.value;
+  var value = __value(_ref);
   value = Number.parseFloat(value);
   return ReactCreateElement("div", {
     [__className]: "CircleProgress"

package/CommonFields.js

@@ -0,0 +1,23 @@
+var createAccessor = function createAccessor(field) {
+  return function (o) {
+    return o[field];
+  };
+};
+var width = createAccessor('width');
+var height = createAccessor('height');
+var top = createAccessor('top');
+var left = createAccessor('left');
+var style = createAccessor('style');
+var length = createAccessor('length');
+var pageX = createAccessor('pageX');
+var pageY = createAccessor('pageY');
+var value = createAccessor('value');
+var clientHeight = createAccessor('clientHeight');
+var clientWidth = createAccessor('clientWidth');
+var scrollTop = createAccessor('scrollTop');
+var scrollLeft = createAccessor('scrollLeft');
+var target = createAccessor('target');
+var data = createAccessor('data');
+
+export { clientHeight, clientWidth, createAccessor, data, height, left, length, pageX, pageY, scrollLeft, scrollTop, style, target, top, value, width };
+//# sourceMappingURL=CommonFields.js.map

package/DNDContainer.js

@@ -1,3 +1,4 @@
+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 { 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";
@@ -38,19 +39,19 @@ var DNDContainer = function (_Component) {
         var container = _this.container;
         _this.data = item.props.data;
         _this.draggable = item;
-        _this.scrollOffsetX = e.pageX - e.clientX;
-        _this.scrollOffsetY = e.pageY - e.clientY;
+        _this.scrollOffsetX = __pageX(e) - e.clientX;
+        _this.scrollOffsetY = __pageY(e) - e.clientY;
         var dataTransfer = e.dataTransfer;
         var itemOffset = item.element.getBoundingClientRect();
-        item.width = itemOffset.width;
-        item.height = itemOffset.height;
+        item.width = __width(itemOffset);
+        item.height = __height(itemOffset);
         var clone = orNoop(item.props.copy)(function (it) {
           var style = it.element.style;
-          var offsetLeft = totalOffsetLeft(container) + (e.clientX - itemOffset.left);
-          var offsetTop = totalOffsetTop(container) + (e.clientY - itemOffset.top);
+          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;
-            style.transform = 'translate(' + (e.pageX - offsetLeft) + 'px, ' + (e.pageY - offsetTop) + 'px)';
+            style.transform = 'translate(' + (__pageX(e) - offsetLeft) + 'px, ' + (__pageY(e) - offsetTop) + 'px)';
           };
           requestAnimationFrame(function () {
             if (dataTransfer && !dataTransfer.setDragImage) {
@@ -62,8 +63,8 @@ var DNDContainer = function (_Component) {
               style.opacity = '1';
               style.top = '0px';
               style.left = '0px';
-              style.width = itemOffset.width + 'px';
-              style.height = itemOffset.height + 'px';
+              style.width = __width(itemOffset) + 'px';
+              style.height = __height(itemOffset) + 'px';
             }
             _this.onDrag(e);
             it.setState({
@@ -141,7 +142,7 @@ var DNDContainer = function (_Component) {
       _this[droppables].push(item);
       addEventListener(item.element, 'drop', function (e) {
         preventDefault(e);
-        _this.data && orNoop(item.props.onDrop)(_this.data);
+        __data(_this) && orNoop(item.props.onDrop)(__data(_this));
       }, false);
       item.onDragStart = function (e, draggable) {
         item.bounds = item.element.getBoundingClientRect();
@@ -153,9 +154,9 @@ var DNDContainer = function (_Component) {
       item.isHover = function (e, draggable) {
         var bounds = item.bounds;
         if (!bounds) return;
-        var y = e.pageY - _this.scrollOffsetY;
-        var x = e.pageX - _this.scrollOffsetX;
-        var hover = bounds.left <= x && bounds.right >= x && bounds.top <= y && bounds.bottom >= y;
+        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: hover
@@ -164,7 +165,7 @@ var DNDContainer = function (_Component) {
         });
       };
       item.dropIfHover = function () {
-        _this.data && item.state.hover && orNoop(item.props.onDrop)(_this.data);
+        __data(_this) && item.state.hover && orNoop(item.props.onDrop)(__data(_this));
       };
       item.onDragEnd = function () {
         orNoop(orNoop(_this.draggable).onDragEnd)();
@@ -223,8 +224,8 @@ var DNDContainer = function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          children = _this$props.children,
-          className = _this$props.className;
+          children = _this$props[__children],
+          className = _this$props[__className];
       var draggable = this.state.draggable;
       return ReactCreateElement("div", {
         [__className]: classNames('DNDContainer', className),

package/DNDDraggable.js

@@ -1,3 +1,4 @@
+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 { 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";

package/DNDDroppable.js

@@ -1,3 +1,4 @@
+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 { 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";

package/Dialog.js

@@ -1,3 +1,4 @@
+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 { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, assertThisInitialized as _assertThisInitialized, slicedToArray as _slicedToArray, objectWithoutProperties as _objectWithoutProperties, extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
@@ -28,7 +29,7 @@ var Dialog = function (_PureComponent) {
           cancel = _this$props.cancel,
           onAccept = _this$props.onAccept,
           onCancel = _this$props.onCancel,
-          children = _this$props.children;
+          children = _this$props[__children];
       return ReactCreateElement("div", {
         [__className]: "Dialog"
       }, title && ReactCreateElement("div", {
@@ -88,8 +89,8 @@ var DialogWrapper = function (_Component) {
     };
     that[render] = function () {
       var _props2 = props(),
-          top = _props2.top,
-          className = _props2.className,
+          top = __top(_props2),
+          className = _props2[__className],
           other = _objectWithoutProperties(_props2, _excluded);
       return ReactCreateElement(Modal, {
         top: top,

package/DropFileInput.js

@@ -1,3 +1,4 @@
+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 'react';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";

package/DroppableHorizontalList.js

@@ -1,3 +1,4 @@
+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 { 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";
@@ -47,9 +48,9 @@ var DroppableHorizontalList = function (_Component) {
         return function (it) {
           orNoop(initializer)(it);
           it.createPositionListener = function (e, style) {
-            var offset = e.pageX;
+            var offset = __pageX(e);
             return function (e) {
-              e.pageX && (style.transform = 'translateX(' + (e.pageX - offset) + 'px)');
+              __pageX(e) && (style.transform = 'translateX(' + (__pageX(e) - offset) + 'px)');
             };
           };
           it.initDraggedStyles = NOOP;
@@ -88,16 +89,16 @@ var DroppableHorizontalList = function (_Component) {
       });
     };
     var onHover = function onHover(e, draggable) {
-      var offset = e.pageX - that.scrollOffsetX;
-      var transformLeft = 'translateX(' + draggable.width + 'px)';
-      var transformRight = 'translateX(-' + draggable.width + 'px)';
+      var offset = __pageX(e) - that.scrollOffsetX;
+      var transformLeft = 'translateX(' + __width(draggable) + 'px)';
+      var transformRight = 'translateX(-' + __width(draggable) + 'px)';
       list.forEach(function (id, i) {
         if (i !== oldIndex) {
           var d = draggables[id];
           var bounds = d.bounds;
           var style = d.element.style;
           if (i > oldIndex) {
-            if (offset >= bounds.left) style.transform = transformRight;else style.transform = '';
+            if (offset >= __left(bounds)) style.transform = transformRight;else style.transform = '';
           } else {
             if (offset <= bounds.right) style.transform = transformLeft;else style.transform = '';
           }
@@ -105,15 +106,15 @@ var DroppableHorizontalList = function (_Component) {
       });
       var i = list.findIndex(function (id) {
         var bounds = draggables[id].bounds;
-        return offset >= bounds.left && offset <= bounds.right;
+        return offset >= __left(bounds) && offset <= bounds.right;
       });
-      newIndex = i !== -1 ? i : list.length;
+      newIndex = i !== -1 ? i : __length(list);
     };
     var onDragStart = function onDragStart(e, draggable) {
       dragging = true;
       dropped = false;
       oldIndex = list.indexOf(props(draggable).id);
-      that.scrollOffsetX = e.pageX - e.clientX;
+      that.scrollOffsetX = __pageX(e) - e.clientX;
       list.forEach(function (id) {
         draggables[id].bounds = draggables[id].element.getBoundingClientRect();
       });
@@ -121,7 +122,7 @@ var DroppableHorizontalList = function (_Component) {
     var reset = function reset(ignoredIndex, transition) {
       list.forEach(function (id, i) {
         if (i !== ignoredIndex) {
-          var s = draggables[id].element.style;
+          var s = draggables[id].__style(element);
           s.transform = '';
           s.transition = transition;
         }
@@ -147,14 +148,14 @@ var DroppableHorizontalList = function (_Component) {
       var style = draggable.element.style;
       var diff = (newIndex - oldIndex) * draggable.bounds.width;
       var transform = style.transform;
-      var position = transform.substring(11, transform.length - 3);
+      var position = transform.substring(11, __length(transform) - 3);
       style.transform = 'translateX(' + (position - diff) + 'px)';
       orNoop(props$1().onDrop)(data, oldIndex, newIndex);
       reset(newIndex, 'unset');
     };
     that[render] = function () {
       var _props = props$1();
-      var className = _props.className,
+      var className = _props[__className],
           initializer = _props.initializer;
       return ReactCreateElement(DNDDroppable, {
         [__className]: classNames('DroppableList', className, resetting() && 'resetting'),

package/DroppableList.js

@@ -1,3 +1,4 @@
+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 { 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";
@@ -47,9 +48,9 @@ var DroppableList = function (_Component) {
         return function (it) {
           orNoop(initializer)(it);
           it.createPositionListener = function (e, style) {
-            var offsetTop = e.pageY;
+            var offsetTop = __pageY(e);
             return function (e) {
-              e.pageY && (style.transform = 'translateY(' + (e.pageY - offsetTop - that.scrollDiff) + 'px)');
+              __pageY(e) && (style.transform = 'translateY(' + (__pageY(e) - offsetTop - that.scrollDiff) + 'px)');
             };
           };
           it.initDraggedStyles = NOOP;
@@ -92,16 +93,16 @@ var DroppableList = function (_Component) {
       });
     };
     var onHover = function onHover(e, draggable) {
-      var y = e.pageY - that.scrollOffsetY - that.scrollDiff;
-      var transformUp = 'translateY(' + draggable.height + 'px)';
-      var transformDown = 'translateY(-' + draggable.height + 'px)';
+      var y = __pageY(e) - that.scrollOffsetY - that.scrollDiff;
+      var transformUp = 'translateY(' + __height(draggable) + 'px)';
+      var transformDown = 'translateY(-' + __height(draggable) + 'px)';
       list.forEach(function (id, i) {
         if (i !== oldIndex) {
           var d = draggables[id];
           var bounds = d.bounds;
           var style = d.element.style;
           if (i > oldIndex) {
-            if (y >= bounds.top) style.transform = transformDown;else style.transform = '';
+            if (y >= __top(bounds)) style.transform = transformDown;else style.transform = '';
           } else {
             if (y <= bounds.bottom) style.transform = transformUp;else style.transform = '';
           }
@@ -109,15 +110,15 @@ var DroppableList = function (_Component) {
       });
       var i = list.findIndex(function (id) {
         var bounds = draggables[id].bounds;
-        return y >= bounds.top && y <= bounds.bottom;
+        return y >= __top(bounds) && y <= bounds.bottom;
       });
-      newIndex = i !== -1 ? i : list.length;
+      newIndex = i !== -1 ? i : __length(list);
     };
     var onDragStart = function onDragStart(e, draggable) {
       dragging = true;
       dropped = false;
       oldIndex = list.indexOf(props(draggable).id);
-      that.scrollOffsetY = e.pageY - e.clientY;
+      that.scrollOffsetY = __pageY(e) - e.clientY;
       that.scroll = orNoop(props$1().getScrollPosition)() || 0;
       that.scrollDiff = 0;
       list.forEach(function (id) {
@@ -127,7 +128,7 @@ var DroppableList = function (_Component) {
     var reset = function reset(ignoredIndex, transition) {
       list.forEach(function (id, i) {
         if (i !== ignoredIndex) {
-          var s = draggables[id].element.style;
+          var s = draggables[id].__style(element);
           s.transform = '';
           s.transition = transition;
         }
@@ -153,14 +154,14 @@ var DroppableList = function (_Component) {
       var style = draggable.element.style;
       var diff = (newIndex - oldIndex) * draggable.bounds.height;
       var transform = style.transform;
-      var position = transform.substring(11, transform.length - 3);
+      var position = transform.substring(11, __length(transform) - 3);
       style.transform = 'translateY(' + (position - diff) + 'px)';
       orNoop(props$1().onDrop)(data, oldIndex, newIndex);
       reset(newIndex, 'unset');
     };
     that[render] = function () {
       var _props = props$1();
-      var className = _props.className,
+      var className = _props[__className],
           initializer = _props.initializer;
       return ReactCreateElement(DNDDroppable, {
         [__className]: classNames('DroppableList', className, resetting() && 'resetting'),

package/Dropzone.js

@@ -1,3 +1,4 @@
+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 { 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";
@@ -13,7 +14,7 @@ import { stateGS, render, propsGetter, PureComponent } from './ReactConstants.js
 var toArray = function toArray(o) {
   if (o instanceof Array) return o;
   var l = [];
-  for (var i = 0; i < o.length; i++) {
+  for (var i = 0; i < __length(o); i++) {
     l.push(o[i]);
   }
   return l;
@@ -41,7 +42,7 @@ var Dropzone = function (_PureComponent) {
     var isDragging = stateGS(that);
     var onDrop = function onDrop(e) {
       var dt = e.dataTransfer;
-      var files = toArray(dt && dt.files || e.target.files);
+      var files = toArray(dt && dt.files || __target(e).files);
       props().onDrop(files);
       isDragging(false);
       entries = [];
@@ -57,8 +58,8 @@ var Dropzone = function (_PureComponent) {
     var onDragEnter = function onDragEnter(e) {
       var dt = e.dataTransfer;
       if (ignore(dt)) return;
-      if (entries.indexOf(e.target) === -1) {
-        entries.push(e.target);
+      if (entries.indexOf(__target(e)) === -1) {
+        entries.push(__target(e));
       }
       dt && (dt.dropEffect = 'copy');
       !isDragging() && isDragging(true);
@@ -66,7 +67,7 @@ var Dropzone = function (_PureComponent) {
     };
     var onDragLeave = function onDragLeave(e) {
       entries = entries.filter(function (el) {
-        return el !== e.target;
+        return el !== __target(e);
       });
       if (entries.length === 0) isDragging(false);
       prevent(e);
@@ -74,8 +75,8 @@ var Dropzone = function (_PureComponent) {
     var inputRef = createRef();
     that[render] = function () {
       var _props = props(),
-          children = _props.children,
-          className = _props.className,
+          children = _props[__children],
+          className = _props[__className],
           disabled = _props.disabled,
           clickable = _props.clickable,
           multiple = _props.multiple,