react-ui-basics 0.0.156 → 0.0.159

package/Animated.js

@@ -1,3 +1,4 @@
+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 {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
@@ -95,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,3 +1,4 @@
+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 {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
@@ -67,7 +68,7 @@ var AutocompleteSelect = function (_PureComponent) {
     _classCallCheck(this, AutocompleteSelect);
     _this = _super.call(this, props);
     _this.initSelected = function (_ref2, _ref3) {
-      var value = _ref2.value,
+      var value = _ref2[CommonFields[8]],
           mode = _ref2.mode,
           allowCustom = _ref2.allowCustom;
       var _ref3$filterValue = _ref3.filterValue,
@@ -123,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) {
@@ -163,7 +164,7 @@ var AutocompleteSelect = function (_PureComponent) {
       orNoop(_this.props.onChange)(Object.values(result.selected));
     };
     _this.onChange = function (event) {
-      var value = event.target.value;
+      var value = event.target[CommonFields[8]];
       _this.setState({
         filterValue: value
       });
@@ -171,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-');
@@ -200,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
             });
@@ -212,7 +213,7 @@ var AutocompleteSelect = function (_PureComponent) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState, snapshot) {
-      if (this.props.value !== prevProps.value) this.initSelected(this.props, this.state);
+      if (this.props[CommonFields[8]] !== prevProps[CommonFields[8]]) this.initSelected(this.props, this.state);
     }
   }, {
     key: "componentWillUnmount",
@@ -236,7 +237,7 @@ var AutocompleteSelect = function (_PureComponent) {
           mode = _this$props3.mode,
           selectedMode = _this$props3.selectedMode,
           prefilter = _this$props3.prefilter,
-          className = _this$props3.className,
+          className = _this$props3[__className],
           scrollToValue = _this$props3.scrollToValue,
           scroll = _this$props3.scroll,
           required = _this$props3.required,
@@ -263,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) {
@@ -327,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, {
@@ -356,8 +357,8 @@ var AutocompleteSelect = function (_PureComponent) {
           id: id,
           label: getLabel(labels, id),
           onClick: setActive
-        })), id !== selectedIds[selectedIds.length - 1] && ', ');
-      })), (isActive || !hasSelected && mode !== MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE || mode === MODE_MULTIPLE_AUTO && selectedIds.length > 1 || mode === MODE_INLINE_MULTIPLE) && ReactCreateElement("div", {
+        })), id !== selectedIds[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, {
@@ -393,8 +394,8 @@ var AutocompleteSelect = function (_PureComponent) {
             _this3.onSelect(_this3.getSelected());
           } else if (keyCode === 8
           ) {
-            if (!filterValue && selectedIds.length !== 0 && isMultipleSelect(mode)) {
-              _this3.remove(selectedIds[selectedIds.length - 1]);
+            if (!filterValue && selectedIds[CommonFields[5]] !== 0 && isMultipleSelect(mode)) {
+              _this3.remove(selectedIds[selectedIds[CommonFields[5]] - 1]);
             }
             _this3.reset();
           } else if (keyCode === 46

package/Button.js

@@ -1,3 +1,4 @@
+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 {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
@@ -18,19 +19,18 @@ var Button = function (_PureComponent) {
     _classCallCheck(this, Button);
     _this = _super.call(this, properties);
     var that = _assertThisInitialized(_this);
-    that.state = {};
     var el = createRef();
     var ripple = createRef();
     var rippleClassName = stateGS(that);
     var onMouseDown = function onMouseDown(e) {
       if (!_this.props.withRipple) return;
-      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,25 +39,25 @@ 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 () {
       var _props = props(that),
-          children = _props.children,
+          children = _props[__children],
           type = _props.type,
-          className = _props.className,
+          className = _props[__className],
           onClick = _props.onClick,
           flat = _props.flat,
           _props$raised = _props.raised,
           raised = _props$raised === void 0 ? !flat : _props$raised,
           round = _props.round,
-          style = _props.style,
+          style = _props[CommonFields[4]],
           disabled = _props.disabled;
       return ReactCreateElement("button", {
         [__className]: classNames('Button', className, disabled && 'disabled', raised && 'raised', flat && 'flat', round && 'round'),

package/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/react-ui-basics/Button.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './Button.css'\nimport {classNames, DOCUMENT, addEventListener, createRef, orNoop} from \"./Tools\";\nimport PropTypes from \"prop-types\";\nimport {PureComponent, render, stateGS, props} from \"./ReactConstants\";\n\nclass Button extends PureComponent {\n    constructor(properties) {\n        super(properties);\n\n        const that = this;\n        that.state = {};\n\n        const el = createRef();\n        const ripple = createRef();\n\n        const rippleClassName = stateGS(that);\n\n        const onMouseDown = (e) => {\n            if (!this.props.withRipple) return;\n\n            const rect = el().getBoundingClientRect();\n            const rippleElement = ripple();\n            const style = rippleElement.style;\n            const body = DOCUMENT.body;\n\n            style.height = style.width = Math.max(rect.width, rect.height) + 'px';\n            style.top = (e.pageY - rect.top - rippleElement.offsetHeight / 2 - body.scrollTop) + 'px';\n            style.left = (e.pageX - rect.left - rippleElement.offsetWidth / 2 - body.scrollLeft) + 'px';\n\n            rippleClassName('show');\n\n            addEventListener(rippleElement, 'animationend', () => {\n                rippleClassName('showed');\n            });\n        };\n\n        const onFocus = e => {\n            orNoop(props(that).onFocus)(e)\n            if (rippleClassName() === 'show')\n                return\n\n            const rect = el().getBoundingClientRect();\n            const style = ripple().style;\n\n            let size = Math.max(rect.width, rect.height) * 0.8\n            style.height = style.width = size + 'px';\n            style.top = (rect.height / 2 - size / 2) + 'px';\n            style.left = (rect.width / 2 - size / 2) + 'px';\n\n            rippleClassName('focused');\n        }\n\n        that[render] = () => {\n            const {children, type, className, onClick, flat, raised = !flat, round, style, disabled} = props(that);\n            return (\n                <button className={classNames('Button',\n                    className,\n                    disabled && 'disabled',\n                    raised && 'raised',\n                    flat && 'flat',\n                    round && 'round')\n                }\n                        onFocus={onFocus}\n                        disabled={disabled}\n                        style={style}\n                        type={type}\n                        onClick={onClick}\n                        onMouseDown={onMouseDown}\n                        ref={el}>\n                    {children}\n                    <span className={classNames(`ripple`, rippleClassName())} ref={ripple}/>\n                </button>\n            );\n        }\n    }\n}\n\nif (window.isNotProductionEnvironment) {\n    Button.propTypes = {\n        flat: PropTypes.bool,\n        raised: PropTypes.bool,\n        round: PropTypes.bool,\n        disabled: PropTypes.bool,\n        withRipple: PropTypes.bool,\n        type: PropTypes.oneOf(['button', 'submit', 'reset']),\n        className: PropTypes.string,\n        onClick: PropTypes.func,\n        onFocus: PropTypes.func,\n        style: PropTypes.object,\n    };\n}\n\nButton.defaultProps = {\n    type: 'button',\n    withRipple: true,\n};\n\nexport default Button;"],"names":["Button","properties","that","state","el","createRef","ripple","rippleClassName","stateGS","onMouseDown","e","props","withRipple","rect","getBoundingClientRect","rippleElement","style","body","DOCUMENT","height","width","Math","max","top","pageY","offsetHeight","scrollTop","left","pageX","offsetWidth","scrollLeft","addEventListener","onFocus","orNoop","size","render","children","type","className","onClick","flat","raised","round","disabled","classNames","PureComponent","window","isNotProductionEnvironment","propTypes","PropTypes","bool","oneOf","string","func","object","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/react-ui-basics/Button.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './Button.css'\nimport {classNames, DOCUMENT, addEventListener, createRef, orNoop} from \"./Tools\";\nimport PropTypes from \"prop-types\";\nimport {PureComponent, render, stateGS, props} from \"./ReactConstants\";\n\nclass Button extends PureComponent {\n    constructor(properties) {\n        super(properties);\n\n        const that = this;\n        const el = createRef();\n        const ripple = createRef();\n\n        const rippleClassName = stateGS(that);\n\n        const onMouseDown = (e) => {\n            if (!this.props.withRipple) return;\n\n            const rect = el().getBoundingClientRect();\n            const rippleElement = ripple();\n            const style = rippleElement.style;\n            const body = DOCUMENT.body;\n\n            style.height = style.width = Math.max(rect.width, rect.height) + 'px';\n            style.top = (e.pageY - rect.top - rippleElement.offsetHeight / 2 - body.scrollTop) + 'px';\n            style.left = (e.pageX - rect.left - rippleElement.offsetWidth / 2 - body.scrollLeft) + 'px';\n\n            rippleClassName('show');\n\n            addEventListener(rippleElement, 'animationend', () => {\n                rippleClassName('showed');\n            });\n        };\n\n        const onFocus = e => {\n            orNoop(props(that).onFocus)(e)\n            if (rippleClassName() === 'show')\n                return\n\n            const rect = el().getBoundingClientRect();\n            const style = ripple().style;\n\n            let size = Math.max(rect.width, rect.height) * 0.8\n            style.height = style.width = size + 'px';\n            style.top = (rect.height / 2 - size / 2) + 'px';\n            style.left = (rect.width / 2 - size / 2) + 'px';\n\n            rippleClassName('focused');\n        }\n\n        that[render] = () => {\n            const {children, type, className, onClick, flat, raised = !flat, round, style, disabled} = props(that);\n            return (\n                <button className={classNames('Button',\n                    className,\n                    disabled && 'disabled',\n                    raised && 'raised',\n                    flat && 'flat',\n                    round && 'round')\n                }\n                        onFocus={onFocus}\n                        disabled={disabled}\n                        style={style}\n                        type={type}\n                        onClick={onClick}\n                        onMouseDown={onMouseDown}\n                        ref={el}>\n                    {children}\n                    <span className={classNames(`ripple`, rippleClassName())} ref={ripple}/>\n                </button>\n            );\n        }\n    }\n}\n\nif (window.isNotProductionEnvironment) {\n    Button.propTypes = {\n        flat: PropTypes.bool,\n        raised: PropTypes.bool,\n        round: PropTypes.bool,\n        disabled: PropTypes.bool,\n        withRipple: PropTypes.bool,\n        type: PropTypes.oneOf(['button', 'submit', 'reset']),\n        className: PropTypes.string,\n        onClick: PropTypes.func,\n        onFocus: PropTypes.func,\n        style: PropTypes.object,\n    };\n}\n\nButton.defaultProps = {\n    type: 'button',\n    withRipple: true,\n};\n\nexport default Button;"],"names":["Button","properties","that","el","createRef","ripple","rippleClassName","stateGS","onMouseDown","e","props","withRipple","rect","getBoundingClientRect","rippleElement","style","body","DOCUMENT","height","width","Math","max","top","pageY","offsetHeight","scrollTop","left","pageX","offsetWidth","scrollLeft","addEventListener","onFocus","orNoop","size","render","children","type","className","onClick","flat","raised","round","disabled","classNames","PureComponent","window","isNotProductionEnvironment","propTypes","PropTypes","bool","oneOf","string","func","object","defaultProps"],"mappings":"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"}

package/Checkbox.js

@@ -1,3 +1,4 @@
+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 {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
@@ -24,8 +25,8 @@ var Checkbox = function (_PureComponent) {
           label = _props.label,
           name = _props.name,
           onChange = _props.onChange,
-          value = _props.value,
-          className = _props.className,
+          value = _props[CommonFields[8]],
+          className = _props[__className],
           disabled = _props.disabled;
       var id = props().id || randomId;
       return ReactCreateElement("div", {

package/CircleProgress.js

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

package/CommonFields.js

@@ -0,0 +1,18 @@
+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];
+
+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

@@ -0,0 +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'\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,3 +1,4 @@
+import CommonFields from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
@@ -38,19 +39,19 @@ var DNDContainer = function (_Component) {
         var container = _this.container;
         _this.data = item.props.data;
         _this.draggable = item;
-        _this.scrollOffsetX = e.pageX - e.clientX;
-        _this.scrollOffsetY = e.pageY - e.clientY;
+        _this.scrollOffsetX = 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) {
@@ -60,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({
@@ -102,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 () {
@@ -115,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];
@@ -130,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();
         });
@@ -144,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
         });
@@ -153,9 +154,9 @@ var DNDContainer = function (_Component) {
       item.isHover = function (e, draggable) {
         var bounds = item.bounds;
         if (!bounds) return;
-        var y = e.pageY - _this.scrollOffsetY;
-        var x = e.pageX - _this.scrollOffsetX;
-        var hover = bounds.left <= x && bounds.right >= x && bounds.top <= y && bounds.bottom >= y;
+        var y = 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
@@ -192,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({
@@ -223,8 +224,8 @@ var DNDContainer = function (_Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          children = _this$props.children,
-          className = _this$props.className;
+          children = _this$props[__children],
+          className = _this$props[__className];
       var draggable = this.state.draggable;
       return ReactCreateElement("div", {
         [__className]: classNames('DNDContainer', className),
@@ -257,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,3 +1,4 @@
+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 {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";

package/DNDDroppable.js

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

package/Dialog.js

@@ -1,3 +1,4 @@
+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 {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
@@ -28,7 +29,7 @@ var Dialog = function (_PureComponent) {
           cancel = _this$props.cancel,
           onAccept = _this$props.onAccept,
           onCancel = _this$props.onCancel,
-          children = _this$props.children;
+          children = _this$props[__children];
       return ReactCreateElement("div", {
         [__className]: "Dialog"
       }, title && ReactCreateElement("div", {
@@ -88,8 +89,8 @@ var DialogWrapper = function (_Component) {
     };
     that[render] = function () {
       var _props2 = props(),
-          top = _props2.top,
-          className = _props2.className,
+          top = _props2[CommonFields[2]],
+          className = _props2[__className],
           other = _objectWithoutProperties(_props2, _excluded);
       return ReactCreateElement(Modal, {
         top: top,

package/DropFileInput.js

@@ -1,3 +1,4 @@
+import CommonFields from "./CommonFields";
 import 'react';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";

package/DroppableHorizontalList.js

@@ -1,3 +1,4 @@
+import CommonFields from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
@@ -47,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;
@@ -88,16 +89,16 @@ var DroppableHorizontalList = function (_Component) {
       });
     };
     var onHover = function onHover(e, draggable) {
-      var offset = e.pageX - that.scrollOffsetX;
-      var transformLeft = 'translateX(' + draggable.width + 'px)';
-      var transformRight = 'translateX(-' + draggable.width + 'px)';
+      var offset = 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 = '';
           }
@@ -105,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;
         }
@@ -144,17 +145,17 @@ 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');
     };
     that[render] = function () {
       var _props = props$1();
-      var className = _props.className,
+      var className = _props[__className],
           initializer = _props.initializer;
       return ReactCreateElement(DNDDroppable, {
         [__className]: classNames('DroppableList', className, resetting() && 'resetting'),