@monolith-forensics/monolith-ui 1.1.89 → 1.1.91

package/dist/NewTable/enums.js

@@ -0,0 +1,7 @@
+export var SelectionStatus;
+(function (SelectionStatus) {
+    SelectionStatus["None"] = "none";
+    SelectionStatus["SomeIncluded"] = "someIncluded";
+    SelectionStatus["SomeExcluded"] = "someExcluded";
+    SelectionStatus["All"] = "all";
+})(SelectionStatus || (SelectionStatus = {}));

package/dist/NewTable/index.d.ts

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

package/dist/NewTable/index.js

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

package/dist/NewTable/types.d.ts

@@ -0,0 +1,191 @@
+import { LucideIcon } from "lucide-react";
+import { MutableRefObject, ReactElement, Ref } from "react";
+import { SelectionStatus } from "./enums";
+export type StateStorage = {
+    enabled: boolean;
+    type: "localStorage";
+    key: string;
+};
+export interface ColumnProps {
+    columnId?: string;
+    dataField: string;
+    caption?: string;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    visible?: boolean;
+    enableResize?: boolean;
+    enableReorder?: boolean;
+    enableSorting?: boolean;
+    orderValue?: number;
+    render?: (rowData: any) => React.ReactNode;
+}
+export interface ColumnState extends ColumnProps {
+    columnId: string;
+    caption: string;
+    width: number;
+    minWidth: number;
+    orderValue: number;
+}
+export type SelectionState = {
+    selectedRowKeys: string[];
+    excludedRowKeys: string[];
+    selectionStatus: SelectionStatus;
+};
+export type SortState = {
+    dataField: string;
+    dir: "asc" | "desc";
+};
+export type TableState = {
+    columnState: ColumnState[];
+    selectionState: SelectionState;
+    sortState?: SortState;
+};
+export interface onResizeFinishedProps {
+    column: ColumnState;
+    columnId?: string;
+    targetColumn: Element | null;
+    newWidth: string | null;
+}
+export interface onResizeProps {
+    columns: {
+        dataField: string;
+        width: number;
+    }[];
+}
+export interface ResizeHandlerProps {
+    event: React.MouseEvent<HTMLDivElement>;
+    columnId?: string;
+    columnProps: ColumnState;
+    onResize: (e: onResizeProps) => void;
+    onResizeFinished?: (e: onResizeFinishedProps) => void;
+}
+export interface TableHeaderProps {
+    headerRowHeight?: number;
+    enableColumnResize?: boolean;
+    enableColumnReorder?: boolean;
+    headerRowElm: Ref<HTMLDivElement>;
+}
+export interface TRProps extends React.HTMLAttributes<HTMLDivElement> {
+    compact?: boolean;
+    height?: number;
+}
+export interface TDProps extends React.HTMLAttributes<HTMLDivElement> {
+    compact?: boolean;
+}
+export type onSelectionChangeFn = (props: SelectionState) => void;
+export type TableContextType = {
+    columnState: ColumnState[];
+    sortState?: SortState | null;
+    data: any[];
+    setColumnState: React.Dispatch<React.SetStateAction<ColumnState[]>>;
+    keyField?: string;
+    compact?: boolean;
+    headerRowHeight?: number;
+    rowHeight?: number;
+    enableColumnResize?: boolean;
+    enableColumnReorder?: boolean;
+    enableActionButton?: boolean;
+    actionButtonIcon?: LucideIcon;
+    enableSelection?: boolean;
+    disableSelectAll?: boolean;
+    selectionState: SelectionState;
+    selectedRowKeys: string[];
+    selectAllRows: () => void;
+    clearSelections: () => void;
+    isRowSelected: (row: any) => boolean;
+    onSelectionChange?: onSelectionChangeFn;
+    selectRow: (row: any) => void;
+    deselectRow: (row: any) => void;
+    getSelectedRowKeys: () => string[];
+    onActionButtonClick?: (rowData: any) => void;
+    onColumnResize?: (e: OnColumnChangeProps) => void;
+    onColumnReorder?: (e: OnColumnChangeProps) => void;
+    handleColumnReorder: (dragColumn: ColumnState, dropColumn: ColumnState) => void;
+    handleColumnHeaderClick: (column: ColumnState) => void;
+    onColumnStateChange?: (e: ColumnState[]) => void;
+    stateStorage?: StateStorage;
+};
+export interface TableProviderProps {
+    children: React.ReactNode;
+    columns: ColumnProps[];
+    data: any[];
+    keyField?: string;
+    tableInstanceRef?: MutableRefObject<TableInstance | undefined>;
+    compact?: boolean;
+    headerRowHeight?: number;
+    rowHeight?: number;
+    enableColumnResize?: boolean;
+    enableColumnReorder?: boolean;
+    enableActionButton?: boolean;
+    actionButtonIcon?: LucideIcon;
+    enableSelection?: boolean;
+    disableSelectAll?: boolean;
+    stateStorage?: StateStorage;
+    manualSorting?: boolean;
+    enableSorting?: boolean;
+    onSelectionChange?: onSelectionChangeFn;
+    onActionButtonClick?: (rowData: any) => void;
+    onColumnResize?: (e: OnColumnChangeProps) => void;
+    onColumnReorder?: (e: OnColumnChangeProps) => void;
+    onColumnStateChange?: (e: ColumnState[]) => void;
+    onColumnHeaderClick?: (e: {
+        column: ColumnState;
+        sort?: SortState | null;
+    }) => void;
+}
+export interface TableRowProps {
+    rowData: {
+        [key: string]: any;
+    };
+    rowStyle?: React.CSSProperties;
+}
+export interface OnColumnChangeProps {
+    columnState: ColumnState[];
+    column: ColumnState;
+}
+export interface TableProps {
+    children: ReactElement<ColumnProps> | ReactElement<ColumnProps>[];
+    data: any[];
+    keyField?: string;
+    tableInstanceRef?: MutableRefObject<TableInstance | undefined>;
+    virtualized?: boolean;
+    compact?: boolean;
+    headerRowHeight?: number;
+    rowHeight?: number;
+    enableColumnResize?: boolean;
+    enableColumnReorder?: boolean;
+    stateStorage?: StateStorage;
+    enableActionButton?: boolean;
+    actionButtonIcon?: LucideIcon;
+    enableSelection?: boolean;
+    disableSelectAll?: boolean;
+    enableSorting?: boolean;
+    manualSorting?: boolean;
+    onSelectionChange?: onSelectionChangeFn;
+    onActionButtonClick?: (rowData: any) => void;
+    onColumnResize?: (e: OnColumnChangeProps) => void;
+    onColumnReorder?: (e: OnColumnChangeProps) => void;
+    onColumnStateChange?: (e: ColumnState[]) => void;
+    onColumnHeaderClick?: (e: {
+        column: ColumnState;
+        sort?: SortState | null;
+    }) => void;
+}
+export type TableInstance = {
+    columnState: ColumnState[];
+    setColumnState: React.Dispatch<React.SetStateAction<ColumnState[]>>;
+    getColumnState: (dataField: string) => ColumnState | undefined;
+    onColumnResize?: (e: OnColumnChangeProps) => void;
+    onColumnReorder?: (e: OnColumnChangeProps) => void;
+    onColumnStateChange?: (e: ColumnState[]) => void;
+    toggleColumnVisibility: (dataField: string) => void;
+    getColumnVisibility: (dataField: string) => boolean;
+    getSelectedRows: () => any[];
+    getSelectedRowKeys: () => string[];
+    selectRow: (row: any) => void;
+    deselectRow: (row: any) => void;
+    selectAllRows: () => void;
+    runSearch: (query: string) => void;
+    clearSelections: () => void;
+};

package/dist/NewTable/types.js

@@ -0,0 +1 @@
+export {};

package/dist/NewTable/useTable.d.ts

@@ -0,0 +1,3 @@
+import { TableContextType } from "./types";
+declare const useTable: () => TableContextType;
+export default useTable;

package/dist/NewTable/useTable.js

@@ -0,0 +1,10 @@
+import { useContext } from "react";
+import { TableContext } from "./TableProvider";
+const useTable = () => {
+    const context = useContext(TableContext);
+    if (context === undefined) {
+        throw new Error("useTable must be used within a TableProvider");
+    }
+    return context;
+};
+export default useTable;

package/dist/Table/Table.d.ts

@@ -11,6 +11,8 @@ export interface ColumnProps {
     allowResize?: boolean;
     resizeEnabled?: boolean;
     width?: number;
+    visible?: boolean;
+    enabled?: boolean;
     sorting?: {
         active: boolean;
         direction: "asc" | "desc";

package/dist/index.d.ts

@@ -33,3 +33,5 @@ export { default as RichTextEditor, Extensions, SlashCommands, Controls, } from
 export type { CustomItem, ToolbarOptions } from "./RichTextEditor";
 export { default as Loader } from "./Loader";
 export type { LoaderProps } from "./Loader";
+export { Table as NewTable, Column as NewColumn } from "./NewTable";
+export type { ColumnProps as NewColumnProps, TableInstance } from "./NewTable";

package/dist/index.js

@@ -26,3 +26,4 @@ export { default as MonolithUIProvider } from "./MonolithUIProvider";
 export { useMonolithUITheme } from "./MonolithUIProvider";
 export { default as RichTextEditor, Extensions, SlashCommands, Controls, } from "./RichTextEditor";
 export { default as Loader } from "./Loader";
+export { Table as NewTable, Column as NewColumn } from "./NewTable";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.1.89",
+  "version": "1.1.91",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",
@@ -18,6 +18,7 @@
   "scripts": {
     "clean": "rm -r ./dist",
     "build": "tsc",
+    "dist-dev": "yarn version --patch --deferred && yarn build && npm publish --tag beta && yarn clean",
     "release-patch": "yarn version --patch --deferred && yarn build && npm publish && yarn clean",
     "release-minor": "yarn version --minor --deferred && yarn build && npm publish && yarn clean",
     "release-major": "yarn version --major --deferred && yarn build && npm publish && yarn clean"