react-ui-basics 0.0.163 → 0.0.166

package/Table.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, Component, ReactElement } from 'react';
+import { ChangeEvent, Component, ReactElement, SyntheticEvent } from 'react';
 import './Table.css';
 export declare const SORT_ASC: string;
 export declare const SORT_DESC: string;
@@ -10,7 +10,7 @@ export interface RowProps<T> {
     item: T;
     disabled?: (t: T) => boolean;
     editing: any;
-    onClick?: (t: T) => void;
+    onClick?: (t: T, e: SyntheticEvent) => void;
     className?: string | ((e: T) => string);
     columns: TableColumn<T>[];
     cancelEditing: () => void;
@@ -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;
@@ -40,7 +40,7 @@ export interface TableProps<T> {
     sortOrder?: SortOrder;
     sortBy?: string;
     onSortChange?: (sortBy: string, sortOrder: SortOrder) => void;
-    onRowClick?: (t: T) => void;
+    onRowClick?: (t: T, e: SyntheticEvent) => void;
     disabled?: (t: T) => boolean;
     toKey?: (t: T) => number | string;
     onChange?: (t: T, cancel: () => void) => void;

package/Table.js

@@ -5,6 +5,7 @@ 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';
@@ -85,8 +86,8 @@ var Table = /** @class */ (function (_super) {
             setData(dataState(), sortBy, sortOrder, comparator);
         };
         _this[ReactConstants[0]] = function () {
-            var _a = props(), sortBy = _a.sortBy, _b = _a.sortOrder, sortOrder = _b === void 0 ? SORT_ASC : _b, columns = _a.columns;
-            setData(dataState(), sortBy, sortOrder, comparatorGetter(columns.find(function (it) { return it.field === sortBy; })));
+            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);
         };
@@ -130,7 +131,7 @@ var Row = /** @class */ (function (_super) {
     }
     Row.prototype[ReactConstants[3]] = function () {
         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) {
+        return jsxRuntime_2("tr", __extends({ [ReactConstants[6]]: function (e) { return onClick(item, e); }, [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]]), [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) {

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';