react-ui-basics 0.0.157 → 0.0.158

package/Scrollable.js

@@ -1,4 +1,5 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
@@ -83,14 +84,14 @@ var Scrollable = function (_PureComponent) {
         var offsetWidth = offsetWidthOf(viewport);
         var scrollbarHeight = offsetHeightOf(scrollbar);
         var scrollbarWidth = offsetWidthOf(scrollbarH);
-        var position = viewport.scrollTop / (scrollHeight - offsetHeight);
-        var positionH = viewport.scrollLeft / (scrollWidth - offsetWidth);
+        var position = viewport[__scrollTop] / (scrollHeight - offsetHeight);
+        var positionH = viewport[__scrollLeft] / (scrollWidth - offsetWidth);
         if (position > 1) {
-          viewport.scrollTop = scrollHeight - offsetHeight;
+          viewport[__scrollTop] = scrollHeight - offsetHeight;
           position = 1;
         }
-        styleOf(thumb).top = position * (scrollbarHeight - offsetHeightOf(thumb)) + 'px';
-        styleOf(thumbH).left = positionH * (scrollbarWidth - offsetWidthOf(thumbH)) + 'px';
+        styleOf(thumb)[__top] = position * (scrollbarHeight - offsetHeightOf(thumb)) + 'px';
+        styleOf(thumbH)[__left] = positionH * (scrollbarWidth - offsetWidthOf(thumbH)) + 'px';
         if (position >= 0.98) {
           !scrolledToBottom && orNoop(props().onScrolledToBottom)();
           scrolledToBottom = true;
@@ -108,16 +109,16 @@ var Scrollable = function (_PureComponent) {
       var reset = function reset() {
         removeEventListener(WINDOW, 'mouseup', reset);
         removeEventListener(WINDOW, 'mousemove', moveListener);
-        viewport.style.scrollBehavior = '';
+        viewport[__style].scrollBehavior = '';
         scrolling = false;
       };
       var moveListener = function moveListener(e) {
         if (!scrolling) return;
         if (scrolling === 'v') {
-          viewport.scrollTop += (e.clientY - lastY) * ratio;
+          viewport[__scrollTop] += (e.clientY - lastY) * ratio;
           lastY = e.clientY;
         } else if (scrolling === 'h') {
-          viewport.scrollLeft += (e.clientX - lastX) * ratioH;
+          viewport[__scrollLeft] += (e.clientX - lastX) * ratioH;
           lastX = e.clientX;
         }
       };
@@ -125,7 +126,7 @@ var Scrollable = function (_PureComponent) {
         lastY = e.clientY;
         scrolling = 'v';
         ratio = scrollHeightOf(viewport) / offsetHeightOf(viewport);
-        viewport.style.scrollBehavior = 'unset';
+        viewport[__style].scrollBehavior = 'unset';
         addEventListener(WINDOW, 'mouseup', reset);
         addEventListener(WINDOW, 'mousemove', moveListener);
       };
@@ -135,7 +136,7 @@ var Scrollable = function (_PureComponent) {
         lastX = e.clientX;
         scrolling = 'h';
         ratioH = scrollWidthOf(viewport) / offsetWidthOf(viewport);
-        viewport.style.scrollBehavior = 'unset';
+        viewport[__style].scrollBehavior = 'unset';
         addEventListener(WINDOW, 'mouseup', reset);
         addEventListener(WINDOW, 'mousemove', moveListener);
       };
@@ -143,37 +144,37 @@ var Scrollable = function (_PureComponent) {
       thumbH.onmouseup = reset;
       scrollbar.onclick = function (e) {
         if (e.target === scrollbar) {
-          var thumbPosition = parseInt(styleOf(thumb).top);
-          viewport.scrollTop += offsetHeightOf(viewport) * 0.9 * (e.offsetY < thumbPosition ? -1 : 1);
+          var thumbPosition = parseInt(styleOf(thumb)[__top]);
+          viewport[__scrollTop] += offsetHeightOf(viewport) * 0.9 * (e.offsetY < thumbPosition ? -1 : 1);
         }
       };
       scrollbarH.onclick = function (e) {
         if (e.target === scrollbarH) {
-          var thumbPosition = parseInt(styleOf(thumbH).left);
-          viewport.scrollLeft += offsetWidthOf(viewport) * 0.9 * (e.offsetX < thumbPosition ? -1 : 1);
+          var thumbPosition = parseInt(styleOf(thumbH)[__left]);
+          viewport[__scrollLeft] += offsetWidthOf(viewport) * 0.9 * (e.offsetX < thumbPosition ? -1 : 1);
         }
       };
       var adjustScrollWidth = function adjustScrollWidth() {
         if (NATIVE_SCROLL_WIDTH < 0) {
-          NATIVE_SCROLL_WIDTH = viewport.offsetWidth - viewport.clientWidth;
+          NATIVE_SCROLL_WIDTH = viewport.offsetWidth - viewport[__clientWidth];
           if (NATIVE_SCROLL_WIDTH === 0 && scrollHeightOf(viewport) !== offsetHeightOf(viewport)) {
             NATIVE_SCROLL_WIDTH = -1;
           }
         }
         if (NATIVE_SCROLL_HEIGHT < 0) {
-          NATIVE_SCROLL_HEIGHT = viewport.offsetHeight - viewport.clientHeight;
+          NATIVE_SCROLL_HEIGHT = viewport.offsetHeight - viewport[__clientHeight];
           if (NATIVE_SCROLL_HEIGHT === 0 && scrollWidthOf(viewport) !== offsetWidthOf(viewport)) {
             NATIVE_SCROLL_HEIGHT = -1;
           }
         }
         if (!adjustedScrollWidth) {
           if (NATIVE_SCROLL_WIDTH >= 0 && status() !== WITHOUT_SCROLL) {
-            styleOf(viewport).paddingRight = NATIVE_SCROLL_WIDTH + scrollbar.clientWidth + 'px';
-            styleOf(viewport).marginRight = -NATIVE_SCROLL_WIDTH - scrollbar.clientWidth + 'px';
+            styleOf(viewport).paddingRight = NATIVE_SCROLL_WIDTH + scrollbar[__clientWidth] + 'px';
+            styleOf(viewport).marginRight = -NATIVE_SCROLL_WIDTH - scrollbar[__clientWidth] + 'px';
           }
           if (NATIVE_SCROLL_HEIGHT >= 0 && statusH() !== WITHOUT_SCROLL) {
-            styleOf(viewport).paddingBottom = NATIVE_SCROLL_HEIGHT + scrollbarH.clientHeight + 'px';
-            styleOf(viewport).marginBottom = -NATIVE_SCROLL_HEIGHT - scrollbarH.clientHeight + 'px';
+            styleOf(viewport).paddingBottom = NATIVE_SCROLL_HEIGHT + scrollbarH[__clientHeight] + 'px';
+            styleOf(viewport).marginBottom = -NATIVE_SCROLL_HEIGHT - scrollbarH[__clientHeight] + 'px';
           }
           adjustedScrollWidth = true;
         }
@@ -214,15 +215,15 @@ var Scrollable = function (_PureComponent) {
         var newRatio = scrollHeight / scrollbarHeight;
         if (ratio === newRatio && Number.isFinite(newRatio) || Number.isNaN(newRatio)) return;
         var offsetHeight = offsetHeightOf(viewport);
-        var horizontalScrollBarOffset = statusH() !== WITHOUT_SCROLL ? scrollbarH.clientHeight + Math.max(NATIVE_SCROLL_HEIGHT, 0) : 0;
+        var horizontalScrollBarOffset = statusH() !== WITHOUT_SCROLL ? scrollbarH[__clientHeight] + Math.max(NATIVE_SCROLL_HEIGHT, 0) : 0;
         var containerOffsetHeight = offsetHeightOf(container) + horizontalScrollBarOffset;
         if (containerOffsetHeight === scrollHeight && status() === WITHOUT_SCROLL) return;
-        if (props().autoScrollTop && scrollHeight - offsetHeight - viewport.scrollTop <= 20 && newRatio < ratio && Number.isFinite(newRatio) && Number.isFinite(ratio)) {
-          viewport.scrollTop = 0;
+        if (props().autoScrollTop && scrollHeight - offsetHeight - viewport[__scrollTop] <= 20 && newRatio < ratio && Number.isFinite(newRatio) && Number.isFinite(ratio)) {
+          viewport[__scrollTop] = 0;
         }
         ratio = newRatio;
-        styleOf(thumb).height = scrollbarHeight / newRatio + 'px';
-        styleOf(container).height = scrollHeight - horizontalScrollBarOffset + 'px';
+        styleOf(thumb)[__height] = scrollbarHeight / newRatio + 'px';
+        styleOf(container)[__height] = scrollHeight - horizontalScrollBarOffset + 'px';
         containerOffsetHeight = offsetHeightOf(container) + horizontalScrollBarOffset;
         if (scrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN) {
           if (status() !== WITHOUT_SCROLL) hideScrollbar(scrollbar, viewport);
@@ -236,8 +237,8 @@ var Scrollable = function (_PureComponent) {
         }
         scrolledToBottom = false;
         scrolledToTop = false;
-        var position = viewport.scrollTop / (scrollHeight - offsetHeight);
-        styleOf(thumb).top = position * (scrollbarHeight - offsetHeightOf(thumb)) + 'px';
+        var position = viewport[__scrollTop] / (scrollHeight - offsetHeight);
+        styleOf(thumb)[__top] = position * (scrollbarHeight - offsetHeightOf(thumb)) + 'px';
       };
       var updateHorizontalScrollbar = function updateHorizontalScrollbar() {
         var scrollWidth = scrollWidthOf(viewport);
@@ -246,16 +247,16 @@ var Scrollable = function (_PureComponent) {
         var newRatio = scrollWidth / scrollbarWidth;
         if (ratioH === newRatio && Number.isFinite(newRatio) || Number.isNaN(newRatio)) return;
         var offsetWidth = offsetWidthOf(viewport);
-        var verticalScrollBarOffset = status() !== WITHOUT_SCROLL ? scrollbar.clientWidth + Math.max(NATIVE_SCROLL_WIDTH, 0) : 0;
+        var verticalScrollBarOffset = status() !== WITHOUT_SCROLL ? scrollbar[__clientWidth] + Math.max(NATIVE_SCROLL_WIDTH, 0) : 0;
         var containerOffsetWidth = offsetWidthOf(container) + verticalScrollBarOffset;
         if (containerOffsetWidth === scrollWidth && statusH() === WITHOUT_SCROLL) return;
         ratioH = newRatio;
-        styleOf(thumbH).width = scrollbarWidth / newRatio + 'px';
+        styleOf(thumbH)[__width] = scrollbarWidth / newRatio + 'px';
         if (horizontalScrollBarModeOf(props()) === SCROLLBAR_MODE_HIDDEN) {
           if (statusH() !== WITHOUT_SCROLL) hideHorizontalScrollbar(scrollbarH, viewport);
           return;
         }
-        styleOf(container).width = scrollWidth - verticalScrollBarOffset + 'px';
+        styleOf(container)[__width] = scrollWidth - verticalScrollBarOffset + 'px';
         containerOffsetWidth = offsetWidthOf(container) + verticalScrollBarOffset;
         if (containerOffsetWidth < scrollWidth) {
           adjustedScrollWidth = false;
@@ -263,8 +264,8 @@ var Scrollable = function (_PureComponent) {
         } else {
           hideHorizontalScrollbar(scrollbarH, viewport);
         }
-        var position = viewport.scrollLeft / (scrollWidth - offsetWidth);
-        styleOf(thumbH).left = position * (scrollbarWidth - offsetWidthOf(thumbH)) + 'px';
+        var position = viewport[__scrollLeft] / (scrollWidth - offsetWidth);
+        styleOf(thumbH)[__left] = position * (scrollbarWidth - offsetWidthOf(thumbH)) + 'px';
       };
       initTimeout = setTimeout(function () {
         resizeInterval = setInterval(function () {
@@ -279,21 +280,21 @@ var Scrollable = function (_PureComponent) {
       if (scrollBarModeOf(props()) !== scrollBarModeOf(prevProps)) init();else if (onScroll(props()) !== onScroll(prevProps)) init();
     };
     that.setScroll = function (y) {
-      viewportRef().scrollTop = y;
+      viewportRef()[__scrollTop] = y;
     };
     that.getScroll = function () {
-      return viewportRef().scrollTop;
+      return viewportRef()[__scrollTop];
     };
     that.getScrollHeight = function () {
       return scrollHeightOf(viewportRef());
     };
     that.getHeight = function () {
-      return containerRef().clientHeight;
+      return containerRef()[__clientHeight];
     };
     that[render] = function () {
       var _props = props();
-      var className = _props.className,
-          children = _props.children;
+      var className = _props[__className],
+          children = _props[__children];
       return ReactCreateElement("div", {
         [__className]: classNames('Scrollable', className, status() || WITH_SCROLL, statusH() + '-horizontal'),
         style: styleOf(_props),

package/ScrollableTable.js

@@ -1,5 +1,6 @@
 
 import { jsx as jsxRuntime_2 } from 'react/jsx-runtime';
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";

package/Size.js

@@ -1,4 +1,5 @@
 import 'react';
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
@@ -8,7 +9,7 @@ import ReactCreateElement from './ReactCreateElement.js';
 import { isUndefined } from './Tools.js';
 
 var Size = function Size(_ref) {
-  var value = _ref.value;
+  var value = _ref[__value];
   return ReactCreateElement("span", {
     [__className]: "Size"
   }, formatNumber(value, 1), "\xA0", formatAbbreviation(value));
@@ -20,7 +21,7 @@ var formatNumberWithMaxLength = function formatNumberWithMaxLength(size, fractio
   do {
     result = formatNumber(size, fractionalLength, toAbbreviation);
     fractionalLength--;
-  } while (maxLength !== -1 && fractionalLength >= 0 && result.length > maxLength);
+  } while (maxLength !== -1 && fractionalLength >= 0 && result[__length] > maxLength);
   return result;
 };
 function formatNumber(size, fractionalLength, toAbbreviation) {

package/Snackbar.js

@@ -1,4 +1,5 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, slicedToArray as _slicedToArray, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";

package/SpinningProgress.js

@@ -1,4 +1,5 @@
 import 'react';
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";

package/Switch.js

@@ -1,4 +1,5 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
@@ -21,11 +22,11 @@ var Switch = function (_PureComponent) {
     _this[render] = function () {
       var _this$props = _this.props,
           label = _this$props.label,
-          className = _this$props.className,
+          className = _this$props[__className],
           labelOn = _this$props.labelOn,
           labelOff = _this$props.labelOff,
           onChange = _this$props.onChange,
-          value = _this$props.value,
+          value = _this$props[__value],
           onClick = _this$props.onClick;
       var id = _this.props.id || randomId;
       return ReactCreateElement("div", {

package/Table.js

@@ -1,5 +1,6 @@
 
 import { jsxs as jsxRuntime_1, jsx as jsxRuntime_2 } from 'react/jsx-runtime';
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
@@ -28,8 +29,8 @@ var Table = /** @class */ (function (_super) {
         var updateHeaders = function () {
             var hidden = headers().querySelectorAll('.hidden');
             var fixed = headers().querySelectorAll('.fixed');
-            for (var i = 0; i < hidden.length; i++) {
-                fixed[i].style.width = hidden[i].offsetWidth + 'px';
+            for (var i = 0; i < hidden[__length]; i++) {
+                fixed[i][__style][__width] = hidden[i].offsetWidth + 'px';
             }
         };
         var cancelEditing = function () {
@@ -40,15 +41,15 @@ var Table = /** @class */ (function (_super) {
         };
         var handleInputChange = function (event) {
             var target = event.target;
-            var value = target.type === 'checkbox' ? target.checked : target.value;
+            var value = target.type === 'checkbox' ? target.checked : target[__value];
             _this.setState({ editing: __extends(__extends({}, state(_this).editing), { value: value }) });
         };
         var onFinishEditing = function () {
             var _a;
             var editing = state(_this).editing;
-            if (editing.value === null)
+            if (editing[__value] === null)
                 return;
-            var value = editing.value;
+            var value = editing[__value];
             if (isString(value))
                 value = value.trim();
             if (value === editing.item[editing.field])
@@ -107,7 +108,7 @@ 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;
+            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;
             var _e = state(_this), sortBy = _e.sortBy, sortOrder = _e.sortOrder, _f = _e.data, 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) {
                                 var sortable = column.sortable || column.sortable == null;
@@ -136,11 +137,11 @@ var Row = /** @class */ (function (_super) {
         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;
+        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) {
                 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(editing.value) : editing.value, focused: true, onBlur: cancelEditing, onChange: handleInputChange, onKeyDown: function (e) {
+                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(editing[__value]) : editing[__value], focused: true, onBlur: cancelEditing, onChange: handleInputChange, onKeyDown: function (e) {
                                 if (e.keyCode === 27 /*escape*/) {
                                     preventDefault(e);
                                     cancelEditing();
@@ -149,7 +150,7 @@ var Row = /** @class */ (function (_super) {
                                     preventDefault(e);
                                     onFinishEditing();
                                 }
-                            } })), (isEditing || column.displayEditor) && column.editor === editorSelect && (jsxRuntime_2(AutocompleteSelect, { value: column.preEditor ? column.preEditor(editing.value) : editing.value, data: column.editorData, focused: true, withArrow: false, withFilter: false, selectedMode: 'inline', selectedComponent: column.editorSelectedComponent, mode: column.multiSelect ? MODE_MULTIPLE_MINI : MODE_DEFAULT, onChange: column.multiSelect && (column.onSelect ? (function (value) { return setValue(column.onSelect(value)); }) : setValue), onSelect: !column.multiSelect && (column.onSelect ? (function (value) { return setValue(column.onSelect(value)); }) : setValue), childComponent: column.editorChildCompononRowClickent, onCancel: cancelEditing, prefilter: column.prefilter })), (isEditing || column.displayEditor) && column.editor === editorSwitch && (jsxRuntime_2(Switch, { onClick: function (e) {
+                            } })), (isEditing || column.displayEditor) && column.editor === editorSelect && (jsxRuntime_2(AutocompleteSelect, { value: column.preEditor ? column.preEditor(editing[__value]) : editing[__value], data: column.editorData, focused: true, withArrow: false, withFilter: false, selectedMode: 'inline', selectedComponent: column.editorSelectedComponent, mode: column.multiSelect ? MODE_MULTIPLE_MINI : MODE_DEFAULT, onChange: column.multiSelect && (column.onSelect ? (function (value) { return setValue(column.onSelect(value)); }) : setValue), onSelect: !column.multiSelect && (column.onSelect ? (function (value) { return setValue(column.onSelect(value)); }) : setValue), childComponent: column.editorChildCompononRowClickent, onCancel: cancelEditing, prefilter: column.prefilter })), (isEditing || column.displayEditor) && column.editor === editorSwitch && (jsxRuntime_2(Switch, { onClick: function (e) {
                                 stopPropagation(e);
                                 preventDefault(e);
                                 setValue(!item[column.field]);

package/TextField.js

@@ -1,4 +1,5 @@
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, slicedToArray as _slicedToArray, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, getBoundingClientRect as __getBoundingClientRect, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, scrollLeft as __scrollLeft, scrollTop as __scrollTop, style as __style, top as __top, value as __value, width as __width} from "./CommonFields";
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
@@ -31,14 +32,14 @@ var TextField = function (_PureComponent) {
       var _props2 = props(),
           required = _props2.required,
           check = _props2.check;
-      var value = inputRef().value;
+      var value = inputRef()[__value];
       var error = required && value === '' || check && check(value);
       errorState() !== error && setTimeout(errorState, 0, error);
       return error;
     };
     var onChange = function onChange(e) {
       orNoop(props().onChange)(e);
-      isWithValue(!!inputRef().value);
+      isWithValue(!!inputRef()[__value]);
       check();
     };
     var onFocus = function onFocus() {
@@ -52,7 +53,7 @@ var TextField = function (_PureComponent) {
     };
     that[render] = function () {
       var _props = props();
-      var value = _props.value,
+      var value = _props[__value],
           name = _props.name,
           type = _props.type,
           label = _props.label,
@@ -67,7 +68,7 @@ var TextField = function (_PureComponent) {
           onMouseUp = _props.onMouseUp,
           autoComplete = _props.autoComplete,
           placeholder = _props.placeholder,
-          className = _props.className;
+          className = _props[__className];
       var id = _props.id || randomId;
       var error = errorState();
       return ReactCreateElement("div", {
@@ -109,12 +110,12 @@ var TextField = function (_PureComponent) {
           focused = _props3.focused,
           input = _props3.input,
           i = inputRef();
-      isWithValue(!!i.value);
+      isWithValue(!!i[__value]);
       focused && i.focus();
       orNoop(input)(i);
     };
     that[componentDidUpdate] = function () {
-      if (props().value !== inputRef().value) check();
+      if (props()[__value] !== inputRef()[__value]) check();
       var _props4 = props(),
           focused = _props4.focused,
           i = inputRef();

package/Tools.js

@@ -3,11 +3,11 @@ var WINDOW = global;
 var DOCUMENT = WINDOW.document;
 function classNames() {
     var classes = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
+    for (var _i = 0; _i < arguments[__length]; _i++) {
         classes[_i] = arguments[_i];
     }
     var filtered = [];
-    var length = classes.length;
+    var length = classes[__length];
     for (var i = 0; i < length; i++) {
         var it = classes[i];
         !!it && filtered.push(it);
@@ -43,7 +43,7 @@ var allPropsExcept = function (obj, except) {
     return result;
 };
 var continuousIncludes = function (value, inc) {
-    var length = inc.length;
+    var length = inc[__length];
     var from = -1;
     for (var i = 0; i < length; i++) {
         from = value.indexOf(inc[i], from + 1);
@@ -57,10 +57,10 @@ var isArrayShallowEqual = function (a, b) {
         return true;
     if (a == null || b == null)
         return false;
-    if (a.length !== b.length) {
+    if (a[__length] !== b[__length]) {
         return false;
     }
-    var i = a.length - 1;
+    var i = a[__length] - 1;
     var result = true;
     while (i >= 0 && (result = (a[i] === b[i]))) {
         i--;
@@ -108,10 +108,10 @@ var isDifferent = function (a, b) {
         return true;
     }
     if (Array.isArray(a)) {
-        if (a.length !== b.length) {
+        if (a[__length] !== b[__length]) {
             return true;
         }
-        var i = a.length - 1;
+        var i = a[__length] - 1;
         var result = false;
         while (i >= 0 && !(result = isDifferent(a[i], b[i]))) {
             i--;
@@ -121,10 +121,10 @@ var isDifferent = function (a, b) {
     if (typeA === 'object') {
         var keysA = Object.keys(a);
         var keysB = Object.keys(b);
-        if (keysA.length !== keysB.length) {
+        if (keysA[__length] !== keysB[__length]) {
             return true;
         }
-        var j = keysA.length - 1;
+        var j = keysA[__length] - 1;
         var r = false;
         while (j >= 0 && !(r = keysA[j] !== keysB[j]) && !(r = isDifferent(a[keysA[j]], b[keysB[j]]))) {
             j--;
@@ -141,7 +141,7 @@ var stopPropagation = function (e) {
 };
 var setTimeout = function (callback, ms) {
     var args = [];
-    for (var _i = 2; _i < arguments.length; _i++) {
+    for (var _i = 2; _i < arguments[__length]; _i++) {
         args[_i - 2] = arguments[_i];
     }
     return WINDOW.setTimeout.apply(WINDOW, arguments);
@@ -151,7 +151,7 @@ var clearTimeout = function (id) {
 };
 var setInterval = function (callback, ms) {
     var args = [];
-    for (var _i = 2; _i < arguments.length; _i++) {
+    for (var _i = 2; _i < arguments[__length]; _i++) {
         args[_i - 2] = arguments[_i];
     }
     return WINDOW.setInterval.apply(WINDOW, arguments);
@@ -204,7 +204,7 @@ var Comparators = /** @class */ (function () {
     };
     Comparators.chain = function (comparators) { return addComparatorMethods(function (a, b) {
         var result;
-        for (var i = 0; i < comparators.length; i++) {
+        for (var i = 0; i < comparators[__length]; i++) {
             result = comparators[i](a, b);
             if (result !== 0)
                 return result;