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

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

@@ -0,0 +1,46 @@
+import { StatusConfig } from './statusConfig';
+import { BaseDataTable } from './baseDataTable';
+import { CRUDOptions } from './crudOptions';
+import { TreeOptions } from './treeOptions';
+import { ImportExportOptions } from './importExportOptions';
+import { ServerSideConfig } from './serverSideConfig';
+import { ColumnDef } from '@tanstack/react-table';
+import { TablePermissions } from './tablePermissions';
+export interface DataTable<TData = any> extends Partial<BaseDataTable>, CRUDOptions, TreeOptions, ImportExportOptions {
+    data: TData[];
+    /** Access flags supplied by the consuming app. Omission makes the table read-only. */
+    permissions?: TablePermissions;
+    /** Raw TanStack ColumnDef[] to bypass ColumnConfig conversion */
+    columnDefs?: ColumnDef<TData>[];
+    /** Server-side pagination, sorting, and totalCount configuration */
+    serverSide?: ServerSideConfig;
+    /** Loading state flag (renders skeleton rows) */
+    loading?: boolean;
+    /** Custom header action buttons slot (e.g. Add Request, Export) rendered next to title */
+    headerActions?: React.ReactNode;
+    /** Custom filter components slot rendered above the table */
+    filters?: React.ReactNode;
+    title?: string;
+    getRowId?: (row: any) => string | undefined;
+    onRowClick?: (row: any) => void;
+    activeRowId?: string;
+    showStatusColumn?: boolean;
+    showPagination?: boolean;
+    showStatusFilter?: boolean;
+    nonSortableKeys?: string[];
+    searchPlaceholder?: string;
+    searchKeys?: string[];
+    searchPriorityKey?: string;
+    onImageUpload?: (row: any, file: File) => Promise<string>;
+    statusKey?: string;
+    statusConfig?: StatusConfig;
+    rowsPerPageOptions?: number[];
+    defaultRowsPerPage?: number;
+    defaultMinWidth?: string;
+    customFilters?: any[];
+    onAdd?: () => void;
+    filterSwitchKey?: string;
+    onSelectionChange?: (ids: string[]) => void;
+    onQueryChange?: (query: string) => void;
+    onDeleteMulti?: (selectedIds: string[]) => void;
+}

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

@@ -0,0 +1,23 @@
+import { Table as TanStackTable } from '@tanstack/react-table';
+import { ColumnConfig } from '../column/columnConfig';
+import { TablePermissions } from './tablePermissions';
+export interface DataTableBodyProps {
+    permissions?: TablePermissions;
+    table: TanStackTable<any>;
+    columnsCount: number;
+    columnConfig?: ColumnConfig[];
+    loading?: boolean;
+    newRowIds: Set<string>;
+    editingRows: 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;
+    onRowClick?: (row: any) => void;
+    activeRowId?: string;
+    statusKey: string;
+    defaultMinWidth?: string;
+}

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

@@ -0,0 +1,13 @@
+export interface DataTablePaginationProps {
+    pageIndex: number;
+    pageSize: number;
+    pageCount: number;
+    totalRows: number;
+    canPreviousPage: boolean;
+    canNextPage: boolean;
+    setPageSize: (size: number) => void;
+    previousPage: () => void;
+    nextPage: () => void;
+    setPageIndex: (index: number) => void;
+    rowsPerPageOptions?: number[];
+}

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

@@ -0,0 +1,46 @@
+import { StatusConfig } from './statusConfig';
+import { ImportOption } from './importExportOptions';
+export interface DataTableToolbarProps {
+    globalFilter: string;
+    setQuery: (q: string) => void;
+    searchPlaceholder: string;
+    hasFilters: boolean;
+    showFilterPanel: boolean;
+    setShowFilterPanel: React.Dispatch<React.SetStateAction<boolean>>;
+    showStatusFilter?: boolean;
+    setStatusFilter?: (v: string) => void;
+    switchKey?: string;
+    displayFilter?: "all" | "yes" | "no";
+    setDisplayFilter?: (v: "all" | "yes" | "no") => void;
+    setPagination?: React.Dispatch<React.SetStateAction<any>>;
+    customFilters?: any[];
+    activeFilters?: Record<string, any>;
+    setActiveFilters?: React.Dispatch<React.SetStateAction<Record<string, any>>>;
+    onResetFilters?: () => void;
+    hasActiveCustomFilters?: boolean;
+    exportAction?: (selectedIds?: any) => void;
+    enableExport?: boolean;
+    handleExport: () => void;
+    importAction?: (() => void) | ImportOption[];
+    importOptions?: ImportOption[];
+    canPerformGlobalAction: (actionKey: string, statusConfig?: StatusConfig) => boolean;
+    statusConfig?: StatusConfig;
+    statusFilter: string;
+    onAdd?: () => void;
+    addNewRow: () => void;
+    handleEdit?: (id: Set<string>) => void;
+    markDisabled: () => void;
+    markEnabled: () => void;
+    markDeleted: () => void;
+    onDeleteMulti?: (selectedIds: string[]) => void;
+    selectedRow: Set<string>;
+    selectedRowCount: number;
+    noneEligibleForDisable: boolean;
+    noneEligibleForEnable: boolean;
+    canDeleteSelection: boolean;
+    saving: boolean;
+    hasEditableRows?: boolean;
+    hasChanges: () => boolean;
+    hasValidationErrors: () => boolean;
+    setShowSaveDialog: (show: boolean) => void;
+}

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

@@ -0,0 +1,4 @@
+export interface ErrorWrapperProps {
+    error: string | null;
+    children: React.ReactNode;
+}

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

@@ -0,0 +1,12 @@
+export interface ImportOption {
+    label: string;
+    onClick: () => void;
+    icon?: React.ReactNode;
+}
+export interface ImportExportOptions {
+    exportAction?: (selectedIds?: any) => void;
+    importAction?: (() => void) | ImportOption[];
+    importOptions?: ImportOption[];
+    enableExport?: boolean;
+    exportFileName?: string;
+}

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

@@ -0,0 +1,11 @@
+export interface SaveConfirmDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: () => void;
+    saving: boolean;
+    newRowCount: number;
+    editedRowCount: number;
+    disableCount: number;
+    enableCount: number;
+    deleteCount: number;
+}

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

@@ -0,0 +1,38 @@
+export interface ServerFetchParams {
+    page: number;
+    size: number;
+    sortBy: string;
+    desc: boolean;
+    filter: Record<string, any>;
+}
+export interface ServerTableConfig {
+    fetchParams: ServerFetchParams;
+    onFetchParamsChange: (params: ServerFetchParams) => void;
+    totalCount: number;
+    loading?: boolean;
+}
+export interface ServerSideConfig {
+    /** Total count of items matching filter from the backend API */
+    totalCount: number;
+    /** Whether the query is currently loading */
+    loading?: boolean;
+    /** Controlled 0-based page index */
+    pageIndex: number;
+    /** Controlled page size */
+    pageSize: number;
+    /** Handler when page index or size changes */
+    onPaginationChange: (pagination: {
+        pageIndex: number;
+        pageSize: number;
+    }) => void;
+    /** Controlled sorting state */
+    sorting?: {
+        id: string;
+        desc: boolean;
+    }[];
+    /** Handler when sorting changes */
+    onSortingChange?: (sorting: {
+        id: string;
+        desc: boolean;
+    }[]) => void;
+}

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

@@ -0,0 +1,15 @@
+import { ButtonSet } from '../button';
+export type StatusConfig<T extends string | boolean = string | boolean> = {
+    key: string;
+    mapping: Record<string, {
+        label: string;
+        value: T;
+        style?: string;
+        color?: string;
+    }>;
+    buttonRules: Record<string, Record<string, ButtonSet>>;
+    normalize?: (value: any) => string;
+    switchOnValue?: T;
+    switchOffValue?: T;
+    defaultStatus?: string;
+};

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

@@ -0,0 +1,3 @@
+export type TableMeta = {
+    updateData: (rowId: string, columnId: string, value: any) => void;
+};

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

@@ -0,0 +1,6 @@
+export interface TablePermissions {
+    canCreate: boolean;
+    canModify: boolean;
+    canDelete: boolean;
+}
+export declare const READ_ONLY_TABLE_PERMISSIONS: TablePermissions;

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

@@ -0,0 +1,7 @@
+import { ExpandedState } from '@tanstack/react-table';
+export interface TreeOptions {
+    enableExpand?: boolean;
+    subRowsKey?: string;
+    onExpandedChange?: (expanded: ExpandedState) => void;
+    defaultExpanded?: ExpandedState;
+}

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

@@ -0,0 +1,12 @@
+import { ColumnConfig } from '../column/columnConfig';
+export interface DetailTableCardProps {
+    title: string;
+    highlight?: string;
+    onClose: () => void;
+    columns: ColumnConfig[];
+    data: any[];
+    loading?: boolean;
+    icon?: React.ReactNode;
+    closeLabel?: string;
+    searchPlaceholder?: string;
+}

package/dist/shared-ui/DataTable/utils/column.d.ts

@@ -0,0 +1,11 @@
+import { ColumnConfig } from '../types/column/columnConfig';
+export declare function getDropdownOption(value: any, options?: {
+    label: string;
+    value: string | number;
+}[]): {
+    label: string;
+    value: string | number;
+} | undefined;
+export declare const getDefaultMinWidth: (type: ColumnConfig["type"], defaultWidth?: string) => string;
+export declare const isColumnVisible: (col: ColumnConfig, isEditing: boolean, isAdding: boolean) => boolean;
+export declare const isEmptyByType: (val: any, col: ColumnConfig) => boolean;

package/dist/shared-ui/DataTable/utils/compare.d.ts

@@ -0,0 +1,2 @@
+export declare const META_KEYS: Set<string>;
+export declare function CompareChanges(valueA: any, valueB: any): boolean;

package/dist/shared-ui/DataTable/utils/filter.d.ts

@@ -0,0 +1,2 @@
+import { FilterRowsByStatusOptions } from '../types/filtering';
+export declare function filterRowsByStatus(rows: any[], options: FilterRowsByStatusOptions): any[];

package/dist/shared-ui/DataTable/utils/image.d.ts

@@ -0,0 +1,4 @@
+export interface UploadImageProps {
+    value?: string;
+    onFileSelected: (file: File) => void;
+}

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

@@ -0,0 +1,6 @@
+export * from './compare';
+export * from './tree';
+export * from './row';
+export * from './column';
+export * from './filter';
+export * from './status';

package/dist/shared-ui/DataTable/utils/row.d.ts

@@ -0,0 +1,2 @@
+export declare const ensureRowKey: (row: any) => string;
+export declare function normalizeTableData(rows: any[], statusKey: string, subRowsKey: string): any[];

package/dist/shared-ui/DataTable/utils/search.d.ts

@@ -0,0 +1,4 @@
+import { FilterFn } from '@tanstack/react-table';
+import { ColumnConfig } from '../types/column/columnConfig';
+export declare function getSearchPriority(value: unknown, query: string): number;
+export declare function createGlobalFilter(columns: ColumnConfig[], searchKeys?: string[]): FilterFn<any>;

package/dist/shared-ui/DataTable/utils/status.d.ts

@@ -0,0 +1,18 @@
+import { StatusConfig } from '../types/table/statusConfig';
+export declare function normalizeRowStatus(row: any, statusConfig: StatusConfig): string;
+export declare function getStatusOptions(statusConfig?: StatusConfig): [string, {
+    label: string;
+    value: string | boolean;
+    style?: string;
+    color?: string;
+}][];
+export declare function canPerformAction(row: any, actionKey: string, statusConfig?: StatusConfig, permissions?: {
+    canCreate?: boolean;
+    canModify?: boolean;
+    canDelete?: boolean;
+}): boolean;
+export declare function canPerformGlobalAction(actionKey: string, statusFilter?: string, statusConfig?: StatusConfig, permissions?: {
+    canCreate?: boolean;
+    canModify?: boolean;
+    canDelete?: boolean;
+}): boolean;

package/dist/shared-ui/DataTable/utils/tree.d.ts

@@ -0,0 +1,3 @@
+import { Row } from '@tanstack/react-table';
+export declare function getRowDescendants(row: Row<any>): string[];
+export declare function flattenTree(data: any[], subRowsKey: string): any[];

package/dist/utils/date.d.ts

@@ -0,0 +1 @@
+export declare function formatDate(value?: string | null): string;

package/dist/utils/excel.d.ts

@@ -0,0 +1 @@
+export declare function exportToExcel(data: any[], filenamePrefix: string, sheetName?: string): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lgsm/modules",
-  "version": "1.6.20-beta.3",
+  "version": "1.6.20-beta.4",
   "type": "module",
   "scripts": {
     "build": "vite build",
@@ -69,18 +69,32 @@
     "vitest": "3.0.7"
   },
   "dependencies": {
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@tailwindcss/vite": "^4.1.13",
+    "@tanstack/react-table": "^8.21.3",
     "axios": "^1.12.2",
     "class-variance-authority": "^0.7.1",
+    "cmdk": "^1.1.1",
+    "file-saver": "^2.0.5",
     "jwt-decode": "^4.0.0",
     "lucide-react": "^0.544.0",
     "next-themes": "^0.4.6",
+    "radix-ui": "^1.4.3",
+    "react-day-picker": "^9.13.2",
+    "react-icons": "^5.5.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7",
+    "xlsx-js-style": "^1.2.0",
     "zustand": "^5.0.8"
   }
 }