@epam/ai-dial-ui-kit 0.5.0-rc.3 → 0.5.0-rc.5
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.
|
@@ -47,6 +47,7 @@ export interface DialFileManagerProps {
|
|
|
47
47
|
cssClass?: string;
|
|
48
48
|
items?: DialFile[];
|
|
49
49
|
rootItem?: DialRootFolder;
|
|
50
|
+
filesLoading?: boolean;
|
|
50
51
|
showHiddenFiles?: boolean;
|
|
51
52
|
onShowHiddenFilesChange?: (value: boolean) => void;
|
|
52
53
|
treeOptions?: FileTreeOptions;
|
|
@@ -82,6 +83,9 @@ export interface DialFileManagerProps {
|
|
|
82
83
|
* // Minimal usage
|
|
83
84
|
* <DialFileManager items={files} path="/All files" />
|
|
84
85
|
*
|
|
86
|
+
* // With loading state
|
|
87
|
+
* <DialFileManager items={files} path="/All files" filesLoading={true} />
|
|
88
|
+
*
|
|
85
89
|
* // With controlled search and disabled grid filters
|
|
86
90
|
* const [query, setQuery] = useState('');
|
|
87
91
|
* <DialFileManager
|
|
@@ -113,6 +117,7 @@ export interface DialFileManagerProps {
|
|
|
113
117
|
* @param [cssClass] - Additional classes for the root container
|
|
114
118
|
* @param [items] - Full hierarchical list of files and folders used by both tree and grid
|
|
115
119
|
* @param [rootItem] - Optional root folder item to represent the top-level container in the tree
|
|
120
|
+
* @param [filesLoading=false] - When true, shows skeleton loading state in the grid
|
|
116
121
|
*
|
|
117
122
|
* @param [treeOptions] - Options that configure the collapsible sidebar and folders tree
|
|
118
123
|
* @param [navigationPanelOptions] - Options for the breadcrumb and search panel (value/onSearchChange for controlled search)
|
|
@@ -18,6 +18,7 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
|
|
|
18
18
|
emptyStateIcon?: ReactNode;
|
|
19
19
|
emptyStateTitle?: string;
|
|
20
20
|
emptyStateDescription?: string;
|
|
21
|
+
loading?: boolean;
|
|
21
22
|
}
|
|
22
23
|
/**
|
|
23
24
|
* DialGrid — A feature-rich data grid wrapper built on ag-Grid with dark theme support.
|
|
@@ -30,6 +31,7 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
|
|
|
30
31
|
* - Controlled or uncontrolled selection modes
|
|
31
32
|
* - Automatic column sizing and responsive behavior
|
|
32
33
|
* - Full accessibility support with ARIA attributes
|
|
34
|
+
* - Loading state with native AG-Grid overlay
|
|
33
35
|
*
|
|
34
36
|
* @example
|
|
35
37
|
* ```tsx
|
|
@@ -48,7 +50,13 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
|
|
|
48
50
|
* <DialGrid<Product>
|
|
49
51
|
* columnDefs={columns}
|
|
50
52
|
* rowData={products}
|
|
51
|
-
*
|
|
53
|
+
* />
|
|
54
|
+
*
|
|
55
|
+
* // With loading state
|
|
56
|
+
* <DialGrid<Product>
|
|
57
|
+
* columnDefs={columns}
|
|
58
|
+
* rowData={products}
|
|
59
|
+
* loading={true}
|
|
52
60
|
* />
|
|
53
61
|
*
|
|
54
62
|
* // With context menu
|
|
@@ -93,6 +101,7 @@ export interface DialGridProps<T extends object = Record<string, unknown>> {
|
|
|
93
101
|
* @param [emptyStateIcon] - Optional icon for empty state
|
|
94
102
|
* @param [emptyStateTitle] - Optional title text displayed when the grid has no rows to show.
|
|
95
103
|
* @param [emptyStateDescription] - Optional description text displayed below the empty state title,
|
|
96
|
-
* providing additional context or instructions (e.g.,
|
|
104
|
+
* providing additional context or instructions (e.g., "No data found" or "Try adjusting your filters").
|
|
105
|
+
* @param [loading=false] - When true, shows AG-Grid's native loading overlay
|
|
97
106
|
*/
|
|
98
|
-
export declare const DialGrid: <T extends object>({ columnDefs, rowData, additionalGridOptions, getContextMenuItems, cssClass, ariaLabel, withSelectionColumn, wrapCustomCellRenderers, selectedRowIds, onSelectionChange, getRowId, alternateOddRowColors, filterPlaceholder, emptyStateIcon, emptyStateTitle, emptyStateDescription, }: DialGridProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
107
|
+
export declare const DialGrid: <T extends object>({ columnDefs, rowData, additionalGridOptions, getContextMenuItems, cssClass, ariaLabel, withSelectionColumn, wrapCustomCellRenderers, selectedRowIds, onSelectionChange, getRowId, alternateOddRowColors, filterPlaceholder, emptyStateIcon, emptyStateTitle, emptyStateDescription, loading, }: DialGridProps<T>) => import("react/jsx-runtime").JSX.Element;
|