sevago-library 1.3.16 → 1.3.18

package/dist/src/components/elements/table/part/row-collapse.part.d.ts

@@ -9,4 +9,4 @@ export interface RowCollapsePartProps<R, RC> extends Omit<TableComponentProps<R>
     renderDefaultRow: (columnsOverride?: Column<R>[]) => React.ReactNode;
     renderActionsContent: (row: R, index: number) => React.ReactNode;
 }
-export declare function RowCollapsePart<R, RC>({ columns, row, indexRow, collapse, collapseTableWidth, renderDefaultRow, renderActionsContent, onDisabled, }: RowCollapsePartProps<R, RC>): JSX.Element;
+export declare function RowCollapsePart<R, RC>({ columns, row, collapse, collapseTableWidth, renderDefaultRow, renderActionsContent, onDisabled, }: RowCollapsePartProps<R, RC>): JSX.Element;

package/dist/src/components/elements/table/part/table-head.part.d.ts

@@ -1,8 +1,7 @@
 import { JSX } from 'react';
-import { Column } from '../table.interface';
+import { Column, TableHeaderGroup } from '../table.interface';
 export interface TableHeadPartProps<R> {
     columns: Column<R>[];
+    headerGroups?: TableHeaderGroup[];
 }
-type TableHeadPartType = <R>(props: TableHeadPartProps<R>) => JSX.Element;
-export declare const TableHeadPart: TableHeadPartType;
-export {};
+export declare function TableHeadPart<R>({ columns, headerGroups }: TableHeadPartProps<R>): JSX.Element;

package/dist/src/components/elements/table/table-base.component.d.ts

@@ -1,8 +1,9 @@
 import { SxProps, Theme } from '@mui/material';
-import { default as React, ReactNode, JSX } from 'react';
-import { Column } from './table.interface';
+import { default as React, JSX, ReactNode } from 'react';
+import { Column, TableHeaderGroup } from './table.interface';
 export interface TableBaseProps<R> {
     columns: Column<R>[];
+    headerGroups?: TableHeaderGroup[];
     rows?: R[];
     loading?: boolean;
     indexLoadingRow?: number;

package/dist/src/components/elements/table/table-renderer.component.d.ts

@@ -15,4 +15,4 @@ export interface TableRendererComponentProps<R> extends TableComponentProps<R> {
     tableRef?: React.RefObject<HTMLTableElement | null>;
     renderRow?: (params: TableRendererRowParams<R>) => React.ReactNode;
 }
-export declare function TableRendererComponent<R>({ loading, rows, columns: initialColumns, indexLoadingRow, isStickyActions, rowSx, rowKey, onClickSelectRow, enableTree, getChildren, onClickRow, onDisabled, selectedRows, onSelectRows, onSelectRow, onDeleteRow, onInfoRow, onCopyRow, onHistoryRow, onUpdateRow, getActionIcon, getRowMenu, extraActionCount, stickyHeader, tableSx, tableRef, renderRow, }: TableRendererComponentProps<R>): JSX.Element;
+export declare function TableRendererComponent<R>({ loading, rows, columns: initialColumns, headerGroups, indexLoadingRow, isStickyActions, rowSx, rowKey, onClickSelectRow, enableTree, getChildren, onClickRow, onDisabled, selectedRows, onSelectRows, onSelectRow, onDeleteRow, onInfoRow, onCopyRow, onHistoryRow, onUpdateRow, getActionIcon, getRowMenu, extraActionCount, stickyHeader, tableSx, tableRef, renderRow, }: TableRendererComponentProps<R>): JSX.Element;

package/dist/src/components/elements/table/table.component.d.ts

@@ -1,4 +1,4 @@
 import { JSX } from 'react';
 import { TableComponentProps } from './table.interface';
 export declare function TableComponent<R>(props: TableComponentProps<R>): JSX.Element;
-export type { TableComponentProps } from './table.interface';
+export type { Column, TableComponentProps, TableHeaderGroup } from './table.interface';

package/dist/src/components/elements/table/table.component.stories.d.ts

@@ -7,6 +7,21 @@ type DemoRow = {
     role: string;
     status: string;
 };
+type InventoryRow = {
+    id: string;
+    transactionDate: string;
+    transactionType: string;
+    documentCode: string;
+    batch: string;
+    inOutQty: string;
+    inOutCd: string;
+    inOutTotalWeight: string;
+    inOutDoneRate: string;
+    inOutWeight: string;
+    endingQty: string;
+    endingCd: string;
+    endingTotal: string;
+};
 declare const meta: Meta<typeof TableComponent<DemoRow>>;
 export default meta;
 type Story = StoryObj<typeof TableComponent<DemoRow>>;
@@ -15,3 +30,4 @@ export declare const Loading: Story;
 export declare const Empty: Story;
 export declare const WithActionsAndSelect: Story;
 export declare const WithTotalRowsNoActions: Story;
+export declare const WithGroupedHeader: StoryObj<typeof TableComponent<InventoryRow>>;

package/dist/src/components/elements/table/table.constant.d.ts

@@ -2,6 +2,8 @@ import { Palette, SxProps, Theme } from '@mui/material';
 import { Column } from './table.interface';
 export declare const BORDER_TABLE: string;
 export declare const DISABLED_DEFAULT: Record<"DISABLED_GET_ROW_MENU" | "HISTORY_GET_ROW_MENU" | "INFO" | "COPY" | "DELETE" | "UPDATE" | "SELECT" | "COLLAPSE" | "DISABLED_ALL_ACTIONS" | "DISABLED_ROW" | "DISABLED_CHECKBOX", boolean>;
+export declare const getSxArray: (sx?: SxProps<Theme>) => SxProps<Theme>[];
+export declare const mergeSxProps: (...sxList: (SxProps<Theme> | undefined)[]) => SxProps<Theme>;
 export declare const getStyleCell: (column: Column<any>, palette: Palette, disableRow?: boolean) => SxProps<Theme>;
 export declare const getStyleRow: (hasOnClick: boolean, palette: Palette, index: number, rowSx: {
     [key: number]: SxProps<Theme>;

package/dist/src/components/elements/table/table.interface.d.ts

@@ -1,4 +1,5 @@
 import { SxProps, Theme } from '@mui/material';
+import { ReactNode } from 'react';
 import { TableActions } from './table.enum';
 export type OnClickRow<R> = (row: R, index: number) => void;
 export type OnDisabled<R> = (row: R, index: number) => Partial<Record<keyof typeof TableActions, boolean>>;
@@ -6,17 +7,20 @@ export type DisableRow = {
     columnId: string;
     compareWith: any;
 };
+export type TableCellAlign = 'right' | 'left' | 'center';
 export interface Column<R> {
     id: string;
-    label: string | React.ReactNode;
+    label: string | ReactNode;
     width?: number;
-    align?: 'right' | 'left' | 'center';
-    alignHead?: 'right' | 'left' | 'center';
-    render?: (row: R, index: number) => React.ReactNode;
+    align?: TableCellAlign;
+    alignHead?: TableCellAlign;
+    render?: (row: R, index: number) => ReactNode;
     copyable?: boolean | {
         getValue?: (row: R, index: number) => string;
     };
     sx?: SxProps<Theme>;
+    headSx?: SxProps<Theme>;
+    cellSx?: SxProps<Theme>;
     isRowSpan?: boolean;
     stickyCss?: {
         borderLeft?: string;
@@ -26,9 +30,19 @@ export interface Column<R> {
         zIndex?: number;
     };
 }
+export interface TableHeaderGroup {
+    id: string;
+    label: ReactNode;
+    columnIds: string[];
+    align?: TableCellAlign;
+    sx?: SxProps<Theme>;
+    childrenHeadSx?: SxProps<Theme>;
+    childrenCellSx?: SxProps<Theme>;
+}
 export interface TableComponentProps<R> {
     loading?: boolean;
     columns: Column<R>[];
+    headerGroups?: TableHeaderGroup[];
     rows?: R[];
     indexLoadingRow?: number;
     isStickyActions?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sevago-library",
-  "version": "1.3.16",
+  "version": "1.3.18",
   "description": "Sevago SSO Frontend Library - A comprehensive SSO solution with React components",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",