react-ui-basics 0.0.160 → 0.0.161

package/DNDDroppable.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} 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 {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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} 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,23 +20,23 @@ 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
@@ -87,14 +86,14 @@ var DialogWrapper = function (_Component) {
       orNoop(props().onAccept || onAcceptState())();
       closeRef()();
     };
-    that[render] = function () {
+    that[ReactConstants[3]] = function () {
       var _props2 = props(),
           top = __top(_props2),
-          className = _props2[__className],
+          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 {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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} 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 {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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} 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,7 +41,7 @@ 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) {
@@ -122,7 +121,7 @@ var DroppableHorizontalList = function (_Component) {
     var reset = function reset(ignoredIndex, transition) {
       list.forEach(function (id, i) {
         if (i !== ignoredIndex) {
-          var s = draggables[id].__style(element);
+          var s = draggables[id].element.style;
           s.transform = '';
           s.transition = transition;
         }
@@ -153,18 +152,18 @@ var DroppableHorizontalList = function (_Component) {
       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;
   }

package/DroppableList.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} 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 DroppableList = 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,7 +41,7 @@ var DroppableList = 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) {
@@ -128,7 +127,7 @@ var DroppableList = function (_Component) {
     var reset = function reset(ignoredIndex, transition) {
       list.forEach(function (id, i) {
         if (i !== ignoredIndex) {
-          var s = draggables[id].__style(element);
+          var s = draggables[id].element.style;
           s.transform = '';
           s.transition = transition;
         }
@@ -159,18 +158,18 @@ var DroppableList = function (_Component) {
       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;
   }

package/Dropzone.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} 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 PropTypes from 'prop-types';
 import ReactCreateElement from './ReactCreateElement.js';
@@ -73,10 +72,10 @@ var Dropzone = function (_PureComponent) {
       prevent(e);
     };
     var inputRef = createRef();
-    that[render] = function () {
+    that[ReactConstants[3]] = function () {
       var _props = props(),
-          children = _props[__children],
-          className = _props[__className],
+          children = _props[ReactConstants[4]],
+          className = _props[ReactConstants[5]],
           disabled = _props.disabled,
           clickable = _props.clickable,
           multiple = _props.multiple,
@@ -84,17 +83,17 @@ var Dropzone = function (_PureComponent) {
           overlayLabel = _props.overlayLabel,
           accept = _props.accept;
       return ReactCreateElement("div", {
-        [__className]: classNames('Dropzone', className, isDragging() && 'dragging'),
+        [ReactConstants[5]]: classNames('Dropzone', className, isDragging() && 'dragging'),
         onDragLeave: !disabled && droppable && onDragLeave || UNDEFINED,
         onDragOver: !disabled && droppable && onDragOver || UNDEFINED,
         onDragEnter: !disabled && droppable && onDragEnter || UNDEFINED,
         onDrop: !disabled && droppable && onDrop || UNDEFINED
       }, overlayLabel && ReactCreateElement("div", {
-        [__className]: "overlay"
+        [ReactConstants[5]]: "overlay"
       }, ReactCreateElement("div", {
-        [__className]: 'drop'
+        [ReactConstants[5]]: 'drop'
       }, overlayLabel)), !disabled && clickable && ReactCreateElement("input", {
-        [__className]: 'file',
+        [ReactConstants[5]]: 'file',
         ref: inputRef,
         type: "file",
         accept: accept,
@@ -116,7 +115,7 @@ Dropzone.defaultProps = {
 };
 if (process.env.NODE_ENV !== 'production') {
   Dropzone.propTypes = {
-    [__className]: PropTypes.string,
+    [ReactConstants[5]]: PropTypes.string,
     overlayLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     clickable: PropTypes.bool,
     droppable: PropTypes.bool,

package/FilteredList.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} 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, objectSpread2 as _objectSpread2 } 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 from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import Scrollable from './Scrollable.js';
@@ -23,7 +22,7 @@ var FilteredList = function (_PureComponent) {
     _this = _super.call(this, _props);
     _this.updateList = function (props) {
       var data = __data(props);
-      var selected = _this.state.selected;
+      var selected = __state(_this).selected;
       _this.list = data || [];
       if (!_this.list.includes(selected)) _this.setState({
         selected: -1
@@ -33,11 +32,11 @@ var FilteredList = function (_PureComponent) {
       _this.setState({
         selected: id
       });
-      _this.props.onSelect(id);
+      __props(_this).onSelect(id);
     };
     _this.selected = function () {
-      var value = _this.state.selected;
-      var selectSingle = _this.props.selectSingle;
+      var value = __state(_this).selected;
+      var selectSingle = __props(_this).selectSingle;
       if (value === -1 || _this.hidden[value]) {
         var filtered = _this.list.filter(function (id) {
           return !_this.hidden[id];
@@ -50,7 +49,7 @@ var FilteredList = function (_PureComponent) {
     };
     _this.next = function () {
       var list = _this.list;
-      var selected = _this.state.selected;
+      var selected = __state(_this).selected;
       var position = list.findIndex(function (id) {
         return selected === id;
       });
@@ -68,7 +67,7 @@ var FilteredList = function (_PureComponent) {
     };
     _this.prev = function () {
       var list = _this.list;
-      var selected = _this.state.selected;
+      var selected = __state(_this).selected;
       var position = list.findIndex(function (id) {
         return selected === id;
       });
@@ -117,29 +116,29 @@ var FilteredList = function (_PureComponent) {
     return _this;
   }
   _createClass(FilteredList, [{
-    key: "componentDidMount",
+    key: [ReactConstants[0]],
     value: function componentDidMount() {
-      orNoop(this.props.nextProvider)(this.next);
-      orNoop(this.props.prevProvider)(this.prev);
-      orNoop(this.props.selectedProvider)(this.selected);
-      orNoop(this.props.resetProvider)(this.reset);
-      this.updateList(this.props);
+      orNoop(__props(this).nextProvider)(this.next);
+      orNoop(__props(this).prevProvider)(this.prev);
+      orNoop(__props(this).selectedProvider)(this.selected);
+      orNoop(__props(this).resetProvider)(this.reset);
+      this.updateList(__props(this));
     }
   }, {
-    key: "componentDidUpdate",
+    key: [ReactConstants[2]],
     value: function componentDidUpdate(prevProps, prevState, snapshot) {
-      if (this.props.data === __data(prevProps)) return;
-      this.updateList(this.props);
+      if (__props(this).data === __data(prevProps)) return;
+      this.updateList(__props(this));
     }
   }, {
-    key: "render",
+    key: [ReactConstants[3]],
     value: function render() {
       var _this2 = this;
-      var _this$props = this.props,
+      var _this$props = __props(this),
           data = __data(_this$props),
           labels = _this$props.labels,
           filter = _this$props.filter,
-          className = _this$props[__className],
+          className = _this$props[ReactConstants[5]],
           selected = _this$props.selected,
           inline = _this$props.inline,
           childComponent = _this$props.childComponent,
@@ -147,7 +146,7 @@ var FilteredList = function (_PureComponent) {
           style = __style(_this$props),
           scroll = _this$props.scroll;
       return ReactCreateElement(Scrollable, {
-        [__className]: classNames('FilteredList', className, inline ? 'inline' : 'popup'),
+        [ReactConstants[5]]: classNames('FilteredList', className, inline ? 'inline' : 'popup'),
         ref: ref('el', this),
         style: style,
         scrollBarMode: scroll
@@ -173,11 +172,11 @@ var FilteredList = function (_PureComponent) {
             });
           },
           onMouseLeave: function onMouseLeave(e) {
-            return id === _this2.state.selected && _this2.setState({
+            return id === __state(_this2).selected && _this2.setState({
               selected: -1
             });
           },
-          [__className]: classNames('child', _this2.state.selected === id && 'active', selected === id || isObject(selected) && selected[id] && 'selected'),
+          [ReactConstants[5]]: classNames('child', __state(_this2).selected === id && 'active', selected === id || isObject(selected) && selected[id] && 'selected'),
           classProvider: function classProvider(it) {
             return (_this2.hidden[id] = !filter(it)) && 'hidden';
           }
@@ -206,10 +205,10 @@ var ItemWrapper = function (_React$Component) {
     return _super2.apply(this, arguments);
   }
   _createClass(ItemWrapper, [{
-    key: "render",
+    key: [ReactConstants[3]],
     value: function render() {
       var _this3 = this;
-      var _this$props2 = this.props,
+      var _this$props2 = __props(this),
           id = _this$props2.id,
           label = _this$props2.label,
           onClick = _this$props2.onClick,
@@ -217,7 +216,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[ReactConstants[5]],
           childComponent = _this$props2.childComponent,
           childProps = _this$props2.childProps;
       var child = React.createElement(childComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
@@ -229,7 +228,7 @@ var ItemWrapper = function (_React$Component) {
       }));
       var cssClass = orNoop(classProvider)(__data(this));
       return ReactCreateElement("div", {
-        [__className]: classNames('ItemWrapper', cssClass, className),
+        [ReactConstants[5]]: classNames('ItemWrapper', cssClass, className),
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
         onMouseDown: onMouseDown,
@@ -238,9 +237,9 @@ var ItemWrapper = function (_React$Component) {
       }, child);
     }
   }, {
-    key: "componentDidMount",
+    key: [ReactConstants[0]],
     value: function componentDidMount() {
-      orNoop(this.props.element)(this.el);
+      orNoop(__props(this).element)(this.el);
       this.forceUpdate();
     }
   }]);

package/FloatingActionButton.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} 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 PropTypes from 'prop-types';
 import Button from './Button.js';
@@ -15,12 +14,12 @@ var FloatingActionButton = function FloatingActionButton(_ref) {
   var icon = _ref.icon,
       onClick = _ref.onClick,
       mini = _ref.mini,
-      className = _ref[__className],
+      className = _ref[ReactConstants[5]],
       hidden = _ref.hidden;
   return ReactCreateElement(Button, {
     onClick: onClick,
     round: true,
-    [__className]: classNames("FloatingActionButton", className, mini && 'mini', hidden && 'hidden')
+    [ReactConstants[5]]: classNames("FloatingActionButton", className, mini && 'mini', hidden && 'hidden')
   }, ReactCreateElement(MaterialIcon, {
     icon: icon
   }));

package/FormUploadProgress.js

@@ -1,10 +1,9 @@
-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, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, target as __target, top as __top, value as __value, width as __width} 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 from '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 Button from './Button.js';
 import Animated from './Animated.js';
@@ -30,17 +29,17 @@ var FormUploadProgress = function FormUploadProgress(_ref) {
   return ReactCreateElement(Animated, {
     value: total > 0
   }, ReactCreateElement("div", {
-    [__className]: "FormUploadProgress"
+    [ReactConstants[5]]: "FormUploadProgress"
   }, ReactCreateElement("div", {
-    [__className]: "wrapper"
+    [ReactConstants[5]]: "wrapper"
   }, ReactCreateElement("div", {
-    [__className]: "progress"
+    [ReactConstants[5]]: "progress"
   }, loaded === total && ReactCreateElement(SpinningProgress, null), loaded !== total && ReactCreateElement(CircleProgress, {
     value: value
   }), ReactCreateElement("div", {
-    [__className]: 'value'
+    [ReactConstants[5]]: 'value'
   }, formatValue(value, loaded, total))), cancel && ReactCreateElement(Button, {
-    [__className]: "cancel",
+    [ReactConstants[5]]: "cancel",
     disabled: loaded === total,
     onClick: function onClick(e) {
       preventDefault(e);