react-ui-basics 0.0.159 → 0.0.160

package/Animated.js

@@ -1,4 +1,4 @@
-import CommonFields from "./CommonFields";
+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";
@@ -96,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)[CommonFields[4]]), 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,4 +1,4 @@
-import CommonFields from "./CommonFields";
+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";
@@ -68,7 +68,7 @@ var AutocompleteSelect = function (_PureComponent) {
     _classCallCheck(this, AutocompleteSelect);
     _this = _super.call(this, props);
     _this.initSelected = function (_ref2, _ref3) {
-      var value = _ref2[CommonFields[8]],
+      var value = __value(_ref2),
           mode = _ref2.mode,
           allowCustom = _ref2.allowCustom;
       var _ref3$filterValue = _ref3.filterValue,
@@ -124,7 +124,7 @@ var AutocompleteSelect = function (_PureComponent) {
       var selected = _objectSpread2({}, currentSelection);
       if (selected[selectedId] && (defaultValue || isMultiSelect)) {
         delete selected[selectedId];
-        if (defaultValue && Object.keys(selected)[CommonFields[5]] === 0) selected[defaultValue] = defaultValue;
+        if (defaultValue && Object.keys(selected).length === 0) selected[defaultValue] = defaultValue;
       } else if (isSelected && isMultiSelect) {
         selected[selectedId] = selectedId;
       } else if (isSelected) {
@@ -164,7 +164,7 @@ var AutocompleteSelect = function (_PureComponent) {
       orNoop(_this.props.onChange)(Object.values(result.selected));
     };
     _this.onChange = function (event) {
-      var value = event.target[CommonFields[8]];
+      var value = __target(event).value;
       _this.setState({
         filterValue: value
       });
@@ -172,11 +172,11 @@ var AutocompleteSelect = function (_PureComponent) {
     };
     var that = _assertThisInitialized(_this);
     that.state = {
-      selected: prepareSelected(props[CommonFields[8]]),
+      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({
@@ -193,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();
         }
       });
@@ -201,7 +201,7 @@ var AutocompleteSelect = function (_PureComponent) {
         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)[CommonFields[5]] === 0;
+            var errored = Object.keys(_this2.state.selected).length === 0;
             _this2.setState({
               errored: errored
             });
@@ -213,7 +213,7 @@ var AutocompleteSelect = function (_PureComponent) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState, snapshot) {
-      if (this.props[CommonFields[8]] !== prevProps[CommonFields[8]]) this.initSelected(this.props, this.state);
+      if (this.props.value !== __value(prevProps)) this.initSelected(this.props, this.state);
     }
   }, {
     key: "componentWillUnmount",
@@ -257,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[CommonFields[5]] !== 0;
+      var hasSelected = __length(selectedIds) !== 0;
       var setActive = function setActive(e) {
         stopPropagation(e);
         _this3.setState({
           isActive: true
         }, function () {
-          return scrollToValue && selectedIds[CommonFields[5]] > 0 && _this3.list.scrollTo(selectedIds[0]);
+          return scrollToValue && __length(selectedIds) > 0 && _this3.list.scrollTo(selectedIds[0]);
         });
       };
       var toggle = function toggle(e) {
@@ -328,7 +328,7 @@ var AutocompleteSelect = function (_PureComponent) {
           id: id,
           label: getLabel(labels, id),
           onClick: setActive
-        })), id !== selectedIds[selectedIds[CommonFields[5]] - 1] && ', ');
+        })), id !== selectedIds[__length(selectedIds) - 1] && ', ');
       }), !label && withArrow && ReactCreateElement("span", {
         [__className]: "arrow"
       }), withReset && ReactCreateElement(Button, {
@@ -357,8 +357,8 @@ var AutocompleteSelect = function (_PureComponent) {
           id: id,
           label: getLabel(labels, id),
           onClick: setActive
-        })), id !== selectedIds[selectedIds[CommonFields[5]] - 1] && ', ');
-      })), (isActive || !hasSelected && mode !== MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO && selectedIds[CommonFields[5]] > 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, {
@@ -394,8 +394,8 @@ var AutocompleteSelect = function (_PureComponent) {
             _this3.onSelect(_this3.getSelected());
           } else if (keyCode === 8
           ) {
-            if (!filterValue && selectedIds[CommonFields[5]] !== 0 && isMultipleSelect(mode)) {
-              _this3.remove(selectedIds[selectedIds[CommonFields[5]] - 1]);
+            if (!filterValue && __length(selectedIds) !== 0 && isMultipleSelect(mode)) {
+              _this3.remove(selectedIds[__length(selectedIds) - 1]);
             }
             _this3.reset();
           } else if (keyCode === 46

package/Button.js

@@ -1,4 +1,4 @@
-import CommonFields from "./CommonFields";
+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";
@@ -23,14 +23,14 @@ var Button = function (_PureComponent) {
     var ripple = createRef();
     var rippleClassName = stateGS(that);
     var onMouseDown = function onMouseDown(e) {
-      if (!_this.props.withRipple) return;
-      var rect = el()[CommonFields[13]]();
+      if (!props(that).withRipple) return;
+      var rect = el().getBoundingClientRect();
       var rippleElement = ripple();
-      var style = rippleElement[CommonFields[4]];
+      var style = __style(rippleElement);
       var body = DOCUMENT.body;
-      style[CommonFields[1]] = style[CommonFields[0]] = Math.max(rect[CommonFields[0]], rect[CommonFields[1]]) + 'px';
-      style[CommonFields[2]] = e[CommonFields[7]] - rect[CommonFields[2]] - rippleElement.offsetHeight / 2 - body[CommonFields[11]] + 'px';
-      style[CommonFields[3]] = e[CommonFields[6]] - rect[CommonFields[3]] - rippleElement.offsetWidth / 2 - body[CommonFields[12]] + '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');
@@ -39,12 +39,12 @@ var Button = function (_PureComponent) {
     var onFocus = function onFocus(e) {
       orNoop(props(that).onFocus)(e);
       if (rippleClassName() === 'show') return;
-      var rect = el()[CommonFields[13]]();
-      var style = ripple()[CommonFields[4]];
-      var size = Math.max(rect[CommonFields[0]], rect[CommonFields[1]]) * 0.8;
-      style[CommonFields[1]] = style[CommonFields[0]] = size + 'px';
-      style[CommonFields[2]] = rect[CommonFields[1]] / 2 - size / 2 + 'px';
-      style[CommonFields[3]] = rect[CommonFields[0]] / 2 - size / 2 + 'px';
+      var rect = el().getBoundingClientRect();
+      var style = __style(ripple());
+      var size = Math.max(__width(rect), __height(rect)) * 0.8;
+      style.height = style.width = size + 'px';
+      style.top = __height(rect) / 2 - size / 2 + 'px';
+      style.left = __width(rect) / 2 - size / 2 + 'px';
       rippleClassName('focused');
     };
     that[render] = function () {
@@ -57,7 +57,7 @@ var Button = function (_PureComponent) {
           _props$raised = _props.raised,
           raised = _props$raised === void 0 ? !flat : _props$raised,
           round = _props.round,
-          style = _props[CommonFields[4]],
+          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,4 +1,4 @@
-import CommonFields from "./CommonFields";
+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";
@@ -25,7 +25,7 @@ var Checkbox = function (_PureComponent) {
           label = _props.label,
           name = _props.name,
           onChange = _props.onChange,
-          value = _props[CommonFields[8]],
+          value = __value(_props),
           className = _props[__className],
           disabled = _props.disabled;
       var id = props().id || randomId;

package/CircleProgress.js

@@ -1,4 +1,4 @@
-import CommonFields from "./CommonFields";
+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";
@@ -14,7 +14,7 @@ var dashoffset = function dashoffset(percent) {
   return length * (100 - percent) / 100;
 };
 var CircleProgress = function CircleProgress(_ref) {
-  var value = _ref[CommonFields[8]];
+  var value = __value(_ref);
   value = Number.parseFloat(value);
   return ReactCreateElement("div", {
     [__className]: "CircleProgress"

package/CommonFields.js

@@ -1,18 +1,23 @@
-var width = 'width';
-var height = 'height';
-var top = 'top';
-var left = 'left';
-var style = 'style';
-var length = 'length';
-var pageX = 'pageX';
-var pageY = 'pageY';
-var value = 'value';
-var clientHeight = 'clientHeight';
-var clientWidth = 'clientWidth';
-var scrollTop = 'scrollTop';
-var scrollLeft = 'scrollLeft';
-var getBoundingClientRect = 'getBoundingClientRect';
-var CommonFields = [width, height, top, left, style, length, pageX, pageY, value, clientHeight, clientWidth, scrollTop, scrollLeft, getBoundingClientRect];
+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, CommonFields as default, getBoundingClientRect, height, left, length, pageX, pageY, scrollLeft, scrollTop, style, top, value, width };
+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,4 +1,4 @@
-import CommonFields from "./CommonFields";
+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";
@@ -39,19 +39,19 @@ var DNDContainer = function (_Component) {
         var container = _this.container;
         _this.data = item.props.data;
         _this.draggable = item;
-        _this.scrollOffsetX = e[CommonFields[6]] - e.clientX;
-        _this.scrollOffsetY = e[CommonFields[7]] - e.clientY;
+        _this.scrollOffsetX = __pageX(e) - e.clientX;
+        _this.scrollOffsetY = __pageY(e) - e.clientY;
         var dataTransfer = e.dataTransfer;
-        var itemOffset = item.element[CommonFields[13]]();
-        item[CommonFields[0]] = itemOffset[CommonFields[0]];
-        item[CommonFields[1]] = itemOffset[CommonFields[1]];
+        var itemOffset = item.element.getBoundingClientRect();
+        item.width = __width(itemOffset);
+        item.height = __height(itemOffset);
         var clone = orNoop(item.props.copy)(function (it) {
-          var style = it.element[CommonFields[4]];
-          var offsetLeft = totalOffsetLeft(container) + (e.clientX - itemOffset[CommonFields[3]]);
-          var offsetTop = totalOffsetTop(container) + (e.clientY - itemOffset[CommonFields[2]]);
+          var style = it.element.style;
+          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[CommonFields[6]] === 0) return;
-            style.transform = 'translate(' + (e[CommonFields[6]] - offsetLeft) + 'px, ' + (e[CommonFields[7]] - offsetTop) + 'px)';
+            if (e.pageX === 0) return;
+            style.transform = 'translate(' + (__pageX(e) - offsetLeft) + 'px, ' + (__pageY(e) - offsetTop) + 'px)';
           };
           requestAnimationFrame(function () {
             if (dataTransfer && !dataTransfer.setDragImage) {
@@ -61,10 +61,10 @@ var DNDContainer = function (_Component) {
               style.position = 'absolute';
               style.pointerEvents = 'none';
               style.opacity = '1';
-              style[CommonFields[2]] = '0px';
-              style[CommonFields[3]] = '0px';
-              style[CommonFields[0]] = itemOffset[CommonFields[0]] + 'px';
-              style[CommonFields[1]] = itemOffset[CommonFields[1]] + 'px';
+              style.top = '0px';
+              style.left = '0px';
+              style.width = __width(itemOffset) + 'px';
+              style.height = __height(itemOffset) + 'px';
             }
             _this.onDrag(e);
             it.setState({
@@ -103,7 +103,7 @@ var DNDContainer = function (_Component) {
       var dragStarted = false;
       var dragged = false;
       addListener(draggableElement, item, 'touchstart', function (e) {
-        if (e.touches[CommonFields[5]] > 1) return;
+        if (e.touches.length > 1) return;
         dragged = dragStarted = false;
         var touch = e.targetTouches[0];
         longTouch = setTimeout(function () {
@@ -116,7 +116,7 @@ var DNDContainer = function (_Component) {
           return;
         }
         if (!dragStarted) return;
-        if (e.touches[CommonFields[5]] > 1) return;
+        if (e.touches.length > 1) return;
         preventDefault(e);
         dragged = true;
         var touch = e.targetTouches[0];
@@ -131,7 +131,7 @@ var DNDContainer = function (_Component) {
         item.setState({
           placeholder: false
         });
-        if (e.touches[CommonFields[5]] > 0) return;
+        if (e.touches.length > 0) return;
         _this[droppables].forEach(function (it) {
           return it.dropIfHover();
         });
@@ -142,10 +142,10 @@ 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[CommonFields[13]]();
+        item.bounds = item.element.getBoundingClientRect();
         item.setState({
           allow: true
         });
@@ -154,9 +154,9 @@ var DNDContainer = function (_Component) {
       item.isHover = function (e, draggable) {
         var bounds = item.bounds;
         if (!bounds) return;
-        var y = e[CommonFields[7]] - _this.scrollOffsetY;
-        var x = e[CommonFields[6]] - _this.scrollOffsetX;
-        var hover = bounds[CommonFields[3]] <= x && bounds.right >= x && bounds[CommonFields[2]] <= 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
@@ -165,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)();
@@ -193,11 +193,11 @@ var DNDContainer = function (_Component) {
     _this.onDragEnd = function () {
       var draggable = _this.draggable;
       if (draggable.element) {
-        var style = draggable.element[CommonFields[4]];
+        var style = draggable.element.style;
         style.position = '';
         style.pointerEvents = '';
-        style[CommonFields[0]] = "";
-        style[CommonFields[1]] = "";
+        style.width = "";
+        style.height = "";
         style.opacity = '';
       }
       draggable.setState({
@@ -258,10 +258,10 @@ var addListener = function addListener(el, item, type, listener) {
   addEventListener(el, type, item[type] = listener);
 };
 var totalOffsetTop = function totalOffsetTop(el) {
-  return el[CommonFields[13]]()[CommonFields[2]] + (WINDOW.pageYOffset || DOCUMENT.documentElement[CommonFields[11]]);
+  return el.getBoundingClientRect().top + (WINDOW.pageYOffset || DOCUMENT.documentElement.scrollTop);
 };
 var totalOffsetLeft = function totalOffsetLeft(el) {
-  return el[CommonFields[13]]()[CommonFields[3]] + (WINDOW.pageXOffset || DOCUMENT.documentElement[CommonFields[12]]);
+  return el.getBoundingClientRect().left + (WINDOW.pageXOffset || DOCUMENT.documentElement.scrollLeft);
 };
 var DNDContainer$1 = DNDContainer;
 

package/DNDDraggable.js

@@ -1,4 +1,4 @@
-import CommonFields from "./CommonFields";
+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,4 +1,4 @@
-import CommonFields from "./CommonFields";
+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,4 +1,4 @@
-import CommonFields from "./CommonFields";
+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";
@@ -89,7 +89,7 @@ var DialogWrapper = function (_Component) {
     };
     that[render] = function () {
       var _props2 = props(),
-          top = _props2[CommonFields[2]],
+          top = __top(_props2),
           className = _props2[__className],
           other = _objectWithoutProperties(_props2, _excluded);
       return ReactCreateElement(Modal, {

package/DropFileInput.js

@@ -1,4 +1,4 @@
-import CommonFields from "./CommonFields";
+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,4 +1,4 @@
-import CommonFields from "./CommonFields";
+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";
@@ -48,14 +48,14 @@ var DroppableHorizontalList = function (_Component) {
         return function (it) {
           orNoop(initializer)(it);
           it.createPositionListener = function (e, style) {
-            var offset = e[CommonFields[6]];
+            var offset = __pageX(e);
             return function (e) {
-              e[CommonFields[6]] && (style.transform = 'translateX(' + (e[CommonFields[6]] - offset) + 'px)');
+              __pageX(e) && (style.transform = 'translateX(' + (__pageX(e) - offset) + 'px)');
             };
           };
           it.initDraggedStyles = NOOP;
           it.onDragEnd = function () {
-            var style = it.element[CommonFields[4]];
+            var style = it.element.style;
             inTransition = true;
             setTimeout(function () {
               var droppingDuration = props$1().droppingDuration || 100;
@@ -89,16 +89,16 @@ var DroppableHorizontalList = function (_Component) {
       });
     };
     var onHover = function onHover(e, draggable) {
-      var offset = e[CommonFields[6]] - that.scrollOffsetX;
-      var transformLeft = 'translateX(' + draggable[CommonFields[0]] + 'px)';
-      var transformRight = 'translateX(-' + draggable[CommonFields[0]] + '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[CommonFields[4]];
+          var style = d.element.style;
           if (i > oldIndex) {
-            if (offset >= bounds[CommonFields[3]]) 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 = '';
           }
@@ -106,23 +106,23 @@ var DroppableHorizontalList = function (_Component) {
       });
       var i = list.findIndex(function (id) {
         var bounds = draggables[id].bounds;
-        return offset >= bounds[CommonFields[3]] && offset <= bounds.right;
+        return offset >= __left(bounds) && offset <= bounds.right;
       });
-      newIndex = i !== -1 ? i : list[CommonFields[5]];
+      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[CommonFields[6]] - e.clientX;
+      that.scrollOffsetX = __pageX(e) - e.clientX;
       list.forEach(function (id) {
-        draggables[id].bounds = draggables[id].element[CommonFields[13]]();
+        draggables[id].bounds = draggables[id].element.getBoundingClientRect();
       });
     };
     var reset = function reset(ignoredIndex, transition) {
       list.forEach(function (id, i) {
         if (i !== ignoredIndex) {
-          var s = draggables[id].element[CommonFields[4]];
+          var s = draggables[id].__style(element);
           s.transform = '';
           s.transition = transition;
         }
@@ -145,10 +145,10 @@ var DroppableHorizontalList = function (_Component) {
     var onDrop = function onDrop(data) {
       dropped = true;
       var draggable = draggables[list[oldIndex]];
-      var style = draggable.element[CommonFields[4]];
-      var diff = (newIndex - oldIndex) * draggable.bounds[CommonFields[0]];
+      var style = draggable.element.style;
+      var diff = (newIndex - oldIndex) * draggable.bounds.width;
       var transform = style.transform;
-      var position = transform.substring(11, transform[CommonFields[5]] - 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');