@monolith-forensics/monolith-ui 1.2.91 → 1.2.93

package/dist/Table/TableMenu/TableMenu.js

@@ -10,7 +10,7 @@ import { useDebouncedCallback } from "use-debounce";
 import InfoBadge from "./InfoBadge";
 import { QueryFilter, useQueryFilter, } from "../../QueryFilter";
 import shortUUID from "short-uuid";
-import DefaultOperators from "../../QueryFilter/DefaultOperators";
+import { DefaultOperators } from "../../QueryFilter";
 const StyledContainer = styled.div `
   display: flex;
   flex-direction: column;
@@ -27,14 +27,15 @@ const FlexedRow = styled.div `
   }
 `;
 const TableMenu = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c;
     const { data, columnState, searchState, toggleColumnVisibility, tableMenuOptions, runSearch, enableSelection, compactState, toggleCompact, totalRecords, getCalculatedSelectionTotal, filterState, handleFilterChange, } = useTable();
     if ((tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.enabled) !== true)
         return null;
-    const { filterOptions } = tableMenuOptions;
+    const { addButtonOptions, filterOptions, tableCountOptions, exportOptions, compactOptions, columnSelectorOptions, searchOptions, } = tableMenuOptions;
     const queryFilter = useQueryFilter({
         defaultFilter: filterState,
         filterDefinitions: (filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.filterDefinitions) || [],
+        showCombinator: true,
         onFilterChange: (q) => {
             var _a;
             handleFilterChange(q);
@@ -54,11 +55,11 @@ const TableMenu = () => {
             id: shortUUID.generate(),
             dataField: item.value,
             operator: ((_a = data === null || data === void 0 ? void 0 : data.operators) === null || _a === void 0 ? void 0 : _a[0]) || DefaultOperators[0],
-            value: "",
+            value: undefined,
             label: item.label,
         });
     };
-    return (_jsxs(StyledContainer, { children: [_jsxs(FlexedRow, { className: "justify-sb", children: [_jsxs(FlexedRow, { children: [((_a = tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.addButtonOptions) === null || _a === void 0 ? void 0 : _a.enabled) !== false && (_jsx(Button, { color: "primary", variant: "contained", size: "xxs", onClick: () => { var _a, _b; return (_b = (_a = tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.addButtonOptions) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a); }, children: ((_b = tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.addButtonOptions) === null || _b === void 0 ? void 0 : _b.label) || "+ Add Record" })), (filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.enabled) !== false && (_jsx(DropDownMenu, { variant: "outlined", size: "xs", data: ((_c = filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.filterDefinitions) === null || _c === void 0 ? void 0 : _c.map((filter) => ({
+    return (_jsxs(StyledContainer, { children: [_jsxs(FlexedRow, { className: "justify-sb", children: [_jsxs(FlexedRow, { children: [(addButtonOptions === null || addButtonOptions === void 0 ? void 0 : addButtonOptions.enabled) === true && (_jsx(Button, { color: "primary", variant: "contained", size: "xxs", onClick: () => { var _a, _b; return (_b = (_a = tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.addButtonOptions) === null || _a === void 0 ? void 0 : _a.onClick) === null || _b === void 0 ? void 0 : _b.call(_a); }, children: ((_a = tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.addButtonOptions) === null || _a === void 0 ? void 0 : _a.label) || "+ Add Record" })), (filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.enabled) === true && (_jsx(DropDownMenu, { variant: "outlined", size: "xs", data: ((_b = filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.filterDefinitions) === null || _b === void 0 ? void 0 : _b.map((filter) => ({
                                     label: filter.label,
                                     value: filter.dataField,
                                     data: filter,
@@ -68,7 +69,8 @@ const TableMenu = () => {
                                     leftSection: _jsx(FilterIcon, { size: 12 }),
                                 }, onItemSelect: handleSelectFilter, dropDownProps: {
                                     style: { width: 175, maxWidth: 400 },
-                                }, searchable: true, children: "Filter" })), _jsx(InfoBadge, { total: totalRecords || data.length }), enableSelection === true && (_jsx(InfoBadge, { total: getCalculatedSelectionTotal(), hint: "Selected Items", icon: CheckSquareIcon }))] }), _jsxs(FlexedRow, { children: [((_d = tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.exportOptions) === null || _d === void 0 ? void 0 : _d.enabled) !== false && (_jsx(DropDownMenu, { variant: "outlined", size: "xs", data: [
+                                }, searchable: true, children: "Filter" })), (tableCountOptions === null || tableCountOptions === void 0 ? void 0 : tableCountOptions.recordsTotalEnabled) === true && (_jsx(InfoBadge, { total: totalRecords || data.length })), enableSelection === true &&
+                                (tableCountOptions === null || tableCountOptions === void 0 ? void 0 : tableCountOptions.selectionTotalEnabled) === true && (_jsx(InfoBadge, { total: getCalculatedSelectionTotal(), hint: "Selected Items", icon: CheckSquareIcon }))] }), _jsxs(FlexedRow, { children: [(exportOptions === null || exportOptions === void 0 ? void 0 : exportOptions.enabled) === true && (_jsx(DropDownMenu, { variant: "outlined", size: "xs", data: [
                                     {
                                         label: "Export Visible Columns",
                                         value: TableExportOptions.ExportVisible,
@@ -86,7 +88,7 @@ const TableMenu = () => {
                                     return (_b = (_a = tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.exportOptions) === null || _a === void 0 ? void 0 : _a.onExport) === null || _b === void 0 ? void 0 : _b.call(_a, item.value);
                                 }, dropDownProps: {
                                     style: { width: 175, maxWidth: 400 },
-                                }, children: _jsx(DownloadIcon, { size: 14 }) })), ((_e = tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.compactOptions) === null || _e === void 0 ? void 0 : _e.enabled) !== false && (_jsx(Button, { variant: "outlined", title: "Toggle Compact", size: "xxs", style: { padding: "0px 4px" }, onClick: () => toggleCompact(), children: compactState ? _jsx(Rows4Icon, { size: 14 }) : _jsx(Rows3Icon, { size: 14 }) })), ((_f = tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.columnSelectorOptions) === null || _f === void 0 ? void 0 : _f.enabled) !== false && (_jsx(DropDownMenu, { variant: "outlined", size: "xs", data: columnState.map((col) => ({
+                                }, children: _jsx(DownloadIcon, { size: 14 }) })), (compactOptions === null || compactOptions === void 0 ? void 0 : compactOptions.enabled) === true && (_jsx(Button, { variant: "outlined", title: "Toggle Compact", size: "xxs", style: { padding: "0px 4px" }, onClick: () => toggleCompact(), children: compactState ? _jsx(Rows4Icon, { size: 14 }) : _jsx(Rows3Icon, { size: 14 }) })), (columnSelectorOptions === null || columnSelectorOptions === void 0 ? void 0 : columnSelectorOptions.enabled) === true && (_jsx(DropDownMenu, { variant: "outlined", size: "xs", data: columnState.map((col) => ({
                                     label: (col === null || col === void 0 ? void 0 : col.caption) || col.dataField,
                                     value: col.dataField,
                                     onClick: () => toggleColumnVisibility(col.dataField),
@@ -97,10 +99,10 @@ const TableMenu = () => {
                                     value: col.dataField,
                                 })), multiselect: true, searchable: true, buttonProps: {
                                     title: "Show/Hide Columns",
-                                    size: "xxs",
-                                    style: { padding: "0px 4px" },
+                                    size: "xs",
+                                    style: { padding: "0px 4px", height: 24 },
                                 }, dropDownProps: {
                                     style: { width: 175, maxWidth: 400 },
-                                }, children: _jsx(Columns3Icon, { size: 14 }) })), ((_g = tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.searchOptions) === null || _g === void 0 ? void 0 : _g.enabled) !== false && (_jsx(TextInput, { size: "xs", placeholder: ((_h = tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.searchOptions) === null || _h === void 0 ? void 0 : _h.placeholder) || "Search", defaultValue: searchState, onChange: handleSearch }))] })] }), _jsx(QueryFilter, { queryFilter: queryFilter })] }));
+                                }, children: _jsx(Columns3Icon, { size: 14 }) })), (searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.enabled) === true && (_jsx(TextInput, { size: "xs", placeholder: ((_c = tableMenuOptions === null || tableMenuOptions === void 0 ? void 0 : tableMenuOptions.searchOptions) === null || _c === void 0 ? void 0 : _c.placeholder) || "Search", defaultValue: searchState, onChange: handleSearch }))] })] }), _jsx(QueryFilter, { queryFilter: queryFilter })] }));
 };
 export default TableMenu;

package/dist/Table/TableProvider.js

@@ -19,7 +19,7 @@ import { SelectionStatus } from "./enums";
 import moment from "moment";
 export const TableContext = createContext(null);
 const TableProvider = (_a) => {
-    var { children, columns, tableInstanceRef, stateStorage } = _a, props = __rest(_a, ["children", "columns", "tableInstanceRef", "stateStorage"]);
+    var { children, columns, tableInstanceRef, stateStorage, height, maxHeight, minHeight } = _a, props = __rest(_a, ["children", "columns", "tableInstanceRef", "stateStorage", "height", "maxHeight", "minHeight"]);
     const _columns = columns
         .map((child, index) => {
         if (child.dataField === "__key") {
@@ -150,10 +150,9 @@ const TableProvider = (_a) => {
         });
     };
     const searchData = (searchText) => {
+        const columnKeys = columnState.map((col) => col.dataField);
         return props.data.filter((row) => {
-            return Object.keys(row)
-                .filter((key) => key !== "__key" && key !== "__index")
-                .some((key) => {
+            return columnKeys.some((key) => {
                 if (typeof row[key] === "string") {
                     return row[key].toLowerCase().includes(searchText.toLowerCase());
                 }
@@ -162,6 +161,8 @@ const TableProvider = (_a) => {
         });
     };
     const filterData = (filter) => {
+        if (!props.data)
+            return [];
         // create copy of data
         let processedData = props.data.map((row) => row);
         const { combinator, rules } = filter;
@@ -170,74 +171,81 @@ const TableProvider = (_a) => {
         for (const rule of rules) {
             const column = columnState.find((col) => col.dataField === rule.dataField);
             const { value, operator, dataField } = rule;
-            if (!value) {
+            if (operator.value === "isEmpty" || operator.value === "isNotEmpty") {
+                processedData = processedData.filter((row) => {
+                    return operator.value === "isEmpty"
+                        ? !row[dataField]
+                        : row[dataField];
+                });
+            }
+            if (!value || value.length === 0) {
                 continue;
             }
             switch (operator.value) {
                 case "=":
                     processedData = processedData.filter((row) => {
                         if ((column === null || column === void 0 ? void 0 : column.dataType) === "date") {
-                            return moment(row[dataField]).isSame(moment(value), "day");
+                            return moment(row[dataField]).isSame(moment(value[0]), "day");
                         }
                         else if ((column === null || column === void 0 ? void 0 : column.dataType) === "datetime") {
-                            return moment(row[dataField]).isSame(moment(value));
+                            return moment(row[dataField]).isSame(moment(value[0]));
                         }
-                        return row[dataField] == value;
+                        return row[dataField] == value[0];
                     });
                     break;
                 case "!=":
                     processedData = processedData.filter((row) => {
                         if ((column === null || column === void 0 ? void 0 : column.dataType) === "date") {
-                            return !moment(row[dataField]).isSame(moment(value), "day");
+                            return !moment(row[dataField]).isSame(moment(value[0]), "day");
                         }
                         else if ((column === null || column === void 0 ? void 0 : column.dataType) === "datetime") {
-                            return !moment(row[dataField]).isSame(moment(value));
+                            return !moment(row[dataField]).isSame(moment(value[0]));
                         }
-                        return row[dataField] != value;
+                        return row[dataField] != value[0];
                     });
                     break;
                 case ">":
                     processedData = processedData.filter((row) => {
                         if ((column === null || column === void 0 ? void 0 : column.dataType) === "date") {
-                            return moment(row[dataField]).isAfter(moment(value), "day");
+                            return moment(row[dataField]).isAfter(moment(value[0]), "day");
                         }
                         else if ((column === null || column === void 0 ? void 0 : column.dataType) === "datetime") {
-                            return moment(row[dataField]).isAfter(moment(value));
+                            return moment(row[dataField]).isAfter(moment(value[0]));
                         }
-                        return row[dataField] > value;
+                        return row[dataField] > value[0];
                     });
                     break;
                 case "<":
                     processedData = processedData.filter((row) => {
                         if ((column === null || column === void 0 ? void 0 : column.dataType) === "date") {
-                            return moment(row[dataField]).isBefore(moment(value), "day");
+                            return moment(row[dataField]).isBefore(moment(value[0]), "day");
                         }
                         else if ((column === null || column === void 0 ? void 0 : column.dataType) === "datetime") {
-                            return moment(row[dataField]).isBefore(moment(value));
+                            return moment(row[dataField]).isBefore(moment(value[0]));
                         }
-                        return row[dataField] < value;
+                        return row[dataField] < value[0];
                     });
                     break;
                 case ">=":
                     processedData = processedData.filter((row) => {
                         if ((column === null || column === void 0 ? void 0 : column.dataType) === "date") {
-                            return moment(row[dataField]).isSameOrAfter(moment(value), "day");
+                            return moment(row[dataField]).isSameOrAfter(moment(value[0]), "day");
                         }
                         else if ((column === null || column === void 0 ? void 0 : column.dataType) === "datetime") {
-                            return moment(row[dataField]).isSameOrAfter(moment(value));
+                            return moment(row[dataField]).isSameOrAfter(moment(value[0]));
                         }
-                        return row[dataField] >= value;
+                        return row[dataField] >= value[0];
                     });
                     break;
                 case "<=":
                     processedData = processedData.filter((row) => {
                         if ((column === null || column === void 0 ? void 0 : column.dataType) === "date") {
-                            return moment(row[dataField]).isSameOrBefore(moment(value), "day");
+                            return moment(row[dataField]).isSameOrBefore(moment(value[0]), "day");
                         }
                         else if ((column === null || column === void 0 ? void 0 : column.dataType) === "datetime") {
-                            return moment(row[dataField]).isSameOrBefore(moment(value));
+                            return moment(row[dataField]).isSameOrBefore(moment(value[0]));
                         }
-                        return row[dataField] <= value;
+                        return row[dataField] <= value[0];
                     });
                     break;
                 case "between":
@@ -266,16 +274,14 @@ const TableProvider = (_a) => {
                     break;
                 case "contains":
                     processedData = processedData.filter((row) => {
-                        return row[dataField]
-                            .toLowerCase()
-                            .includes(value.toLowerCase());
+                        var _a, _b;
+                        return (_a = row[dataField]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes((_b = value[0]) === null || _b === void 0 ? void 0 : _b.toString().toLowerCase());
                     });
                     break;
                 case "doesNotContain":
                     processedData = processedData.filter((row) => {
-                        return !row[dataField]
-                            .toLowerCase()
-                            .includes(value.toLowerCase());
+                        var _a, _b;
+                        return !((_a = row[dataField]) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes((_b = value[0]) === null || _b === void 0 ? void 0 : _b.toString().toLowerCase()));
                     });
                     break;
                 case "in":
@@ -501,6 +507,6 @@ const TableProvider = (_a) => {
             filterState,
             compactState,
             toggleCompact,
-            getCalculatedSelectionTotal }, props), { data: _data }), children: children }));
+            getCalculatedSelectionTotal, tableHeight: height, tableMaxHeight: maxHeight, tableMinHeight: minHeight }, props), { onRowUpdated: (props === null || props === void 0 ? void 0 : props.onRowUpdated) || (() => { }), data: _data }), children: children }));
 };
 export default TableProvider;

package/dist/Table/TableRow.js

@@ -7,7 +7,7 @@ import ActionCell from "./ActionCell";
 import ActionButton from "./ActionButton";
 import CheckBox from "../CheckBox";
 const TableRow = ({ rowData, rowStyle }) => {
-    const { columnState, enableActionButton, onActionButtonClick, actionButtonIcon: Icon, enableSelection, selectRow, deselectRow, isRowSelected, } = useTable();
+    const { columnState, enableActionButton, onActionButtonClick, actionButtonIcon: Icon, enableSelection, selectRow, deselectRow, isRowSelected, onRowUpdated, } = useTable();
     const selected = isRowSelected(rowData);
     const handleSelectionChange = (e) => {
         e === true ? selectRow(rowData) : deselectRow(rowData);
@@ -20,7 +20,10 @@ const TableRow = ({ rowData, rowStyle }) => {
                         minWidth: column.minWidth,
                         flex: column.width ? "0 0 auto" : "1",
                     }, children: [(column === null || column === void 0 ? void 0 : column.enableResize) === true && _jsx(ColumnResizer, { column: column }), _jsx(InnerCellContent, { className: "mfui inner-cell-content", children: column.render
-                                ? column.render(rowData)
+                                ? column.render({
+                                    rowData,
+                                    onRowUpdated,
+                                })
                                 : rowData[column.dataField] })] }, index));
             })] }));
 };

package/dist/Table/VirtualIzedRows.d.ts

@@ -3,8 +3,8 @@ declare const VirtualizedRows: React.FC<{
         width: number;
         height: number;
     };
-    targetElm: React.RefObject<HTMLDivElement>;
-    listElm: React.RefObject<HTMLDivElement>;
+    targetElm: React.MutableRefObject<HTMLDivElement | null>;
+    listElm: React.MutableRefObject<HTMLDivElement | null>;
     rowHeight?: number;
     headerRowHeight?: number;
 }>;

package/dist/Table/VirtualIzedRows.js

@@ -6,16 +6,18 @@ import TableDefaults from "./TableDefaults";
 import TableRow from "./TableRow";
 const VirtualizedRows = ({ tableDimensions, targetElm, listElm, rowHeight, headerRowHeight }) => {
     const { data, compactState } = useTable();
-    return (_jsx(TableViewPort, { className: "mfui-tbody-viewport", ref: targetElm, style: tableDimensions, children: _jsx(FixedSizeList, { itemData: { data }, overscanCount: 10, height: tableDimensions.height -
-                (headerRowHeight
-                    ? headerRowHeight
-                    : compactState
-                        ? TableDefaults.row.height.compact
-                        : TableDefaults.row.height.normal), width: tableDimensions.width, itemCount: (data === null || data === void 0 ? void 0 : data.length) || 0, itemSize: rowHeight
-                ? rowHeight
-                : compactState
-                    ? TableDefaults.row.height.compact
-                    : TableDefaults.row.height.normal, outerRef: listElm, innerElementType: (props) => {
+    const effectiveRowHeight = compactState
+        ? TableDefaults.row.height.compact
+        : rowHeight
+            ? rowHeight
+            : TableDefaults.row.height.normal;
+    const viewPortHeight = tableDimensions.height -
+        (headerRowHeight
+            ? headerRowHeight
+            : compactState
+                ? TableDefaults.row.height.compact
+                : TableDefaults.row.height.normal);
+    return (_jsx(TableViewPort, { className: "mfui-tbody-viewport", ref: targetElm, style: tableDimensions, children: _jsx(FixedSizeList, { itemData: { data }, overscanCount: 10, height: viewPortHeight, width: tableDimensions.width, itemCount: (data === null || data === void 0 ? void 0 : data.length) || 0, itemSize: effectiveRowHeight, outerRef: listElm, innerElementType: (props) => {
                 return _jsx(TBody, Object.assign({ className: "mfui-tbody" }, props));
             }, children: ({ data, index, style }) => {
                 var _a;

package/dist/Table/index.d.ts

@@ -1,4 +1,3 @@
-export { default as Table } from "./Table";
-export { default as Column } from "./Column";
+export * from "./Table";
 export * from "./types";
 export * from "./enums";

package/dist/Table/index.js

@@ -1,4 +1,3 @@
-export { default as Table } from "./Table";
-export { default as Column } from "./Column";
+export * from "./Table";
 export * from "./types";
 export * from "./enums";

package/dist/Table/types.d.ts

@@ -1,5 +1,5 @@
 import { LucideIcon } from "lucide-react";
-import { MutableRefObject, ReactElement, Ref } from "react";
+import { MutableRefObject, Ref } from "react";
 import { SelectionStatus, TableExportOptions } from "./enums";
 import { FilterDefinition, Query } from "../QueryFilter";
 export type StateStorage = {
@@ -7,6 +7,10 @@ export type StateStorage = {
     type: "localStorage";
     key: string;
 };
+export type RenderOptions = {
+    rowData: any;
+    onRowUpdated?: () => void;
+};
 export interface ColumnProps {
     columnId?: string;
     dataField: string;
@@ -20,7 +24,7 @@ export interface ColumnProps {
     enableReorder?: boolean;
     enableSorting?: boolean;
     orderValue?: number;
-    render?: (rowData: any) => React.ReactNode;
+    render?: (options: RenderOptions) => React.ReactNode;
 }
 export interface ColumnState extends ColumnProps {
     columnId: string;
@@ -91,6 +95,9 @@ export type TableContextType = {
     totalRecords?: number;
     setColumnState: React.Dispatch<React.SetStateAction<ColumnState[]>>;
     keyField?: string;
+    tableHeight?: number;
+    tableMaxHeight?: number;
+    tableMinHeight?: number;
     compact?: boolean;
     headerRowHeight?: number;
     rowHeight?: number;
@@ -129,6 +136,7 @@ export type TableContextType = {
     onColumnResize?: (e: OnColumnChangeProps) => void;
     onColumnReorder?: (e: OnColumnChangeProps) => void;
     onTableExport?: OnTableExportFn;
+    onRowUpdated: () => void;
     handleColumnReorder: (dragColumn: ColumnState, dropColumn: ColumnState) => void;
     handleColumnHeaderClick: (column: ColumnState) => void;
     onColumnStateChange?: (e: ColumnState[]) => void;
@@ -142,6 +150,9 @@ export interface TableProviderProps {
     totalRecords?: number;
     keyField?: string;
     tableInstanceRef?: MutableRefObject<TableInstance | undefined>;
+    height?: number;
+    maxHeight?: number;
+    minHeight?: number;
     compact?: boolean;
     headerRowHeight?: number;
     rowHeight?: number;
@@ -176,6 +187,7 @@ export interface TableProviderProps {
         column: ColumnState;
         sort?: SortState | null;
     }) => void;
+    onRowUpdated?: () => void;
 }
 export interface TableRowProps {
     rowData: {
@@ -203,6 +215,10 @@ export type TableMenuOptions = {
         label?: string;
         onClick?: () => void;
     };
+    tableCountOptions?: {
+        recordsTotalEnabled?: boolean;
+        selectionTotalEnabled?: boolean;
+    };
     searchOptions?: {
         enabled?: boolean;
         placeholder?: string;
@@ -218,11 +234,14 @@ export type TableMenuOptions = {
     };
 };
 export interface TableProps {
-    children: ReactElement<ColumnProps> | ReactElement<ColumnProps>[];
+    columnProps: ColumnProps[];
     data: any[];
     totalRecords?: number;
     keyField?: string;
     tableInstanceRef?: MutableRefObject<TableInstance | undefined>;
+    height?: number;
+    maxHeight?: number;
+    minHeight?: number;
     virtualized?: boolean;
     loading?: boolean;
     compact?: boolean;
@@ -241,6 +260,7 @@ export interface TableProps {
     manualFiltering?: boolean;
     manualExport?: boolean;
     tableMenuOptions?: TableMenuOptions;
+    onRowUpdated?: () => void;
     onSelectionChange?: onSelectionChangeFn;
     onActionButtonClick?: (rowData: any) => void;
     onColumnResize?: (e: OnColumnChangeProps) => void;

package/dist/TagBox/TagBox.d.ts

@@ -1,3 +1,3 @@
 import { TagBoxProps } from "./types";
-declare const TagBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TagBoxProps, never>> & string & Omit<({ className, data, placeholder, arrow, defaultValue, value, grouped, searchFn, onChange, onScroll, onSearch, onItemAdded, size, variant, width, allowCustomValue, searchable, clearable, openOnFocus, label, description, required, error, loading, sort, renderOption, OptionTooltip, }: TagBoxProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const TagBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TagBoxProps, never>> & string & Omit<({ className, data, placeholder, arrow, defaultValue, value, grouped, searchFn, onChange, onScroll, onSearch, onItemAdded, size, variant, width, allowCustomValue, searchable, clearable, openOnFocus, label, description, required, error, loading, sort, disabled, renderOption, OptionTooltip, DropDownProps, }: TagBoxProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export default TagBox;