react-ui-basics 0.0.161 → 0.0.164

package/SpinningProgress.js

@@ -4,6 +4,7 @@ import 'react';
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './SpinningProgress.css';
 import ReactCreateElement from './ReactCreateElement.js';
 
 var SpinningProgress = function SpinningProgress() {

package/Switch.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './Switch.css';
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { classNames, getRandomId } from './Tools.js';
@@ -24,18 +25,18 @@ var Switch = function (_PureComponent) {
           className = _this$props[ReactConstants[5]],
           labelOn = _this$props.labelOn,
           labelOff = _this$props.labelOff,
-          onChange = _this$props.onChange,
+          onChange = _this$props[ReactConstants[7]],
           value = __value(_this$props),
-          onClick = _this$props.onClick;
+          onClick = _this$props[ReactConstants[6]];
       var id = __props(_this).id || randomId;
       return ReactCreateElement("div", {
         [ReactConstants[5]]: classNames("Switch", className),
-        onClick: onClick
+        [ReactConstants[6]]: onClick
       }, ReactCreateElement("input", {
         type: "checkbox",
         id: id,
         [ReactConstants[5]]: "switch-input",
-        onChange: onChange,
+        [ReactConstants[7]]: onChange,
         checked: value
       }), ReactCreateElement("label", {
         htmlFor: id,
@@ -60,8 +61,8 @@ if (process.env.NODE_ENV !== 'production') {
     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

@@ -19,7 +19,7 @@ export interface RowProps<T> {
     setValue: (v: any) => void;
     setEditing: (t: T, i: number, field: string) => void;
 }
-export declare type Formatter<T, V> = ((value?: V, item?: T, format?: string) => ReactElement) | ((value: V, item: T) => ReactElement) | ((value: V) => ReactElement);
+export declare type Formatter<T, V> = ((value?: V, item?: T, format?: string) => ReactElement | string) | ((value: V, item: T) => ReactElement | string) | ((value: V) => ReactElement | string);
 export interface TableColumn<T> {
     field?: string;
     className?: string;
@@ -51,9 +51,16 @@ 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);
 }
+export interface TableColumnSelect extends TableColumn<any> {
+    editorData?: any;
+    multiSelect?: any;
+    onSelect?: any;
+    editorSelectedComponent?: any;
+    editorChildCompononent?: any;
+    prefilter?: any;
+}
 export default Table;

package/Table.js

@@ -5,13 +5,14 @@ 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 './Table.css';
 import { Component } from 'react';
 import TextField from './TextField.js';
 import AutocompleteSelect, { MODE_MULTIPLE_MINI, MODE_DEFAULT } from './AutocompleteSelect.js';
 import Switch from './Switch.js';
-import { setInterval, classNames, isFunction, NOOP, preventDefault, stopPropagation, Comparators, createRef, isString, orNoop } from './Tools.js';
+import { setInterval, classNames, isFunction, NOOP, preventDefault, stopPropagation, Comparators, createRef, createAccessor, isString, orNoop } from './Tools.js';
 import MaterialIcon from './MaterialIcon.js';
-import { componentDidMount, componentDidUpdate, render, state, componentWillUnmount, PureComponent, propsGetter } from './ReactConstants.js';
+import { stateGSs, componentDidMount, componentDidUpdate, render, componentWillUnmount, PureComponent, propsGetter } from './ReactConstants.js';
 
 var SORT_ASC = Comparators.SORT_ASC;
 var SORT_DESC = Comparators.SORT_DESC;
@@ -32,21 +33,23 @@ var Table = /** @class */ (function (_super) {
                 __style(fixed[i]).width = hidden[i].offsetWidth + 'px';
             }
         };
+        var _a = stateGSs(_this, 5), editingState = _a[0], dataState = _a[1], sortByState = _a[2], sortOrderState = _a[3], comparatorState = _a[4];
+        var comparatorGetter = createAccessor('comparator');
         var cancelEditing = function () {
-            _this.setState({ editing: false });
+            editingState(false);
         };
         var setEditing = function (item, columnIndex, field) {
-            _this.setState({ editing: { id: item.id, value: item[field], columnIndex: columnIndex, item: item, field: field } });
+            editingState({ id: item.id, value: item[field], columnIndex: columnIndex, item: item, field: field });
         };
         var handleInputChange = function (event) {
             var target = __target(event);
             var value = target.type === 'checkbox' ? target.checked : __value(target);
-            _this.setState({ editing: __extends(__extends({}, state(_this).editing), { value: value }) });
+            editingState(__extends(__extends({}, editingState()), { value: value }));
         };
         var onFinishEditing = function () {
             var _a;
-            var editing = state(_this).editing;
-            if (editing.value === null)
+            var editing = editingState();
+            if (__value(editing) === null)
                 return;
             var value = __value(editing);
             if (isString(value))
@@ -54,52 +57,44 @@ var Table = /** @class */ (function (_super) {
             if (value === editing.item[editing.field])
                 return cancelEditing();
             var updated = __extends(__extends({}, editing.item), (_a = {}, _a[editing.field] = value, _a));
-            props().onChange(updated, cancelEditing);
+            props()[ReactConstants[7]](updated, cancelEditing);
         };
         var setValue = function (value) {
-            _this.setState({ editing: __extends(__extends({}, state(_this).editing), { value: value }) }, onFinishEditing);
+            editingState(__extends(__extends({}, editingState()), { value: value }), onFinishEditing);
         };
-        var setData = function (data) {
-            var _a = state(_this), sortBy = _a.sortBy, sortOrder = _a.sortOrder, comparator = _a.comparator;
-            data = __toConsumableArray(data, true);
+        var setData = function (data, sortBy, sortOrder, comparator) {
+            data = data ? __toConsumableArray(data, true) : [];
+            sortBy = sortBy || sortByState();
+            sortOrder = sortOrder || sortOrderState();
+            comparator = comparator || comparatorState();
             if (sortBy) {
                 var c = comparator;
                 if (c && sortOrder === SORT_DESC)
                     c = Comparators.inverse(c);
                 data.sort(c || Comparators.of(sortBy, sortOrder, data));
             }
-            _this.setState({ data: data }, function () {
+            sortOrderState(sortOrder);
+            comparatorState(comparator);
+            sortByState(sortBy);
+            dataState(data, function () {
                 orNoop(props().onSortChange)(sortBy, sortOrder);
             });
         };
         var sort = function (e, sortBy, comparator) {
             preventDefault(e);
-            _this.setState({
-                sortOrder: state(_this).sortBy === sortBy && state(_this).sortOrder === SORT_ASC ? SORT_DESC : SORT_ASC,
-                comparator: comparator,
-                sortBy: sortBy
-            }, function () { return setData(__data(state(_this))); });
+            var sortOrder = sortByState() === sortBy && sortOrderState() === SORT_ASC ? SORT_DESC : SORT_ASC;
+            setData(dataState(), sortBy, sortOrder, comparator);
         };
         _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(__props(_this).data); });
+            var _a = props(), sortBy = _a.sortBy, _b = _a.sortOrder, sortOrder = _b === void 0 ? SORT_ASC : _b, columns = _a.columns, data = __data(_a);
+            setData(data, sortBy, sortOrder, comparatorGetter(columns.find(function (it) { return it.field === sortBy; })));
             updateHeaders();
             updateHeadersInterval = setInterval(updateHeaders, 1000);
         };
         _this[ReactConstants[2]] = function (prevProps, prevState, snapshot) {
-            var _a;
-            var _b = props(), sortBy = _b.sortBy, sortOrder = _b.sortOrder, columns = _b.columns, data = __data(_b);
+            var _a = props(), sortBy = _a.sortBy, sortOrder = _a.sortOrder, columns = _a.columns, data = __data(_a);
             if (sortBy !== prevProps.sortBy || sortOrder !== prevProps.sortOrder) {
-                _this.setState({
-                    sortBy: sortBy,
-                    sortOrder: sortOrder || SORT_ASC,
-                    comparator: (_a = columns.find(function (it) { return it.field === sortBy; })) === null || _a === void 0 ? void 0 : _a.comparator
-                }, function () { return setData(data); });
+                setData(dataState(), sortBy, sortOrder || SORT_ASC, comparatorGetter(columns.find(function (it) { return it.field === sortBy; })));
             }
             else if (data !== __data(prevProps)) {
                 setData(data);
@@ -108,11 +103,14 @@ var Table = /** @class */ (function (_super) {
         };
         _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;
+            var sortBy = sortByState();
+            var sortOrder = sortOrderState();
+            var editing = editingState();
+            var data = dataState() || [];
             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); } }, { [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))); }) })] })));
+                                return (jsxRuntime_1("th", __extends({ [ReactConstants[6]]: function (e) { return sortable && sort(e, column.field, comparatorGetter(column)); } }, { [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, [ReactConstants[6]]: onRowClick, [ReactConstants[5]]: rowClassName, columns: columns, setEditing: setEditing, cancelEditing: cancelEditing, onFinishEditing: onFinishEditing, handleInputChange: handleInputChange, setValue: setValue }, toKey(item))); }) })] })));
         };
         _this[ReactConstants[1]] = function () {
             clearInterval(updateHeadersInterval);
@@ -123,12 +121,8 @@ var Table = /** @class */ (function (_super) {
 }(Component));
 var formatValue = function (item, column) {
     var value = item[column.field];
-    if (column.formatter) {
-        return column.formatter(value, item, column.format);
-    }
-    else {
-        return '' + value;
-    }
+    var formatter = column.formatter;
+    return formatter ? formatter(value, item, column.format) : '' + value;
 };
 var Row = /** @class */ (function (_super) {
     __inherits(Row, _super);
@@ -136,11 +130,11 @@ var Row = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     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 _a = __props(this), item = _a.item, disabled = _a.disabled, editing = _a.editing, onClick = _a[ReactConstants[6]], 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({ [ReactConstants[6]]: 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({ [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) {
+                return (jsxRuntime_1("td", __extends({ [ReactConstants[5]]: classNames(editable ? 'editable' : 'ro', isEditing && 'editing', column[ReactConstants[5]]), [ReactConstants[6]]: !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, [ReactConstants[7]]: handleInputChange, onKeyDown: function (e) {
                                 if (e.keyCode === 27 /*escape*/) {
                                     preventDefault(e);
                                     cancelEditing();
@@ -149,7 +143,7 @@ var Row = /** @class */ (function (_super) {
                                     preventDefault(e);
                                     onFinishEditing();
                                 }
-                            } })), (isEditing || column.displayEditor) && column.editor === editorSelect && (jsxRuntime_2(AutocompleteSelect, { value: column.preEditor ? column.preEditor(__value(editing)) : __value(editing), 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(__value(editing)) : __value(editing), data: column.editorData, focused: true, withArrow: false, withFilter: false, selectedMode: 'inline', selectedComponent: column.editorSelectedComponent, mode: column.multiSelect ? MODE_MULTIPLE_MINI : MODE_DEFAULT, [ReactConstants[7]]: 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.editorChildCompononent, onCancel: cancelEditing, prefilter: column.prefilter })), (isEditing || column.displayEditor) && column.editor === editorSwitch && (jsxRuntime_2(Switch, { [ReactConstants[6]]: function (e) {
                                 stopPropagation(e);
                                 preventDefault(e);
                                 setValue(!item[column.field]);

package/TextField.js

@@ -4,6 +4,7 @@ import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _
 import {toConsumableArray as __toConsumableArray} from "./_virtual/_rollupPluginBabelHelpers";
 import {extends as __extends} from "./_virtual/_rollupPluginBabelHelpers";
 import {inherits as __inherits} from "./_virtual/_rollupPluginBabelHelpers";
+import './TextField.css';
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import { classNames, isUndefined, orNoop, addEventListener, getRandomId, createRef, setTimeout } from './Tools.js';
@@ -37,7 +38,7 @@ var TextField = function (_PureComponent) {
       return error;
     };
     var onChange = function onChange(e) {
-      orNoop(props().onChange)(e);
+      orNoop(props()[ReactConstants[7]])(e);
       isWithValue(!!__value(inputRef()));
       check();
     };
@@ -61,7 +62,7 @@ var TextField = function (_PureComponent) {
           required = _props.required,
           min = _props.min,
           max = _props.max,
-          onClick = _props.onClick,
+          onClick = _props[ReactConstants[6]],
           onKeyDown = _props.onKeyDown,
           onKeyUp = _props.onKeyUp,
           onMouseUp = _props.onMouseUp,
@@ -72,7 +73,7 @@ var TextField = function (_PureComponent) {
       var error = errorState();
       return ReactCreateElement("div", {
         [ReactConstants[5]]: classNames('TextField', isFocused() && 'focused', (value || placeholder || isWithValue() && isUndefined(value)) && 'withValue', error && (required || check) && 'errored', disabled && 'disabled', label && 'withLabel', className),
-        onClick: function onClick() {
+        [ReactConstants[6]]: function onClick() {
           inputRef().focus();
         }
       }, label && ReactCreateElement("label", {
@@ -87,10 +88,10 @@ var TextField = function (_PureComponent) {
         min: min,
         max: max,
         ref: inputRef,
-        onChange: onChange,
+        [ReactConstants[7]]: onChange,
         onFocus: onFocus,
         onBlur: onBlur,
-        onClick: onClick,
+        [ReactConstants[6]]: onClick,
         onKeyDown: onKeyDown,
         onKeyUp: onKeyUp,
         onMouseUp: onMouseUp,
@@ -142,11 +143,11 @@ if (process.env.NODE_ENV !== 'production') {
     placeholder: PropTypes.string,
     label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     check: PropTypes.func,
-    onClick: PropTypes.func,
+    [ReactConstants[6]]: PropTypes.func,
     onKeyDown: PropTypes.func,
     onFocus: PropTypes.func,
     onBlur: PropTypes.func,
-    onChange: PropTypes.func,
+    [ReactConstants[7]]: PropTypes.func,
     required: PropTypes.bool,
     disabled: PropTypes.bool,
     min: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),

package/Tools.d.ts

@@ -1,6 +1,6 @@
 export declare const WINDOW: any;
 export declare const DOCUMENT: any;
-export declare function classNames(...classes: Array<string | number | boolean | null>): string;
+export declare function classNames(...classes: Array<string | number | boolean | null | void>): string;
 export declare const NOOP: () => void;
 export declare const orNoop: <T>(f: (...a: any) => T) => (() => void) | ((...a: any) => T);
 export declare const getRandomId: (prefix: any) => any;

package/Tools.js

@@ -32,6 +32,9 @@ var createRef = function (initialValue) {
         return v;
     };
 };
+var createAccessor = function (field) { return function (o, value) {
+    return !o ? null : value != UNDEFINED ? o[field] = value : o[field];
+}; };
 var setOf = function (list) { return (list || []).reduce(function (map, key) {
     map[key] = true;
     return map;
@@ -229,5 +232,5 @@ if (process.env.NODE_ENV !== 'production') {
     };
 }
 
-export { Comparators, DOCUMENT, NOOP, UNDEFINED, WINDOW, addEventListener, allPropsExcept, classNames, clearInterval, clearTimeout, continuousIncludes, createRef, debounce, getRandomId, isDifferent, isFunction, isObject, isString, isUndefined, memo, orNoop, preventDefault, ref, removeEventListener, requestAnimationFrame, setInterval, setOf, setTimeout, stopPropagation, typeOf };
+export { Comparators, DOCUMENT, NOOP, UNDEFINED, WINDOW, addEventListener, allPropsExcept, classNames, clearInterval, clearTimeout, continuousIncludes, createAccessor, createRef, debounce, getRandomId, isDifferent, isFunction, isObject, isString, isUndefined, memo, orNoop, preventDefault, ref, removeEventListener, requestAnimationFrame, setInterval, setOf, setTimeout, stopPropagation, typeOf };
 //# sourceMappingURL=Tools.js.map