@papernote/ui 1.2.0 → 1.3.0
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/Box.d.ts +2 -1
- package/dist/components/Box.d.ts.map +1 -1
- package/dist/components/Button.d.ts +10 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Card.d.ts +11 -2
- package/dist/components/Card.d.ts.map +1 -1
- package/dist/components/DataTable.d.ts +17 -3
- package/dist/components/DataTable.d.ts.map +1 -1
- package/dist/components/EmptyState.d.ts +3 -1
- package/dist/components/EmptyState.d.ts.map +1 -1
- package/dist/components/Grid.d.ts +4 -2
- package/dist/components/Grid.d.ts.map +1 -1
- package/dist/components/Input.d.ts +2 -0
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/MultiSelect.d.ts +13 -1
- package/dist/components/MultiSelect.d.ts.map +1 -1
- package/dist/components/Stack.d.ts +25 -5
- package/dist/components/Stack.d.ts.map +1 -1
- package/dist/components/Text.d.ts +20 -4
- package/dist/components/Text.d.ts.map +1 -1
- package/dist/components/Textarea.d.ts +2 -0
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/index.d.ts +1 -3
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.d.ts +110 -48
- package/dist/index.esm.js +144 -138
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +143 -138
- package/dist/index.js.map +1 -1
- package/dist/styles.css +8 -51
- package/package.json +1 -1
- package/src/components/Box.stories.tsx +377 -0
- package/src/components/Box.tsx +8 -4
- package/src/components/Button.tsx +23 -10
- package/src/components/Card.tsx +20 -5
- package/src/components/DataTable.stories.tsx +36 -25
- package/src/components/DataTable.tsx +95 -5
- package/src/components/EmptyState.stories.tsx +124 -72
- package/src/components/EmptyState.tsx +10 -0
- package/src/components/Grid.stories.tsx +348 -0
- package/src/components/Grid.tsx +12 -5
- package/src/components/Input.tsx +12 -2
- package/src/components/MultiSelect.tsx +41 -10
- package/src/components/Stack.stories.tsx +24 -1
- package/src/components/Stack.tsx +40 -10
- package/src/components/Text.stories.tsx +273 -0
- package/src/components/Text.tsx +33 -8
- package/src/components/Textarea.tsx +32 -21
- package/src/components/index.ts +1 -4
- package/dist/components/Table.d.ts +0 -26
- package/dist/components/Table.d.ts.map +0 -1
- package/src/components/Table.tsx +0 -239
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
1
|
import * as React$1 from 'react';
|
|
3
2
|
import React__default, { ReactNode, Component, ErrorInfo } from 'react';
|
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
import { Matrix, CellBase } from 'react-spreadsheet';
|
|
5
5
|
export { CellBase, Matrix } from 'react-spreadsheet';
|
|
6
6
|
import { LucideIcon } from 'lucide-react';
|
|
@@ -35,6 +35,8 @@ interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
35
35
|
* A versatile button component that supports multiple visual styles, sizes, icons,
|
|
36
36
|
* loading states, and notification badges.
|
|
37
37
|
*
|
|
38
|
+
* Supports ref forwarding for DOM access.
|
|
39
|
+
*
|
|
38
40
|
* @example Basic usage
|
|
39
41
|
* ```tsx
|
|
40
42
|
* <Button variant="primary">Click me</Button>
|
|
@@ -61,8 +63,14 @@ interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
61
63
|
* <Bell />
|
|
62
64
|
* </Button>
|
|
63
65
|
* ```
|
|
66
|
+
*
|
|
67
|
+
* @example With ref
|
|
68
|
+
* ```tsx
|
|
69
|
+
* const buttonRef = useRef<HTMLButtonElement>(null);
|
|
70
|
+
* <Button ref={buttonRef}>Focusable</Button>
|
|
71
|
+
* ```
|
|
64
72
|
*/
|
|
65
|
-
declare
|
|
73
|
+
declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
66
74
|
|
|
67
75
|
interface ButtonGroupOption {
|
|
68
76
|
/** Option value */
|
|
@@ -176,6 +184,8 @@ interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement
|
|
|
176
184
|
clearable?: boolean;
|
|
177
185
|
/** Callback when clear button is clicked */
|
|
178
186
|
onClear?: () => void;
|
|
187
|
+
/** Show loading spinner in input */
|
|
188
|
+
loading?: boolean;
|
|
179
189
|
}
|
|
180
190
|
/**
|
|
181
191
|
* Input - Text input component with validation, icons, and prefixes/suffixes
|
|
@@ -382,9 +392,20 @@ interface MultiSelectProps {
|
|
|
382
392
|
maxHeight?: number;
|
|
383
393
|
/** Maximum number of selections allowed */
|
|
384
394
|
maxSelections?: number;
|
|
395
|
+
/** Show loading spinner (for async options loading) */
|
|
396
|
+
loading?: boolean;
|
|
385
397
|
'aria-label'?: string;
|
|
386
398
|
}
|
|
387
|
-
|
|
399
|
+
/** Handle for imperative methods */
|
|
400
|
+
interface MultiSelectHandle {
|
|
401
|
+
/** Focus the select trigger button */
|
|
402
|
+
focus: () => void;
|
|
403
|
+
/** Open the dropdown */
|
|
404
|
+
open: () => void;
|
|
405
|
+
/** Close the dropdown */
|
|
406
|
+
close: () => void;
|
|
407
|
+
}
|
|
408
|
+
declare const MultiSelect: React__default.ForwardRefExoticComponent<MultiSelectProps & React__default.RefAttributes<MultiSelectHandle>>;
|
|
388
409
|
|
|
389
410
|
interface SwitchProps {
|
|
390
411
|
checked: boolean;
|
|
@@ -414,6 +435,8 @@ interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
|
|
|
414
435
|
maxRows?: number;
|
|
415
436
|
/** Resize behavior (default: 'vertical') - overridden to 'none' when autoExpand is true */
|
|
416
437
|
resize?: 'none' | 'vertical' | 'horizontal' | 'both';
|
|
438
|
+
/** Show loading spinner (for async operations like auto-save) */
|
|
439
|
+
loading?: boolean;
|
|
417
440
|
}
|
|
418
441
|
declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
419
442
|
|
|
@@ -926,7 +949,7 @@ declare function Separator({ orientation, className, spacing, }: SeparatorProps)
|
|
|
926
949
|
/**
|
|
927
950
|
* Card component props
|
|
928
951
|
*/
|
|
929
|
-
interface CardProps {
|
|
952
|
+
interface CardProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onClick'> {
|
|
930
953
|
/** Card content */
|
|
931
954
|
children: React__default.ReactNode;
|
|
932
955
|
/** Visual style variant affecting padding and shadow */
|
|
@@ -945,6 +968,8 @@ interface CardProps {
|
|
|
945
968
|
/**
|
|
946
969
|
* Card - Container component with paper aesthetic and subtle shadow
|
|
947
970
|
*
|
|
971
|
+
* Supports ref forwarding for DOM access.
|
|
972
|
+
*
|
|
948
973
|
* A content container with paper texture, border, and shadow effects. Supports
|
|
949
974
|
* different sizes, variants (padding/shadow levels), and loading states.
|
|
950
975
|
*
|
|
@@ -974,8 +999,15 @@ interface CardProps {
|
|
|
974
999
|
* <p>Content</p>
|
|
975
1000
|
* </Card>
|
|
976
1001
|
* ```
|
|
1002
|
+
*
|
|
1003
|
+
* @example With ref
|
|
1004
|
+
* ```tsx
|
|
1005
|
+
* const cardRef = useRef<HTMLDivElement>(null);
|
|
1006
|
+
* <Card ref={cardRef}>Content</Card>
|
|
1007
|
+
* ```
|
|
977
1008
|
*/
|
|
978
|
-
declare
|
|
1009
|
+
declare const Card: React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1010
|
+
|
|
979
1011
|
/**
|
|
980
1012
|
* CardHeader component props
|
|
981
1013
|
*/
|
|
@@ -1011,13 +1043,16 @@ declare function CardFooter({ children, className, }: {
|
|
|
1011
1043
|
className?: string;
|
|
1012
1044
|
}): react_jsx_runtime.JSX.Element;
|
|
1013
1045
|
|
|
1014
|
-
|
|
1046
|
+
type SpacingValue = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
1047
|
+
interface StackProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1015
1048
|
/** Content to stack */
|
|
1016
1049
|
children: React__default.ReactNode;
|
|
1017
1050
|
/** Direction of stack */
|
|
1018
1051
|
direction?: 'vertical' | 'horizontal';
|
|
1019
|
-
/** Spacing between items */
|
|
1020
|
-
spacing?:
|
|
1052
|
+
/** Spacing between items (alias: gap) */
|
|
1053
|
+
spacing?: SpacingValue;
|
|
1054
|
+
/** Spacing between items (alias for spacing - for developer convenience) */
|
|
1055
|
+
gap?: SpacingValue;
|
|
1021
1056
|
/** Alignment of items */
|
|
1022
1057
|
align?: 'start' | 'center' | 'end' | 'stretch';
|
|
1023
1058
|
/** Justify content */
|
|
@@ -1030,18 +1065,35 @@ interface StackProps {
|
|
|
1030
1065
|
/**
|
|
1031
1066
|
* Stack component for arranging children vertically or horizontally with consistent spacing.
|
|
1032
1067
|
*
|
|
1033
|
-
*
|
|
1068
|
+
* Supports ref forwarding for DOM access.
|
|
1069
|
+
*
|
|
1070
|
+
* Spacing scale (use either `spacing` or `gap` prop - they're aliases):
|
|
1034
1071
|
* - none: 0
|
|
1035
1072
|
* - xs: 0.5rem (2)
|
|
1036
1073
|
* - sm: 0.75rem (3)
|
|
1037
1074
|
* - md: 1.5rem (6)
|
|
1038
1075
|
* - lg: 2rem (8)
|
|
1039
1076
|
* - xl: 3rem (12)
|
|
1077
|
+
*
|
|
1078
|
+
* @example
|
|
1079
|
+
* ```tsx
|
|
1080
|
+
* // Using spacing prop
|
|
1081
|
+
* <Stack spacing="md">
|
|
1082
|
+
* <Card>Item 1</Card>
|
|
1083
|
+
* <Card>Item 2</Card>
|
|
1084
|
+
* </Stack>
|
|
1085
|
+
*
|
|
1086
|
+
* // Using gap prop (alias)
|
|
1087
|
+
* <Stack gap="md">
|
|
1088
|
+
* <Card>Item 1</Card>
|
|
1089
|
+
* <Card>Item 2</Card>
|
|
1090
|
+
* </Stack>
|
|
1091
|
+
* ```
|
|
1040
1092
|
*/
|
|
1041
|
-
declare const Stack: React__default.
|
|
1093
|
+
declare const Stack: React__default.ForwardRefExoticComponent<StackProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1042
1094
|
|
|
1043
1095
|
type ColumnCount = 1 | 2 | 3 | 4 | 6 | 12;
|
|
1044
|
-
interface GridProps {
|
|
1096
|
+
interface GridProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1045
1097
|
/** Content to arrange in grid */
|
|
1046
1098
|
children: React__default.ReactNode;
|
|
1047
1099
|
/** Number of columns (default, or mobile-first base) */
|
|
@@ -1062,6 +1114,8 @@ interface GridProps {
|
|
|
1062
1114
|
/**
|
|
1063
1115
|
* Grid component for arranging children in a CSS grid layout.
|
|
1064
1116
|
*
|
|
1117
|
+
* Supports ref forwarding for DOM access.
|
|
1118
|
+
*
|
|
1065
1119
|
* Column options: 1, 2, 3, 4, 6, 12
|
|
1066
1120
|
*
|
|
1067
1121
|
* Responsive breakpoints (mobile-first):
|
|
@@ -1086,7 +1140,7 @@ interface GridProps {
|
|
|
1086
1140
|
* <Card>Item 2</Card>
|
|
1087
1141
|
* </Grid>
|
|
1088
1142
|
*/
|
|
1089
|
-
declare const Grid: React__default.
|
|
1143
|
+
declare const Grid: React__default.ForwardRefExoticComponent<GridProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1090
1144
|
|
|
1091
1145
|
interface BoxProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1092
1146
|
/** Content */
|
|
@@ -1126,8 +1180,9 @@ interface BoxProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
|
1126
1180
|
}
|
|
1127
1181
|
/**
|
|
1128
1182
|
* Box component for generic containers with design system spacing and borders.
|
|
1183
|
+
* Supports ref forwarding for DOM access.
|
|
1129
1184
|
*/
|
|
1130
|
-
declare const Box: React__default.
|
|
1185
|
+
declare const Box: React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1131
1186
|
|
|
1132
1187
|
interface GridItemProps extends Omit<BoxProps, 'colSpan'> {
|
|
1133
1188
|
/** Grid column span (1-12) */
|
|
@@ -1141,17 +1196,18 @@ interface GridItemProps extends Omit<BoxProps, 'colSpan'> {
|
|
|
1141
1196
|
*/
|
|
1142
1197
|
declare const GridItem: React__default.FC<GridItemProps>;
|
|
1143
1198
|
|
|
1144
|
-
|
|
1199
|
+
type TextElement = 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label';
|
|
1200
|
+
interface TextProps extends Omit<React__default.HTMLAttributes<HTMLElement>, 'color'> {
|
|
1145
1201
|
/** Text content */
|
|
1146
1202
|
children: React__default.ReactNode;
|
|
1147
1203
|
/** HTML element to render */
|
|
1148
|
-
as?:
|
|
1204
|
+
as?: TextElement;
|
|
1149
1205
|
/** Size variant */
|
|
1150
1206
|
size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';
|
|
1151
1207
|
/** Weight variant */
|
|
1152
1208
|
weight?: 'normal' | 'medium' | 'semibold' | 'bold';
|
|
1153
1209
|
/** Color variant */
|
|
1154
|
-
color?: 'primary' | 'secondary' | 'muted' | 'accent' | 'error' | 'success';
|
|
1210
|
+
color?: 'primary' | 'secondary' | 'muted' | 'accent' | 'error' | 'success' | 'warning';
|
|
1155
1211
|
/** Text alignment */
|
|
1156
1212
|
align?: 'left' | 'center' | 'right';
|
|
1157
1213
|
/** Truncate text with ellipsis (single line) */
|
|
@@ -1166,6 +1222,8 @@ interface TextProps {
|
|
|
1166
1222
|
/**
|
|
1167
1223
|
* Text component for consistent typography across the application.
|
|
1168
1224
|
*
|
|
1225
|
+
* Supports ref forwarding for DOM access.
|
|
1226
|
+
*
|
|
1169
1227
|
* Size scale:
|
|
1170
1228
|
* - xs: 0.75rem (12px)
|
|
1171
1229
|
* - sm: 0.875rem (14px)
|
|
@@ -1173,8 +1231,21 @@ interface TextProps {
|
|
|
1173
1231
|
* - lg: 1.125rem (18px)
|
|
1174
1232
|
* - xl: 1.25rem (20px)
|
|
1175
1233
|
* - 2xl: 1.5rem (24px)
|
|
1234
|
+
*
|
|
1235
|
+
* @example
|
|
1236
|
+
* ```tsx
|
|
1237
|
+
* <Text size="lg" weight="semibold" color="primary">
|
|
1238
|
+
* Hello World
|
|
1239
|
+
* </Text>
|
|
1240
|
+
*
|
|
1241
|
+
* <Text color="warning">Warning message</Text>
|
|
1242
|
+
*
|
|
1243
|
+
* // With ref
|
|
1244
|
+
* const textRef = useRef<HTMLParagraphElement>(null);
|
|
1245
|
+
* <Text ref={textRef}>Measurable text</Text>
|
|
1246
|
+
* ```
|
|
1176
1247
|
*/
|
|
1177
|
-
declare const Text: React__default.
|
|
1248
|
+
declare const Text: React__default.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<HTMLElement>>;
|
|
1178
1249
|
|
|
1179
1250
|
type ToastType = 'success' | 'error' | 'warning' | 'info';
|
|
1180
1251
|
type ToastPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
|
|
@@ -2126,31 +2197,6 @@ interface StepIndicatorProps {
|
|
|
2126
2197
|
}
|
|
2127
2198
|
declare function StepIndicator({ steps, currentStep, variant, onStepClick, }: StepIndicatorProps): react_jsx_runtime.JSX.Element;
|
|
2128
2199
|
|
|
2129
|
-
type SortDirection = 'asc' | 'desc' | null;
|
|
2130
|
-
interface Column<T> {
|
|
2131
|
-
key: string;
|
|
2132
|
-
header: string;
|
|
2133
|
-
accessor?: (row: T) => React__default.ReactNode;
|
|
2134
|
-
sortable?: boolean;
|
|
2135
|
-
filterable?: boolean;
|
|
2136
|
-
width?: string;
|
|
2137
|
-
}
|
|
2138
|
-
interface TableProps<T> {
|
|
2139
|
-
data: T[];
|
|
2140
|
-
columns: Column<T>[];
|
|
2141
|
-
keyExtractor: (row: T) => string;
|
|
2142
|
-
selectable?: boolean;
|
|
2143
|
-
expandable?: boolean;
|
|
2144
|
-
onRowSelect?: (selectedRows: string[]) => void;
|
|
2145
|
-
renderExpandedRow?: (row: T) => React__default.ReactNode;
|
|
2146
|
-
emptyState?: React__default.ReactNode;
|
|
2147
|
-
className?: string;
|
|
2148
|
-
onSort?: (columnKey: string, direction: SortDirection) => void;
|
|
2149
|
-
sortColumn?: string | null;
|
|
2150
|
-
sortDirection?: SortDirection;
|
|
2151
|
-
}
|
|
2152
|
-
declare function Table<T>({ data, columns, keyExtractor, selectable, expandable, onRowSelect, renderExpandedRow, emptyState, className, onSort, sortColumn: externalSortColumn, sortDirection: externalSortDirection, }: TableProps<T>): react_jsx_runtime.JSX.Element;
|
|
2153
|
-
|
|
2154
2200
|
interface BadgeProps {
|
|
2155
2201
|
children?: React__default.ReactNode;
|
|
2156
2202
|
variant?: 'success' | 'warning' | 'error' | 'info' | 'neutral';
|
|
@@ -2203,8 +2249,10 @@ interface EmptyStateProps {
|
|
|
2203
2249
|
label: string;
|
|
2204
2250
|
onClick: () => void;
|
|
2205
2251
|
};
|
|
2252
|
+
/** Optional custom content rendered below the description */
|
|
2253
|
+
children?: React__default.ReactNode;
|
|
2206
2254
|
}
|
|
2207
|
-
declare function EmptyState({ icon, title, description, action, secondaryAction, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
|
|
2255
|
+
declare function EmptyState({ icon, title, description, action, secondaryAction, children, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
|
|
2208
2256
|
|
|
2209
2257
|
interface ComingSoonProps {
|
|
2210
2258
|
title: string;
|
|
@@ -2662,8 +2710,6 @@ declare function NotificationIndicator({ count, onClick, className, maxCount, va
|
|
|
2662
2710
|
interface BaseDataItem$1 {
|
|
2663
2711
|
/** Unique identifier for the data item */
|
|
2664
2712
|
id: string | number;
|
|
2665
|
-
/** Additional properties specific to your data type */
|
|
2666
|
-
[key: string]: unknown;
|
|
2667
2713
|
}
|
|
2668
2714
|
/**
|
|
2669
2715
|
* Column configuration for DataTable
|
|
@@ -2859,6 +2905,22 @@ interface DataTableProps<T extends BaseDataItem$1 = BaseDataItem$1> {
|
|
|
2859
2905
|
virtualHeight?: string;
|
|
2860
2906
|
/** Row height for virtual scrolling (default: 60) */
|
|
2861
2907
|
virtualRowHeight?: number;
|
|
2908
|
+
/** Enable built-in pagination (renders Pagination component above table) */
|
|
2909
|
+
paginated?: boolean;
|
|
2910
|
+
/** Current page number (1-indexed) */
|
|
2911
|
+
currentPage?: number;
|
|
2912
|
+
/** Number of items per page */
|
|
2913
|
+
pageSize?: number;
|
|
2914
|
+
/** Total number of items (for server-side pagination) */
|
|
2915
|
+
totalItems?: number;
|
|
2916
|
+
/** Callback when page changes */
|
|
2917
|
+
onPageChange?: (page: number) => void;
|
|
2918
|
+
/** Available page size options (default: [10, 25, 50, 100]) */
|
|
2919
|
+
pageSizeOptions?: number[];
|
|
2920
|
+
/** Callback when page size changes */
|
|
2921
|
+
onPageSizeChange?: (pageSize: number) => void;
|
|
2922
|
+
/** Show page size selector (default: true when paginated) */
|
|
2923
|
+
showPageSizeSelector?: boolean;
|
|
2862
2924
|
}
|
|
2863
2925
|
/**
|
|
2864
2926
|
* DataTable - Feature-rich data table component
|
|
@@ -2904,7 +2966,7 @@ interface DataTableProps<T extends BaseDataItem$1 = BaseDataItem$1> {
|
|
|
2904
2966
|
* />
|
|
2905
2967
|
* ```
|
|
2906
2968
|
*/
|
|
2907
|
-
declare function DataTable<T extends BaseDataItem$1 = BaseDataItem$1>({ data, columns, loading, error, emptyMessage, loadingRows, className, onSortChange, currentSort, onEdit, onDelete, actions, enableContextMenu, onRowClick, onRowDoubleClick, selectable, selectedRows: externalSelectedRows, onRowSelect, keyExtractor, expandable, expandedRows: externalExpandedRows, renderExpandedRow, expandedRowConfig, showExpandChevron, striped, stripedColor, density, rowClassName, rowHighlight, highlightedRowId, bordered, borderColor, disableHover, hiddenColumns, headerClassName, renderEmptyState: customRenderEmptyState, resizable, onColumnResize, reorderable, onColumnReorder, virtualized, virtualHeight, virtualRowHeight, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
2969
|
+
declare function DataTable<T extends BaseDataItem$1 = BaseDataItem$1>({ data, columns, loading, error, emptyMessage, loadingRows, className, onSortChange, currentSort, onEdit, onDelete, actions, enableContextMenu, onRowClick, onRowDoubleClick, selectable, selectedRows: externalSelectedRows, onRowSelect, keyExtractor, expandable, expandedRows: externalExpandedRows, renderExpandedRow, expandedRowConfig, showExpandChevron, striped, stripedColor, density, rowClassName, rowHighlight, highlightedRowId, bordered, borderColor, disableHover, hiddenColumns, headerClassName, renderEmptyState: customRenderEmptyState, resizable, onColumnResize, reorderable, onColumnReorder, virtualized, virtualHeight, virtualRowHeight, paginated, currentPage, pageSize, totalItems, onPageChange, pageSizeOptions, onPageSizeChange, showPageSizeSelector, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
2908
2970
|
|
|
2909
2971
|
/**
|
|
2910
2972
|
* Enhanced cell type with formula support
|
|
@@ -3994,5 +4056,5 @@ declare function useColumnReorder<T>(initialColumns: T[], options?: UseColumnReo
|
|
|
3994
4056
|
resetOrder: () => void;
|
|
3995
4057
|
};
|
|
3996
4058
|
|
|
3997
|
-
export { Accordion, ActionButton, AdminModal, Alert, AlertDialog, AppLayout, Autocomplete, Avatar, Badge, BottomSheet, Box, Breadcrumbs, Button, ButtonGroup, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardView, Carousel, Checkbox, Chip, Collapsible, ColorPicker, Combobox, ComingSoon, CommandPalette, ConfirmDialog, ContextMenu, ControlBar, CurrencyDisplay, CurrencyInput, Dashboard, DashboardContent, DashboardHeader, DataTable, DateDisplay, DatePicker, DateRangePicker, DateTimePicker, Drawer, DrawerFooter, DropZone, Dropdown, DropdownTrigger, EmptyState, ErrorBoundary, ExpandableRowButton, ExpandableToolbar, ExpandedRowEditForm, ExportButton, FieldArray, FileUpload, FilterBar, FilterControls, FilterStatusBanner, Form, FormContext, FormControl, FormWizard, Grid, GridItem, Hide, HoverCard, InfiniteScroll, Input, KanbanBoard, Layout, Loading, LoadingOverlay, Logo, MarkdownEditor, MaskedInput, Menu, MenuDivider, Modal, ModalFooter, MultiSelect, NotificationBar, NotificationIndicator, NumberInput, Page, PageLayout, PageNavigation, Pagination, PasswordInput, Popover, Progress, QueryTransparency, RadioGroup, Rating, RichTextEditor, SearchBar, Select, Separator, Show, Sidebar, SidebarGroup, Skeleton, SkeletonCard, SkeletonTable, Slider, Spreadsheet, SpreadsheetReport, Stack, StatCard$1 as StatCard, StatItem, StatsCardGrid, StatsGrid, StatusBadge, StatusBar, StepIndicator, Stepper, Switch,
|
|
3998
|
-
export type { AccordionItem, AccordionProps, ActionButtonProps, ActionsSectionProps, AdminModalProps, AdminModalTab, AlertDialogAction, AlertDialogProps, AlertProps, AppLayoutProps, AppliedFilter, AutocompleteHandle, AutocompleteOption, AutocompleteProps, AvatarProps, BadgeProps, BaseDataItem, BottomSheetProps, BoxProps, BreadcrumbItem, BreadcrumbsProps, ButtonGroupOption, ButtonGroupProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CardViewItem, CarouselItem, CarouselProps, CheckboxFormField, CheckboxProps, ChipProps, CollapsibleProps, ColorPickerProps,
|
|
4059
|
+
export { Accordion, ActionButton, AdminModal, Alert, AlertDialog, AppLayout, Autocomplete, Avatar, Badge, BottomSheet, Box, Breadcrumbs, Button, ButtonGroup, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardView, Carousel, Checkbox, Chip, Collapsible, ColorPicker, Combobox, ComingSoon, CommandPalette, ConfirmDialog, ContextMenu, ControlBar, CurrencyDisplay, CurrencyInput, Dashboard, DashboardContent, DashboardHeader, DataTable, DateDisplay, DatePicker, DateRangePicker, DateTimePicker, Drawer, DrawerFooter, DropZone, Dropdown, DropdownTrigger, EmptyState, ErrorBoundary, ExpandableRowButton, ExpandableToolbar, ExpandedRowEditForm, ExportButton, FieldArray, FileUpload, FilterBar, FilterControls, FilterStatusBanner, Form, FormContext, FormControl, FormWizard, Grid, GridItem, Hide, HoverCard, InfiniteScroll, Input, KanbanBoard, Layout, Loading, LoadingOverlay, Logo, MarkdownEditor, MaskedInput, Menu, MenuDivider, Modal, ModalFooter, MultiSelect, NotificationBar, NotificationIndicator, NumberInput, Page, PageLayout, PageNavigation, Pagination, PasswordInput, Popover, Progress, QueryTransparency, RadioGroup, Rating, RichTextEditor, SearchBar, Select, Separator, Show, Sidebar, SidebarGroup, Skeleton, SkeletonCard, SkeletonTable, Slider, Spreadsheet, SpreadsheetReport, Stack, StatCard$1 as StatCard, StatItem, StatsCardGrid, StatsGrid, StatusBadge, StatusBar, StepIndicator, Stepper, Switch, Tabs, Text, Textarea, ThemeToggle, TimePicker, Timeline, Toast, ToastContainer, Tooltip, Transfer, TreeView, TwoColumnContent, UserProfileButton, addErrorMessage, addInfoMessage, addSuccessMessage, addWarningMessage, calculateColumnWidth, createActionsSection, createFiltersSection, createMultiSheetExcel, createPageControlsSection, createQueryDetailsSection, exportDataTableToExcel, exportToExcel, formatStatisticValue, formatStatistics, loadColumnOrder, loadColumnWidths, reorderArray, saveColumnOrder, saveColumnWidths, statusManager, useColumnReorder, useColumnResize, useCommandPalette, useConfirmDialog, useFormContext, useMediaQuery };
|
|
4060
|
+
export type { AccordionItem, AccordionProps, ActionButtonProps, ActionsSectionProps, AdminModalProps, AdminModalTab, AlertDialogAction, AlertDialogProps, AlertProps, AppLayoutProps, AppliedFilter, AutocompleteHandle, AutocompleteOption, AutocompleteProps, AvatarProps, BadgeProps, BaseDataItem, BottomSheetProps, BoxProps, BreadcrumbItem, BreadcrumbsProps, ButtonGroupOption, ButtonGroupProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CardViewItem, CarouselItem, CarouselProps, CheckboxFormField, CheckboxProps, ChipProps, CollapsibleProps, ColorPickerProps, ColumnOrder, ColumnResize, ComboboxHandle, ComboboxOption, ComboboxProps, ComingSoonProps, Command, CommandPaletteProps, ConfirmDialogProps, ContextMenuProps, ControlBarProps, ControlBarSection, CurrencyDisplayProps, CurrencyInputProps, DashboardContentProps, DashboardHeaderProps, DashboardProps, DataFetchParams, DataTableAction, DataTableColumn, DataTableExportOptions, DateDisplayProps, DatePickerHandle, DatePickerProps, DateRange, DateRangePickerHandle, DateRangePickerProps, DateTimePickerProps, DrawerProps, DropZoneProps, DropdownItem, DropdownProps, EmptyStateProps, ErrorBoundaryProps, ExcelColumn, ExpandableRowButtonProps, ExpandableToolbarProps, ExpandedRowConfig, ExpandedRowEditFormProps, ExpansionMode, ExportButtonProps, ExportFormat, ExportToExcelOptions, FieldArrayProps, FieldErrors, FileUploadProps, FilterBarProps, FilterConfig, FiltersSectionProps, FormContextValue, FormControlProps, FormField, FormFieldType, FormProps, FormWizardProps, FormattedStatistic, GridItemProps, GridProps, HoverCardProps, InfiniteScrollProps, InputProps, KanbanBoardProps, KanbanCard, KanbanColumn, LayoutProps, LoadingOverlayProps, LoadingProps, LogoProps, MarkdownEditorProps, MaskType, MaskedInputHandle, MaskedInputProps, MenuItem, MenuProps, ModalProps, MultiSelectHandle, MultiSelectOption, MultiSelectProps, MultiSheetExcelOptions, NotificationIndicatorProps, NumberInputProps, PageControlsSectionProps, PageNavigationProps, PageProps, PaginationProps, PaginationResponse, PasswordInputHandle, PasswordInputProps, PasswordStrength, PopoverProps, ProgressProps, QueryDetailsSectionProps, QueryTransparencyInfo, QueryTransparencyProps, RadioGroupProps, RadioOption, RatingProps, RichTextEditorProps, SearchBarProps, SelectFormField, SelectHandle, SelectOption, SelectProps, SeparatorProps, SidebarGroupProps, SidebarItem, SidebarProps, SliderProps, SortConfig, SpreadsheetCell, SpreadsheetProps, StackProps, StatCardProps, StatItemProps, StatisticConfig, StatisticFormat, StatsGridProps, StatusBadgeProps, StatusBarProps, StatusMessage, StatusType, Step, StepConfig, StepIndicatorProps, StepperProps, SwitchFormField, SwitchProps, Tab, TabsProps, TextFormField, TextProps, TextareaFormField, TextareaProps, ThemeToggleProps, TimePickerHandle, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToastType, ToolbarSection, TooltipProps, TransferItem, TransferProps, TreeNode, TreeViewProps, TwoColumnContentProps, UploadedFile, UseColumnReorderOptions, UseColumnResizeOptions, UseDataTableOptions, UseDataTableReturn, UserProfileButtonProps, ValidationRule, ValidationState$1 as ValidationState, WizardStep };
|