infinity-ui-elements 1.5.1-beta.1 → 1.5.1-beta.2
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.
- package/dist/components/Table/DetailPanel.d.ts +10 -0
- package/dist/components/Table/DetailPanel.d.ts.map +1 -0
- package/dist/components/Table/Table.d.ts +9 -65
- package/dist/components/Table/Table.d.ts.map +1 -1
- package/dist/components/Table/Table.refactored.d.ts +39 -0
- package/dist/components/Table/Table.refactored.d.ts.map +1 -0
- package/dist/components/Table/Table.stories.d.ts +2 -0
- package/dist/components/Table/Table.stories.d.ts.map +1 -1
- package/dist/components/Table/TableBody.d.ts +18 -0
- package/dist/components/Table/TableBody.d.ts.map +1 -0
- package/dist/components/Table/TableCellTypes.d.ts +32 -0
- package/dist/components/Table/TableCellTypes.d.ts.map +1 -0
- package/dist/components/Table/TableDetailPanel.d.ts +25 -0
- package/dist/components/Table/TableDetailPanel.d.ts.map +1 -0
- package/dist/components/Table/TableHeader.d.ts +18 -0
- package/dist/components/Table/TableHeader.d.ts.map +1 -0
- package/dist/components/Table/index.d.ts +3 -0
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/tableHelpers.d.ts +7 -0
- package/dist/components/Table/tableHelpers.d.ts.map +1 -0
- package/dist/components/Table/tableVariants.d.ts +12 -0
- package/dist/components/Table/tableVariants.d.ts.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.esm.js +191 -38
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +196 -37
- package/dist/index.js.map +1 -1
- package/dist/lib/icons.d.ts +1 -0
- package/dist/lib/icons.d.ts.map +1 -1
- 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 {
|
|
3
|
-
import {
|
|
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
|
|
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,
|
|
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"}
|