react-ui-basics 0.0.173 → 0.0.174

package/AutocompleteSelect.js

@@ -10,7 +10,7 @@ import ReactCreateElement from './ReactCreateElement.js';
 import PropTypes from 'prop-types';
 import TextField from './TextField.js';
 import FilteredList, { getLabel } from './FilteredList.js';
-import { isString, memo, continuousIncludes, orNoop, isFunction, preventDefault, stopPropagation, getRandomId, isObject, addEventListener, DOCUMENT, removeEventListener, UNDEFINED, classNames, ref } from './Tools.js';
+import { memo, isString, continuousIncludes, orNoop, isObject, preventDefault, stopPropagation, getRandomId, isFunction, addEventListener, DOCUMENT, removeEventListener, UNDEFINED, classNames, ref } from './Tools.js';
 import Button from './Button.js';
 import MaterialIcon from './MaterialIcon.js';
 import { PureComponent } from './ReactConstants.js';
@@ -75,7 +75,7 @@ var AutocompleteSelect = function (_PureComponent) {
           filterValue = _ref3$filterValue === void 0 ? '' : _ref3$filterValue;
       _this.setState({
         selected: prepareSelected(value),
-        filterValue: allowCustom && isString(value) && !isMultipleSelect(mode) ? value : filterValue
+        filterValue: allowCustom && !isMultipleSelect(mode) ? _this.getCustomValue(allowCustom, value, __props(_this).labels) : filterValue
       });
     };
     _this.createFilter = memo(function (prefilter, filterValue, filterValueTrimmed, filter) {
@@ -117,7 +117,15 @@ var AutocompleteSelect = function (_PureComponent) {
           currentSelection = _this$state.selected;
       var _this$props$labels = __props(_this).labels,
           labels = _this$props$labels === void 0 ? {} : _this$props$labels;
-      if (selectedId == null && (!!filterValue || !required) && allowCustom && (!_this.input || !_this.input.check())) selectedId = filterValue.trim();
+      if (selectedId == null && (!!filterValue || !required) && allowCustom && (!_this.input || !_this.input.check())) {
+        var trimmedValue = filterValue.trim();
+        if (isObject(labels)) {
+          var key = Object.keys(labels).find(function (key) {
+            return labels[key] === trimmedValue;
+          });
+          if (key) selectedId = key;
+        }
+      }
       var isMultiSelect = isMultipleSelect(mode);
       if (!selectedId && isMultiSelect) {
         selectedId = null;
@@ -134,12 +142,7 @@ var AutocompleteSelect = function (_PureComponent) {
       }
       var errored = required && Object.keys(selected) === 0;
       var isActive = mode === MODE_MULTIPLE_MINI_INLINE || isMultiSelect && isSelected;
-      var customValue = '';
-      if (allowCustom && selectedId) {
-        var label;
-        if (isFunction(labels)) label = labels(selectedId);else label = labels[selectedId];
-        if (label && isString(label)) customValue = label;
-      }
+      var customValue = _this.getCustomValue(allowCustom, selectedId, labels) || '';
       var filterValueWithCustom = isMultiSelect ? '' : customValue;
       _this.setState({
         isActive: isActive,
@@ -439,6 +442,17 @@ var AutocompleteSelect = function (_PureComponent) {
         labels: labels
       }));
     }
+  }, {
+    key: "getCustomValue",
+    value: function getCustomValue(allowCustom, selectedId) {
+      var labels = __length(arguments) > 2 && arguments[2] !== undefined ? arguments[2] : {};
+      if (allowCustom && selectedId) {
+        var label;
+        if (isFunction(labels)) label = labels(selectedId);else label = labels[selectedId];
+        if (label && isString(label)) return label;
+      }
+      return '';
+    }
   }]);
   return AutocompleteSelect;
 }(PureComponent);

package/FilteredList.d.ts

@@ -0,0 +1,61 @@
+import { ClassType, CSSProperties, DOMElement, FunctionComponent, MouseEventHandler, ReactElement } from 'react';
+import './FilteredList.css';
+import { SCROLLBAR_MODE_AUTO, SCROLLBAR_MODE_HIDDEN, SCROLLBAR_MODE_VISIBLE } from "./Scrollable";
+import { PureComponent } from "./ReactConstants";
+export declare const getLabel: (labels: any, id: any) => any;
+export interface FilteredListProps<T extends (number | string | boolean)> {
+    data: T[];
+    labels: ((id: T) => string | ReactElement) | {
+        [id: string]: string | ReactElement;
+    };
+    selected: T | {
+        [id: string]: T;
+    };
+    inline: boolean;
+    selectSingle?: boolean;
+    childComponent: FunctionComponent | ClassType<any, any, any>;
+    scroll?: typeof SCROLLBAR_MODE_AUTO | typeof SCROLLBAR_MODE_HIDDEN | typeof SCROLLBAR_MODE_VISIBLE;
+    style?: CSSProperties;
+    childProps?: any;
+    className?: string;
+    filter: (id: T) => boolean;
+    onSelect: (id: T) => void;
+    nextProvider: (next: () => void) => void;
+    prevProvider: (prev: () => void) => void;
+    resetProvider: (reset: () => void) => void;
+    selectedProvider: (reset: () => T) => void;
+}
+interface FilteredListState {
+    selected: number | string | boolean;
+}
+declare class FilteredList<T extends (number | string | boolean)> extends PureComponent<FilteredListProps<T>, FilteredListState> {
+    hidden: {};
+    list: any[];
+    elements: {};
+    el: any;
+    constructor(props: any);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    updateList: (props: any) => void;
+    render(): JSX.Element;
+    onSelect: (id: T) => void;
+    selected: () => any;
+    next: () => void;
+    prev: () => void;
+    updateScroll: (id: any) => void;
+    reset: () => void;
+    scrollTo: (id: any) => any;
+}
+export default FilteredList;
+export interface ItemWrapperProps<T> {
+    id: number | string | boolean;
+    label: string | ReactElement;
+    onClick: MouseEventHandler;
+    onMouseEnter: MouseEventHandler;
+    onMouseLeave: MouseEventHandler;
+    classProvider: (data: any) => string;
+    className?: string;
+    childComponent: FunctionComponent | ClassType<any, any, any>;
+    childProps?: any;
+    element?: (el: DOMElement<any, any>) => void;
+}

package/FilteredList.js

@@ -1,251 +1,156 @@
 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, objectSpread2 as _objectSpread2 } from './_virtual/_rollupPluginBabelHelpers.js';
+
+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 './FilteredList.css';
 import React from 'react';
-import ReactCreateElement from './ReactCreateElement.js';
 import Scrollable from './Scrollable.js';
-import { orNoop, classNames, ref, isFunction, stopPropagation, isObject } from './Tools.js';
+import { UNDEFINED, orNoop, classNames, ref, isFunction, stopPropagation, isObject } from './Tools.js';
 import { PureComponent } from './ReactConstants.js';
 
-var getLabel = function getLabel(labels, id) {
-  return isFunction(labels) ? labels(id) : labels[id];
-};
-var FilteredList = function (_PureComponent) {
-  _inherits(FilteredList, _PureComponent);
-  var _super = _createSuper(FilteredList);
-  function FilteredList(_props) {
-    var _this;
-    _classCallCheck(this, FilteredList);
-    _this = _super.call(this, _props);
-    _this.updateList = function (props) {
-      var data = __data(props);
-      var selected = __state(_this).selected;
-      _this.list = data || [];
-      if (!_this.list.includes(selected)) _this.setState({
-        selected: -1
-      });
-    };
-    _this.onSelect = function (id) {
-      _this.setState({
-        selected: id
-      });
-      __props(_this).onSelect(id);
-    };
-    _this.selected = function () {
-      var value = __state(_this).selected;
-      var selectSingle = __props(_this).selectSingle;
-      if (value === -1 || _this.hidden[value]) {
-        var filtered = _this.list.filter(function (id) {
-          return !_this.hidden[id];
-        });
-        if (selectSingle && __length(filtered) === 1) return filtered[0];
-        return null;
-      } else {
-        return value;
-      }
-    };
-    _this.next = function () {
-      var list = _this.list;
-      var selected = __state(_this).selected;
-      var position = list.findIndex(function (id) {
-        return selected === id;
-      });
-      if (_this.hidden[list[position]]) position = -1;
-      while (++position < __length(list)) {
-        if (!_this.hidden[list[position]]) break;
-      }
-      if (position < __length(list)) {
-        var id = list[position];
-        _this.setState({
-          selected: id
-        });
-        _this.updateScroll(id);
-      }
-    };
-    _this.prev = function () {
-      var list = _this.list;
-      var selected = __state(_this).selected;
-      var position = list.findIndex(function (id) {
-        return selected === id;
-      });
-      if (_this.hidden[list[position]]) position = __length(list);
-      while (--position >= 0) {
-        if (!_this.hidden[list[position]]) break;
-      }
-      if (position >= 0) {
-        var id = list[position];
-        _this.setState({
-          selected: id
-        });
-        _this.updateScroll(id);
-      }
+var getLabel = function (labels, id) { return isFunction(labels) ? labels(id) : (labels ? labels[id] : id); };
+var FilteredList = /** @class */ (function (_super) {
+    __inherits(FilteredList, _super);
+    function FilteredList(props) {
+        var _this = _super.call(this, props) || this;
+        _this.hidden = {};
+        _this.list = [];
+        _this.elements = {};
+        _this.el = null;
+        _this.updateList = function (props) {
+            var data = __data(props);
+            var selected = __state(_this).selected;
+            _this.list = data || [];
+            if (!_this.list.includes(selected))
+                _this.setState({ selected: -1 });
+        };
+        _this.onSelect = function (id) {
+            _this.setState({ selected: id });
+            __props(_this).onSelect(id);
+        };
+        _this.selected = function () {
+            var value = __state(_this).selected;
+            var selectSingle = __props(_this).selectSingle;
+            if (value === -1 || _this.hidden[value + '']) {
+                var filtered = _this.list.filter(function (id) { return !_this.hidden[id]; });
+                if ((selectSingle === UNDEFINED || selectSingle) && __length(filtered) === 1)
+                    return filtered[0];
+                return null;
+            }
+            else {
+                return value;
+            }
+        };
+        _this.next = function () {
+            var list = _this.list;
+            var selected = __state(_this).selected;
+            var position = list.findIndex(function (id) { return selected === id; });
+            if (_this.hidden[list[position]])
+                position = -1;
+            while (++position < __length(list)) {
+                if (!_this.hidden[list[position]])
+                    break;
+            }
+            if (position < __length(list)) {
+                var id = list[position];
+                _this.setState({ selected: id });
+                _this.updateScroll(id);
+            }
+        };
+        _this.prev = function () {
+            var list = _this.list;
+            var selected = __state(_this).selected;
+            var position = list.findIndex(function (id) { return selected === id; });
+            if (_this.hidden[list[position]])
+                position = __length(list);
+            while (--position >= 0) {
+                if (!_this.hidden[list[position]])
+                    break;
+            }
+            if (position >= 0) {
+                var id = list[position];
+                _this.setState({ selected: id });
+                _this.updateScroll(id);
+            }
+        };
+        _this.updateScroll = function (id) {
+            var child = _this.elements[id];
+            var container = _this.el;
+            var scrollTop = container.getScroll();
+            var height = container.getHeight();
+            var isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + __clientHeight(child);
+            if (!isVisible) {
+                var scrollToBottom = child.offsetTop + __clientHeight(child) - height;
+                var scrollToTop = child.offsetTop;
+                if (Math.abs(scrollTop - scrollToTop) < Math.abs(scrollTop - scrollToBottom)) {
+                    container.setScroll(scrollToTop);
+                }
+                else {
+                    container.setScroll(scrollToBottom);
+                }
+            }
+        };
+        _this.reset = function () {
+            _this.setState({ selected: -1 });
+            _this.el.scrollTop = 0;
+        };
+        _this.scrollTo = function (id) { return _this.el.setScroll(_this.elements[id] && _this.elements[id].offsetTop); };
+        _this.state = { selected: -1 };
+        return _this;
+    }
+    FilteredList.prototype[ReactConstants[0]] = function () {
+        orNoop(__props(this).nextProvider)(this.next);
+        orNoop(__props(this).prevProvider)(this.prev);
+        orNoop(__props(this).selectedProvider)(this.selected);
+        orNoop(__props(this).resetProvider)(this.reset);
+        this.updateList(__props(this));
     };
-    _this.updateScroll = function (id) {
-      var child = _this.elements[id];
-      var container = _this.el;
-      var scrollTop = container.getScroll();
-      var height = container.getHeight();
-      var isVisible = scrollTop <= child.offsetTop && scrollTop + height >= child.offsetTop + __clientHeight(child);
-      if (!isVisible) {
-        var scrollToBottom = child.offsetTop + __clientHeight(child) - height;
-        var scrollToTop = child.offsetTop;
-        if (Math.abs(scrollTop - scrollToTop) < Math.abs(scrollTop - scrollToBottom)) {
-          container.setScroll(scrollToTop);
-        } else {
-          container.setScroll(scrollToBottom);
-        }
-      }
+    FilteredList.prototype[ReactConstants[2]] = function (prevProps, prevState, snapshot) {
+        if (__props(this).data === __data(prevProps))
+            return;
+        this.updateList(__props(this));
     };
-    _this.reset = function () {
-      _this.setState({
-        selected: -1
-      });
-      _this.el.scrollTop = 0;
+    FilteredList.prototype[ReactConstants[3]] = function () {
+        var _this = this;
+        var _a = __props(this), data = __data(_a), labels = _a.labels, filter = _a.filter, className = _a[ReactConstants[5]], selected = _a.selected, inline = _a.inline, childComponent = _a.childComponent, childProps = _a.childProps, style = __style(_a), scroll = _a.scroll;
+        return (jsxRuntime_2(Scrollable, __extends({ [ReactConstants[5]]: classNames('FilteredList', className, inline ? 'inline' : 'popup'), ref: ref('el', this), style: style, scrollBarMode: scroll }, { [ReactConstants[4]]: (data || []).filter(function (id) { return id !== false && id != null; }).map(function (id) {
+                var key = '' + id;
+                return jsxRuntime_2(ItemWrapper, { id: id, label: getLabel(labels, id), childComponent: childComponent, childProps: childProps, element: function (el) { return _this.elements[key] = el; }, [ReactConstants[6]]: function (e) {
+                        stopPropagation(e);
+                        _this.onSelect(id);
+                    }, onMouseEnter: function (e) { return _this.setState({ selected: id }); }, onMouseLeave: function (e) { return id === __state(_this).selected && _this.setState({ selected: -1 }); }, [ReactConstants[5]]: classNames('child', __state(_this).selected === id && 'active', selected === id || (selected && isObject(selected) && selected[key]) && 'selected'), classProvider: function (it) { return (_this.hidden[key] = !(!filter || filter(it))) && 'hidden'; } }, key);
+            }) })));
     };
-    _this.scrollTo = function (id) {
-      return _this.el.setScroll(_this.elements[id] && _this.elements[id].offsetTop);
+    return FilteredList;
+}(PureComponent));
+var ItemWrapper = /** @class */ (function (_super) {
+    __inherits(ItemWrapper, _super);
+    function ItemWrapper() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.el = null;
+        _this.data = null;
+        return _this;
+    }
+    ItemWrapper.prototype[ReactConstants[3]] = function () {
+        var _this = this;
+        var _a = __props(this), id = _a.id, label = _a.label, onClick = _a[ReactConstants[6]], onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, classProvider = _a.classProvider, className = _a[ReactConstants[5]], childComponent = _a.childComponent, childProps = _a.childProps;
+        var child = React.createElement(childComponent, __extends(__extends({}, childProps), { id: id, label: label, dataConsumer: function (data) {
+                _this.data = data;
+            } }));
+        var cssClass = orNoop(classProvider)(__data(this));
+        return (jsxRuntime_2("div", __extends({ [ReactConstants[5]]: classNames('ItemWrapper', cssClass, className), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, 
+            // onMouseDown={onMouseDown}
+            [ReactConstants[6]]: onClick, ref: ref('el', this) }, { [ReactConstants[4]]: child })));
     };
-    _this.state = {
-      selected: -1
+    ItemWrapper.prototype[ReactConstants[0]] = function () {
+        orNoop(__props(this).element)(this.el);
+        this.forceUpdate();
     };
-    _this.hidden = {};
-    _this.elements = {};
-    return _this;
-  }
-  _createClass(FilteredList, [{
-    key: [ReactConstants[0]],
-    value: function componentDidMount() {
-      orNoop(__props(this).nextProvider)(this.next);
-      orNoop(__props(this).prevProvider)(this.prev);
-      orNoop(__props(this).selectedProvider)(this.selected);
-      orNoop(__props(this).resetProvider)(this.reset);
-      this.updateList(__props(this));
-    }
-  }, {
-    key: [ReactConstants[2]],
-    value: function componentDidUpdate(prevProps, prevState, snapshot) {
-      if (__props(this).data === __data(prevProps)) return;
-      this.updateList(__props(this));
-    }
-  }, {
-    key: [ReactConstants[3]],
-    value: function render() {
-      var _this2 = this;
-      var _this$props = __props(this),
-          data = __data(_this$props),
-          labels = _this$props.labels,
-          filter = _this$props.filter,
-          className = _this$props[ReactConstants[5]],
-          selected = _this$props.selected,
-          inline = _this$props.inline,
-          childComponent = _this$props.childComponent,
-          childProps = _this$props.childProps,
-          style = __style(_this$props),
-          scroll = _this$props.scroll;
-      return ReactCreateElement(Scrollable, {
-        [ReactConstants[5]]: classNames('FilteredList', className, inline ? 'inline' : 'popup'),
-        ref: ref('el', this),
-        style: style,
-        scrollBarMode: scroll
-      }, (data || []).filter(function (id) {
-        return id !== false && id != null;
-      }).map(function (id) {
-        return ReactCreateElement(ItemWrapper, {
-          id: id,
-          key: id,
-          label: getLabel(labels, id),
-          childComponent: childComponent,
-          childProps: childProps,
-          element: function element(el) {
-            return _this2.elements[id] = el;
-          },
-          [ReactConstants[6]]: function onClick(e) {
-            stopPropagation(e);
-            _this2.onSelect(id);
-          },
-          onMouseEnter: function onMouseEnter(e) {
-            return _this2.setState({
-              selected: id
-            });
-          },
-          onMouseLeave: function onMouseLeave(e) {
-            return id === __state(_this2).selected && _this2.setState({
-              selected: -1
-            });
-          },
-          [ReactConstants[5]]: classNames('child', __state(_this2).selected === id && 'active', selected === id || isObject(selected) && selected[id] && 'selected'),
-          classProvider: function classProvider(it) {
-            return (_this2.hidden[id] = !filter(it)) && 'hidden';
-          }
-        });
-      }));
-    }
-  }]);
-  return FilteredList;
-}(PureComponent);
-FilteredList.defaultProps = {
-  data: [],
-  labels: {},
-  selected: {},
-  inline: false,
-  selectSingle: true,
-  filter: function filter() {
-    return true;
-  }
-};
-var FilteredList$1 = FilteredList;
-var ItemWrapper = function (_React$Component) {
-  _inherits(ItemWrapper, _React$Component);
-  var _super2 = _createSuper(ItemWrapper);
-  function ItemWrapper() {
-    _classCallCheck(this, ItemWrapper);
-    return _super2.apply(this, arguments);
-  }
-  _createClass(ItemWrapper, [{
-    key: [ReactConstants[3]],
-    value: function render() {
-      var _this3 = this;
-      var _this$props2 = __props(this),
-          id = _this$props2.id,
-          label = _this$props2.label,
-          onClick = _this$props2[ReactConstants[6]],
-          onMouseDown = _this$props2.onMouseDown,
-          onMouseEnter = _this$props2.onMouseEnter,
-          onMouseLeave = _this$props2.onMouseLeave,
-          classProvider = _this$props2.classProvider,
-          className = _this$props2[ReactConstants[5]],
-          childComponent = _this$props2.childComponent,
-          childProps = _this$props2.childProps;
-      var child = React.createElement(childComponent, _objectSpread2(_objectSpread2({}, childProps), {}, {
-        id: id,
-        label: label,
-        dataConsumer: function dataConsumer(data) {
-          return _this3.data = data;
-        }
-      }));
-      var cssClass = orNoop(classProvider)(__data(this));
-      return ReactCreateElement("div", {
-        [ReactConstants[5]]: classNames('ItemWrapper', cssClass, className),
-        onMouseEnter: onMouseEnter,
-        onMouseLeave: onMouseLeave,
-        onMouseDown: onMouseDown,
-        [ReactConstants[6]]: onClick,
-        ref: ref('el', this)
-      }, child);
-    }
-  }, {
-    key: [ReactConstants[0]],
-    value: function componentDidMount() {
-      orNoop(__props(this).element)(this.el);
-      this.forceUpdate();
-    }
-  }]);
-  return ItemWrapper;
-}(React.Component);
+    return ItemWrapper;
+}(React.Component));
 
-export { FilteredList$1 as default, getLabel };
+export { FilteredList as default, getLabel };
 //# sourceMappingURL=FilteredList.js.map

package/Table.d.ts

@@ -7,6 +7,7 @@ declare type Comparator = <T>(a: T, b: T) => number;
 declare const editorSelect = "Select";
 declare const editorSwitch = "Switch";
 export interface RowProps<T> {
+    i: number;
     item: T;
     disabled?: (t: T) => boolean;
     editing: any;
@@ -17,12 +18,19 @@ export interface RowProps<T> {
     onFinishEditing: () => void;
     handleInputChange: (e: ChangeEvent) => void;
     setValue: (v: any) => void;
-    setEditing: (t: T, i: number, field: string) => void;
+    setEditing: (t: T, i: number, value?: any) => void;
+    onMouseDown?: (e: SyntheticEvent, row: number, column: number) => void;
+    onMouseUp?: (e: SyntheticEvent, row: number, column: number) => void;
+    onMouseEnter?: (e: SyntheticEvent, row: number, column: number) => void;
+    onMouseLeave?: (e: SyntheticEvent, row: number, column: number) => void;
 }
 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 declare type CellClassName<T> = (item: T, field: string, row: number, column: number) => string;
+export declare type ColumnClassName<T> = string | CellClassName<T>;
 export interface TableColumn<T> {
     field?: string;
-    className?: string;
+    className?: ColumnClassName<T>;
+    onClick?: (e: SyntheticEvent, startEditing: () => void, item: T, field: string, row: number, column: number) => void;
     comparator?: Comparator;
     header?: string | ReactElement;
     sortable?: boolean;
@@ -45,6 +53,10 @@ export interface TableProps<T> {
     toKey?: (t: T) => number | string;
     onChange?: (t: T, cancel: () => void) => void;
     rowClassName?: string | ((t: T) => string);
+    onMouseDown?: (e: SyntheticEvent, row: number, column: number) => void;
+    onMouseUp?: (e: SyntheticEvent, row: number, column: number) => void;
+    onMouseEnter?: (e: SyntheticEvent, row: number, column: number) => void;
+    onMouseLeave?: (e: SyntheticEvent, row: number, column: number) => void;
 }
 export interface TableState<T> {
     sortOrder?: SortOrder;
@@ -53,6 +65,9 @@ export interface TableState<T> {
     data?: T[];
 }
 declare class Table<T> extends Component<TableProps<T>, TableState<T>> {
+    startEditing: (item: any, columnIndex: any, value?: any) => void;
+    finishEditing: () => void;
+    isEditing: () => boolean;
     constructor(properties: any);
 }
 export interface TableColumnSelect extends TableColumn<any> {