infinity-ui-elements 1.5.1-beta.1 → 1.5.1-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/README.md +826 -223
  2. package/dist/components/Table/DetailPanel.d.ts +10 -0
  3. package/dist/components/Table/DetailPanel.d.ts.map +1 -0
  4. package/dist/components/Table/Table.d.ts +9 -65
  5. package/dist/components/Table/Table.d.ts.map +1 -1
  6. package/dist/components/Table/Table.refactored.d.ts +39 -0
  7. package/dist/components/Table/Table.refactored.d.ts.map +1 -0
  8. package/dist/components/Table/Table.stories.d.ts +2 -0
  9. package/dist/components/Table/Table.stories.d.ts.map +1 -1
  10. package/dist/components/Table/TableBody.d.ts +18 -0
  11. package/dist/components/Table/TableBody.d.ts.map +1 -0
  12. package/dist/components/Table/TableCellTypes.d.ts +32 -0
  13. package/dist/components/Table/TableCellTypes.d.ts.map +1 -0
  14. package/dist/components/Table/TableDetailPanel.d.ts +25 -0
  15. package/dist/components/Table/TableDetailPanel.d.ts.map +1 -0
  16. package/dist/components/Table/TableHeader.d.ts +18 -0
  17. package/dist/components/Table/TableHeader.d.ts.map +1 -0
  18. package/dist/components/Table/index.d.ts +3 -0
  19. package/dist/components/Table/index.d.ts.map +1 -1
  20. package/dist/components/Table/tableHelpers.d.ts +7 -0
  21. package/dist/components/Table/tableHelpers.d.ts.map +1 -0
  22. package/dist/components/Table/tableVariants.d.ts +12 -0
  23. package/dist/components/Table/tableVariants.d.ts.map +1 -0
  24. package/dist/index.css +1 -1
  25. package/dist/index.esm.js +191 -38
  26. package/dist/index.esm.js.map +1 -1
  27. package/dist/index.js +196 -37
  28. package/dist/index.js.map +1 -1
  29. package/dist/lib/icons.d.ts +1 -0
  30. package/dist/lib/icons.d.ts.map +1 -1
  31. package/package.json +1 -1
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ interface DetailPanelProps<TData> {
3
+ isOpen: boolean;
4
+ content: (data: TData) => React.ReactNode;
5
+ data: TData | null;
6
+ onClose: () => void;
7
+ }
8
+ export declare function DetailPanel<TData>({ isOpen, content, data, onClose, }: DetailPanelProps<TData>): import("react/jsx-runtime").JSX.Element;
9
+ export {};
10
+ //# sourceMappingURL=DetailPanel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Table/DetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,gBAAgB,CAAC,KAAK;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1C,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,EACjC,MAAM,EACN,OAAO,EACP,IAAI,EACJ,OAAO,GACR,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CA6CzB"}
@@ -1,95 +1,39 @@
1
1
  import * as React from "react";
2
- import { type VariantProps } from "class-variance-authority";
3
- import { type Table as TanStackTable, type RowData } from "@tanstack/react-table";
2
+ import type { VariantProps } from "class-variance-authority";
3
+ import type { Table as TanStackTable, RowData } from "@tanstack/react-table";
4
+ import { tableVariants } from "./tableVariants";
4
5
  declare module "@tanstack/react-table" {
5
6
  interface ColumnMeta<TData extends RowData, TValue> {
6
7
  headerClassName?: string;
7
8
  cellClassName?: string;
8
9
  }
9
10
  }
10
- declare const tableVariants: (props?: ({
11
- variant?: "default" | "bordered" | "striped" | null | undefined;
12
- size?: "large" | "medium" | "small" | null | undefined;
13
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
14
- declare const tableHeaderVariants: (props?: ({
15
- size?: "large" | "medium" | "small" | null | undefined;
16
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
17
- declare const tableCellVariants: (props?: ({
18
- size?: "large" | "medium" | "small" | null | undefined;
19
- } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
20
11
  export interface TableProps<TData extends RowData> extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tableVariants> {
21
- /**
22
- * TanStack Table instance
23
- */
24
12
  table: TanStackTable<TData>;
25
- /**
26
- * Enable row selection with checkboxes
27
- */
28
13
  enableRowSelection?: boolean;
29
- /**
30
- * Enable header checkbox for select all
31
- */
32
14
  enableSelectAll?: boolean;
33
- /**
34
- * Show loading state
35
- */
36
15
  isLoading?: boolean;
37
- /**
38
- * Loading component to show when isLoading is true
39
- */
40
16
  loadingComponent?: React.ReactNode;
41
- /**
42
- * Empty state component to show when no data
43
- */
44
17
  emptyComponent?: React.ReactNode;
45
- /**
46
- * Custom class for table wrapper
47
- */
48
18
  wrapperClassName?: string;
49
- /**
50
- * Custom class for table container (for scroll)
51
- */
52
19
  containerClassName?: string;
53
- /**
54
- * Enable horizontal scroll
55
- */
56
20
  enableHorizontalScroll?: boolean;
57
- /**
58
- * Enable sticky header
59
- */
60
21
  stickyHeader?: boolean;
61
- /**
62
- * Maximum height for table body (enables vertical scroll)
63
- */
64
22
  maxHeight?: string | number;
65
- /**
66
- * Show hover effect on rows
67
- */
68
23
  showRowHover?: boolean;
69
- /**
70
- * Custom row click handler
71
- */
72
24
  onRowClick?: (row: TData) => void;
73
- /**
74
- * Custom class for table rows
75
- */
76
25
  rowClassName?: string | ((row: TData) => string);
77
- /**
78
- * Custom class for header cells
79
- */
80
26
  headerClassName?: string;
81
- /**
82
- * Custom class for body cells
83
- */
84
27
  cellClassName?: string;
85
- /**
86
- * Show gray background on table header
87
- */
88
28
  showHeaderBackground?: boolean;
29
+ detailPanel?: (row: TData) => React.ReactNode;
30
+ hideColumnsOnDetailOpen?: number;
31
+ selectedRowId?: string;
32
+ onRowSelectionChange?: (rowId: string | null) => void;
89
33
  }
90
- declare function TableComponent<TData extends RowData>({ className, wrapperClassName, containerClassName, variant, size, table, enableRowSelection, enableSelectAll, isLoading, loadingComponent, emptyComponent, enableHorizontalScroll, stickyHeader, maxHeight, showRowHover, onRowClick, rowClassName, headerClassName, cellClassName, showHeaderBackground, ...props }: TableProps<TData>, ref: React.ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
34
+ declare function TableComponent<TData extends RowData>({ className, wrapperClassName, containerClassName, variant, size, table, enableRowSelection, enableSelectAll, isLoading, loadingComponent, emptyComponent, enableHorizontalScroll, stickyHeader, maxHeight, showRowHover, onRowClick, rowClassName, headerClassName, cellClassName, showHeaderBackground, detailPanel, hideColumnsOnDetailOpen, selectedRowId, onRowSelectionChange, ...props }: TableProps<TData>, ref: React.ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
91
35
  export declare const Table: <TData extends RowData>(props: TableProps<TData> & {
92
36
  ref?: React.ForwardedRef<HTMLDivElement>;
93
37
  }) => ReturnType<typeof TableComponent>;
94
- export { tableVariants, tableHeaderVariants, tableCellVariants };
38
+ export * from "./tableVariants";
95
39
  //# sourceMappingURL=Table.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAEL,KAAK,KAAK,IAAI,aAAa,EAC3B,KAAK,OAAO,EACb,MAAM,uBAAuB,CAAC;AAK/B,OAAO,QAAQ,uBAAuB,CAAC;IACrC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;CACF;AAED,QAAA,MAAM,aAAa;;;mFAiBjB,CAAC;AAEH,QAAA,MAAM,mBAAmB;;mFAcxB,CAAC;AAEF,QAAA,MAAM,iBAAiB;;mFActB,CAAC;AAEF,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,OAAO,CAC/C,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;OAEG;IACH,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC;IACjD;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,iBAAS,cAAc,CAAC,KAAK,SAAS,OAAO,EAC3C,EACE,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,kBAA0B,EAC1B,eAAuB,EACvB,SAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,sBAA8B,EAC9B,YAAoB,EACpB,SAAS,EACT,YAAmB,EACnB,UAAU,EACV,YAAY,EACZ,eAAe,EACf,aAAa,EACb,oBAA2B,EAC3B,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,KAAK,CAAC,EACpB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,2CAoMxC;AAGD,eAAO,MAAM,KAAK,EAAuC,CACvD,KAAK,SAAS,OAAO,EAErB,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACpE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAIvC,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,CAAC"}
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAK7E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOhD,OAAO,QAAQ,uBAAuB,CAAC;IACrC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;CACF;AAID,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,OAAO,CAC/C,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACvD;AAID,iBAAS,cAAc,CAAC,KAAK,SAAS,OAAO,EAC3C,EACE,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,OAAO,EACP,IAAe,EACf,KAAK,EACL,kBAA0B,EAC1B,eAAuB,EACvB,SAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,sBAA8B,EAC9B,YAAoB,EACpB,SAAS,EACT,YAAmB,EACnB,UAAU,EACV,YAAY,EACZ,eAAe,EACf,aAAa,EACb,oBAA2B,EAC3B,WAAW,EACX,uBAA2B,EAC3B,aAAa,EACb,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,KAAK,CAAC,EACpB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,2CAiLxC;AAID,eAAO,MAAM,KAAK,EAAuC,CACvD,KAAK,SAAS,OAAO,EAErB,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACpE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAIvC,cAAc,iBAAiB,CAAC"}
@@ -0,0 +1,39 @@
1
+ import * as React from "react";
2
+ import type { VariantProps } from "class-variance-authority";
3
+ import type { Table as TanStackTable, RowData } from "@tanstack/react-table";
4
+ import { tableVariants } from "./tableVariants";
5
+ declare module "@tanstack/react-table" {
6
+ interface ColumnMeta<TData extends RowData, TValue> {
7
+ headerClassName?: string;
8
+ cellClassName?: string;
9
+ }
10
+ }
11
+ export interface TableProps<TData extends RowData> extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tableVariants> {
12
+ table: TanStackTable<TData>;
13
+ enableRowSelection?: boolean;
14
+ enableSelectAll?: boolean;
15
+ isLoading?: boolean;
16
+ loadingComponent?: React.ReactNode;
17
+ emptyComponent?: React.ReactNode;
18
+ wrapperClassName?: string;
19
+ containerClassName?: string;
20
+ enableHorizontalScroll?: boolean;
21
+ stickyHeader?: boolean;
22
+ maxHeight?: string | number;
23
+ showRowHover?: boolean;
24
+ onRowClick?: (row: TData) => void;
25
+ rowClassName?: string | ((row: TData) => string);
26
+ headerClassName?: string;
27
+ cellClassName?: string;
28
+ showHeaderBackground?: boolean;
29
+ detailPanel?: (row: TData) => React.ReactNode;
30
+ hideColumnsOnDetailOpen?: number;
31
+ selectedRowId?: string;
32
+ onRowSelectionChange?: (rowId: string | null) => void;
33
+ }
34
+ declare function TableComponent<TData extends RowData>({ className, wrapperClassName, containerClassName, variant, size, table, enableRowSelection, enableSelectAll, isLoading, loadingComponent, emptyComponent, enableHorizontalScroll, stickyHeader, maxHeight, showRowHover, onRowClick, rowClassName, headerClassName, cellClassName, showHeaderBackground, detailPanel, hideColumnsOnDetailOpen, selectedRowId, onRowSelectionChange, ...props }: TableProps<TData>, ref: React.ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
35
+ export declare const Table: <TData extends RowData>(props: TableProps<TData> & {
36
+ ref?: React.ForwardedRef<HTMLDivElement>;
37
+ }) => ReturnType<typeof TableComponent>;
38
+ export * from "./tableVariants";
39
+ //# sourceMappingURL=Table.refactored.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.refactored.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.refactored.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAK7E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOhD,OAAO,QAAQ,uBAAuB,CAAC;IACrC,UAAU,UAAU,CAAC,KAAK,SAAS,OAAO,EAAE,MAAM;QAChD,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB;CACF;AAID,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,OAAO,CAC/C,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC;IACjD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACvD;AAID,iBAAS,cAAc,CAAC,KAAK,SAAS,OAAO,EAC3C,EACE,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,OAAO,EACP,IAAe,EACf,KAAK,EACL,kBAA0B,EAC1B,eAAuB,EACvB,SAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,sBAA8B,EAC9B,YAAoB,EACpB,SAAS,EACT,YAAmB,EACnB,UAAU,EACV,YAAY,EACZ,eAAe,EACf,aAAa,EACb,oBAA2B,EAC3B,WAAW,EACX,uBAA2B,EAC3B,aAAa,EACb,oBAAoB,EACpB,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,KAAK,CAAC,EACpB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,2CAiLxC;AAID,eAAO,MAAM,KAAK,EAAuC,CACvD,KAAK,SAAS,OAAO,EAErB,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACpE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAIvC,cAAc,iBAAiB,CAAC"}
@@ -18,4 +18,6 @@ export declare const WithRowClick: Story;
18
18
  export declare const HorizontalScroll: Story;
19
19
  export declare const WithoutHeaderBackground: Story;
20
20
  export declare const WithHeaderBackground: Story;
21
+ export declare const WithDetailPanel: Story;
22
+ export declare const WithDetailPanelAndPagination: Story;
21
23
  //# sourceMappingURL=Table.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAyThC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAO5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAmC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAgC9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAgD5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoC9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAyC9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiC1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAwC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA6B9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAyBrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyBlC,CAAC"}
1
+ {"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAyThC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAO5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAmC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAgC9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAgD5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoC9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAyB5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAyBvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAyC9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAiC1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAwC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA6B9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAyBrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAyBlC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAgJ7B,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAoH1C,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { type Row } from "@tanstack/react-table";
2
+ interface TableBodyProps<TData> {
3
+ rows: Row<TData>[];
4
+ enableRowSelection: boolean;
5
+ size: "small" | "medium" | "large";
6
+ variant: "default" | "bordered" | "striped";
7
+ showRowHover: boolean;
8
+ cellClassName?: string;
9
+ isDetailPanelOpen: boolean;
10
+ visibleHeadersCount: number;
11
+ effectiveSelectedRowId: string | null;
12
+ onRowClick?: (row: TData) => void;
13
+ getRowClassName: (row: TData) => string;
14
+ handleRowClick: (row: TData, rowId: string) => void;
15
+ }
16
+ export declare function TableBody<TData>({ rows, enableRowSelection, size, variant, showRowHover, cellClassName, isDetailPanelOpen, visibleHeadersCount, effectiveSelectedRowId, onRowClick, getRowClassName, handleRowClick, }: TableBodyProps<TData>): import("react/jsx-runtime").JSX.Element;
17
+ export {};
18
+ //# sourceMappingURL=TableBody.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAK7D,UAAU,cAAc,CAAC,KAAK;IAC5B,IAAI,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;IACnB,kBAAkB,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,OAAO,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC5C,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,sBAAsB,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,eAAe,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAC;IACxC,cAAc,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAOD,wBAAgB,SAAS,CAAC,KAAK,EAAE,EAC/B,IAAI,EACJ,kBAAkB,EAClB,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,mBAAmB,EACnB,sBAAsB,EACtB,UAAU,EACV,eAAe,EACf,cAAc,GACf,EAAE,cAAc,CAAC,KAAK,CAAC,2CAsFvB"}
@@ -0,0 +1,32 @@
1
+ import * as React from "react";
2
+ interface NumberCellProps {
3
+ value: number;
4
+ currency?: string;
5
+ subtitle?: string;
6
+ className?: string;
7
+ }
8
+ export declare function NumberCell({ value, currency, subtitle, className, }: NumberCellProps): import("react/jsx-runtime").JSX.Element;
9
+ interface IconCellProps {
10
+ icon: React.ReactNode;
11
+ background?: "neutral" | "primary" | "success" | "warning" | "danger";
12
+ className?: string;
13
+ }
14
+ export declare function IconCell({ icon, background, className, }: IconCellProps): import("react/jsx-runtime").JSX.Element;
15
+ export declare function SpacerCell(): import("react/jsx-runtime").JSX.Element;
16
+ interface SlotCellProps {
17
+ onDragStart?: (e: React.DragEvent) => void;
18
+ onDragEnd?: (e: React.DragEvent) => void;
19
+ className?: string;
20
+ }
21
+ export declare function SlotCell({ onDragStart, onDragEnd, className }: SlotCellProps): import("react/jsx-runtime").JSX.Element;
22
+ interface AvatarCellProps {
23
+ name: string;
24
+ initials?: string;
25
+ avatar?: string;
26
+ subtitle?: string;
27
+ color?: string;
28
+ className?: string;
29
+ }
30
+ export declare function AvatarCell({ name, initials, avatar, subtitle, color, className, }: AvatarCellProps): import("react/jsx-runtime").JSX.Element;
31
+ export {};
32
+ //# sourceMappingURL=TableCellTypes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableCellTypes.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableCellTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,2CAiBjB;AAID,UAAU,aAAa;IACrB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,UAAsB,EACtB,SAAS,GACV,EAAE,aAAa,2CAoBf;AAID,wBAAgB,UAAU,4CAEzB;AAID,UAAU,aAAa;IACrB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,aAAa,2CA6C5E;AAID,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,KAAY,EACZ,SAAS,GACV,EAAE,eAAe,2CA+BjB"}
@@ -0,0 +1,25 @@
1
+ import * as React from "react";
2
+ export interface TableDetailPanelProps {
3
+ /**
4
+ * Whether the panel is open
5
+ */
6
+ isOpen: boolean;
7
+ /**
8
+ * Callback to close the panel
9
+ */
10
+ onClose?: () => void;
11
+ /**
12
+ * Content to display in the panel
13
+ */
14
+ children: React.ReactNode;
15
+ /**
16
+ * Custom class name
17
+ */
18
+ className?: string;
19
+ /**
20
+ * Panel width
21
+ */
22
+ width?: string | number;
23
+ }
24
+ export declare const TableDetailPanel: React.ForwardRefExoticComponent<TableDetailPanelProps & React.RefAttributes<HTMLDivElement>>;
25
+ //# sourceMappingURL=TableDetailPanel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableDetailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,8FAiB3B,CAAC"}
@@ -0,0 +1,18 @@
1
+ import { type HeaderGroup } from "@tanstack/react-table";
2
+ interface TableHeaderProps<TData> {
3
+ headerGroups: HeaderGroup<TData>[];
4
+ enableRowSelection: boolean;
5
+ enableSelectAll: boolean;
6
+ showHeaderBackground: boolean;
7
+ stickyHeader: boolean;
8
+ size: "small" | "medium" | "large";
9
+ headerClassName?: string;
10
+ isDetailPanelOpen: boolean;
11
+ visibleHeadersCount: number;
12
+ onToggleAllRows: (e?: unknown) => void;
13
+ isAllRowsSelected: boolean;
14
+ isSomeRowsSelected: boolean;
15
+ }
16
+ export declare function TableHeader<TData>({ headerGroups, enableRowSelection, enableSelectAll, showHeaderBackground, stickyHeader, size, headerClassName, isDetailPanelOpen, visibleHeadersCount, onToggleAllRows, isAllRowsSelected, isSomeRowsSelected, }: TableHeaderProps<TData>): import("react/jsx-runtime").JSX.Element;
17
+ export {};
18
+ //# sourceMappingURL=TableHeader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,uBAAuB,CAAC;AAK/B,UAAU,gBAAgB,CAAC,KAAK;IAC9B,YAAY,EAAE,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,eAAe,EAAE,OAAO,CAAC;IACzB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,EACjC,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,YAAY,EACZ,IAAI,EACJ,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,iBAAiB,EACjB,kBAAkB,GACnB,EAAE,gBAAgB,CAAC,KAAK,CAAC,2CAuFzB"}
@@ -1,3 +1,6 @@
1
1
  export { Table, tableVariants, tableHeaderVariants, tableCellVariants, } from "./Table";
2
2
  export type { TableProps } from "./Table";
3
+ export { TableDetailPanel } from "./TableDetailPanel";
4
+ export type { TableDetailPanelProps } from "./TableDetailPanel";
5
+ export { NumberCell, IconCell, SpacerCell, SlotCell, AvatarCell, } from "./TableCellTypes";
3
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EACL,UAAU,EACV,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,GACX,MAAM,kBAAkB,CAAC"}
@@ -0,0 +1,7 @@
1
+ interface LoadingStateProps {
2
+ colSpan: number;
3
+ }
4
+ export declare function renderDefaultLoadingState({ colSpan }: LoadingStateProps): import("react/jsx-runtime").JSX.Element;
5
+ export declare function renderDefaultEmptyState({ colSpan }: LoadingStateProps): import("react/jsx-runtime").JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=tableHelpers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tableHelpers.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableHelpers.tsx"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,yBAAyB,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CAcvE;AAED,wBAAgB,uBAAuB,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CAWrE"}
@@ -0,0 +1,12 @@
1
+ export declare const tableVariants: (props?: ({
2
+ variant?: "default" | "bordered" | "striped" | null | undefined;
3
+ size?: "large" | "medium" | "small" | null | undefined;
4
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
5
+ export declare const tableHeaderVariants: (props?: ({
6
+ size?: "large" | "medium" | "small" | null | undefined;
7
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
+ export declare const tableCellVariants: (props?: ({
9
+ size?: "large" | "medium" | "small" | null | undefined;
10
+ state?: "default" | "focus" | null | undefined;
11
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
12
+ //# sourceMappingURL=tableVariants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tableVariants.d.ts","sourceRoot":"","sources":["../../../src/components/Table/tableVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;mFAiBxB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;mFAc/B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;mFAqB7B,CAAC"}