@lgsm/modules 1.6.20-beta.3 → 1.6.20-beta.4

package/dist/shared-ui/DataTable/components/customFilterControl.d.ts

@@ -0,0 +1,8 @@
+import { CustomFilter } from '../types/filtering';
+import * as React from "react";
+export interface CustomFilterControlProps {
+    filter: CustomFilter;
+    value: any;
+    onChange: (value: any) => void;
+}
+export declare const CustomFilterControl: React.FC<CustomFilterControlProps>;

package/dist/shared-ui/DataTable/components/dataTable.d.ts

@@ -0,0 +1,3 @@
+import { DataTable } from '../types/table/dataTable';
+export type { CellContext, ColumnDef, PaginationState, SortingState } from '@tanstack/react-table';
+export declare function DataTable<TData = any>(props: DataTable<TData>): import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/components/dataTableBody.d.ts

@@ -0,0 +1,7 @@
+import { TableBody } from '../../../components/ui/table';
+import { DataTableBodyProps } from '../types/table/dataTableBodyProps';
+import * as React from "react";
+export declare const MemoizedTableBody: React.MemoExoticComponent<({ freeze, ...props }: React.ComponentProps<typeof TableBody> & {
+    freeze?: boolean | string;
+}) => import("react/jsx-runtime").JSX.Element>;
+export declare function DataTableBody({ permissions, table, columnsCount, columnConfig, loading, editingRows, newRowIds, editedRows, rowsToDisable, rowsToEnable, rowsToDelete, selectedRows, errors, getRowId, onRowClick, activeRowId, statusKey, }: DataTableBodyProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/components/dataTablePagination.d.ts

@@ -0,0 +1,2 @@
+import { DataTablePaginationProps } from '../types/table/dataTablePaginationProps';
+export declare function DataTablePagination({ pageIndex, pageSize, pageCount, totalRows, canPreviousPage, canNextPage, setPageSize, previousPage, nextPage, rowsPerPageOptions, }: DataTablePaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/components/dataTableToolbar.d.ts

@@ -0,0 +1,2 @@
+import { DataTableToolbarProps } from '../types/table/dataTableToolbarProps';
+export declare function DataTableToolbar({ globalFilter, setQuery, searchPlaceholder, hasFilters, showFilterPanel, setShowFilterPanel, showStatusFilter, setStatusFilter, switchKey, displayFilter, setDisplayFilter, setPagination, customFilters, activeFilters, setActiveFilters, onResetFilters, hasActiveCustomFilters, exportAction, enableExport, handleExport, importAction, importOptions, canPerformGlobalAction, statusConfig, statusFilter, onAdd, addNewRow, markDisabled, markEnabled, markDeleted, onDeleteMulti, selectedRow, selectedRowCount, noneEligibleForDisable, noneEligibleForEnable, canDeleteSelection, hasChanges, saving, hasValidationErrors, setShowSaveDialog, }: DataTableToolbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/components/detailTableCard.d.ts

@@ -0,0 +1,2 @@
+import { DetailTableCardProps } from '../types/table-panel/detailTableCard';
+export declare function DetailTableCard({ title, highlight, onClose, columns, data, loading, icon, closeLabel, searchPlaceholder, }: DetailTableCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/components/dropdownCell.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface DropdownCellProps {
+    value: any;
+    options: {
+        label: string;
+        value: string | number;
+    }[] | undefined;
+    searchable?: boolean;
+    isNew?: boolean;
+    disabled?: boolean;
+    onChange: (value: any) => void;
+}
+export declare const DropdownCell: React.FC<DropdownCellProps>;

package/dist/shared-ui/DataTable/components/editableCell.d.ts

@@ -0,0 +1,2 @@
+import { EditableCellProps } from '../types/column/editableCell';
+export declare const EditableCell: ({ isEditing: externalIsEditing, getValue, row, column, table, }: EditableCellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/components/errorWrapper.d.ts

@@ -0,0 +1,2 @@
+import { ErrorWrapperProps } from '../types/table/errorWrapper';
+export declare const ErrorWrapper: ({ error, children }: ErrorWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/components/filterPanel.d.ts

@@ -0,0 +1,2 @@
+import { FilterPanelProps } from '../types/filtering';
+export declare function FilterPanel({ fields, draft, onChange, onApply, onReset, }: FilterPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/components/memoRow.d.ts

@@ -0,0 +1,16 @@
+import { TablePermissions } from '../types/table/tablePermissions';
+import * as React from "react";
+export declare const MemoRow: React.FC<{
+    permissions: TablePermissions;
+    row: any;
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+    onClick?: any;
+    idKey: string;
+    canEdit: boolean;
+    isSelected: boolean;
+    hasError?: boolean;
+    isExpanded?: boolean;
+    columnConfig?: unknown;
+}>;

package/dist/shared-ui/DataTable/components/multiSelectCell.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface MultiSelectCellProps {
+    value: any;
+    options: {
+        label: string;
+        value: string | number;
+    }[] | undefined;
+    onUpdate: (newIds: string[]) => void;
+}
+export declare const MultiSelectCell: React.FC<MultiSelectCellProps>;
+export {};

package/dist/shared-ui/DataTable/components/pageInput.d.ts

@@ -0,0 +1,2 @@
+import { PageInput } from '../types/pagination';
+export declare function PageInput({ page, pageCount, onCommit }: PageInput): import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/components/saveConfirmDialog.d.ts

@@ -0,0 +1,2 @@
+import { SaveConfirmDialogProps } from '../types/table/saveConfirmDialog';
+export declare function SaveConfirmDialog({ open, onOpenChange, onConfirm, saving, newRowCount, editedRowCount, disableCount, enableCount, deleteCount, }: SaveConfirmDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/components/serverTable.d.ts

@@ -0,0 +1,34 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { ColumnConfig } from '../types/column/columnConfig';
+import { TablePermissions } from '../types/table/tablePermissions';
+import * as React from "react";
+export interface ServerTableProps<TData = any> {
+    permissions?: TablePermissions;
+    columns?: ColumnConfig[];
+    /** Pass raw TanStack ColumnDef[] to bypass ColumnConfig conversion */
+    columnDefs?: ColumnDef<TData>[];
+    data: TData[];
+    totalCount: number;
+    loading?: boolean;
+    title?: string;
+    headerActions?: React.ReactNode;
+    filters?: React.ReactNode;
+    sorting?: {
+        id: string;
+        desc: boolean;
+    }[];
+    onSortingChange?: (sorting: {
+        id: string;
+        desc: boolean;
+    }[]) => void;
+    pageIndex: number;
+    pageSize: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (size: number) => void;
+    pageSizeOptions?: number[];
+    getRowId?: (row: TData) => string;
+    onRowClick?: (row: TData) => void;
+    showStatusColumn?: boolean;
+    className?: string;
+}
+export declare function ServerTable<TData = any>({ permissions, columns, columnDefs, data, totalCount, loading, title, headerActions, filters, sorting, onSortingChange, pageIndex, pageSize, onPageChange, onPageSizeChange, pageSizeOptions, getRowId, onRowClick, showStatusColumn, className, }: ServerTableProps<TData>): import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/components/sortableHeader.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface SortableHeaderProps {
+    column: any;
+    title: React.ReactNode;
+    className?: string;
+}
+export declare function SortableHeader({ column, title, className }: SortableHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/components/uploadAssetImage.d.ts

@@ -0,0 +1,2 @@
+import { UploadImageProps } from '../utils/image';
+export default function UploadImage({ value, onFileSelected, }: UploadImageProps): import("react/jsx-runtime").JSX.Element;

package/dist/shared-ui/DataTable/hooks/hooks.d.ts

@@ -0,0 +1,79 @@
+import { PaginationState, SortingState } from '@tanstack/react-table';
+import { DataTable } from '../types/table/dataTable';
+import { canPerformAction } from '../utils';
+import * as React from "react";
+export declare function useDataTableState(props: DataTable): {
+    state: {
+        editedRows: Set<string>;
+        newRowIds: Set<string>;
+        editingRows: Set<string>;
+        hasEditableRows: boolean;
+        filterValues: Record<string, string>;
+        statusFilter: string;
+        effectiveData: any[];
+        rowsToDisable: Set<string>;
+        rowsToEnable: Set<string>;
+        rowsToDelete: Set<string>;
+        selectedRows: Set<string>;
+        errors: Map<string, Map<string, string>>;
+        sorting: SortingState;
+        globalFilter: string;
+        pagination: PaginationState;
+        saving: boolean;
+        showSaveDialog: boolean;
+        displayFilter: "yes" | "no" | "all";
+        switchKey: string | undefined;
+        state: {
+            tableData: any[];
+            setTableData: React.Dispatch<React.SetStateAction<any[]>>;
+            originalData: Map<string, any>;
+            setOriginalData: React.Dispatch<React.SetStateAction<Map<string, any>>>;
+        };
+    };
+    set: {
+        setFilterValues: React.Dispatch<React.SetStateAction<Record<string, string>>>;
+        setStatusFilter: React.Dispatch<React.SetStateAction<string>>;
+        setSorting: React.Dispatch<React.SetStateAction<SortingState>>;
+        setPagination: React.Dispatch<React.SetStateAction<PaginationState>>;
+        setShowSaveDialog: React.Dispatch<React.SetStateAction<boolean>>;
+        setSaving: React.Dispatch<React.SetStateAction<boolean>>;
+        setDisplayFilter: React.Dispatch<React.SetStateAction<"yes" | "no" | "all">>;
+        setSelectedRows: (updater: Set<string> | ((prev: Set<string>) => Set<string>)) => void;
+    };
+    ids: {
+        getRowId: (row: any) => any;
+        rowIdentity: {
+            action: {
+                getRowId: (row: any) => any;
+            };
+        };
+    };
+    utils: {
+        cancelEdit: (target: string | Set<string>) => void;
+        cancelNewRow: (id: string) => void;
+        updateData: (rowId: string, columnId: string, value: any) => void;
+        handleEditRow: (id: Set<string>) => void;
+        validateRow: (row: any, rowId: string) => Map<string, string>;
+        hasChanges: () => boolean;
+        setQuery: (q: string) => void;
+        handleSaveAll: () => Promise<boolean | undefined>;
+        hasValidationErrors: () => boolean;
+        isPendingActive: (id: string) => boolean;
+        canPerformAction: typeof canPerformAction;
+        getRowById: (id: string) => any;
+    };
+    actions: {
+        cancelEdit: (target: string | Set<string>) => void;
+        cancelNewRow: (id: string) => void;
+        updateData: (rowId: string, columnId: string, value: any) => void;
+        handleEditRow: (id: Set<string>) => void;
+        canPerformGlobalActionTable: (actionKey: string, config?: import('..').StatusConfig) => boolean;
+        addNewRow: () => void;
+        markDisabled: () => void;
+        cancelDeletion: (id: string) => void;
+        resetAfterSave: (finalData: any[]) => void;
+        markEnabled: () => void;
+        markDeleted: () => void;
+        cancelHardDelete: (id: string) => void;
+    };
+};

package/dist/shared-ui/DataTable/hooks/useColumnDefinitions.d.ts

@@ -0,0 +1,6 @@
+import { ColumnDef, Row } from '@tanstack/react-table';
+import { UseColumnDefinitionsOptions } from '../types/column/columnDefinitions';
+export declare function useColumnDefinitions({ permissions, columnConfig, showStatusColumn, statusKey, enableExpand, statusConfig, defaultMinWidth, nonSortableKeys, editingRows, newRowIds, editedRows, rowsToDisable, rowsToEnable, rowsToDelete, selectedRows, errors, getRowId, updateData, setSelectedRows, cancelEdit, cancelNewRow, cancelDeletion, cancelHardDelete, canPerformAction, onImageUpload, onRowClick, }: UseColumnDefinitionsOptions): {
+    columns: ColumnDef<any>[];
+    handleRowSelection: (row: Row<any>, checked: boolean, currentVisibleRows?: Row<any>[]) => void;
+};

package/dist/shared-ui/DataTable/hooks/useEditing.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { UseEditingProps } from '../types/hooks/useEditingProps';
+export declare function UseEditing({ setTableData, originalData, getRowId, subRowsKey, rowsToDisable, setSelectedRows, }: UseEditingProps): {
+    state: {
+        editedRows: Set<string>;
+        newRowIds: Set<string>;
+        editingRows: Set<string>;
+        hasEditableRows: boolean;
+    };
+    set: {
+        setEditedRows: React.Dispatch<React.SetStateAction<Set<string>>>;
+        setNewRowIds: React.Dispatch<React.SetStateAction<Set<string>>>;
+        setEditingRows: React.Dispatch<React.SetStateAction<Set<string>>>;
+    };
+    actions: {
+        cancelEdit: (target: string | Set<string>) => void;
+        cancelNewRow: (id: string) => void;
+        updateData: (rowId: string, columnId: string, value: any) => void;
+        handleEditRow: (id: Set<string>) => void;
+    };
+};

package/dist/shared-ui/DataTable/hooks/useFilterPanel.d.ts

@@ -0,0 +1,13 @@
+import { FilterField } from '../types/filtering';
+import { UseFilterPanelOptions } from '../types/hooks/useFilterPanel';
+import * as React from "react";
+export declare function useFilterPanel({ columnConfig, setFilterValues, setPagination, }: UseFilterPanelOptions): {
+    showFilterPanel: boolean;
+    setShowFilterPanel: React.Dispatch<React.SetStateAction<boolean>>;
+    filterDraft: Record<string, string>;
+    setFilterDraft: React.Dispatch<React.SetStateAction<Record<string, string>>>;
+    filterFields: FilterField[];
+    hasFilters: boolean;
+    applyFilters: () => void;
+    resetFilters: () => void;
+};

package/dist/shared-ui/DataTable/hooks/usePageInput.d.ts

@@ -0,0 +1,6 @@
+import { PageInput } from '../types/pagination';
+export declare function UsePageInput({ page, pageCount, onCommit }: PageInput): {
+    value: string;
+    commit: () => void;
+    handleChange: (value: string) => void;
+};

package/dist/shared-ui/DataTable/hooks/useRowIdentity.d.ts

@@ -0,0 +1,5 @@
+export declare function UseRowIdentity(getRowIdFromProp?: (row: any) => string | undefined): {
+    action: {
+        getRowId: (row: any) => any;
+    };
+};

package/dist/shared-ui/DataTable/hooks/useSelection.d.ts

@@ -0,0 +1,6 @@
+export declare function UseSelection(onSelectionChange?: (ids: string[]) => void): {
+    state: {
+        selectedRows: Set<string>;
+        setSelectedRows: (updater: Set<string> | ((prev: Set<string>) => Set<string>)) => void;
+    };
+};

package/dist/shared-ui/DataTable/hooks/useTableData.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export declare function UseTableData(rows: any[], statusKey: string, subRowsKey: string, getRowId: (row: any) => string): {
+    state: {
+        tableData: any[];
+        setTableData: React.Dispatch<React.SetStateAction<any[]>>;
+        originalData: Map<string, any>;
+        setOriginalData: React.Dispatch<React.SetStateAction<Map<string, any>>>;
+    };
+};

package/dist/shared-ui/DataTable/hooks/useTableStatus.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { StatusConfig } from '../types/table/statusConfig';
+import { TablePermissions } from '../types/table/tablePermissions';
+export declare function useTableStatus({ statusConfig, permissions, }: {
+    statusConfig?: StatusConfig;
+    permissions?: TablePermissions;
+}): {
+    state: {
+        statusFilter: string;
+    };
+    set: {
+        setStatusFilter: React.Dispatch<React.SetStateAction<string>>;
+    };
+    actions: {
+        canPerformGlobalActionTable: (actionKey: string, config?: StatusConfig) => boolean;
+    };
+};

package/dist/shared-ui/DataTable/index.d.ts

@@ -0,0 +1,25 @@
+export { DataTable } from './components/dataTable';
+export { ServerTable } from './components/serverTable';
+export { SortableHeader } from './components/sortableHeader';
+export { DetailTableCard } from './components/detailTableCard';
+export { EditableCell } from './components/editableCell';
+export { DataTableToolbar } from './components/dataTableToolbar';
+export { DataTablePagination } from './components/dataTablePagination';
+export { DataTableBody, MemoizedTableBody } from './components/dataTableBody';
+export { SaveConfirmDialog } from './components/saveConfirmDialog';
+export { CustomFilterControl } from './components/customFilterControl';
+export { exportToExcel } from '../../utils/excel';
+export { useDataTableState } from './hooks/hooks';
+export type { DataTable as DataTableProps } from './types/table/dataTable';
+export type { ServerTableProps } from './components/serverTable';
+export type { ServerSideConfig, ServerFetchParams, ServerTableConfig, } from './types/table/serverSideConfig';
+export type { ColumnConfig } from './types/column/columnConfig';
+export type { ColumnType } from './types/column/columnType';
+export type { ButtonSet, TableButton } from './types/button';
+export type { ImportOption } from './types/table/importExportOptions';
+export type { StatusConfig } from './types/table/statusConfig';
+export type { CustomFilter } from './types/filtering';
+export type { SortField, SortDirection } from './types/sorting';
+export type { TableMeta } from './types/table/tableMeta';
+export type { CellContext, ColumnDef, PaginationState, SortingState, ExpandedState, Row, } from '@tanstack/react-table';
+export type { TablePermissions } from './types/table/tablePermissions';

package/dist/shared-ui/DataTable/types/button.d.ts

@@ -0,0 +1,12 @@
+import { CellContext } from '@tanstack/react-table';
+export interface ButtonSet {
+    value: boolean;
+    label?: string;
+}
+export interface TableButton {
+    key: string;
+    label?: string;
+    action: (row?: any, ctx?: CellContext<any, any>) => void;
+    icons?: React.ReactNode | ((row: any) => React.ReactNode);
+    disabled?: boolean | ((row: any) => boolean);
+}

package/dist/shared-ui/DataTable/types/column/actionColumn.d.ts

@@ -0,0 +1,4 @@
+import { TableButton } from '../button';
+export interface ActionColumn {
+    buttons?: TableButton[];
+}

package/dist/shared-ui/DataTable/types/column/baseColumn.d.ts

@@ -0,0 +1,7 @@
+import { ColumnType } from './columnType';
+export interface BaseColumn {
+    key: string;
+    label: string;
+    type: ColumnType;
+    defaultValue?: any;
+}

package/dist/shared-ui/DataTable/types/column/columnConfig.d.ts

@@ -0,0 +1,13 @@
+import { FilterableColumn } from '../filtering';
+import { SortableColumn } from '../sorting';
+import { ActionColumn } from './actionColumn';
+import { BaseColumn } from './baseColumn';
+import { ColumnLayout } from './columnLayout';
+import { EditableColumn } from './editableColumn';
+import { OptionColumn } from './optionColumn';
+import { RenderColumn } from './renderColumn';
+import { TreeColumn } from './treeColumn';
+import { ValidateColumn } from './validateColumn';
+import { VisibilityColumn } from './visibilityColumn';
+export interface ColumnConfig extends BaseColumn, ColumnLayout, FilterableColumn, ActionColumn, TreeColumn, SortableColumn, OptionColumn, RenderColumn, ValidateColumn, EditableColumn, VisibilityColumn {
+}

package/dist/shared-ui/DataTable/types/column/columnDefinitions.d.ts

@@ -0,0 +1,35 @@
+import { StatusConfig } from '../table/statusConfig';
+import { ColumnConfig } from './columnConfig';
+import { TablePermissions } from '../table/tablePermissions';
+export interface UseColumnDefinitionsOptions {
+    permissions?: TablePermissions;
+    columnConfig: ColumnConfig[];
+    showStatusColumn: boolean;
+    statusKey: string;
+    enableExpand: boolean;
+    statusConfig?: StatusConfig;
+    editingRows: Set<string>;
+    newRowIds: Set<string>;
+    editedRows: Set<string>;
+    rowsToDisable: Set<string>;
+    rowsToEnable: Set<string>;
+    rowsToDelete: Set<string>;
+    selectedRows: Set<string>;
+    errors: Map<string, Map<string, string>>;
+    getRowId: (row: any) => string;
+    updateData: (rowId: string, columnId: string, value: any) => void;
+    setSelectedRows: React.Dispatch<React.SetStateAction<Set<string>>>;
+    cancelEdit: (id: string | Set<string>) => void;
+    cancelNewRow?: (id: string) => void;
+    cancelDeletion: (id: string) => void;
+    cancelHardDelete: (id: string) => void;
+    canPerformAction: (row: any, actionKey: string, statusConfig?: StatusConfig, permissions?: {
+        canCreate?: boolean;
+        canModify?: boolean;
+        canDelete?: boolean;
+    }) => boolean;
+    onImageUpload?: (row: any, file: File) => Promise<string>;
+    defaultMinWidth?: string;
+    nonSortableKeys?: string[];
+    onRowClick?: (row: any) => void;
+}

package/dist/shared-ui/DataTable/types/column/columnLayout.d.ts

@@ -0,0 +1,5 @@
+export interface ColumnLayout {
+    width?: string;
+    minWidth?: string;
+    maxLength?: number;
+}

package/dist/shared-ui/DataTable/types/column/columnType.d.ts

@@ -0,0 +1 @@
+export type ColumnType = "text" | "number" | "dropdown" | "checkbox" | "textarea" | "index" | "button" | "status" | "multi-select" | "image" | "error" | "date" | "switch";

package/dist/shared-ui/DataTable/types/column/editableCell.d.ts

@@ -0,0 +1,4 @@
+import { CellContext } from '@tanstack/react-table';
+export type EditableCellProps = CellContext<any, any> & {
+    isEditing?: boolean;
+};

package/dist/shared-ui/DataTable/types/column/editableColumn.d.ts

@@ -0,0 +1,5 @@
+export interface EditableColumn {
+    editable?: boolean | ((row: any) => boolean);
+    disabled?: boolean | ((row: any) => boolean);
+    onChange?: (value: any, row: any, updateData: (columnId: string, value: any) => void) => void;
+}

package/dist/shared-ui/DataTable/types/column/optionColumn.d.ts

@@ -0,0 +1,9 @@
+export interface OptionColumn {
+    options?: {
+        label: string;
+        value: string;
+    }[] | ((row: any) => {
+        label: string;
+        value: string;
+    }[]);
+}

package/dist/shared-ui/DataTable/types/column/renderColumn.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { CellContext } from '@tanstack/react-table';
+export interface RenderColumn {
+    render?: (value: any, row: any, ctx: CellContext<any, any>) => ReactNode;
+    cell?: (context: CellContext<any, any>) => ReactNode;
+}

package/dist/shared-ui/DataTable/types/column/treeColumn.d.ts

@@ -0,0 +1,3 @@
+export interface TreeColumn {
+    isTreeColumn?: boolean;
+}

package/dist/shared-ui/DataTable/types/column/validateColumn.d.ts

@@ -0,0 +1,4 @@
+export interface ValidateColumn {
+    required?: boolean;
+    validate?: (value: any, row: any) => string | null;
+}

package/dist/shared-ui/DataTable/types/column/visibilityColumn.d.ts

@@ -0,0 +1,6 @@
+export interface VisibilityColumn {
+    visible?: {
+        editing?: boolean;
+        adding?: boolean;
+    };
+}

package/dist/shared-ui/DataTable/types/filtering.d.ts

@@ -0,0 +1,43 @@
+import { StatusConfig } from './table/statusConfig';
+export interface FilterableColumn {
+    filterable?: boolean;
+    searchable?: boolean;
+    filterPlaceholder?: string;
+}
+export type CustomFilter = {
+    key: string;
+    label?: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    defaultValue?: string | string[];
+    isMulti?: boolean;
+    searchable?: boolean;
+    multiMatchMode?: "all" | "any";
+};
+export interface FilterField {
+    key: string;
+    label: string;
+    control: "text" | "dropdown";
+    placeholder?: string;
+    options?: {
+        label: string;
+        value: string;
+    }[];
+}
+export interface FilterPanelProps {
+    fields: FilterField[];
+    draft: Record<string, string>;
+    onChange: (key: string, value: string) => void;
+    onApply: () => void;
+    onReset: () => void;
+}
+export interface FilterRowsByStatusOptions {
+    statusFilter?: string;
+    statusConfig?: StatusConfig;
+    subRowsKey: string;
+    getRowId: (row: any) => string;
+    editedRows: Set<string>;
+    originalData: Map<string, any>;
+}

package/dist/shared-ui/DataTable/types/hooks/useEditingProps.d.ts

@@ -0,0 +1,8 @@
+export interface UseEditingProps {
+    setTableData: React.Dispatch<React.SetStateAction<any[]>>;
+    originalData: Map<string, any>;
+    getRowId: (row: any) => string;
+    subRowsKey: string;
+    rowsToDisable: Set<string>;
+    setSelectedRows: React.Dispatch<React.SetStateAction<Set<string>>>;
+}

package/dist/shared-ui/DataTable/types/hooks/useFilterPanel.d.ts

@@ -0,0 +1,7 @@
+import { PaginationState } from '@tanstack/react-table';
+import { ColumnConfig } from '../column/columnConfig';
+export interface UseFilterPanelOptions {
+    columnConfig: ColumnConfig[];
+    setFilterValues: (values: Record<string, string>) => void;
+    setPagination: React.Dispatch<React.SetStateAction<PaginationState>>;
+}

package/dist/shared-ui/DataTable/types/pagination.d.ts

@@ -0,0 +1,5 @@
+export interface PageInput {
+    page: number;
+    pageCount: number;
+    onCommit: (page: number) => void;
+}

package/dist/shared-ui/DataTable/types/sorting.d.ts

@@ -0,0 +1,5 @@
+export interface SortableColumn {
+    sortable?: boolean;
+}
+export type SortField = string;
+export type SortDirection = "asc" | "desc" | null;

package/dist/shared-ui/DataTable/types/table/baseDataTable.d.ts

@@ -0,0 +1,5 @@
+import { ColumnConfig } from '../column/columnConfig';
+export interface BaseDataTable {
+    columns: ColumnConfig[];
+    data: any[];
+}

package/dist/shared-ui/DataTable/types/table/crudOptions.d.ts

@@ -0,0 +1,12 @@
+export interface DataTableChanges {
+    added: any[];
+    updated: any[];
+    deleted: any[];
+    enabled: string[];
+    disabled: string[];
+}
+export interface CRUDOptions {
+    onSave?: (changes: DataTableChanges) => Promise<void> | void | Promise<boolean> | boolean;
+    hardDelete?: boolean;
+    isRowDeletable?: (row: any) => boolean;
+}