react-ui-basics 0.0.158 → 0.0.159

package/Animated.js

@@ -1,5 +1,5 @@
+import CommonFields 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 {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
@@ -96,7 +96,7 @@ 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({}, props(child)[CommonFields[4]]), childStyles)), _objectSpread2$1), otherProps));
       });
     };
     that[componentDidUpdate] = function () {

package/AutocompleteSelect.js

@@ -1,5 +1,5 @@
+import CommonFields 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 {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} 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[__value],
+      var value = _ref2[CommonFields[8]],
           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)[__length] === 0) selected[defaultValue] = defaultValue;
+        if (defaultValue && Object.keys(selected)[CommonFields[5]] === 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[__value];
+      var value = event.target[CommonFields[8]];
       _this.setState({
         filterValue: value
       });
@@ -172,7 +172,7 @@ var AutocompleteSelect = function (_PureComponent) {
     };
     var that = _assertThisInitialized(_this);
     that.state = {
-      selected: prepareSelected(props[__value]),
+      selected: prepareSelected(props[CommonFields[8]]),
       isActive: !!props.focused
     };
     that.randomId = getRandomId('acs-');
@@ -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)[__length] === 0;
+            var errored = Object.keys(_this2.state.selected)[CommonFields[5]] === 0;
             _this2.setState({
               errored: errored
             });
@@ -213,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[CommonFields[8]] !== prevProps[CommonFields[8]]) this.initSelected(this.props, this.state);
     }
   }, {
     key: "componentWillUnmount",
@@ -264,13 +264,13 @@ var AutocompleteSelect = function (_PureComponent) {
       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 = selectedIds[CommonFields[5]] !== 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 && selectedIds[CommonFields[5]] > 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[__length] - 1] && ', ');
+        })), id !== selectedIds[selectedIds[CommonFields[5]] - 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[__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[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", {
         [__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[__length] !== 0 && isMultipleSelect(mode)) {
-              _this3.remove(selectedIds[selectedIds[__length] - 1]);
+            if (!filterValue && selectedIds[CommonFields[5]] !== 0 && isMultipleSelect(mode)) {
+              _this3.remove(selectedIds[selectedIds[CommonFields[5]] - 1]);
             }
             _this3.reset();
           } else if (keyCode === 46

package/Button.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
-import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
@@ -24,13 +24,13 @@ var Button = function (_PureComponent) {
     var rippleClassName = stateGS(that);
     var onMouseDown = function onMouseDown(e) {
       if (!_this.props.withRipple) return;
-      var rect = el()[__getBoundingClientRect]();
+      var rect = el()[CommonFields[13]]();
       var rippleElement = ripple();
-      var style = rippleElement[__style];
+      var style = rippleElement[CommonFields[4]];
       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[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';
       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()[__getBoundingClientRect]();
-      var style = ripple()[__style];
-      var size = Math.max(rect[__width], rect[__height]) * 0.8;
-      style[__height] = style[__width] = size + 'px';
-      style[__top] = rect[__height] / 2 - size / 2 + 'px';
-      style[__left] = rect[__width] / 2 - size / 2 + 'px';
+      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';
       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[__style],
+          style = _props[CommonFields[4]],
           disabled = _props.disabled;
       return ReactCreateElement("button", {
         [__className]: classNames('Button', className, disabled && 'disabled', raised && 'raised', flat && 'flat', round && 'round'),

package/Checkbox.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
-import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
@@ -25,7 +25,7 @@ var Checkbox = function (_PureComponent) {
           label = _props.label,
           name = _props.name,
           onChange = _props.onChange,
-          value = _props[__value],
+          value = _props[CommonFields[8]],
           className = _props[__className],
           disabled = _props.disabled;
       var id = props().id || randomId;

package/CircleProgress.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import 'react';
-import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} 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[__value];
+  var value = _ref[CommonFields[8]];
   value = Number.parseFloat(value);
   return ReactCreateElement("div", {
     [__className]: "CircleProgress"

package/CommonFields.js

@@ -12,6 +12,7 @@ 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];
 
-export { clientHeight, clientWidth, getBoundingClientRect, height, left, length, pageX, pageY, scrollLeft, scrollTop, style, top, value, width };
+export { clientHeight, clientWidth, CommonFields as default, getBoundingClientRect, height, left, length, pageX, pageY, scrollLeft, scrollTop, style, top, value, width };
 //# sourceMappingURL=CommonFields.js.map

package/CommonFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommonFields.js","sources":["../../../src/react-ui-basics/CommonFields.js"],"sourcesContent":["export const width = 'width'\nexport const height = 'height'\nexport const top = 'top'\nexport const left = 'left'\nexport const style = 'style'\nexport const length = 'length'\nexport const pageX = 'pageX'\nexport const pageY = 'pageY'\nexport const value = 'value'\nexport const clientHeight = 'clientHeight'\nexport const clientWidth = 'clientWidth'\nexport const scrollTop = 'scrollTop'\nexport const scrollLeft = 'scrollLeft'\nexport const getBoundingClientRect = 'getBoundingClientRect'"],"names":["width","height","top","left","style","length","pageX","pageY","value","clientHeight","clientWidth","scrollTop","scrollLeft","getBoundingClientRect"],"mappings":"AAAO,IAAMA,KAAK,GAAG,QAAd;AACA,IAAMC,MAAM,GAAG,SAAf;AACA,IAAMC,GAAG,GAAG,MAAZ;AACA,IAAMC,IAAI,GAAG,OAAb;AACA,IAAMC,KAAK,GAAG,QAAd;AACA,IAAMC,MAAM,GAAG,SAAf;AACA,IAAMC,KAAK,GAAG,QAAd;AACA,IAAMC,KAAK,GAAG,QAAd;AACA,IAAMC,KAAK,GAAG,QAAd;AACA,IAAMC,YAAY,GAAG,eAArB;AACA,IAAMC,WAAW,GAAG,cAApB;AACA,IAAMC,SAAS,GAAG,YAAlB;AACA,IAAMC,UAAU,GAAG,aAAnB;AACA,IAAMC,qBAAqB,GAAG;;;;"}
+{"version":3,"file":"CommonFields.js","sources":["../../../src/react-ui-basics/CommonFields.js"],"sourcesContent":["export const width = 'width'\nexport const height = 'height'\nexport const top = 'top'\nexport const left = 'left'\nexport const style = 'style'\nexport const length = 'length'\nexport const pageX = 'pageX'\nexport const pageY = 'pageY'\nexport const value = 'value'\nexport const clientHeight = 'clientHeight'\nexport const clientWidth = 'clientWidth'\nexport const scrollTop = 'scrollTop'\nexport const scrollLeft = 'scrollLeft'\nexport const getBoundingClientRect = 'getBoundingClientRect'\n\nexport default [width, height, top, left, style, length, pageX, pageY, value, clientHeight, clientWidth, scrollTop, scrollLeft, getBoundingClientRect];"],"names":["width","height","top","left","style","length","pageX","pageY","value","clientHeight","clientWidth","scrollTop","scrollLeft","getBoundingClientRect"],"mappings":"AAAO,IAAMA,KAAK,GAAG,QAAd;AACA,IAAMC,MAAM,GAAG,SAAf;AACA,IAAMC,GAAG,GAAG,MAAZ;AACA,IAAMC,IAAI,GAAG,OAAb;AACA,IAAMC,KAAK,GAAG,QAAd;AACA,IAAMC,MAAM,GAAG,SAAf;AACA,IAAMC,KAAK,GAAG,QAAd;AACA,IAAMC,KAAK,GAAG,QAAd;AACA,IAAMC,KAAK,GAAG,QAAd;AACA,IAAMC,YAAY,GAAG,eAArB;AACA,IAAMC,WAAW,GAAG,cAApB;AACA,IAAMC,SAAS,GAAG,YAAlB;AACA,IAAMC,UAAU,GAAG,aAAnB;AACA,IAAMC,qBAAqB,GAAG,wBAA9B;AAEP,mBAAe,CAACb,KAAD,EAAQC,MAAR,EAAgBC,GAAhB,EAAqBC,IAArB,EAA2BC,KAA3B,EAAkCC,MAAlC,EAA0CC,KAA1C,EAAiDC,KAAjD,EAAwDC,KAAxD,EAA+DC,YAA/D,EAA6EC,WAA7E,EAA0FC,SAA1F,EAAqGC,UAArG,EAAiHC,qBAAjH,CAAf;;;;"}

package/DNDContainer.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
-import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} 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[__pageX] - e.clientX;
-        _this.scrollOffsetY = e[__pageY] - e.clientY;
+        _this.scrollOffsetX = e[CommonFields[6]] - e.clientX;
+        _this.scrollOffsetY = e[CommonFields[7]] - e.clientY;
         var dataTransfer = e.dataTransfer;
-        var itemOffset = item.element[__getBoundingClientRect]();
-        item[__width] = itemOffset[__width];
-        item[__height] = itemOffset[__height];
+        var itemOffset = item.element[CommonFields[13]]();
+        item[CommonFields[0]] = itemOffset[CommonFields[0]];
+        item[CommonFields[1]] = itemOffset[CommonFields[1]];
         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 style = it.element[CommonFields[4]];
+          var offsetLeft = totalOffsetLeft(container) + (e.clientX - itemOffset[CommonFields[3]]);
+          var offsetTop = totalOffsetTop(container) + (e.clientY - itemOffset[CommonFields[2]]);
           _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)';
+            if (e[CommonFields[6]] === 0) return;
+            style.transform = 'translate(' + (e[CommonFields[6]] - offsetLeft) + 'px, ' + (e[CommonFields[7]] - 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[__top] = '0px';
-              style[__left] = '0px';
-              style[__width] = itemOffset[__width] + 'px';
-              style[__height] = itemOffset[__height] + 'px';
+              style[CommonFields[2]] = '0px';
+              style[CommonFields[3]] = '0px';
+              style[CommonFields[0]] = itemOffset[CommonFields[0]] + 'px';
+              style[CommonFields[1]] = itemOffset[CommonFields[1]] + '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[__length] > 1) return;
+        if (e.touches[CommonFields[5]] > 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[__length] > 1) return;
+        if (e.touches[CommonFields[5]] > 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[__length] > 0) return;
+        if (e.touches[CommonFields[5]] > 0) return;
         _this[droppables].forEach(function (it) {
           return it.dropIfHover();
         });
@@ -145,7 +145,7 @@ var DNDContainer = function (_Component) {
         _this.data && orNoop(item.props.onDrop)(_this.data);
       }, false);
       item.onDragStart = function (e, draggable) {
-        item.bounds = item.element[__getBoundingClientRect]();
+        item.bounds = item.element[CommonFields[13]]();
         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[__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 = 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;
         hover && orNoop(item.props.onHover)(e, draggable);
         if (hover) !item.state.hover && item.setState({
           hover: hover
@@ -193,11 +193,11 @@ var DNDContainer = function (_Component) {
     _this.onDragEnd = function () {
       var draggable = _this.draggable;
       if (draggable.element) {
-        var style = draggable.element[__style];
+        var style = draggable.element[CommonFields[4]];
         style.position = '';
         style.pointerEvents = '';
-        style[__width] = "";
-        style[__height] = "";
+        style[CommonFields[0]] = "";
+        style[CommonFields[1]] = "";
         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[__getBoundingClientRect]()[__top] + (WINDOW.pageYOffset || DOCUMENT.documentElement[__scrollTop]);
+  return el[CommonFields[13]]()[CommonFields[2]] + (WINDOW.pageYOffset || DOCUMENT.documentElement[CommonFields[11]]);
 };
 var totalOffsetLeft = function totalOffsetLeft(el) {
-  return el[__getBoundingClientRect]()[__left] + (WINDOW.pageXOffset || DOCUMENT.documentElement[__scrollLeft]);
+  return el[CommonFields[13]]()[CommonFields[3]] + (WINDOW.pageXOffset || DOCUMENT.documentElement[CommonFields[12]]);
 };
 var DNDContainer$1 = DNDContainer;
 

package/DNDDraggable.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
-import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";

package/DNDDroppable.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
-import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";

package/Dialog.js

@@ -1,5 +1,5 @@
+import CommonFields 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 {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
@@ -89,7 +89,7 @@ var DialogWrapper = function (_Component) {
     };
     that[render] = function () {
       var _props2 = props(),
-          top = _props2[__top],
+          top = _props2[CommonFields[2]],
           className = _props2[__className],
           other = _objectWithoutProperties(_props2, _excluded);
       return ReactCreateElement(Modal, {

package/DropFileInput.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import 'react';
-import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";

package/DroppableHorizontalList.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
-import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} 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[__pageX];
+            var offset = e[CommonFields[6]];
             return function (e) {
-              e[__pageX] && (style.transform = 'translateX(' + (e[__pageX] - offset) + 'px)');
+              e[CommonFields[6]] && (style.transform = 'translateX(' + (e[CommonFields[6]] - offset) + 'px)');
             };
           };
           it.initDraggedStyles = NOOP;
           it.onDragEnd = function () {
-            var style = it.element[__style];
+            var style = it.element[CommonFields[4]];
             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[__pageX] - that.scrollOffsetX;
-      var transformLeft = 'translateX(' + draggable[__width] + 'px)';
-      var transformRight = 'translateX(-' + draggable[__width] + 'px)';
+      var offset = e[CommonFields[6]] - that.scrollOffsetX;
+      var transformLeft = 'translateX(' + draggable[CommonFields[0]] + 'px)';
+      var transformRight = 'translateX(-' + draggable[CommonFields[0]] + 'px)';
       list.forEach(function (id, i) {
         if (i !== oldIndex) {
           var d = draggables[id];
           var bounds = d.bounds;
-          var style = d.element[__style];
+          var style = d.element[CommonFields[4]];
           if (i > oldIndex) {
-            if (offset >= bounds[__left]) style.transform = transformRight;else style.transform = '';
+            if (offset >= bounds[CommonFields[3]]) 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[__left] && offset <= bounds.right;
+        return offset >= bounds[CommonFields[3]] && offset <= bounds.right;
       });
-      newIndex = i !== -1 ? i : list[__length];
+      newIndex = i !== -1 ? i : list[CommonFields[5]];
     };
     var onDragStart = function onDragStart(e, draggable) {
       dragging = true;
       dropped = false;
       oldIndex = list.indexOf(props(draggable).id);
-      that.scrollOffsetX = e[__pageX] - e.clientX;
+      that.scrollOffsetX = e[CommonFields[6]] - e.clientX;
       list.forEach(function (id) {
-        draggables[id].bounds = draggables[id].element[__getBoundingClientRect]();
+        draggables[id].bounds = draggables[id].element[CommonFields[13]]();
       });
     };
     var reset = function reset(ignoredIndex, transition) {
       list.forEach(function (id, i) {
         if (i !== ignoredIndex) {
-          var s = draggables[id].element[__style];
+          var s = draggables[id].element[CommonFields[4]];
           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[__style];
-      var diff = (newIndex - oldIndex) * draggable.bounds[__width];
+      var style = draggable.element[CommonFields[4]];
+      var diff = (newIndex - oldIndex) * draggable.bounds[CommonFields[0]];
       var transform = style.transform;
-      var position = transform.substring(11, transform[__length] - 3);
+      var position = transform.substring(11, transform[CommonFields[5]] - 3);
       style.transform = 'translateX(' + (position - diff) + 'px)';
       orNoop(props$1().onDrop)(data, oldIndex, newIndex);
       reset(newIndex, 'unset');

package/DroppableList.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
-import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
@@ -48,14 +48,14 @@ var DroppableList = function (_Component) {
         return function (it) {
           orNoop(initializer)(it);
           it.createPositionListener = function (e, style) {
-            var offsetTop = e[__pageY];
+            var offsetTop = e[CommonFields[7]];
             return function (e) {
-              e[__pageY] && (style.transform = 'translateY(' + (e[__pageY] - offsetTop - that.scrollDiff) + 'px)');
+              e[CommonFields[7]] && (style.transform = 'translateY(' + (e[CommonFields[7]] - offsetTop - that.scrollDiff) + 'px)');
             };
           };
           it.initDraggedStyles = NOOP;
           it.onDragEnd = function () {
-            var style = it.element[__style];
+            var style = it.element[CommonFields[4]];
             inTransition = true;
             setTimeout(function () {
               var droppingDuration = props$1().droppingDuration || 100;
@@ -93,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 = e[CommonFields[7]] - that.scrollOffsetY - that.scrollDiff;
+      var transformUp = 'translateY(' + draggable[CommonFields[1]] + 'px)';
+      var transformDown = 'translateY(-' + draggable[CommonFields[1]] + 'px)';
       list.forEach(function (id, i) {
         if (i !== oldIndex) {
           var d = draggables[id];
           var bounds = d.bounds;
-          var style = d.element[__style];
+          var style = d.element[CommonFields[4]];
           if (i > oldIndex) {
-            if (y >= bounds[__top]) style.transform = transformDown;else style.transform = '';
+            if (y >= bounds[CommonFields[2]]) style.transform = transformDown;else style.transform = '';
           } else {
             if (y <= bounds.bottom) style.transform = transformUp;else style.transform = '';
           }
@@ -110,25 +110,25 @@ var DroppableList = function (_Component) {
       });
       var i = list.findIndex(function (id) {
         var bounds = draggables[id].bounds;
-        return y >= bounds[__top] && y <= bounds.bottom;
+        return y >= bounds[CommonFields[2]] && y <= bounds.bottom;
       });
-      newIndex = i !== -1 ? i : list[__length];
+      newIndex = i !== -1 ? i : list[CommonFields[5]];
     };
     var onDragStart = function onDragStart(e, draggable) {
       dragging = true;
       dropped = false;
       oldIndex = list.indexOf(props(draggable).id);
-      that.scrollOffsetY = e[__pageY] - e.clientY;
+      that.scrollOffsetY = e[CommonFields[7]] - e.clientY;
       that.scroll = orNoop(props$1().getScrollPosition)() || 0;
       that.scrollDiff = 0;
       list.forEach(function (id) {
-        draggables[id].bounds = draggables[id].element[__getBoundingClientRect]();
+        draggables[id].bounds = draggables[id].element[CommonFields[13]]();
       });
     };
     var reset = function reset(ignoredIndex, transition) {
       list.forEach(function (id, i) {
         if (i !== ignoredIndex) {
-          var s = draggables[id].element[__style];
+          var s = draggables[id].element[CommonFields[4]];
           s.transform = '';
           s.transition = transition;
         }
@@ -151,10 +151,10 @@ var DroppableList = function (_Component) {
     var onDrop = function onDrop(data) {
       dropped = true;
       var draggable = draggables[list[oldIndex]];
-      var style = draggable.element[__style];
-      var diff = (newIndex - oldIndex) * draggable.bounds[__height];
+      var style = draggable.element[CommonFields[4]];
+      var diff = (newIndex - oldIndex) * draggable.bounds[CommonFields[1]];
       var transform = style.transform;
-      var position = transform.substring(11, transform[__length] - 3);
+      var position = transform.substring(11, transform[CommonFields[5]] - 3);
       style.transform = 'translateY(' + (position - diff) + 'px)';
       orNoop(props$1().onDrop)(data, oldIndex, newIndex);
       reset(newIndex, 'unset');

package/Dropzone.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
-import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
@@ -14,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 < o[CommonFields[5]]; i++) {
     l.push(o[i]);
   }
   return l;
@@ -69,7 +69,7 @@ var Dropzone = function (_PureComponent) {
       entries = entries.filter(function (el) {
         return el !== e.target;
       });
-      if (entries[__length] === 0) isDragging(false);
+      if (entries[CommonFields[5]] === 0) isDragging(false);
       prevent(e);
     };
     var inputRef = createRef();
@@ -100,7 +100,7 @@ var Dropzone = function (_PureComponent) {
         accept: accept,
         multiple: !!multiple,
         onClick: function onClick() {
-          inputRef()[__value] = '';
+          inputRef()[CommonFields[8]] = '';
         },
         onChange: onDrop
       }), children);