react-ui-basics 0.0.160 → 0.0.161

package/ScrollableTable.js

@@ -1,11 +1,10 @@
-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 { jsx as jsxRuntime_2 } from 'react/jsx-runtime';
 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 Table from './Table.js';
 import Scrollable from './Scrollable.js';
 import { render, props, PureComponent } from './ReactConstants.js';
@@ -17,8 +16,8 @@ var ScrollableTable = /** @class */ (function (_super) {
         var _this = _super.call(this, properties) || this;
         var that = _this;
         var scrollableRef = createRef();
-        that[render] = function () {
-            return jsxRuntime_2("div", __extends({ [__className]: "ScrollableTable" }, { [__children]: jsxRuntime_2(Scrollable, __extends({ ref: scrollableRef }, props(that).scrollableProps, { [__children]: jsxRuntime_2(Table, __extends({}, props(that))) })) }));
+        that[ReactConstants[3]] = function () {
+            return jsxRuntime_2("div", __extends({ [ReactConstants[5]]: "ScrollableTable" }, { [ReactConstants[4]]: jsxRuntime_2(Scrollable, __extends({ ref: scrollableRef }, props(that).scrollableProps, { [ReactConstants[4]]: jsxRuntime_2(Table, __extends({}, props(that))) })) }));
         };
         that.getScrollable = function () { return scrollableRef(); };
         return _this;

package/Size.js

@@ -1,17 +1,16 @@
-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 { isUndefined } from './Tools.js';
 
 var Size = function Size(_ref) {
   var value = __value(_ref);
   return ReactCreateElement("span", {
-    [__className]: "Size"
+    [ReactConstants[5]]: "Size"
   }, formatNumber(value, 1), "\xA0", formatAbbreviation(value));
 };
 var formatNumberWithMaxLength = function formatNumberWithMaxLength(size, fractionalLength, toAbbreviation, maxLength) {

package/Snackbar.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, slicedToArray as _slicedToArray, 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 ReactDOM from 'react-dom';
 import ReactCreateElement from './ReactCreateElement.js';
@@ -28,16 +27,16 @@ var Snackbar = function (_PureComponent) {
         getText = _stateGSs2[1],
         clazzName = _stateGSs2[2];
     var timeout;
-    that[componentWillUnmount] = function () {
+    that[ReactConstants[1]] = function () {
       clearTimeout(timeout);
     };
-    that[render] = function () {
+    that[ReactConstants[3]] = function () {
       var _props = props(that);
       var container = _props.container;
       var el = ReactCreateElement("div", {
-        [__className]: classNames("Snackbar", _props[className], isShow() && shown, clazzName())
+        [ReactConstants[5]]: classNames("Snackbar", _props[ReactConstants[5]], isShow() && shown, clazzName())
       }, ReactCreateElement("div", {
-        [__className]: "message"
+        [ReactConstants[5]]: "message"
       }, getText() || _props.text));
       return container ? ReactDOM.createPortal(el, container) : el;
     };
@@ -63,7 +62,7 @@ var Snackbar = function (_PureComponent) {
 }(PureComponent);
 if (process.env.NODE_ENV !== 'production') {
   Snackbar.propTypes = {
-    [__className]: PropTypes.string,
+    [ReactConstants[5]]: PropTypes.string,
     text: PropTypes.string,
     container: PropTypes.node
   };

package/SpinningProgress.js

@@ -1,20 +1,19 @@
-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';
 
 var SpinningProgress = function SpinningProgress() {
   return ReactCreateElement("div", {
-    [__className]: "SpinningProgress"
+    [ReactConstants[5]]: "SpinningProgress"
   }, ReactCreateElement("svg", {
-    [__className]: "circular",
+    [ReactConstants[5]]: "circular",
     viewBox: "0 0 24 24"
   }, ReactCreateElement("circle", {
-    [__className]: "line",
+    [ReactConstants[5]]: "line",
     cx: "12",
     cy: "12",
     r: "8.75",

package/Switch.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 } 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 { classNames, getRandomId } from './Tools.js';
@@ -19,34 +18,34 @@ var Switch = function (_PureComponent) {
     _classCallCheck(this, Switch);
     _this = _super.call(this, props);
     var randomId = getRandomId('sw-');
-    _this[render] = function () {
-      var _this$props = _this.props,
+    _this[ReactConstants[3]] = function () {
+      var _this$props = __props(_this),
           label = _this$props.label,
-          className = _this$props[__className],
+          className = _this$props[ReactConstants[5]],
           labelOn = _this$props.labelOn,
           labelOff = _this$props.labelOff,
           onChange = _this$props.onChange,
           value = __value(_this$props),
           onClick = _this$props.onClick;
-      var id = _this.props.id || randomId;
+      var id = __props(_this).id || randomId;
       return ReactCreateElement("div", {
-        [__className]: classNames("Switch", className),
+        [ReactConstants[5]]: classNames("Switch", className),
         onClick: onClick
       }, ReactCreateElement("input", {
         type: "checkbox",
         id: id,
-        [__className]: "switch-input",
+        [ReactConstants[5]]: "switch-input",
         onChange: onChange,
         checked: value
       }), ReactCreateElement("label", {
         htmlFor: id,
-        [__className]: "switch-label"
+        [ReactConstants[5]]: "switch-label"
       }, label && ReactCreateElement("span", {
-        [__className]: "label"
+        [ReactConstants[5]]: "label"
       }, label), labelOn && ReactCreateElement("span", {
-        [__className]: "toggle--on"
+        [ReactConstants[5]]: "toggle--on"
       }, labelOn), labelOff && ReactCreateElement("span", {
-        [__className]: "toggle--off"
+        [ReactConstants[5]]: "toggle--off"
       }, labelOff)));
     };
     return _this;
@@ -56,7 +55,7 @@ var Switch = function (_PureComponent) {
 var Switch$1 = Switch;
 if (process.env.NODE_ENV !== 'production') {
   Switch.propTypes = {
-    [__className]: PropTypes.string,
+    [ReactConstants[5]]: PropTypes.string,
     label: PropTypes.string,
     labelOn: PropTypes.string,
     labelOff: PropTypes.string,

package/Table.js

@@ -1,11 +1,10 @@
-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 { jsxs as jsxRuntime_1, jsx as jsxRuntime_2 } from 'react/jsx-runtime';
 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 TextField from './TextField.js';
 import AutocompleteSelect, { MODE_MULTIPLE_MINI, MODE_DEFAULT } from './AutocompleteSelect.js';
@@ -30,7 +29,7 @@ var Table = /** @class */ (function (_super) {
             var hidden = headers().querySelectorAll('.hidden');
             var fixed = headers().querySelectorAll('.fixed');
             for (var i = 0; i < __length(hidden); i++) {
-                fixed[i].style.width = hidden[i].offsetWidth + 'px';
+                __style(fixed[i]).width = hidden[i].offsetWidth + 'px';
             }
         };
         var cancelEditing = function () {
@@ -81,18 +80,18 @@ var Table = /** @class */ (function (_super) {
                 sortBy: sortBy
             }, function () { return setData(__data(state(_this))); });
         };
-        _this[componentDidMount] = function () {
+        _this[ReactConstants[0]] = function () {
             var _a;
             var _b = props(), sortBy = _b.sortBy, _c = _b.sortOrder, sortOrder = _c === void 0 ? SORT_ASC : _c, columns = _b.columns;
             _this.setState({
                 sortBy: sortBy,
                 sortOrder: sortOrder,
                 comparator: (_a = columns.find(function (it) { return it.field === sortBy; })) === null || _a === void 0 ? void 0 : _a.comparator
-            }, function () { return setData(_this.props.data); });
+            }, function () { return setData(__props(_this).data); });
             updateHeaders();
             updateHeadersInterval = setInterval(updateHeaders, 1000);
         };
-        _this[componentDidUpdate] = function (prevProps, prevState, snapshot) {
+        _this[ReactConstants[2]] = function (prevProps, prevState, snapshot) {
             var _a;
             var _b = props(), sortBy = _b.sortBy, sortOrder = _b.sortOrder, columns = _b.columns, data = __data(_b);
             if (sortBy !== prevProps.sortBy || sortOrder !== prevProps.sortOrder) {
@@ -107,15 +106,15 @@ var Table = /** @class */ (function (_super) {
             }
             updateHeaders();
         };
-        _this[render] = function () {
-            var _a = props(), _b = _a.columns, columns = _b === void 0 ? [] : _b, _c = _a.onRowClick, onRowClick = _c === void 0 ? NOOP : _c, disabled = _a.disabled, className = _a[__className], rowClassName = _a.rowClassName, _d = _a.toKey, toKey = _d === void 0 ? getId : _d;
+        _this[ReactConstants[3]] = function () {
+            var _a = props(), _b = _a.columns, columns = _b === void 0 ? [] : _b, _c = _a.onRowClick, onRowClick = _c === void 0 ? NOOP : _c, disabled = _a.disabled, className = _a[ReactConstants[5]], rowClassName = _a.rowClassName, _d = _a.toKey, toKey = _d === void 0 ? getId : _d;
             var _e = state(_this), sortBy = _e.sortBy, sortOrder = _e.sortOrder, _f = __data(_e), data = _f === void 0 ? [] : _f, editing = _e.editing;
-            return (jsxRuntime_1("table", __extends({ [__className]: classNames("Table", className) }, { [__children]: [jsxRuntime_2("thead", { [__children]: jsxRuntime_2("tr", __extends({ ref: headers }, { [__children]: columns.filter(function (it) { return !!it; }).map(function (column, i) {
+            return (jsxRuntime_1("table", __extends({ [ReactConstants[5]]: classNames("Table", className) }, { [ReactConstants[4]]: [jsxRuntime_2("thead", { [ReactConstants[4]]: jsxRuntime_2("tr", __extends({ ref: headers }, { [ReactConstants[4]]: columns.filter(function (it) { return !!it; }).map(function (column, i) {
                                 var sortable = column.sortable || column.sortable == null;
-                                return (jsxRuntime_1("th", __extends({ onClick: function (e) { return sortable && sort(e, column.field, column.comparator); } }, { [__children]: [jsxRuntime_1("div", __extends({ [__className]: classNames('hidden', sortable && 'sortable', sortBy === column.field && 'active') }, { [__children]: [column.header, column.header && sortBy === column.field && sortOrder === SORT_ASC && (jsxRuntime_2(MaterialIcon, { icon: 'keyboard_arrow_up' })), column.header && sortBy === column.field && sortOrder === SORT_DESC && (jsxRuntime_2(MaterialIcon, { icon: 'keyboard_arrow_down' }))] })), jsxRuntime_1("div", __extends({ [__className]: classNames('fixed', sortable && 'sortable', sortBy === column.field && 'active') }, { [__children]: [column.header, column.header && sortBy === column.field && sortOrder === SORT_ASC && (jsxRuntime_2(MaterialIcon, { icon: 'keyboard_arrow_up' })), column.header && sortBy === column.field && sortOrder === SORT_DESC && (jsxRuntime_2(MaterialIcon, { icon: 'keyboard_arrow_down' }))] }))] }), i));
-                            }) })) }), jsxRuntime_2("tbody", { [__children]: data.map(function (item) { return (jsxRuntime_2(Row, { item: item, disabled: disabled, editing: editing && editing.id === toKey(item) ? editing : null, onClick: onRowClick, [__className]: rowClassName, columns: columns, setEditing: setEditing, cancelEditing: cancelEditing, onFinishEditing: onFinishEditing, handleInputChange: handleInputChange, setValue: setValue }, toKey(item))); }) })] })));
+                                return (jsxRuntime_1("th", __extends({ onClick: function (e) { return sortable && sort(e, column.field, column.comparator); } }, { [ReactConstants[4]]: [jsxRuntime_1("div", __extends({ [ReactConstants[5]]: classNames('hidden', sortable && 'sortable', sortBy === column.field && 'active') }, { [ReactConstants[4]]: [column.header, column.header && sortBy === column.field && sortOrder === SORT_ASC && (jsxRuntime_2(MaterialIcon, { icon: 'keyboard_arrow_up' })), column.header && sortBy === column.field && sortOrder === SORT_DESC && (jsxRuntime_2(MaterialIcon, { icon: 'keyboard_arrow_down' }))] })), jsxRuntime_1("div", __extends({ [ReactConstants[5]]: classNames('fixed', sortable && 'sortable', sortBy === column.field && 'active') }, { [ReactConstants[4]]: [column.header, column.header && sortBy === column.field && sortOrder === SORT_ASC && (jsxRuntime_2(MaterialIcon, { icon: 'keyboard_arrow_up' })), column.header && sortBy === column.field && sortOrder === SORT_DESC && (jsxRuntime_2(MaterialIcon, { icon: 'keyboard_arrow_down' }))] }))] }), i));
+                            }) })) }), jsxRuntime_2("tbody", { [ReactConstants[4]]: data.map(function (item) { return (jsxRuntime_2(Row, { item: item, disabled: disabled, editing: editing && editing.id === toKey(item) ? editing : null, onClick: onRowClick, [ReactConstants[5]]: rowClassName, columns: columns, setEditing: setEditing, cancelEditing: cancelEditing, onFinishEditing: onFinishEditing, handleInputChange: handleInputChange, setValue: setValue }, toKey(item))); }) })] })));
         };
-        _this[componentWillUnmount] = function () {
+        _this[ReactConstants[1]] = function () {
             clearInterval(updateHeadersInterval);
         };
         return _this;
@@ -136,12 +135,12 @@ var Row = /** @class */ (function (_super) {
     function Row() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    Row.prototype.render = function () {
-        var _a = this.props, item = _a.item, disabled = _a.disabled, editing = _a.editing, onClick = _a.onClick, className = _a[__className], columns = _a.columns, setEditing = _a.setEditing, cancelEditing = _a.cancelEditing, onFinishEditing = _a.onFinishEditing, handleInputChange = _a.handleInputChange, setValue = _a.setValue;
-        return jsxRuntime_2("tr", __extends({ onClick: function (e) { return onClick(item); }, [__className]: classNames(disabled && disabled(item) && 'disabled', className && (isFunction(className) ? className(item) : className)) }, { [__children]: columns.filter(function (it) { return !!it; }).map(function (column, i) {
+    Row.prototype[ReactConstants[3]] = function () {
+        var _a = __props(this), item = _a.item, disabled = _a.disabled, editing = _a.editing, onClick = _a.onClick, className = _a[ReactConstants[5]], columns = _a.columns, setEditing = _a.setEditing, cancelEditing = _a.cancelEditing, onFinishEditing = _a.onFinishEditing, handleInputChange = _a.handleInputChange, setValue = _a.setValue;
+        return jsxRuntime_2("tr", __extends({ onClick: function (e) { return onClick(item); }, [ReactConstants[5]]: classNames(disabled && disabled(item) && 'disabled', className && (isFunction(className) ? className(item) : className)) }, { [ReactConstants[4]]: columns.filter(function (it) { return !!it; }).map(function (column, i) {
                 var isEditing = editing && editing.columnIndex === i;
                 var editable = isFunction(column.editable) ? column.editable(item) : !!column.editable;
-                return (jsxRuntime_1("td", __extends({ [__className]: classNames(editable ? 'editable' : 'ro', isEditing && 'editing', column[__className]), onClick: !isEditing && editable ? function () { return setEditing(item, i, column.field); } : NOOP }, { [__children]: [(isEditing || column.displayEditor) && !column.editor && (jsxRuntime_2(TextField, { value: column.preEditor ? column.preEditor(__value(editing)) : __value(editing), focused: true, onBlur: cancelEditing, onChange: handleInputChange, onKeyDown: function (e) {
+                return (jsxRuntime_1("td", __extends({ [ReactConstants[5]]: classNames(editable ? 'editable' : 'ro', isEditing && 'editing', column[ReactConstants[5]]), onClick: !isEditing && editable ? function () { return setEditing(item, i, column.field); } : NOOP }, { [ReactConstants[4]]: [(isEditing || column.displayEditor) && !column.editor && (jsxRuntime_2(TextField, { value: column.preEditor ? column.preEditor(__value(editing)) : __value(editing), focused: true, onBlur: cancelEditing, onChange: handleInputChange, onKeyDown: function (e) {
                                 if (e.keyCode === 27 /*escape*/) {
                                     preventDefault(e);
                                     cancelEditing();

package/TextField.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, slicedToArray as _slicedToArray, 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 { classNames, isUndefined, orNoop, addEventListener, getRandomId, createRef, setTimeout } from './Tools.js';
@@ -51,7 +50,7 @@ var TextField = function (_PureComponent) {
       check();
       orNoop(props().onBlur)();
     };
-    that[render] = function () {
+    that[ReactConstants[3]] = function () {
       var _props = props();
       var value = __value(_props),
           name = _props.name,
@@ -68,16 +67,16 @@ var TextField = function (_PureComponent) {
           onMouseUp = _props.onMouseUp,
           autoComplete = _props.autoComplete,
           placeholder = _props.placeholder,
-          className = _props[__className];
+          className = _props[ReactConstants[5]];
       var id = _props.id || randomId;
       var error = errorState();
       return ReactCreateElement("div", {
-        [__className]: classNames('TextField', isFocused() && 'focused', (value || placeholder || isWithValue() && isUndefined(value)) && 'withValue', error && (required || check) && 'errored', disabled && 'disabled', label && 'withLabel', className),
+        [ReactConstants[5]]: classNames('TextField', isFocused() && 'focused', (value || placeholder || isWithValue() && isUndefined(value)) && 'withValue', error && (required || check) && 'errored', disabled && 'disabled', label && 'withLabel', className),
         onClick: function onClick() {
           inputRef().focus();
         }
       }, label && ReactCreateElement("label", {
-        [__className]: classNames(error && !isFocused() && 'shake'),
+        [ReactConstants[5]]: classNames(error && !isFocused() && 'shake'),
         htmlFor: id
       }, label, required && ' *'), ReactCreateElement("input", {
         type: type || 'text',
@@ -98,14 +97,14 @@ var TextField = function (_PureComponent) {
         autoComplete: autoComplete || 'on',
         placeholder: placeholder
       }), ReactCreateElement("div", {
-        [__className]: "border"
+        [ReactConstants[5]]: "border"
       }, ReactCreateElement("div", {
-        [__className]: "line"
+        [ReactConstants[5]]: "line"
       })), error && ReactCreateElement("div", {
-        [__className]: "error"
+        [ReactConstants[5]]: "error"
       }, error));
     };
-    that[componentDidMount] = function () {
+    that[ReactConstants[0]] = function () {
       var _props3 = props(),
           focused = _props3.focused,
           input = _props3.input,
@@ -114,7 +113,7 @@ var TextField = function (_PureComponent) {
       focused && i.focus();
       orNoop(input)(i);
     };
-    that[componentDidUpdate] = function () {
+    that[ReactConstants[2]] = function () {
       if (__value(props()) !== __value(inputRef())) check();
       var _props4 = props(),
           focused = _props4.focused,
@@ -135,7 +134,7 @@ var TextField = function (_PureComponent) {
 if (process.env.NODE_ENV !== 'production') {
   TextField.propTypes = {
     id: PropTypes.string,
-    [__className]: PropTypes.string,
+    [ReactConstants[5]]: PropTypes.string,
     value: PropTypes.string,
     name: PropTypes.string,
     type: PropTypes.string,

package/Tools.js

@@ -1,4 +1,5 @@
-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";
 var global = global || window;
 var WINDOW = global;
 var DOCUMENT = WINDOW.document;

package/_virtual/_commonjsHelpers.js

@@ -1,4 +1,5 @@
-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";
 function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
 }

package/_virtual/_react.js

@@ -1,4 +1,5 @@
-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';
 export { default } from 'react';
 //# sourceMappingURL=_react.js.map

package/_virtual/react-jsx-runtime.development.js

@@ -1,4 +1,5 @@
-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 reactJsxRuntime_development from '../node_modules/react/cjs/react-jsx-runtime.development.js';
 export { default } from '../node_modules/react/cjs/react-jsx-runtime.development.js';
 //# sourceMappingURL=react-jsx-runtime.development.js.map