react-ui-basics 0.0.156 → 0.0.159

package/DroppableList.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 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;
@@ -92,16 +93,16 @@ var DroppableList = function (_Component) {
       });
     };
     var onHover = function onHover(e, draggable) {
-      var y = e.pageY - that.scrollOffsetY - that.scrollDiff;
-      var transformUp = 'translateY(' + draggable.height + 'px)';
-      var transformDown = 'translateY(-' + draggable.height + 'px)';
+      var y = 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 = '';
           }
@@ -109,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;
         }
@@ -150,17 +151,17 @@ 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');
     };
     that[render] = function () {
       var _props = props$1();
-      var className = _props.className,
+      var className = _props[__className],
           initializer = _props.initializer;
       return ReactCreateElement(DNDDroppable, {
         [__className]: classNames('DroppableList', className, resetting() && 'resetting'),

package/Dropzone.js

@@ -1,3 +1,4 @@
+import 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";
@@ -13,7 +14,7 @@ import { stateGS, render, propsGetter, PureComponent } from './ReactConstants.js
 var toArray = function toArray(o) {
   if (o instanceof Array) return o;
   var l = [];
-  for (var i = 0; i < o.length; i++) {
+  for (var i = 0; i < o[CommonFields[5]]; i++) {
     l.push(o[i]);
   }
   return l;
@@ -68,14 +69,14 @@ 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();
     that[render] = function () {
       var _props = props(),
-          children = _props.children,
-          className = _props.className,
+          children = _props[__children],
+          className = _props[__className],
           disabled = _props.disabled,
           clickable = _props.clickable,
           multiple = _props.multiple,
@@ -99,7 +100,7 @@ var Dropzone = function (_PureComponent) {
         accept: accept,
         multiple: !!multiple,
         onClick: function onClick() {
-          inputRef().value = '';
+          inputRef()[CommonFields[8]] = '';
         },
         onChange: onDrop
       }), children);

package/FilteredList.js

@@ -1,3 +1,4 @@
+import CommonFields from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.js';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
@@ -41,7 +42,7 @@ var FilteredList = function (_PureComponent) {
         var filtered = _this.list.filter(function (id) {
           return !_this.hidden[id];
         });
-        if (selectSingle && filtered.length === 1) return filtered[0];
+        if (selectSingle && filtered[CommonFields[5]] === 1) return filtered[0];
         return null;
       } else {
         return value;
@@ -54,10 +55,10 @@ var FilteredList = function (_PureComponent) {
         return selected === id;
       });
       if (_this.hidden[list[position]]) position = -1;
-      while (++position < list.length) {
+      while (++position < list[CommonFields[5]]) {
         if (!_this.hidden[list[position]]) break;
       }
-      if (position < list.length) {
+      if (position < list[CommonFields[5]]) {
         var id = list[position];
         _this.setState({
           selected: id
@@ -71,7 +72,7 @@ var FilteredList = function (_PureComponent) {
       var position = list.findIndex(function (id) {
         return selected === id;
       });
-      if (_this.hidden[list[position]]) position = list.length;
+      if (_this.hidden[list[position]]) position = list[CommonFields[5]];
       while (--position >= 0) {
         if (!_this.hidden[list[position]]) break;
       }
@@ -88,9 +89,9 @@ var FilteredList = function (_PureComponent) {
       var container = _this.el;
       var scrollTop = container.getScroll();
       var height = container.getHeight();
-      var isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + child.clientHeight;
+      var isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + child[CommonFields[9]];
       if (!isVisible) {
-        var scrollToBottom = child.offsetTop + child.clientHeight - height;
+        var scrollToBottom = child.offsetTop + child[CommonFields[9]] - height;
         var scrollToTop = child.offsetTop;
         if (Math.abs(scrollTop - scrollToTop) < Math.abs(scrollTop - scrollToBottom)) {
           container.setScroll(scrollToTop);
@@ -103,7 +104,7 @@ var FilteredList = function (_PureComponent) {
       _this.setState({
         selected: -1
       });
-      _this.el.scrollTop = 0;
+      _this.el[CommonFields[11]] = 0;
     };
     _this.scrollTo = function (id) {
       return _this.el.setScroll(_this.elements[id] && _this.elements[id].offsetTop);
@@ -138,12 +139,12 @@ var FilteredList = function (_PureComponent) {
           data = _this$props.data,
           labels = _this$props.labels,
           filter = _this$props.filter,
-          className = _this$props.className,
+          className = _this$props[__className],
           selected = _this$props.selected,
           inline = _this$props.inline,
           childComponent = _this$props.childComponent,
           childProps = _this$props.childProps,
-          style = _this$props.style,
+          style = _this$props[CommonFields[4]],
           scroll = _this$props.scroll;
       return ReactCreateElement(Scrollable, {
         [__className]: classNames('FilteredList', className, inline ? 'inline' : 'popup'),
@@ -216,7 +217,7 @@ var ItemWrapper = function (_React$Component) {
           onMouseEnter = _this$props2.onMouseEnter,
           onMouseLeave = _this$props2.onMouseLeave,
           classProvider = _this$props2.classProvider,
-          className = _this$props2.className,
+          className = _this$props2[__className],
           childComponent = _this$props2.childComponent,
           childProps = _this$props2.childProps;
       var child = React.createElement(childComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {

package/FloatingActionButton.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";
@@ -14,7 +15,7 @@ var FloatingActionButton = function FloatingActionButton(_ref) {
   var icon = _ref.icon,
       onClick = _ref.onClick,
       mini = _ref.mini,
-      className = _ref.className,
+      className = _ref[__className],
       hidden = _ref.hidden;
   return ReactCreateElement(Button, {
     onClick: onClick,

package/FormUploadProgress.js

@@ -1,3 +1,4 @@
+import CommonFields from "./CommonFields";
 import React from 'react';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
@@ -19,7 +20,7 @@ var defaultValueFormat = function defaultValueFormat(value, loaded, total) {
   return ReactCreateElement(React.Fragment, null, formatNumberWithMaxLength(loaded, 1, abbreviation, 4), "/", formatNumberWithMaxLength(total, 1, abbreviation, 4), ReactCreateElement("br", null), abbreviation);
 };
 var FormUploadProgress = function FormUploadProgress(_ref) {
-  var value = _ref.value,
+  var value = _ref[CommonFields[8]],
       cancel = _ref.cancel,
       loaded = _ref.loaded,
       total = _ref.total,