react-ui-basics 0.0.158 → 0.0.159

package/FilteredList.js

@@ -1,5 +1,5 @@
+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 {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";
@@ -42,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;
@@ -55,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
@@ -72,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;
       }
@@ -89,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);
@@ -104,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);
@@ -144,7 +144,7 @@ var FilteredList = function (_PureComponent) {
           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'),

package/FloatingActionButton.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/FormUploadProgress.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import React from '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";
@@ -20,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,

package/ImageGallery.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import { createClass as _createClass, classCallCheck as _classCallCheck, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, inherits as _inherits, createSuper as _createSuper, assertThisInitialized as _assertThisInitialized, slicedToArray as _slicedToArray, extends as _extends, 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";
@@ -26,8 +26,8 @@ var previewWidth = previewRatio * previewHeight;
 var previewPadding = 8;
 var previewsHeight = previewHeight + 15;
 var calculatePosition = function calculatePosition(it, ratio, width, height, previewsHeight, embedded, container) {
-  var windowWidth = embedded ? container[__clientWidth] : min(DOCUMENT.body[__clientWidth], WINDOW.innerWidth);
-  var windowHeight = embedded ? container[__clientHeight] : min(DOCUMENT.body[__clientHeight], WINDOW.innerHeight);
+  var windowWidth = embedded ? container[CommonFields[10]] : min(DOCUMENT.body[CommonFields[10]], WINDOW.innerWidth);
+  var windowHeight = embedded ? container[CommonFields[9]] : min(DOCUMENT.body[CommonFields[9]], WINDOW.innerHeight);
   var offset = it.offset;
   if (offset == null) offset = embedded ? 0 : windowHeight * 0.03;
   var offsetTop = it.offsetTop;
@@ -117,7 +117,7 @@ var Actions = _createClass(function Actions() {
 Actions.replaceImages = function (images) {
   return function (dispatch, getState) {
     var state = getState();
-    var length = images[__length];
+    var length = images[CommonFields[5]];
     var nextState = _objectSpread2({}, state);
     nextState.images = images.map(function (item) {
       var image = state.images.find(function (it) {
@@ -127,14 +127,14 @@ Actions.replaceImages = function (images) {
       var it = _objectSpread2({}, item);
       var el = it.el;
       if (el) {
-        var rect = el[__getBoundingClientRect]();
-        var fromWidth = el[__clientWidth];
-        var fromHeight = el[__clientHeight];
-        it.fromLeftPx = toPx(rect[__left]);
-        it.fromTopPx = toPx(rect[__top]);
+        var rect = el[CommonFields[13]]();
+        var fromWidth = el[CommonFields[10]];
+        var fromHeight = el[CommonFields[9]];
+        it.fromLeftPx = toPx(rect[CommonFields[3]]);
+        it.fromTopPx = toPx(rect[CommonFields[2]]);
         it.fromWidthPx = toPx(fromWidth);
         var ratio = fromWidth / fromHeight;
-        calculatePosition(it, ratio, el.naturalWidth || el[__width], el.naturalHeight || el[__height], withPreviews ? previewsHeight : 0, embedded, container);
+        calculatePosition(it, ratio, el.naturalWidth || el[CommonFields[0]], el.naturalHeight || el[CommonFields[1]], withPreviews ? previewsHeight : 0, embedded, container);
       } else {
         it.toLeft = 100;
         it.toTop = 100;
@@ -142,7 +142,7 @@ Actions.replaceImages = function (images) {
       if (!it.toWidth || !it.toHeight || !el) Actions.loadPreview(it)(dispatch);
       return it;
     });
-    nextState.previews[__width] = min(length, 5) * previewWidth + min(length - 1, 4) * previewPadding;
+    nextState.previews[CommonFields[0]] = min(length, 5) * previewWidth + min(length - 1, 4) * previewPadding;
     nextState.previews.totalWidth = toPx(length * previewWidth + (length - 1) * previewPadding);
     nextState.previews.images = nextState.images.map(function (item) {
       var preview = state.previews.images.find(function (it) {
@@ -151,8 +151,8 @@ Actions.replaceImages = function (images) {
       if (preview) return preview;
       var el = item.el;
       if (!el) return {};
-      var width = el[__clientWidth];
-      var height = el[__clientHeight];
+      var width = el[CommonFields[10]];
+      var height = el[CommonFields[9]];
       return calculatePreview(width, height, el.src);
     });
     dispatch({
@@ -164,7 +164,7 @@ Actions.replaceImages = function (images) {
 Actions.show = function (gallery) {
   return function (dispatch) {
     var images = gallery.images;
-    var length = images[__length];
+    var length = images[CommonFields[5]];
     var withPreviews = length > 1 && (gallery.withPreviews === UNDEFINED || !!gallery.withPreviews);
     var container = gallery.container;
     var embedded = gallery.embedded;
@@ -178,14 +178,14 @@ Actions.show = function (gallery) {
         var it = _objectSpread2({}, item);
         var el = it.el;
         if (el) {
-          var rect = el[__getBoundingClientRect]();
-          var fromWidth = el[__clientWidth];
-          var fromHeight = el[__clientHeight];
-          it.fromLeftPx = toPx(rect[__left]);
-          it.fromTopPx = toPx(rect[__top]);
+          var rect = el[CommonFields[13]]();
+          var fromWidth = el[CommonFields[10]];
+          var fromHeight = el[CommonFields[9]];
+          it.fromLeftPx = toPx(rect[CommonFields[3]]);
+          it.fromTopPx = toPx(rect[CommonFields[2]]);
           it.fromWidthPx = toPx(fromWidth);
           var ratio = fromWidth / fromHeight;
-          calculatePosition(it, ratio, el.naturalWidth || el[__width], el.naturalHeight || el[__height], withPreviews ? previewsHeight : 0, embedded, container);
+          calculatePosition(it, ratio, el.naturalWidth || el[CommonFields[0]], el.naturalHeight || el[CommonFields[1]], withPreviews ? previewsHeight : 0, embedded, container);
         } else {
           it.toLeft = 100;
           it.toTop = 100;
@@ -201,8 +201,8 @@ Actions.show = function (gallery) {
         images: images.map(function (it) {
           var el = it.el;
           if (!el) return {};
-          var width = el[__clientWidth];
-          var height = el[__clientHeight];
+          var width = el[CommonFields[10]];
+          var height = el[CommonFields[9]];
           return calculatePreview(width, height, el.src);
         })
       }
@@ -219,7 +219,7 @@ Actions.show = function (gallery) {
         }
       }
     });
-    data.previews.scroll = calculatePreviewsScroll(index, length, data.previews[__width]);
+    data.previews.scroll = calculatePreviewsScroll(index, length, data.previews[CommonFields[0]]);
     dispatch({
       type: ACTION_IMAGE_GALLERY_SHOW,
       data: data
@@ -286,11 +286,11 @@ var reducers = (_reducers = {}, _defineProperty(_reducers, ACTION_IMAGE_GALLERY_
   var result = _objectSpread2(_objectSpread2({}, state), {}, {
     images: images
   });
-  for (var i = 0; i < images[__length]; i++) {
-    if (!images[i][__width] && !images[i].fromWidthPx) continue;
+  for (var i = 0; i < images[CommonFields[5]]; i++) {
+    if (!images[i][CommonFields[0]] && !images[i].fromWidthPx) continue;
     var it = _objectSpread2({}, images[i]);
-    var width = it[__width] || Number.parseInt(it.fromWidthPx);
-    var height = it[__height] || Number.parseInt(it.fromHeightPx);
+    var width = it[CommonFields[0]] || Number.parseInt(it.fromWidthPx);
+    var height = it[CommonFields[1]] || Number.parseInt(it.fromHeightPx);
     calculatePosition(it, width / height, width, height, result.previews.show ? previewsHeight : 0, state.embedded, state.container);
     images[i] = it;
   }
@@ -305,8 +305,8 @@ var reducers = (_reducers = {}, _defineProperty(_reducers, ACTION_IMAGE_GALLERY_
   var index = images.findIndex(function (it) {
     return it.id === item.id;
   });
-  var width = image[__width];
-  var height = image[__height];
+  var width = image[CommonFields[0]];
+  var height = image[CommonFields[1]];
   var it = _objectSpread2(_objectSpread2({}, images[index]), {}, {
     loaded: true,
     width: width,
@@ -326,11 +326,11 @@ var reducers = (_reducers = {}, _defineProperty(_reducers, ACTION_IMAGE_GALLERY_
     return it.id === item.id;
   });
   var it = _objectSpread2({}, images[index]);
-  if (!it.toWidth || !it.toHeight) calculatePosition(it, image[__width] / image[__height], image[__width], image[__height], result.previews.show ? previewsHeight : 0, state.embedded, state.container);
+  if (!it.toWidth || !it.toHeight) calculatePosition(it, image[CommonFields[0]] / image[CommonFields[1]], image[CommonFields[0]], image[CommonFields[1]], result.previews.show ? previewsHeight : 0, state.embedded, state.container);
   images[index] = it;
   var previewImages = _toConsumableArray(state.previews.images);
   result.previews.images = previewImages;
-  var preview = calculatePreview(image[__width], image[__height], image.src);
+  var preview = calculatePreview(image[CommonFields[0]], image[CommonFields[1]], image.src);
   previewImages[index] = preview;
   return result;
 }), _reducers);
@@ -354,7 +354,7 @@ var big = function big(it, index, i, shift, length, previous) {
   if (index !== i) {
     var width = WINDOW.innerWidth;
     var additionalOffset = it.toLeft < 0 ? -it.toLeft : 0;
-    if (i < index) styles[__left] = toPx(it.toLeft - width - additionalOffset + (i + 1 === index ? shift : 0));else styles[__left] = toPx(it.toLeft + width + additionalOffset + (i - 1 === index ? shift : 0));
+    if (i < index) styles[CommonFields[3]] = toPx(it.toLeft - width - additionalOffset + (i + 1 === index ? shift : 0));else styles[CommonFields[3]] = toPx(it.toLeft + width + additionalOffset + (i - 1 === index ? shift : 0));
   }
   return styles;
 };
@@ -388,7 +388,7 @@ var ImageGallery = function (_React$Component) {
       var indexValue = index() !== UNDEFINED ? index() : props().index;
       var image = images[indexValue];
       if (!image) {
-        var i = images[__length] - 1;
+        var i = images[CommonFields[5]] - 1;
         if (i === -1) {
           if (prevProps.images !== images) {
             onClose();
@@ -452,22 +452,22 @@ var ImageGallery = function (_React$Component) {
     var resetZoom = function resetZoom() {
       if (!zoomed()) return;
       zoomed(false);
-      zoomedImage[__style][__width] = defaultWidth;
-      zoomedImage[__style][__left] = defaultLeft;
-      zoomedImage[__style][__top] = defaultTop;
-      zoomedImage[__style].transition = null;
+      zoomedImage[CommonFields[4]][CommonFields[0]] = defaultWidth;
+      zoomedImage[CommonFields[4]][CommonFields[3]] = defaultLeft;
+      zoomedImage[CommonFields[4]][CommonFields[2]] = defaultTop;
+      zoomedImage[CommonFields[4]].transition = null;
       touchpadStarted = null;
     };
     var initZoom = function initZoom() {
       zoomed(true);
-      defaultWidth = zoomedImage[__style][__width];
-      defaultLeft = zoomedImage[__style][__left];
-      defaultTop = zoomedImage[__style][__top];
+      defaultWidth = zoomedImage[CommonFields[4]][CommonFields[0]];
+      defaultLeft = zoomedImage[CommonFields[4]][CommonFields[3]];
+      defaultTop = zoomedImage[CommonFields[4]][CommonFields[2]];
     };
     var initTouchpadDragging = function initTouchpadDragging() {
-      oldLeft = Number.parseFloat(zoomedImage[__style][__left]);
-      oldTop = Number.parseFloat(zoomedImage[__style][__top]);
-      zoomedImage[__style].transition = 'none';
+      oldLeft = Number.parseFloat(zoomedImage[CommonFields[4]][CommonFields[3]]);
+      oldTop = Number.parseFloat(zoomedImage[CommonFields[4]][CommonFields[2]]);
+      zoomedImage[CommonFields[4]].transition = 'none';
       touchpadStarted = true;
     };
     var onWheel = function onWheel(e) {
@@ -479,43 +479,43 @@ var ImageGallery = function (_React$Component) {
       if (e.ctrlKey) {
         var diff = e.deltaY * 0.005;
         var newZoom = Math.min(Math.max(zoomValue + diff, 0.5), 10);
-        var zoomX = e[__pageX];
+        var zoomX = e[CommonFields[6]];
         oldLeft = zoomX - (zoomX - oldLeft) * newZoom / zoomValue;
-        var zoomY = e[__pageY];
+        var zoomY = e[CommonFields[7]];
         oldTop = zoomY - (zoomY - oldTop) * newZoom / zoomValue;
         zoomValue = newZoom;
-        zoomedImage[__style][__width] = zoomValue * 100 + '%';
+        zoomedImage[CommonFields[4]][CommonFields[0]] = zoomValue * 100 + '%';
       } else {
         oldLeft += e.deltaX * 0.5;
         oldTop += e.deltaY * 0.5;
       }
-      zoomedImage[__style][__left] = oldLeft + 'px';
-      zoomedImage[__style][__top] = oldTop + 'px';
+      zoomedImage[CommonFields[4]][CommonFields[3]] = oldLeft + 'px';
+      zoomedImage[CommonFields[4]][CommonFields[2]] = oldTop + 'px';
     };
     var moveListenerAdded;
     var onTouchStart = function onTouchStart(e) {
       e.swipeProcessed = false;
       if (e.button === 2) return;
       var touches = e.touches || [{
-        pageX: e[__pageX],
-        pageY: e[__pageY]
+        pageX: e[CommonFields[6]],
+        pageY: e[CommonFields[7]]
       }];
       zoomedImage = e.target;
       zoomedImage = zoomedImage.tagName.toLowerCase() === 'img' ? zoomedImage.parentElement : zoomedImage;
-      oldLeft = Number.parseFloat(zoomedImage[__style][__left]);
-      oldTop = Number.parseFloat(zoomedImage[__style][__top]);
+      oldLeft = Number.parseFloat(zoomedImage[CommonFields[4]][CommonFields[3]]);
+      oldTop = Number.parseFloat(zoomedImage[CommonFields[4]][CommonFields[2]]);
       if (zoomed()) {
-        zoomedImage[__style].transition = 'none';
+        zoomedImage[CommonFields[4]].transition = 'none';
       }
       if (!moveListenerAdded) {
         addEventListener(_this.gallery, 'touchmove', onTouchMove, false);
         moveListenerAdded = true;
       }
-      if (touches[__length] === 2) {
+      if (touches[CommonFields[5]] === 2) {
         if (zoomed()) zoomValueStarted = zoomValue;else if (!props().embedded) {
           initZoom();
-          zoomedImage[__style].transition = 'none';
-          zoomValueStarted = zoomValue = Number.parseFloat(zoomedImage[__style][__width]) / WINDOW.innerWidth;
+          zoomedImage[CommonFields[4]].transition = 'none';
+          zoomValueStarted = zoomValue = Number.parseFloat(zoomedImage[CommonFields[4]][CommonFields[0]]) / WINDOW.innerWidth;
         }
       }
       touchesStart = touches;
@@ -526,25 +526,25 @@ var ImageGallery = function (_React$Component) {
     var distance = function distance(touches) {
       var a = touches[0];
       var b = touches[1];
-      return Math.sqrt(power2(a[__pageX] - b[__pageX]) + power2(a[__pageY] - b[__pageY]));
+      return Math.sqrt(power2(a[CommonFields[6]] - b[CommonFields[6]]) + power2(a[CommonFields[7]] - b[CommonFields[7]]));
     };
     var center = function center(touches) {
       var a = touches[0];
       var b = touches[1];
       return {
-        x: (a[__pageX] + b[__pageX]) / 2,
-        y: (a[__pageY] + b[__pageY]) / 2
+        x: (a[CommonFields[6]] + b[CommonFields[6]]) / 2,
+        y: (a[CommonFields[7]] + b[CommonFields[7]]) / 2
       };
     };
     var onTouchMove = function onTouchMove(e) {
       if (!touchesStart) return;
       var touches = e.touches || [{
-        pageX: e[__pageX],
-        pageY: e[__pageY]
+        pageX: e[CommonFields[6]],
+        pageY: e[CommonFields[7]]
       }];
       if (zoomed()) {
         preventDefault(e);
-        if (touches[__length] === 2) {
+        if (touches[CommonFields[5]] === 2) {
           var diff = distance(touches) / distance(touchesStart);
           zoomValue = Math.min(Math.max(zoomValueStarted * diff, 0.5), 10);
           var zoomedAt = center(touchesStart);
@@ -552,24 +552,24 @@ var ImageGallery = function (_React$Component) {
           var newLeft = zoomX - (zoomX - oldLeft) * zoomValue / zoomValueStarted;
           var zoomY = zoomedAt.y;
           var newTop = zoomY - (zoomY - oldTop) * zoomValue / zoomValueStarted;
-          zoomedImage[__style][__left] = newLeft + 'px';
-          zoomedImage[__style][__top] = newTop + 'px';
-          zoomedImage[__style][__width] = zoomValue * 100 + '%';
+          zoomedImage[CommonFields[4]][CommonFields[3]] = newLeft + 'px';
+          zoomedImage[CommonFields[4]][CommonFields[2]] = newTop + 'px';
+          zoomedImage[CommonFields[4]][CommonFields[0]] = zoomValue * 100 + '%';
           return;
         } else {
           var _touch = touches[0];
           var _touchStart = touchesStart[0];
-          var _newLeft = oldLeft + _touch[__pageX] - _touchStart[__pageX];
-          var _newTop = oldTop + _touch[__pageY] - _touchStart[__pageY];
-          zoomedImage[__style][__left] = _newLeft + 'px';
-          zoomedImage[__style][__top] = _newTop + 'px';
+          var _newLeft = oldLeft + _touch[CommonFields[6]] - _touchStart[CommonFields[6]];
+          var _newTop = oldTop + _touch[CommonFields[7]] - _touchStart[CommonFields[7]];
+          zoomedImage[CommonFields[4]][CommonFields[3]] = _newLeft + 'px';
+          zoomedImage[CommonFields[4]][CommonFields[2]] = _newTop + 'px';
           return;
         }
       }
-      if (touches[__length] > 1 || zoomed()) return;
+      if (touches[CommonFields[5]] > 1 || zoomed()) return;
       var touch = touches[0];
       var touchStart = touchesStart[0];
-      shift(touch[__pageX] - touchStart[__pageX]);
+      shift(touch[CommonFields[6]] - touchStart[CommonFields[6]]);
     };
     var onTouchEnd = function onTouchEnd(e) {
       if (!touchesStart) return;
@@ -581,13 +581,13 @@ var ImageGallery = function (_React$Component) {
         return;
       }
       var touches = e.changedTouches || [{
-        pageX: e[__pageX],
-        pageY: e[__pageY]
+        pageX: e[CommonFields[6]],
+        pageY: e[CommonFields[7]]
       }];
       var touchEnd = touches[0];
       var touchStart = touchesStart[0];
-      var distX = touchEnd[__pageX] - touchStart[__pageX];
-      var distY = touchEnd[__pageY] - touchStart[__pageY];
+      var distX = touchEnd[CommonFields[6]] - touchStart[CommonFields[6]];
+      var distY = touchEnd[CommonFields[7]] - touchStart[CommonFields[7]];
       touchesStart = UNDEFINED;
       shift(0);
       var minDistance = 20;
@@ -604,14 +604,14 @@ var ImageGallery = function (_React$Component) {
           previews = _props.previews;
       index(i);
       previous(prev);
-      previewScroll(calculatePreviewsScroll(i, previews.images[__length], previews[__width]));
+      previewScroll(calculatePreviewsScroll(i, previews.images[CommonFields[5]], previews[CommonFields[0]]));
     };
     var left = function left(e) {
       if (zoomed()) return;
       preventDefault(e);
       stopPropagation(e);
       var indexValue = index() !== UNDEFINED ? index() : props().index;
-      if (indexValue > 0) scrollTo(indexValue - 1, indexValue);else if (props().loop) scrollTo(props().images[__length] - 1, indexValue);
+      if (indexValue > 0) scrollTo(indexValue - 1, indexValue);else if (props().loop) scrollTo(props().images[CommonFields[5]] - 1, indexValue);
     };
     var right = function right(e) {
       if (zoomed()) return;
@@ -620,10 +620,10 @@ var ImageGallery = function (_React$Component) {
       var _props2 = props(),
           images = _props2.images;
       var indexValue = index() !== UNDEFINED ? index() : props().index;
-      if (indexValue < images[__length] - 1) scrollTo(indexValue + 1, indexValue);else if (props().loop) scrollTo(0, indexValue);
+      if (indexValue < images[CommonFields[5]] - 1) scrollTo(indexValue + 1, indexValue);else if (props().loop) scrollTo(0, indexValue);
     };
     that.scrollTo = scrollTo;
-    that[__left] = left;
+    that[CommonFields[3]] = left;
     that.right = right;
     var animatedRoundButton = function animatedRoundButton(show, className, onClick, icon) {
       return ReactCreateElement(Animated, {
@@ -650,7 +650,7 @@ var ImageGallery = function (_React$Component) {
           _onClick = _props4.onClick,
           children = _props4[__children];
       var indexValue = index() !== UNDEFINED ? index() : props().index;
-      var length = images[__length];
+      var length = images[CommonFields[5]];
       var isZoomed = zoomed();
       var shiftValue = shift() || 0;
       previous();
@@ -688,23 +688,23 @@ var ImageGallery = function (_React$Component) {
           draggable: false,
           onDoubleClick: function onDoubleClick(e) {
             var img = e.target;
-            if (img.naturalWidth === img[__clientWidth] && img.naturalHeight === img[__clientHeight]) return;
+            if (img.naturalWidth === img[CommonFields[10]] && img.naturalHeight === img[CommonFields[9]]) return;
             if (!isZoomed) {
               zoomedImage = img.tagName.toLowerCase() === 'img' ? img.parentElement : img;
               initZoom();
               zoomValue = 2;
               var newWidth = WINDOW.innerWidth * 2;
-              var oldWidth = Number.parseFloat(zoomedImage[__style][__width]);
-              var _oldLeft = Number.parseFloat(zoomedImage[__style][__left]);
-              var zoomX = e[__pageX];
+              var oldWidth = Number.parseFloat(zoomedImage[CommonFields[4]][CommonFields[0]]);
+              var _oldLeft = Number.parseFloat(zoomedImage[CommonFields[4]][CommonFields[3]]);
+              var zoomX = e[CommonFields[6]];
               var diff = newWidth / oldWidth;
               var newLeft = zoomX - (zoomX - _oldLeft) * diff;
-              var _oldTop = Number.parseFloat(zoomedImage[__style][__top]);
-              var zoomY = e[__pageY];
+              var _oldTop = Number.parseFloat(zoomedImage[CommonFields[4]][CommonFields[2]]);
+              var zoomY = e[CommonFields[7]];
               var newTop = zoomY - (zoomY - _oldTop) * diff;
-              zoomedImage[__style][__width] = '200%';
-              zoomedImage[__style][__left] = newLeft + 'px';
-              zoomedImage[__style][__top] = newTop + 'px';
+              zoomedImage[CommonFields[4]][CommonFields[0]] = '200%';
+              zoomedImage[CommonFields[4]][CommonFields[3]] = newLeft + 'px';
+              zoomedImage[CommonFields[4]][CommonFields[2]] = newTop + 'px';
             } else {
               resetZoom();
             }
@@ -738,7 +738,7 @@ var ImageGallery = function (_React$Component) {
       }, ReactCreateElement("div", {
         [__className]: "previews",
         style: {
-          width: previews[__width]
+          width: previews[CommonFields[0]]
         }
       }, ReactCreateElement("div", {
         [__className]: "viewport"
@@ -833,7 +833,7 @@ var ImageGalleryContainer = function (_React$Component2) {
     that[componentDidMount] = function () {
       props()[embedded] && show(props()[embedded]);
       that.scrollTo = galleryRef().scrollTo;
-      that[__left] = galleryRef()[__left];
+      that[CommonFields[3]] = galleryRef()[CommonFields[3]];
       that.right = galleryRef().right;
     };
     that[componentDidUpdate] = function (prevProps, prevState) {

package/MaterialIcon.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/Modal.js

@@ -1,5 +1,5 @@
+import CommonFields from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, slicedToArray as _slicedToArray, 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";
@@ -53,7 +53,7 @@ var Modal = function (_PureComponent) {
       if (!bc || bc(that.close)) that.close(e);
     };
     var shouldClose = function shouldClose(e) {
-      var isSameModal = el()[__style].zIndex == zIndex - 1;
+      var isSameModal = el()[CommonFields[4]].zIndex == zIndex - 1;
       !(e && content().contains(e.target)) && isSameModal && beforeClose(e);
     };
     var addTransitionListener = function addTransitionListener() {
@@ -61,14 +61,14 @@ var Modal = function (_PureComponent) {
       var listener = function listener() {
         removeEventListener(overlay(), transitionend, listener);
         orNoop(isShow() ? props().onOpen : orNoop(props().onClose))();
-        el() && (el()[__style].paddingBottom = isShow() ? '1px' : '0px');
+        el() && (el()[CommonFields[4]].paddingBottom = isShow() ? '1px' : '0px');
       };
       addEventListener(overlay(), transitionend, listener);
     };
     that[render] = function () {
       var _props2 = props(),
           className = _props2[__className],
-          top = _props2[__top],
+          top = _props2[CommonFields[2]],
           _props2$container = _props2.container,
           container = _props2$container === void 0 ? Modal.defaultContainer : _props2$container,
           children = _props2[__children],
@@ -110,7 +110,7 @@ var Modal = function (_PureComponent) {
     };
     var open = that.open = function () {
       if (isShow()) return;
-      el() && (el()[__style].zIndex = zIndex++);
+      el() && (el()[CommonFields[4]].zIndex = zIndex++);
       addTransitionListener();
       isShow(true);
       var listener = function listener(event) {

package/ModalMenu.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";
@@ -30,7 +30,7 @@ var ModalMenu = function (_PureComponent) {
       var filtered = (items || []).filter(function (it) {
         return !!it;
       });
-      if (filtered[__length] === 0) return null;
+      if (filtered[CommonFields[5]] === 0) return null;
       var open = isOpen();
       return ReactCreateElement("div", {
         [__className]: classNames("ModalMenu", 'row', open && 'open')
@@ -41,10 +41,10 @@ var ModalMenu = function (_PureComponent) {
           mounting: 200,
           unmounting: 200,
           mountingDelay: i * 50,
-          unmountingDelay: (filtered[__length] - i - 1) * 50,
+          unmountingDelay: (filtered[CommonFields[5]] - i - 1) * 50,
           styles: {
             mounting: {
-              right: (filtered[__length] - i) * 36 + 5 + (filtered[__length] - i) * 5 + "px"
+              right: (filtered[CommonFields[5]] - i) * 36 + 5 + (filtered[CommonFields[5]] - i) * 5 + "px"
             }
           }
         }, ReactCreateElement(Button, {

package/ReactCreateElement.js

@@ -1,3 +1,4 @@
+import CommonFields from "./CommonFields";
 import React from 'react';
 
 var ReactCreateElement = React.createElement;

package/ReadyListener.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";