react-ui-basics 0.0.150 → 0.0.153

package/Animated.js

@@ -1,4 +1,7 @@
 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 {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
+import {className as __className} from "./ReactConstants";
+import {children as __children} from "./ReactConstants";
 import React from 'react';
 import PropTypes from 'prop-types';
 import { setOf, clearTimeout, allPropsExcept, classNames, requestAnimationFrame, setTimeout } from './Tools.js';

package/AutocompleteSelect.js

@@ -1,4 +1,7 @@
 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 {extends as __extends} 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 PropTypes from 'prop-types';
@@ -24,7 +27,7 @@ var DummyChild = function DummyChild(_ref) {
       onClick = _ref.onClick;
   orNoop(dataConsumer)(label || id);
   return ReactCreateElement("div", {
-    className: "DummyChild",
+    [__className]: "DummyChild",
     onClick: onClick
   }, label || id);
 };
@@ -285,10 +288,10 @@ var AutocompleteSelect = function (_PureComponent) {
       var filterFunction = this.createFilter(prefilter, filterValue, filterValueTrimmed.toLowerCase(), filter);
       return ReactCreateElement("div", {
         id: id,
-        className: classNames('AutocompleteSelect', mode, isMultipleSelect(mode) && 'multi', className, withFilter ? 'withFilter' : 'withoutFilter', isActive && 'active', errored && 'errored', inlineSelected && 'inlineSelected', hasSelected && 'hasSelected'),
+        [__className]: classNames('AutocompleteSelect', mode, isMultipleSelect(mode) && 'multi', className, withFilter ? 'withFilter' : 'withoutFilter', isActive && 'active', errored && 'errored', inlineSelected && 'inlineSelected', hasSelected && 'hasSelected'),
         ref: ref('el', this)
       }, label && ReactCreateElement("label", {
-        className: classNames("label", (hasSelected || filterValue) && 'active', hasSelected && 'hasSelected'),
+        [__className]: classNames("label", (hasSelected || filterValue) && 'active', hasSelected && 'hasSelected'),
         htmlFor: 'f-' + id,
         onClick: function onClick() {
           if (mode === MODE_MULTIPLE_MINI_INLINE || !isActive) {
@@ -296,20 +299,20 @@ var AutocompleteSelect = function (_PureComponent) {
           }
         }
       }, label, required && ' *', withArrow && ReactCreateElement("span", {
-        className: "arrow"
+        [__className]: "arrow"
       })), (!isActive || mode === MODE_MULTIPLE || mode === MODE_INLINE_MULTIPLE || mode === MODE_MULTIPLE_MINI_INLINE || mode === MODE_MULTIPLE_AUTO || !withFilter) && !inlineSelected && hasSelected && ReactCreateElement("div", {
-        className: classNames('selected', !label && 'nolabel', (mode === MODE_MULTIPLE_MINI || mode === MODE_MINI || mode === MODE_MULTIPLE_MINI_INLINE) && 'clickable', selectedMode),
+        [__className]: classNames('selected', !label && 'nolabel', (mode === MODE_MULTIPLE_MINI || mode === MODE_MINI || mode === MODE_MULTIPLE_MINI_INLINE) && 'clickable', selectedMode),
         onClick: toggle
       }, selectedMode === 'full' && selectedIds.map(function (id) {
         return ReactCreateElement("div", {
-          className: "value",
+          [__className]: "value",
           key: id
         }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
           id: id,
           label: getLabel(labels, id),
           onClick: setActive
         })), ReactCreateElement("div", {
-          className: "button remove",
+          [__className]: "button remove",
           onClick: function onClick(e) {
             stopPropagation(e);
             _this3.remove(id);
@@ -324,21 +327,21 @@ var AutocompleteSelect = function (_PureComponent) {
           onClick: setActive
         })), id !== selectedIds[selectedIds.length - 1] && ', ');
       }), !label && withArrow && ReactCreateElement("span", {
-        className: "arrow"
+        [__className]: "arrow"
       }), withReset && ReactCreateElement(Button, {
-        className: "reset",
+        [__className]: "reset",
         raised: false,
         onClick: this.clean
       }, removeIcon)), inlineSelected && hasSelected && ReactCreateElement(React.Fragment, null, selectedMode === 'full' && selectedIds.map(function (id) {
         return ReactCreateElement("div", {
-          className: "value",
+          [__className]: "value",
           key: id
         }, React.createElement(selectedComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
           id: id,
           label: getLabel(labels, id),
           onClick: setActive
         })), ReactCreateElement("div", {
-          className: "button remove",
+          [__className]: "button remove",
           onClick: function onClick(e) {
             stopPropagation(e);
             _this3.remove(id);
@@ -353,7 +356,7 @@ var AutocompleteSelect = function (_PureComponent) {
           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", {
-        className: "input",
+        [__className]: "input",
         "data-value": filterValue
       }, withFilter && ReactCreateElement(TextField, {
         autoComplete: "new-password",
@@ -406,7 +409,7 @@ var AutocompleteSelect = function (_PureComponent) {
           }
         }
       }), !withFilter && inputLabel && ReactCreateElement("label", null, inputLabel)), ReactCreateElement(FilteredList, {
-        className: classNames(isActive && 'visible'),
+        [__className]: classNames(isActive && 'visible'),
         ref: ref('list', this),
         filter: filterFunction,
         selectSingle: !allowCustom,

package/Button.js

@@ -1,4 +1,7 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
+import {className as __className} from "./ReactConstants";
+import {children as __children} from "./ReactConstants";
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { classNames, createRef, DOCUMENT, addEventListener, orNoop } from './Tools.js';
@@ -55,7 +58,7 @@ var Button = function (_PureComponent) {
           style = _props.style,
           disabled = _props.disabled;
       return ReactCreateElement("button", {
-        className: classNames('Button', className, disabled && 'disabled', raised && 'raised', flat && 'flat', round && 'round'),
+        [__className]: classNames('Button', className, disabled && 'disabled', raised && 'raised', flat && 'flat', round && 'round'),
         onFocus: onFocus,
         disabled: disabled,
         style: style,
@@ -64,7 +67,7 @@ var Button = function (_PureComponent) {
         onMouseDown: onMouseDown,
         ref: el
       }, children, ReactCreateElement("span", {
-        className: classNames("ripple", rippleClassName()),
+        [__className]: classNames("ripple", rippleClassName()),
         ref: ripple
       }));
     };
@@ -80,7 +83,7 @@ if (process.env.NODE_ENV !== 'production') {
     disabled: PropTypes.bool,
     withRipple: PropTypes.bool,
     type: PropTypes.oneOf(['button', 'submit', 'reset']),
-    className: PropTypes.string,
+    [__className]: PropTypes.string,
     onClick: PropTypes.func,
     onFocus: PropTypes.func,
     style: PropTypes.object

package/Checkbox.js

@@ -1,4 +1,7 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
+import {className as __className} from "./ReactConstants";
+import {children as __children} from "./ReactConstants";
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { classNames, getRandomId } from './Tools.js';
@@ -24,7 +27,7 @@ var Checkbox = function (_PureComponent) {
           disabled = _props.disabled;
       var id = props().id || randomId;
       return ReactCreateElement("div", {
-        className: classNames("Checkbox", className)
+        [__className]: classNames("Checkbox", className)
       }, ReactCreateElement("input", {
         name: name,
         id: id,
@@ -45,7 +48,7 @@ if (process.env.NODE_ENV !== 'production') {
     onChange: PropTypes.func.isRequired,
     value: PropTypes.bool,
     disabled: PropTypes.bool,
-    className: PropTypes.string,
+    [__className]: PropTypes.string,
     label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     name: PropTypes.string,
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])

package/CircleProgress.js

@@ -1,4 +1,7 @@
 import 'react';
+import {extends as __extends} 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';
 
@@ -11,11 +14,11 @@ var CircleProgress = function CircleProgress(_ref) {
   var value = _ref.value;
   value = Number.parseFloat(value);
   return ReactCreateElement("div", {
-    className: "CircleProgress"
+    [__className]: "CircleProgress"
   }, ReactCreateElement("svg", {
     viewBox: "0 0 24 24"
   }, ReactCreateElement("path", {
-    className: "line",
+    [__className]: "line",
     style: {
       strokeDashoffset: dashoffset(Number.isFinite(value) ? value : 0),
       strokeDasharray: length

package/DNDContainer.js

@@ -1,4 +1,7 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
+import {className as __className} from "./ReactConstants";
+import {children as __children} from "./ReactConstants";
 import { Component } from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { setTimeout, clearTimeout, preventDefault, addEventListener, orNoop, NOOP, removeEventListener, WINDOW, DOCUMENT, requestAnimationFrame, classNames, ref } from './Tools.js';
@@ -222,10 +225,10 @@ var DNDContainer = function (_Component) {
           className = _this$props.className;
       var draggable = this.state.draggable;
       return ReactCreateElement("div", {
-        className: classNames('DNDContainer', className),
+        [__className]: classNames('DNDContainer', className),
         ref: ref('container', this)
       }, children, ReactCreateElement("div", {
-        className: "overlay"
+        [__className]: "overlay"
       }, draggable));
     }
   }, {

package/DNDDraggable.js

@@ -1,4 +1,7 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
+import {className as __className} from "./ReactConstants";
+import {children as __children} from "./ReactConstants";
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { orNoop, classNames, ref } from './Tools.js';
@@ -34,7 +37,7 @@ var Draggable = function (_PureComponent) {
       var _state = state(that),
           _props = props(that);
       return ReactCreateElement("div", {
-        className: classNames('Draggable', _props[className], _state[dragged] && dragged, _state[placeholder] && placeholder, _state[hover] && hover),
+        [__className]: classNames('Draggable', _props[className], _state[dragged] && dragged, _state[placeholder] && placeholder, _state[hover] && hover),
         onClick: _props.onClick,
         ref: ref('element', that)
       }, _props[handle], _props[children]);

package/DNDDroppable.js

@@ -1,4 +1,7 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import {extends as __extends} 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';
@@ -31,7 +34,7 @@ var Droppable = function (_PureComponent) {
       var _props = props(that),
           _state = state(that);
       return ReactCreateElement("div", {
-        className: classNames('Droppable', _props[className], _state[hover] && hover, _state[allow] && allow),
+        [__className]: classNames('Droppable', _props[className], _state[hover] && hover, _state[allow] && allow),
         onDragOver: function onDragOver(e) {
           preventDefault(e);
           stopPropagation(e);

package/Dialog.js

@@ -1,4 +1,7 @@
 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 {extends as __extends} 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';
@@ -25,13 +28,13 @@ var Dialog = function (_PureComponent) {
           onCancel = _this$props.onCancel,
           children = _this$props.children;
       return ReactCreateElement("div", {
-        className: "Dialog"
+        [__className]: "Dialog"
       }, title && ReactCreateElement("div", {
-        className: "title"
+        [__className]: "title"
       }, title), description && ReactCreateElement("div", {
-        className: "description"
+        [__className]: "description"
       }, description), children, ReactCreateElement("div", {
-        className: "row right"
+        [__className]: "row right"
       }, cancel && ReactCreateElement(Button, {
         flat: true,
         onClick: onCancel
@@ -88,7 +91,7 @@ var DialogWrapper = function (_Component) {
           other = _objectWithoutProperties(_props2, _excluded);
       return ReactCreateElement(Modal, {
         top: top,
-        className: classNames('DialogModal', className),
+        [__className]: classNames('DialogModal', className),
         open: openRef,
         close: closeRef,
         onClose: onCancel
@@ -155,7 +158,7 @@ if (process.env.NODE_ENV !== 'production') {
     cancel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     onAccept: PropTypes.func,
     onCancel: PropTypes.func,
-    className: PropTypes.string,
+    [__className]: PropTypes.string,
     top: PropTypes.number
   };
 }

package/DropFileInput.js

@@ -1,4 +1,7 @@
 import 'react';
+import {extends as __extends} 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';
@@ -13,14 +16,14 @@ var DropFileInput = function DropFileInput(_ref) {
       multiple = _ref.multiple,
       accept = _ref.accept;
   return ReactCreateElement("section", {
-    className: "DropFileInput"
+    [__className]: "DropFileInput"
   }, ReactCreateElement(Dropzone, {
     droppable: droppable,
     onDrop: onDrop,
     accept: accept,
     multiple: multiple
   }, ReactCreateElement(MaterialIcon, {
-    className: classNames("icon", label && 'withText'),
+    [__className]: classNames("icon", label && 'withText'),
     icon: icon
   }), label && ReactCreateElement("div", null, label)));
 };

package/DroppableHorizontalList.js

@@ -1,4 +1,7 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import {extends as __extends} 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';
@@ -152,7 +155,7 @@ var DroppableHorizontalList = function (_Component) {
       var className = _props.className,
           initializer = _props.initializer;
       return ReactCreateElement(DNDDroppable, {
-        className: classNames('DroppableList', className, resetting() && 'resetting'),
+        [__className]: classNames('DroppableList', className, resetting() && 'resetting'),
         initializer: initializer,
         onHover: onHover,
         onDragStart: onDragStart,

package/DroppableList.js

@@ -1,4 +1,7 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import {extends as __extends} 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';
@@ -158,7 +161,7 @@ var DroppableList = function (_Component) {
       var className = _props.className,
           initializer = _props.initializer;
       return ReactCreateElement(DNDDroppable, {
-        className: classNames('DroppableList', className, resetting() && 'resetting'),
+        [__className]: classNames('DroppableList', className, resetting() && 'resetting'),
         initializer: initializer,
         onHover: onHover,
         onDragStart: onDragStart,

package/Dropzone.js

@@ -1,4 +1,7 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import {extends as __extends} 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';
@@ -78,17 +81,17 @@ var Dropzone = function (_PureComponent) {
           overlayLabel = _props.overlayLabel,
           accept = _props.accept;
       return ReactCreateElement("div", {
-        className: classNames('Dropzone', className, isDragging() && 'dragging'),
+        [__className]: 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"
+        [__className]: "overlay"
       }, ReactCreateElement("div", {
-        className: 'drop'
+        [__className]: 'drop'
       }, overlayLabel)), !disabled && clickable && ReactCreateElement("input", {
-        className: 'file',
+        [__className]: 'file',
         ref: inputRef,
         type: "file",
         accept: accept,
@@ -110,7 +113,7 @@ Dropzone.defaultProps = {
 };
 if (process.env.NODE_ENV !== 'production') {
   Dropzone.propTypes = {
-    className: PropTypes.string,
+    [__className]: PropTypes.string,
     overlayLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     clickable: PropTypes.bool,
     droppable: PropTypes.bool,

package/FilteredList.js

@@ -1,4 +1,7 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass, objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.js';
+import {extends as __extends} 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';
@@ -141,7 +144,7 @@ var FilteredList = function (_PureComponent) {
           style = _this$props.style,
           scroll = _this$props.scroll;
       return ReactCreateElement(Scrollable, {
-        className: classNames('FilteredList', className, inline ? 'inline' : 'popup'),
+        [__className]: classNames('FilteredList', className, inline ? 'inline' : 'popup'),
         ref: ref('el', this),
         style: style,
         scrollBarMode: scroll
@@ -171,7 +174,7 @@ var FilteredList = function (_PureComponent) {
               selected: -1
             });
           },
-          className: classNames('child', _this2.state.selected === id && 'active', selected === id || isObject(selected) && selected[id] && 'selected'),
+          [__className]: classNames('child', _this2.state.selected === id && 'active', selected === id || isObject(selected) && selected[id] && 'selected'),
           classProvider: function classProvider(it) {
             return (_this2.hidden[id] = !filter(it)) && 'hidden';
           }
@@ -223,7 +226,7 @@ var ItemWrapper = function (_React$Component) {
       }));
       var cssClass = orNoop(classProvider)(this.data);
       return ReactCreateElement("div", {
-        className: classNames('ItemWrapper', cssClass, className),
+        [__className]: classNames('ItemWrapper', cssClass, className),
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
         onMouseDown: onMouseDown,

package/FloatingActionButton.js

@@ -1,4 +1,7 @@
 import 'react';
+import {extends as __extends} 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';
@@ -14,7 +17,7 @@ var FloatingActionButton = function FloatingActionButton(_ref) {
   return ReactCreateElement(Button, {
     onClick: onClick,
     round: true,
-    className: classNames("FloatingActionButton", className, mini && 'mini', hidden && 'hidden')
+    [__className]: classNames("FloatingActionButton", className, mini && 'mini', hidden && 'hidden')
   }, ReactCreateElement(MaterialIcon, {
     icon: icon
   }));

package/FormUploadProgress.js

@@ -1,4 +1,7 @@
 import React from 'react';
+import {extends as __extends} 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';
@@ -24,17 +27,17 @@ var FormUploadProgress = function FormUploadProgress(_ref) {
   return ReactCreateElement(Animated, {
     value: total > 0
   }, ReactCreateElement("div", {
-    className: "FormUploadProgress"
+    [__className]: "FormUploadProgress"
   }, ReactCreateElement("div", {
-    className: "wrapper"
+    [__className]: "wrapper"
   }, ReactCreateElement("div", {
-    className: "progress"
+    [__className]: "progress"
   }, loaded === total && ReactCreateElement(SpinningProgress, null), loaded !== total && ReactCreateElement(CircleProgress, {
     value: value
   }), ReactCreateElement("div", {
-    className: 'value'
+    [__className]: 'value'
   }, formatValue(value, loaded, total))), cancel && ReactCreateElement(Button, {
-    className: "cancel",
+    [__className]: "cancel",
     disabled: loaded === total,
     onClick: function onClick(e) {
       preventDefault(e);

package/ImageGallery.js

@@ -1,4 +1,7 @@
 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 {extends as __extends} 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 Animated from './Animated.js';
@@ -623,7 +626,7 @@ var ImageGallery = function (_React$Component) {
       return ReactCreateElement(Animated, {
         value: show
       }, ReactCreateElement(Button, {
-        className: className,
+        [__className]: className,
         onClick: onClick,
         round: true
       }, ReactCreateElement(MaterialIcon, {
@@ -651,7 +654,7 @@ var ImageGallery = function (_React$Component) {
       return ReactCreateElement(Animated, {
         value: open
       }, ReactCreateElement("div", {
-        className: classNames('ImageGallery', embedded && 'embedded', isZoomed && 'zoomed'),
+        [__className]: classNames('ImageGallery', embedded && 'embedded', isZoomed && 'zoomed'),
         tabIndex: 0,
         ref: function ref(it) {
           return (that.gallery = it) && !embedded && it.focus();
@@ -707,7 +710,7 @@ var ImageGallery = function (_React$Component) {
             !e.swipeProcessed && orNoop(_onClick)(e, it, i);
           },
           key: i,
-          className: classNames('image', touchesStart && 'dragging', isZoomedCurrent && 'zoomed', i === indexValue && 'current')
+          [__className]: classNames('image', touchesStart && 'dragging', isZoomedCurrent && 'zoomed', i === indexValue && 'current')
         }, ReactCreateElement("img", {
           draggable: false,
           src: loaded ? it.url : it.previewUrl,
@@ -715,29 +718,29 @@ var ImageGallery = function (_React$Component) {
         }), ReactCreateElement(Animated, {
           value: !loaded && Math.abs(indexValue - i) <= 1
         }, ReactCreateElement("div", {
-          className: 'spinner'
+          [__className]: 'spinner'
         }, ReactCreateElement(SpinningProgress, null))), !embedded && animatedRoundButton(open && !isZoomedCurrent, 'close', onClose, 'close'), ReactCreateElement(Animated, {
           value: loaded && !isZoomedCurrent
         }, ReactCreateElement("div", {
-          className: "counter"
+          [__className]: "counter"
         }, indexValue + 1, " / ", length)), !isZoomedCurrent && loaded && it.overlay));
       }), animatedRoundButton(open && length > 1 && (indexValue > 0 || loop) && !isZoomed, 'arrow left', left, 'chevron_left'), animatedRoundButton(open && length > 1 && (indexValue !== length - 1 || loop) && !isZoomed, 'arrow right', right, 'chevron_right'), ReactCreateElement(Animated, {
         value: open && length > 1 && !isZoomed
       }, ReactCreateElement("div", {
-        className: "counter"
+        [__className]: "counter"
       }, indexValue + 1, " / ", length)), indicator && ReactCreateElement(Animated, {
         value: open && length > 1 && !isZoomed
       }, indicator(indexValue, length)), ReactCreateElement(Animated, {
         value: open && previews.show && !isZoomed
       }, ReactCreateElement("div", {
-        className: "previews",
+        [__className]: "previews",
         style: {
           width: previews.width
         }
       }, ReactCreateElement("div", {
-        className: "viewport"
+        [__className]: "viewport"
       }, ReactCreateElement("div", {
-        className: "container",
+        [__className]: "container",
         style: {
           width: previews.totalWidth,
           left: toPx(previewScroll() || previews.scroll)
@@ -745,7 +748,7 @@ var ImageGallery = function (_React$Component) {
       }, (previews.images || []).map(function (it, i) {
         return ReactCreateElement("div", {
           key: i,
-          className: classNames('preview', indexValue === i && 'selected'),
+          [__className]: classNames('preview', indexValue === i && 'selected'),
           onClick: function onClick() {
             return scrollTo(i, indexValue);
           }
@@ -753,9 +756,9 @@ var ImageGallery = function (_React$Component) {
           src: it.url,
           style: it
         }), ReactCreateElement("div", {
-          className: "border"
+          [__className]: "border"
         }, ReactCreateElement("div", {
-          className: "line"
+          [__className]: "line"
         })));
       }))), animatedRoundButton(indexValue > 0 || loop, 'arrow left', left, 'keyboard_arrow_left'), animatedRoundButton(indexValue !== length - 1 || loop, 'arrow right', right, 'keyboard_arrow_right'))), children));
     };