react-ui-basics 0.0.159 → 0.0.162

package/Scrollable.js

@@ -1,10 +1,9 @@
-import CommonFields from "./CommonFields";
+import ReactConstants from "./ReactConstants";
+import {clientHeight as __clientHeight, clientWidth as __clientWidth, createAccessor as __createAccessor, data as __data, height as __height, left as __left, length as __length, pageX as __pageX, pageY as __pageY, props as __props, scrollLeft as __scrollLeft, scrollTop as __scrollTop, state as __state, style as __style, target as __target, top as __top, value as __value, width as __width} from "./CommonFields";
 import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
-import {className as __className} from "./ReactConstants";
-import {children as __children} from "./ReactConstants";
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import PropTypes from 'prop-types';
@@ -84,14 +83,14 @@ var Scrollable = function (_PureComponent) {
         var offsetWidth = offsetWidthOf(viewport);
         var scrollbarHeight = offsetHeightOf(scrollbar);
         var scrollbarWidth = offsetWidthOf(scrollbarH);
-        var position = viewport[CommonFields[11]] / (scrollHeight - offsetHeight);
-        var positionH = viewport[CommonFields[12]] / (scrollWidth - offsetWidth);
+        var position = __scrollTop(viewport) / (scrollHeight - offsetHeight);
+        var positionH = __scrollLeft(viewport) / (scrollWidth - offsetWidth);
         if (position > 1) {
-          viewport[CommonFields[11]] = scrollHeight - offsetHeight;
+          viewport.scrollTop = scrollHeight - offsetHeight;
           position = 1;
         }
-        styleOf(thumb)[CommonFields[2]] = position * (scrollbarHeight - offsetHeightOf(thumb)) + 'px';
-        styleOf(thumbH)[CommonFields[3]] = 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;
@@ -109,16 +108,16 @@ var Scrollable = function (_PureComponent) {
       var reset = function reset() {
         removeEventListener(WINDOW, 'mouseup', reset);
         removeEventListener(WINDOW, 'mousemove', moveListener);
-        viewport[CommonFields[4]].scrollBehavior = '';
+        __style(viewport).scrollBehavior = '';
         scrolling = false;
       };
       var moveListener = function moveListener(e) {
         if (!scrolling) return;
         if (scrolling === 'v') {
-          viewport[CommonFields[11]] += (e.clientY - lastY) * ratio;
+          viewport.scrollTop += (e.clientY - lastY) * ratio;
           lastY = e.clientY;
         } else if (scrolling === 'h') {
-          viewport[CommonFields[12]] += (e.clientX - lastX) * ratioH;
+          viewport.scrollLeft += (e.clientX - lastX) * ratioH;
           lastX = e.clientX;
         }
       };
@@ -126,7 +125,7 @@ var Scrollable = function (_PureComponent) {
         lastY = e.clientY;
         scrolling = 'v';
         ratio = scrollHeightOf(viewport) / offsetHeightOf(viewport);
-        viewport[CommonFields[4]].scrollBehavior = 'unset';
+        __style(viewport).scrollBehavior = 'unset';
         addEventListener(WINDOW, 'mouseup', reset);
         addEventListener(WINDOW, 'mousemove', moveListener);
       };
@@ -136,45 +135,45 @@ var Scrollable = function (_PureComponent) {
         lastX = e.clientX;
         scrolling = 'h';
         ratioH = scrollWidthOf(viewport) / offsetWidthOf(viewport);
-        viewport[CommonFields[4]].scrollBehavior = 'unset';
+        __style(viewport).scrollBehavior = 'unset';
         addEventListener(WINDOW, 'mouseup', reset);
         addEventListener(WINDOW, 'mousemove', moveListener);
       };
       thumbH.ondragstart = preventDefault;
       thumbH.onmouseup = reset;
       scrollbar.onclick = function (e) {
-        if (e.target === scrollbar) {
-          var thumbPosition = parseInt(styleOf(thumb)[CommonFields[2]]);
-          viewport[CommonFields[11]] += offsetHeightOf(viewport) * 0.9 * (e.offsetY < thumbPosition ? -1 : 1);
+        if (__target(e) === scrollbar) {
+          var thumbPosition = parseInt(__top(styleOf(thumb)));
+          viewport.scrollTop += offsetHeightOf(viewport) * 0.9 * (e.offsetY < thumbPosition ? -1 : 1);
         }
       };
       scrollbarH.onclick = function (e) {
-        if (e.target === scrollbarH) {
-          var thumbPosition = parseInt(styleOf(thumbH)[CommonFields[3]]);
-          viewport[CommonFields[12]] += offsetWidthOf(viewport) * 0.9 * (e.offsetX < thumbPosition ? -1 : 1);
+        if (__target(e) === scrollbarH) {
+          var thumbPosition = parseInt(__left(styleOf(thumbH)));
+          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[CommonFields[10]];
+          NATIVE_SCROLL_WIDTH = viewport.offsetWidth - __clientWidth(viewport);
           if (NATIVE_SCROLL_WIDTH === 0 && scrollHeightOf(viewport) !== offsetHeightOf(viewport)) {
             NATIVE_SCROLL_WIDTH = -1;
           }
         }
         if (NATIVE_SCROLL_HEIGHT < 0) {
-          NATIVE_SCROLL_HEIGHT = viewport.offsetHeight - viewport[CommonFields[9]];
+          NATIVE_SCROLL_HEIGHT = viewport.offsetHeight - __clientHeight(viewport);
           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[CommonFields[10]] + 'px';
-            styleOf(viewport).marginRight = -NATIVE_SCROLL_WIDTH - scrollbar[CommonFields[10]] + 'px';
+            styleOf(viewport).paddingRight = NATIVE_SCROLL_WIDTH + __clientWidth(scrollbar) + 'px';
+            styleOf(viewport).marginRight = -NATIVE_SCROLL_WIDTH - __clientWidth(scrollbar) + 'px';
           }
           if (NATIVE_SCROLL_HEIGHT >= 0 && statusH() !== WITHOUT_SCROLL) {
-            styleOf(viewport).paddingBottom = NATIVE_SCROLL_HEIGHT + scrollbarH[CommonFields[9]] + 'px';
-            styleOf(viewport).marginBottom = -NATIVE_SCROLL_HEIGHT - scrollbarH[CommonFields[9]] + 'px';
+            styleOf(viewport).paddingBottom = NATIVE_SCROLL_HEIGHT + __clientHeight(scrollbarH) + 'px';
+            styleOf(viewport).marginBottom = -NATIVE_SCROLL_HEIGHT - __clientHeight(scrollbarH) + 'px';
           }
           adjustedScrollWidth = true;
         }
@@ -215,15 +214,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[CommonFields[9]] + Math.max(NATIVE_SCROLL_HEIGHT, 0) : 0;
+        var horizontalScrollBarOffset = statusH() !== WITHOUT_SCROLL ? __clientHeight(scrollbarH) + 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[CommonFields[11]] <= 20 && newRatio < ratio && Number.isFinite(newRatio) && Number.isFinite(ratio)) {
-          viewport[CommonFields[11]] = 0;
+        if (props().autoScrollTop && scrollHeight - offsetHeight - __scrollTop(viewport) <= 20 && newRatio < ratio && Number.isFinite(newRatio) && Number.isFinite(ratio)) {
+          viewport.scrollTop = 0;
         }
         ratio = newRatio;
-        styleOf(thumb)[CommonFields[1]] = scrollbarHeight / newRatio + 'px';
-        styleOf(container)[CommonFields[1]] = 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);
@@ -237,8 +236,8 @@ var Scrollable = function (_PureComponent) {
         }
         scrolledToBottom = false;
         scrolledToTop = false;
-        var position = viewport[CommonFields[11]] / (scrollHeight - offsetHeight);
-        styleOf(thumb)[CommonFields[2]] = position * (scrollbarHeight - offsetHeightOf(thumb)) + 'px';
+        var position = __scrollTop(viewport) / (scrollHeight - offsetHeight);
+        styleOf(thumb).top = position * (scrollbarHeight - offsetHeightOf(thumb)) + 'px';
       };
       var updateHorizontalScrollbar = function updateHorizontalScrollbar() {
         var scrollWidth = scrollWidthOf(viewport);
@@ -247,16 +246,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[CommonFields[10]] + Math.max(NATIVE_SCROLL_WIDTH, 0) : 0;
+        var verticalScrollBarOffset = status() !== WITHOUT_SCROLL ? __clientWidth(scrollbar) + Math.max(NATIVE_SCROLL_WIDTH, 0) : 0;
         var containerOffsetWidth = offsetWidthOf(container) + verticalScrollBarOffset;
         if (containerOffsetWidth === scrollWidth && statusH() === WITHOUT_SCROLL) return;
         ratioH = newRatio;
-        styleOf(thumbH)[CommonFields[0]] = 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)[CommonFields[0]] = scrollWidth - verticalScrollBarOffset + 'px';
+        styleOf(container).width = scrollWidth - verticalScrollBarOffset + 'px';
         containerOffsetWidth = offsetWidthOf(container) + verticalScrollBarOffset;
         if (containerOffsetWidth < scrollWidth) {
           adjustedScrollWidth = false;
@@ -264,8 +263,8 @@ var Scrollable = function (_PureComponent) {
         } else {
           hideHorizontalScrollbar(scrollbarH, viewport);
         }
-        var position = viewport[CommonFields[12]] / (scrollWidth - offsetWidth);
-        styleOf(thumbH)[CommonFields[3]] = position * (scrollbarWidth - offsetWidthOf(thumbH)) + 'px';
+        var position = __scrollLeft(viewport) / (scrollWidth - offsetWidth);
+        styleOf(thumbH).left = position * (scrollbarWidth - offsetWidthOf(thumbH)) + 'px';
       };
       initTimeout = setTimeout(function () {
         resizeInterval = setInterval(function () {
@@ -274,45 +273,45 @@ var Scrollable = function (_PureComponent) {
         }, 50);
       }, 200);
     };
-    that[componentDidMount] = init;
-    that[componentWillUnmount] = clear;
-    that[componentDidUpdate] = function (prevProps) {
+    that[ReactConstants[0]] = init;
+    that[ReactConstants[1]] = clear;
+    that[ReactConstants[2]] = function (prevProps) {
       if (scrollBarModeOf(props()) !== scrollBarModeOf(prevProps)) init();else if (onScroll(props()) !== onScroll(prevProps)) init();
     };
     that.setScroll = function (y) {
-      viewportRef()[CommonFields[11]] = y;
+      viewportRef().scrollTop = y;
     };
     that.getScroll = function () {
-      return viewportRef()[CommonFields[11]];
+      return __scrollTop(viewportRef());
     };
     that.getScrollHeight = function () {
       return scrollHeightOf(viewportRef());
     };
     that.getHeight = function () {
-      return containerRef()[CommonFields[9]];
+      return __clientHeight(containerRef());
     };
-    that[render] = function () {
+    that[ReactConstants[3]] = function () {
       var _props = props();
-      var className = _props[__className],
-          children = _props[__children];
+      var className = _props[ReactConstants[5]],
+          children = _props[ReactConstants[4]];
       return ReactCreateElement("div", {
-        [__className]: classNames('Scrollable', className, status() || WITH_SCROLL, statusH() + '-horizontal'),
+        [ReactConstants[5]]: classNames('Scrollable', className, status() || WITH_SCROLL, statusH() + '-horizontal'),
         style: styleOf(_props),
         ref: containerRef
       }, ReactCreateElement("div", {
-        [__className]: "viewport",
+        [ReactConstants[5]]: "viewport",
         ref: viewportRef
       }, children), ReactCreateElement("div", {
-        [__className]: classNames('scrollbar', scrollBarModeOf(_props) || SCROLLBAR_MODE_AUTO),
+        [ReactConstants[5]]: classNames('scrollbar', scrollBarModeOf(_props) || SCROLLBAR_MODE_AUTO),
         ref: scrollbarRef
       }, ReactCreateElement("div", {
-        [__className]: "thumb",
+        [ReactConstants[5]]: "thumb",
         ref: thumbRef
       })), ReactCreateElement("div", {
-        [__className]: classNames('scrollbar horizontal', horizontalScrollBarModeOf(_props)),
+        [ReactConstants[5]]: classNames('scrollbar horizontal', horizontalScrollBarModeOf(_props)),
         ref: horizontalScrollbarRef
       }, ReactCreateElement("div", {
-        [__className]: "thumb",
+        [ReactConstants[5]]: "thumb",
         ref: horizontalThumbRef
       })));
     };
@@ -329,7 +328,7 @@ if (process.env.NODE_ENV !== 'production') {
   Scrollable.propTypes = {
     scrollBarMode: PropTypes.oneOf([SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE]),
     horizontalScrollBarMode: PropTypes.oneOf([SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE]),
-    [__className]: PropTypes.string,
+    [ReactConstants[5]]: PropTypes.string,
     style: PropTypes.object,
     onScrolledToBottom: PropTypes.func,
     onScrolledToTop: PropTypes.func,

package/ScrollableTable.js

@@ -1,11 +1,10 @@
-import CommonFields 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 CommonFields 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 = _ref[CommonFields[8]];
+  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) {
@@ -21,7 +20,7 @@ var formatNumberWithMaxLength = function formatNumberWithMaxLength(size, fractio
   do {
     result = formatNumber(size, fractionalLength, toAbbreviation);
     fractionalLength--;
-  } while (maxLength !== -1 && fractionalLength >= 0 && result[CommonFields[5]] > maxLength);
+  } while (maxLength !== -1 && fractionalLength >= 0 && __length(result) > maxLength);
   return result;
 };
 function formatNumber(size, fractionalLength, toAbbreviation) {

package/Snackbar.js

@@ -1,10 +1,9 @@
-import CommonFields 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 CommonFields 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 CommonFields 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 = _this$props[CommonFields[8]],
-          onClick = _this$props.onClick;
-      var id = _this.props.id || randomId;
+          onChange = _this$props[ReactConstants[7]],
+          value = __value(_this$props),
+          onClick = _this$props[ReactConstants[6]];
+      var id = __props(_this).id || randomId;
       return ReactCreateElement("div", {
-        [__className]: classNames("Switch", className),
-        onClick: onClick
+        [ReactConstants[5]]: classNames("Switch", className),
+        [ReactConstants[6]]: onClick
       }, ReactCreateElement("input", {
         type: "checkbox",
         id: id,
-        [__className]: "switch-input",
-        onChange: onChange,
+        [ReactConstants[5]]: "switch-input",
+        [ReactConstants[7]]: 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,13 +55,13 @@ 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,
     value: PropTypes.bool,
-    onChange: PropTypes.func,
-    onClick: PropTypes.func,
+    [ReactConstants[7]]: PropTypes.func,
+    [ReactConstants[6]]: PropTypes.func,
     id: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
   };
 }

package/Table.d.ts

@@ -51,7 +51,6 @@ export interface TableState<T> {
     sortBy?: string;
     comparator?: Comparator;
     data?: T[];
-    editing?: any;
 }
 declare class Table<T> extends Component<TableProps<T>, TableState<T>> {
     constructor(properties: any);