react-ui-basics 0.0.159 → 0.0.162

package/CommonFields.js

@@ -1,18 +1,25 @@
-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');
+var state = createAccessor('state');
+var props = createAccessor('props');
 
-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, props, scrollLeft, scrollTop, state, style, target, top, value, width };
 //# sourceMappingURL=CommonFields.js.map

package/DNDContainer.js

@@ -1,10 +1,9 @@
-import CommonFields from "./CommonFields";
+import ReactConstants from "./ReactConstants";
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
-import {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import { Component } from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { setTimeout, clearTimeout, preventDefault, addEventListener, orNoop, NOOP, removeEventListener, WINDOW, DOCUMENT, requestAnimationFrame, classNames, ref } from './Tools.js';
@@ -31,27 +30,27 @@ var DNDContainer = function (_Component) {
     _classCallCheck(this, DNDContainer);
     _this = _super.call(this, props);
     _this.draggableInitializer = function (item) {
-      var handle = item.props.handle;
+      var handle = __props(item).handle;
       var draggableElement = handle && item.element.childNodes[0] || item.element;
       draggableElement.draggable = true;
       var dragStartListener = function dragStartListener(e) {
         clearSelection();
         var container = _this.container;
-        _this.data = item.props.data;
+        _this.data = __props(item).data;
         _this.draggable = item;
-        _this.scrollOffsetX = 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 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 itemOffset = item.element.getBoundingClientRect();
+        item.width = __width(itemOffset);
+        item.height = __height(itemOffset);
+        var clone = orNoop(__props(item).copy)(function (it) {
+          var style = it.element.style;
+          var offsetLeft = totalOffsetLeft(container) + (e.clientX - __left(itemOffset));
+          var offsetTop = totalOffsetTop(container) + (e.clientY - __top(itemOffset));
           _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 (__pageX(e) === 0) return;
+            style.transform = 'translate(' + (__pageX(e) - offsetLeft) + 'px, ' + (__pageY(e) - offsetTop) + 'px)';
           };
           requestAnimationFrame(function () {
             if (dataTransfer && !dataTransfer.setDragImage) {
@@ -61,10 +60,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 +102,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 +115,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 +130,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,30 +141,30 @@ 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(__props(item).onDrop)(__data(_this));
       }, false);
       item.onDragStart = function (e, draggable) {
-        item.bounds = item.element[CommonFields[13]]();
+        item.bounds = item.element.getBoundingClientRect();
         item.setState({
           allow: true
         });
-        orNoop(item.props.onDragStart)(e, draggable);
+        orNoop(__props(item).onDragStart)(e, draggable);
       };
       item.isHover = function (e, draggable) {
         var bounds = item.bounds;
         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;
-        hover && orNoop(item.props.onHover)(e, draggable);
-        if (hover) !item.state.hover && item.setState({
+        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(__props(item).onHover)(e, draggable);
+        if (hover) !__state(item).hover && item.setState({
           hover: hover
-        });else item.state.hover && item.setState({
+        });else __state(item).hover && item.setState({
           hover: hover
         });
       };
       item.dropIfHover = function () {
-        _this.data && item.state.hover && orNoop(item.props.onDrop)(_this.data);
+        __data(_this) && __state(item).hover && orNoop(__props(item).onDrop)(__data(_this));
       };
       item.onDragEnd = function () {
         orNoop(orNoop(_this.draggable).onDragEnd)();
@@ -193,11 +192,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({
@@ -208,7 +207,7 @@ var DNDContainer = function (_Component) {
       });
       _this[droppables].forEach(function (it) {
         it.onDragEnd();
-        orNoop(it.props.onDragEnd)(_this.draggable);
+        orNoop(__props(it).onDragEnd)(_this.draggable);
       });
       _this.data = null;
       _this.draggable = null;
@@ -221,23 +220,23 @@ var DNDContainer = function (_Component) {
     return _this;
   }
   _createClass(DNDContainer, [{
-    key: "render",
+    key: [ReactConstants[3]],
     value: function render() {
-      var _this$props = this.props,
-          children = _this$props[__children],
-          className = _this$props[__className];
-      var draggable = this.state.draggable;
+      var _this$props = __props(this),
+          children = _this$props[ReactConstants[4]],
+          className = _this$props[ReactConstants[5]];
+      var draggable = __state(this).draggable;
       return ReactCreateElement("div", {
-        [__className]: classNames('DNDContainer', className),
+        [ReactConstants[5]]: classNames('DNDContainer', className),
         ref: ref('container', this)
       }, children, ReactCreateElement("div", {
-        [__className]: "overlay"
+        [ReactConstants[5]]: "overlay"
       }, draggable));
     }
   }, {
-    key: "componentDidMount",
+    key: [ReactConstants[0]],
     value: function componentDidMount() {
-      var _this$props2 = this.props,
+      var _this$props2 = __props(this),
           provideDraggableInitializer = _this$props2.provideDraggableInitializer,
           provideDroppableInitializer = _this$props2.provideDroppableInitializer;
       orNoop(provideDraggableInitializer)(this.draggableInitializer);
@@ -258,10 +257,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,10 +1,9 @@
-import CommonFields from "./CommonFields";
+import ReactConstants from "./ReactConstants";
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
-import {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { orNoop, classNames, ref } from './Tools.js';
@@ -27,23 +26,23 @@ var Draggable = function (_PureComponent) {
     _this = _super.call(this, properties);
     var that = _assertThisInitialized(_this);
     that.state = {};
-    that[componentDidUpdate] = function (prevProps) {
+    that[ReactConstants[2]] = function (prevProps) {
       if (prevProps[handle] !== props(that)[handle] || prevProps[initializer] !== props(that)[initializer]) init(that);
     };
-    that[componentDidMount] = function () {
+    that[ReactConstants[0]] = function () {
       init(that);
     };
-    that[componentWillUnmount] = function () {
+    that[ReactConstants[1]] = function () {
       orNoop(that.onUnmount)();
     };
-    that[render] = function () {
+    that[ReactConstants[3]] = function () {
       var _state = state(that),
           _props = props(that);
       return ReactCreateElement("div", {
-        [__className]: classNames('Draggable', _props[className], _state[dragged] && dragged, _state[placeholder] && placeholder, _state[hover] && hover),
-        onClick: _props.onClick,
+        [ReactConstants[5]]: classNames('Draggable', _props[ReactConstants[5]], _state[dragged] && dragged, _state[placeholder] && placeholder, _state[hover] && hover),
+        [ReactConstants[6]]: _props[ReactConstants[6]],
         ref: ref('element', that)
-      }, _props[handle], _props[children]);
+      }, _props[handle], _props[ReactConstants[4]]);
     };
     return _this;
   }

package/DNDDroppable.js

@@ -1,10 +1,9 @@
-import CommonFields from "./CommonFields";
+import ReactConstants from "./ReactConstants";
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
-import {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { orNoop, classNames, preventDefault, stopPropagation, ref } from './Tools.js';
@@ -24,26 +23,26 @@ var Droppable = function (_PureComponent) {
     _classCallCheck(this, Droppable);
     _this = _super.call(this, properties);
     var that = _assertThisInitialized(_this);
-    that[componentDidUpdate] = function (prevProps) {
+    that[ReactConstants[2]] = function (prevProps) {
       if (prevProps[initializer] !== props(that)[initializer]) init(that);
     };
-    that[componentDidMount] = function () {
+    that[ReactConstants[0]] = function () {
       init(that);
     };
-    that[componentWillUnmount] = function () {
+    that[ReactConstants[1]] = function () {
       orNoop(that.onUnmount)();
     };
-    that[render] = function () {
+    that[ReactConstants[3]] = function () {
       var _props = props(that),
           _state = state(that);
       return ReactCreateElement("div", {
-        [__className]: classNames('Droppable', _props[className], _state[hover] && hover, _state[allow] && allow),
+        [ReactConstants[5]]: classNames('Droppable', _props[ReactConstants[5]], _state[hover] && hover, _state[allow] && allow),
         onDragOver: function onDragOver(e) {
           preventDefault(e);
           stopPropagation(e);
         },
         ref: ref('element', that)
-      }, _props[children]);
+      }, _props[ReactConstants[4]]);
     };
     return _this;
   }

package/Dialog.js

@@ -1,10 +1,9 @@
-import CommonFields from "./CommonFields";
+import ReactConstants from "./ReactConstants";
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, 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";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
-import {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import { Component } from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import Button from './Button.js';
@@ -13,7 +12,7 @@ import { classNames, UNDEFINED, isUndefined, orNoop, createRef, preventDefault }
 import { render, stateGSs, componentDidMount, PureComponent, propsGetter } from './ReactConstants.js';
 import PropTypes from 'prop-types';
 
-var _excluded = ["top", "className"];
+var _excluded = ["top", [ReactConstants[5]]];
 var Dialog = function (_PureComponent) {
   _inherits(Dialog, _PureComponent);
   var _super = _createSuper(Dialog);
@@ -21,29 +20,29 @@ var Dialog = function (_PureComponent) {
     var _this;
     _classCallCheck(this, Dialog);
     _this = _super.call(this, properties);
-    _this[render] = function () {
-      var _this$props = _this.props,
+    _this[ReactConstants[3]] = function () {
+      var _this$props = __props(_this),
           title = _this$props.title,
           description = _this$props.description,
           accept = _this$props.accept,
           cancel = _this$props.cancel,
           onAccept = _this$props.onAccept,
           onCancel = _this$props.onCancel,
-          children = _this$props[__children];
+          children = _this$props[ReactConstants[4]];
       return ReactCreateElement("div", {
-        [__className]: "Dialog"
+        [ReactConstants[5]]: "Dialog"
       }, title && ReactCreateElement("div", {
-        [__className]: "title"
+        [ReactConstants[5]]: "title"
       }, title), description && ReactCreateElement("div", {
-        [__className]: "description"
+        [ReactConstants[5]]: "description"
       }, description), children, ReactCreateElement("div", {
-        [__className]: "row right"
+        [ReactConstants[5]]: "row right"
       }, cancel && ReactCreateElement(Button, {
         flat: true,
-        onClick: onCancel
+        [ReactConstants[6]]: onCancel
       }, cancel), accept && ReactCreateElement(Button, {
         flat: true,
-        onClick: onAccept
+        [ReactConstants[6]]: onAccept
       }, accept)));
     };
     return _this;
@@ -87,14 +86,14 @@ var DialogWrapper = function (_Component) {
       orNoop(props().onAccept || onAcceptState())();
       closeRef()();
     };
-    that[render] = function () {
+    that[ReactConstants[3]] = function () {
       var _props2 = props(),
-          top = _props2[CommonFields[2]],
-          className = _props2[__className],
+          top = __top(_props2),
+          className = _props2[ReactConstants[5]],
           other = _objectWithoutProperties(_props2, _excluded);
       return ReactCreateElement(Modal, {
         top: top,
-        [__className]: classNames('DialogModal', className),
+        [ReactConstants[5]]: classNames('DialogModal', className),
         open: openRef,
         close: closeRef,
         onClose: onCancel
@@ -142,7 +141,7 @@ var DialogWrapper = function (_Component) {
       }
       openRef()();
     };
-    that[componentDidMount] = function () {
+    that[ReactConstants[0]] = function () {
       var _props = props();
       orNoop(_props.open)(that.open);
       orNoop(_props.close)(closeRef());
@@ -161,7 +160,7 @@ if (process.env.NODE_ENV !== 'production') {
     cancel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     onAccept: PropTypes.func,
     onCancel: PropTypes.func,
-    [__className]: PropTypes.string,
+    [ReactConstants[5]]: PropTypes.string,
     top: PropTypes.number
   };
 }

package/DropFileInput.js

@@ -1,10 +1,9 @@
-import CommonFields from "./CommonFields";
+import ReactConstants from "./ReactConstants";
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
 import 'react';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
-import {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import ReactCreateElement from './ReactCreateElement.js';
 import Dropzone from './Dropzone.js';
 import PropTypes from 'prop-types';
@@ -19,14 +18,14 @@ var DropFileInput = function DropFileInput(_ref) {
       multiple = _ref.multiple,
       accept = _ref.accept;
   return ReactCreateElement("section", {
-    [__className]: "DropFileInput"
+    [ReactConstants[5]]: "DropFileInput"
   }, ReactCreateElement(Dropzone, {
     droppable: droppable,
     onDrop: onDrop,
     accept: accept,
     multiple: multiple
   }, ReactCreateElement(MaterialIcon, {
-    [__className]: classNames("icon", label && 'withText'),
+    [ReactConstants[5]]: classNames("icon", label && 'withText'),
     icon: icon
   }), label && ReactCreateElement("div", null, label)));
 };

package/DroppableHorizontalList.js

@@ -1,10 +1,9 @@
-import CommonFields from "./CommonFields";
+import ReactConstants from "./ReactConstants";
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
-import {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import React, { Component } from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import DNDDroppable from './DNDDroppable.js';
@@ -28,13 +27,13 @@ var DroppableHorizontalList = function (_Component) {
     var list;
     var init = function init() {
       list = [];
-      React.Children.forEach(props$1()[children], function (child) {
+      React.Children.forEach(props$1()[ReactConstants[4]], function (child) {
         child && child.type === DNDDraggable && list.push(props(child).id);
       });
     };
     init();
-    that[componentDidUpdate] = function (prevProps) {
-      if (prevProps[children] !== props$1()[children]) {
+    that[ReactConstants[2]] = function (prevProps) {
+      if (prevProps[ReactConstants[4]] !== props$1()[ReactConstants[4]]) {
         init();
       }
     };
@@ -42,20 +41,20 @@ var DroppableHorizontalList = function (_Component) {
     var dragging;
     var oldIndex;
     var newIndex;
-    that[componentDidMount] = function () {
+    that[ReactConstants[0]] = function () {
       var inTransition = false;
       orNoop(props$1().provideDraggableEnhancer)(function (initializer) {
         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 +88,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 +105,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].element.style;
           s.transform = '';
           s.transition = transition;
         }
@@ -145,26 +144,26 @@ 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');
     };
-    that[render] = function () {
+    that[ReactConstants[3]] = function () {
       var _props = props$1();
-      var className = _props[__className],
+      var className = _props[ReactConstants[5]],
           initializer = _props.initializer;
       return ReactCreateElement(DNDDroppable, {
-        [__className]: classNames('DroppableList', className, resetting() && 'resetting'),
+        [ReactConstants[5]]: classNames('DroppableList', className, resetting() && 'resetting'),
         initializer: initializer,
         onHover: onHover,
         onDragStart: onDragStart,
         onDragEnd: onDragEnd,
         onDrop: onDrop
-      }, _props[children]);
+      }, _props[ReactConstants[4]]);
     };
     return _this;
   }