@murabei-data-science/pumpwood-ui 1.4.3 → 1.4.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.
- package/dist/components.d.ts +790 -776
- package/dist/components.esm.js +18 -18
- package/dist/components.js +17 -18
- package/dist/index.css +1 -1
- package/dist/types/components/Badge/index.d.ts +1 -1
- package/dist/types/components/FKSelect/index.d.ts +9 -2
- package/dist/types/components/index.d.ts +48 -48
- package/dist/types/components/ui/badge.d.ts +1 -1
- package/dist/types/components/ui/button.d.ts +2 -2
- package/dist/types/components/ui/combobox.d.ts +5 -1
- package/dist/types/lib/fk-select-fetcher.d.ts +10 -7
- package/package.json +1 -1
package/dist/components.d.ts
CHANGED
|
@@ -1,118 +1,183 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { ReactNode, ReactElement, ComponentType, HTMLAttributes, InputHTMLAttributes } from 'react';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
5
|
import { VariantProps } from 'class-variance-authority';
|
|
5
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
6
|
import { FileWithPath, Accept } from 'react-dropzone';
|
|
7
|
+
import { FieldError } from 'react-hook-form';
|
|
8
|
+
import { IFKSelectProps as IFKSelectProps$1 } from '@/components/FKSelect';
|
|
7
9
|
import { LucideIcon } from 'lucide-react';
|
|
8
|
-
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
9
10
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
10
|
-
import
|
|
11
|
+
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
11
12
|
import { DayPicker } from 'react-day-picker';
|
|
12
13
|
import { Button as Button$1 } from '@/components/ui/button';
|
|
13
|
-
import * as
|
|
14
|
-
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
15
|
-
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
14
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
16
15
|
import { Command as Command$1 } from 'cmdk';
|
|
17
16
|
import { Dialog as Dialog$1 } from '@/components/ui/dialog';
|
|
18
|
-
import * as
|
|
19
|
-
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
20
|
-
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
17
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
21
18
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
22
|
-
import
|
|
19
|
+
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
20
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
23
21
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
22
|
+
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
23
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
24
24
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
25
|
+
/**
|
|
26
|
+
* Parameters passed to the FK fetcher function.
|
|
27
|
+
*/
|
|
28
|
+
type FKFetcherParams = {
|
|
29
|
+
search: string;
|
|
30
|
+
modelClass: string;
|
|
31
|
+
labelName: string;
|
|
32
|
+
additionalFilters?: Record<string, any>;
|
|
33
|
+
fields?: string[];
|
|
34
|
+
limit?: number;
|
|
35
|
+
offset?: number;
|
|
36
|
+
};
|
|
37
|
+
type FKFetcherPageResult<T = unknown> = {
|
|
38
|
+
items: T[];
|
|
39
|
+
hasMore: boolean;
|
|
40
|
+
};
|
|
41
|
+
type FKFetcherReturn<T = unknown> = T[] | FKFetcherPageResult<T>;
|
|
42
|
+
/**
|
|
43
|
+
* Props for the FKSelect component.
|
|
44
|
+
*/
|
|
45
|
+
interface IFKSelectProps {
|
|
46
|
+
/** Optional id used as data-testid on the trigger. */
|
|
47
|
+
id?: string;
|
|
48
|
+
/** Function to fetch data from the API. */
|
|
49
|
+
fetcher: (params: FKFetcherParams) => Promise<FKFetcherReturn>;
|
|
50
|
+
/** Optional function to resolve a value not present in the list. */
|
|
51
|
+
resolveValue?: (params: {
|
|
52
|
+
modelClass: string;
|
|
53
|
+
value: string | number;
|
|
54
|
+
}) => Promise<any>;
|
|
55
|
+
/** The model class name to identify the resource. */
|
|
56
|
+
modelClass: string;
|
|
57
|
+
/** The field name to use as the display label. */
|
|
58
|
+
labelName: string;
|
|
59
|
+
/** The field name to use as the value (ID). Defaults to 'pk'. */
|
|
60
|
+
valueField?: string;
|
|
61
|
+
/** Placeholder text for the search input. */
|
|
62
|
+
placeholder?: string;
|
|
63
|
+
/** Message to show when no items are found. */
|
|
64
|
+
emptyMessage?: string;
|
|
65
|
+
/** The currently selected value. */
|
|
66
|
+
value: string | number | null;
|
|
67
|
+
/** Callback when an item is selected. */
|
|
68
|
+
onChange: (value: string | number, item?: any) => void;
|
|
69
|
+
/** Additional filters to apply to the API request. */
|
|
70
|
+
additionalFilters?: Record<string, any>;
|
|
71
|
+
/** Extra fields to include in search. */
|
|
72
|
+
fields?: string[];
|
|
73
|
+
/** Optional class names for the wrapper (e.g. width overrides). */
|
|
74
|
+
className?: string;
|
|
75
|
+
/** Debounce time in ms. Defaults to 300. */
|
|
76
|
+
debounceWait?: number;
|
|
77
|
+
/** Page size for list requests. Defaults to 50. */
|
|
78
|
+
pageSize?: number;
|
|
38
79
|
}
|
|
39
80
|
/**
|
|
40
|
-
*
|
|
81
|
+
* A foreign key select component (async combobox).
|
|
41
82
|
*
|
|
42
83
|
* @example
|
|
43
84
|
* ```tsx
|
|
44
|
-
* <
|
|
45
|
-
*
|
|
46
|
-
*
|
|
47
|
-
*
|
|
48
|
-
*
|
|
49
|
-
*
|
|
85
|
+
* <FKSelect
|
|
86
|
+
* fetcher={fetchData}
|
|
87
|
+
* modelClass="User"
|
|
88
|
+
* labelName="username"
|
|
89
|
+
* value={userId}
|
|
90
|
+
* onChange={setUserId}
|
|
50
91
|
* />
|
|
51
92
|
* ```
|
|
52
93
|
*/
|
|
53
|
-
declare const
|
|
94
|
+
declare const FKSelect: ({ id, fetcher, resolveValue, modelClass, labelName, valueField, placeholder, emptyMessage, value, onChange, additionalFilters, fields, className, debounceWait, pageSize, }: IFKSelectProps) => react_jsx_runtime.JSX.Element;
|
|
54
95
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
96
|
+
type DynamicListPagination = {
|
|
97
|
+
limit?: number;
|
|
98
|
+
offset?: number;
|
|
99
|
+
};
|
|
100
|
+
type DynamicListFn = (modelClass: string, filterDict: Record<string, unknown>, searchFields?: string[], pagination?: DynamicListPagination) => Promise<[Record<string, unknown>[] | null, {
|
|
101
|
+
message: string;
|
|
102
|
+
} | null]>;
|
|
103
|
+
type FKSelectFetcherParams = {
|
|
104
|
+
search: string;
|
|
105
|
+
modelClass: string;
|
|
106
|
+
labelName: string;
|
|
107
|
+
additionalFilters?: Record<string, unknown>;
|
|
108
|
+
fields?: string[];
|
|
109
|
+
limit?: number;
|
|
110
|
+
offset?: number;
|
|
111
|
+
};
|
|
112
|
+
type CreateFKSelectFetcherOptions = {
|
|
113
|
+
additionalFilters?: Record<string, unknown>;
|
|
114
|
+
fields?: string[];
|
|
115
|
+
};
|
|
58
116
|
/**
|
|
59
|
-
*
|
|
60
|
-
*
|
|
61
|
-
* @example
|
|
62
|
-
* ```tsx
|
|
63
|
-
* <Input placeholder="Enter text..." />
|
|
64
|
-
* <Input icon={<Search className="h-4 w-4" />} placeholder="Search..." />
|
|
65
|
-
* ```
|
|
117
|
+
* Fetches FK select options via an injected dynamicList function.
|
|
66
118
|
*/
|
|
67
|
-
declare const
|
|
68
|
-
|
|
69
|
-
|
|
119
|
+
declare const fkSelectFetcher: (dynamicList: DynamicListFn, { search, modelClass, labelName, additionalFilters, fields, limit, offset, }: FKSelectFetcherParams) => Promise<Record<string, unknown>[]>;
|
|
120
|
+
/**
|
|
121
|
+
* Creates a stable fetcher function for FKSelect.
|
|
122
|
+
*/
|
|
123
|
+
declare const createFKSelectFetcher: (dynamicList: DynamicListFn, labelName: string, options?: CreateFKSelectFetcherOptions) => (params: FKFetcherParams) => Promise<Record<string, unknown>[]>;
|
|
70
124
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
gap?: number;
|
|
77
|
-
/** Click handler. When set, the stack becomes keyboard-accessible (role="button"). */
|
|
78
|
-
onClick?: () => void;
|
|
125
|
+
interface IAlertWithIconProps {
|
|
126
|
+
icon: ReactNode;
|
|
127
|
+
title: string;
|
|
128
|
+
description: string;
|
|
129
|
+
variant?: "default" | "destructive";
|
|
79
130
|
className?: string;
|
|
80
|
-
}
|
|
131
|
+
}
|
|
81
132
|
/**
|
|
82
|
-
*
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
133
|
+
* Alert with icon, title and description.
|
|
134
|
+
*/
|
|
135
|
+
declare function AlertWithIcon({ icon, title, description, variant, className, }: IAlertWithIconProps): react_jsx_runtime.JSX.Element;
|
|
136
|
+
|
|
137
|
+
declare const pumpwoodBadgeVariants: (props?: ({
|
|
138
|
+
variant?: "destructive" | "primary" | "secondary" | "warning" | "muted" | null | undefined;
|
|
139
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
140
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
141
|
+
interface PumpwoodBadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof pumpwoodBadgeVariants> {
|
|
142
|
+
}
|
|
143
|
+
/**
|
|
144
|
+
* A Badge component for status indicators and labels.
|
|
87
145
|
*
|
|
88
146
|
* @example
|
|
89
147
|
* ```tsx
|
|
90
|
-
* <
|
|
91
|
-
*
|
|
92
|
-
* <Button>Btn 2</Button>
|
|
93
|
-
* </Stack>
|
|
148
|
+
* <Badge variant="primary">New</Badge>
|
|
149
|
+
* <Badge variant="destructive" size="sm">Error</Badge>
|
|
94
150
|
* ```
|
|
95
151
|
*/
|
|
96
|
-
declare function
|
|
152
|
+
declare function PumpwoodBadge({ className, variant, size, ...props }: PumpwoodBadgeProps): React.JSX.Element;
|
|
97
153
|
|
|
98
|
-
type DropzoneProps = {
|
|
99
|
-
children: ReactNode;
|
|
100
|
-
maxFiles?: number;
|
|
101
|
-
maxSize?: number;
|
|
102
|
-
accept?: Record<string, string[]>;
|
|
103
|
-
onFilesAccepted: (files: FileWithPath[]) => void;
|
|
104
|
-
};
|
|
105
154
|
/**
|
|
106
|
-
* A
|
|
155
|
+
* A Card component system for displaying content in boxes.
|
|
107
156
|
*
|
|
108
157
|
* @example
|
|
109
158
|
* ```tsx
|
|
110
|
-
* <
|
|
111
|
-
* <
|
|
112
|
-
* </
|
|
159
|
+
* <Card.Root>
|
|
160
|
+
* <Card.Header>
|
|
161
|
+
* <Card.Title>Card Title</Card.Title>
|
|
162
|
+
* <Card.Description>Card Description</Card.Description>
|
|
163
|
+
* </Card.Header>
|
|
164
|
+
* <Card.Content>
|
|
165
|
+
* <p>Card Content</p>
|
|
166
|
+
* </Card.Content>
|
|
167
|
+
* </Card.Root>
|
|
113
168
|
* ```
|
|
114
169
|
*/
|
|
115
|
-
declare
|
|
170
|
+
declare const PumpwoodCard: {
|
|
171
|
+
Root: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
172
|
+
Content: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
173
|
+
Header: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
174
|
+
Title: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
175
|
+
Description: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
176
|
+
};
|
|
177
|
+
|
|
178
|
+
declare const ClearButton: ({ handleClear }: {
|
|
179
|
+
handleClear: () => void;
|
|
180
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
116
181
|
|
|
117
182
|
interface RootProps {
|
|
118
183
|
open: boolean;
|
|
@@ -184,132 +249,124 @@ declare const ConfirmationDialog: {
|
|
|
184
249
|
Cancel: typeof Cancel;
|
|
185
250
|
};
|
|
186
251
|
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
252
|
+
/**
|
|
253
|
+
* Props for the DatePicker component.
|
|
254
|
+
*/
|
|
255
|
+
interface IDatePickerProps {
|
|
256
|
+
/** Optional id used as data-testid on the trigger button. */
|
|
257
|
+
id?: string;
|
|
258
|
+
/** Placeholder text when no date is selected. */
|
|
259
|
+
placeholder: string;
|
|
260
|
+
/** Controlled ISO date string (empty = no selection). */
|
|
261
|
+
value?: string;
|
|
262
|
+
/** Callback when the selected date changes (ISO string or empty). */
|
|
263
|
+
onValueChange?: (value: string) => void;
|
|
264
|
+
/** Optional class names for the wrapper (width, layout). */
|
|
265
|
+
className?: string;
|
|
266
|
+
/** Day boundary when serializing to ISO. */
|
|
267
|
+
boundary?: "start" | "end";
|
|
268
|
+
/** Display format for the selected date. */
|
|
269
|
+
dateFormat?: string;
|
|
201
270
|
}
|
|
202
271
|
/**
|
|
203
|
-
*
|
|
272
|
+
* A reusable date picker built with shadcn/ui.
|
|
204
273
|
*
|
|
205
274
|
* @example
|
|
206
275
|
* ```tsx
|
|
207
|
-
* <
|
|
208
|
-
*
|
|
209
|
-
*
|
|
210
|
-
*
|
|
211
|
-
*
|
|
212
|
-
*
|
|
276
|
+
* <DatePicker
|
|
277
|
+
* placeholder="Data inicial"
|
|
278
|
+
* boundary="start"
|
|
279
|
+
* value={filters.created_at__gte}
|
|
280
|
+
* onValueChange={(value) =>
|
|
281
|
+
* onFiltersChange({ target: "created_at__gte", value })
|
|
282
|
+
* }
|
|
283
|
+
* />
|
|
213
284
|
* ```
|
|
214
285
|
*/
|
|
215
|
-
declare
|
|
286
|
+
declare const DatePicker: ({ id, placeholder, value, onValueChange, className, boundary, dateFormat, }: IDatePickerProps) => react_jsx_runtime.JSX.Element;
|
|
216
287
|
|
|
217
|
-
type TypographyProps = HTMLAttributes<HTMLParagraphElement> & {
|
|
218
|
-
children: ReactNode;
|
|
219
|
-
className?: string;
|
|
220
|
-
};
|
|
221
|
-
declare function H1({ children, className, ...props }: TypographyProps): react_jsx_runtime.JSX.Element;
|
|
222
|
-
declare function Muted({ children, className, ...props }: TypographyProps): react_jsx_runtime.JSX.Element;
|
|
223
288
|
/**
|
|
224
|
-
*
|
|
225
|
-
*
|
|
226
|
-
* @example
|
|
227
|
-
* ```tsx
|
|
228
|
-
* <Typography.H1>Main Title</Typography.H1>
|
|
229
|
-
* <Typography.Muted>Subtitle text</Typography.Muted>
|
|
230
|
-
* ```
|
|
289
|
+
* DeleteDialog - Confirmation dialog component for delete documents.
|
|
231
290
|
*/
|
|
232
|
-
declare const
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
291
|
+
declare const DeleteDialog: ({ openDialog, setOpenDialog, handleDelete, count, }: {
|
|
292
|
+
openDialog: boolean;
|
|
293
|
+
setOpenDialog: (value: boolean) => void;
|
|
294
|
+
handleDelete: () => void;
|
|
295
|
+
count?: number;
|
|
296
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
236
297
|
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
declare const
|
|
298
|
+
type ExpectedFile = {
|
|
299
|
+
file: string;
|
|
300
|
+
};
|
|
301
|
+
type RetrieveFileFn = (modelClass: string, fileId: number) => Promise<[
|
|
302
|
+
{
|
|
303
|
+
data: number[];
|
|
304
|
+
contentType: string;
|
|
305
|
+
} | null,
|
|
306
|
+
{
|
|
307
|
+
message: string;
|
|
308
|
+
} | null
|
|
309
|
+
]>;
|
|
310
|
+
interface IDownloadButtonProps<T extends ExpectedFile> {
|
|
311
|
+
item: T;
|
|
312
|
+
propertyName: keyof T;
|
|
313
|
+
modelClass: string;
|
|
314
|
+
retrieveFile?: RetrieveFileFn;
|
|
315
|
+
}
|
|
316
|
+
declare const DownloadButton: <T extends ExpectedFile>({ item, modelClass, propertyName, retrieveFile, }: IDownloadButtonProps<T>) => react_jsx_runtime.JSX.Element;
|
|
256
317
|
|
|
318
|
+
type DropzoneProps = {
|
|
319
|
+
children: ReactNode;
|
|
320
|
+
maxFiles?: number;
|
|
321
|
+
maxSize?: number;
|
|
322
|
+
accept?: Record<string, string[]>;
|
|
323
|
+
onFilesAccepted: (files: FileWithPath[]) => void;
|
|
324
|
+
};
|
|
257
325
|
/**
|
|
258
|
-
* A
|
|
326
|
+
* A drag-and-drop zone for file uploads.
|
|
259
327
|
*
|
|
260
328
|
* @example
|
|
261
329
|
* ```tsx
|
|
262
|
-
* <
|
|
263
|
-
* <
|
|
264
|
-
*
|
|
265
|
-
* <Card.Description>Card Description</Card.Description>
|
|
266
|
-
* </Card.Header>
|
|
267
|
-
* <Card.Content>
|
|
268
|
-
* <p>Card Content</p>
|
|
269
|
-
* </Card.Content>
|
|
270
|
-
* </Card.Root>
|
|
330
|
+
* <Dropzone onFilesAccepted={(files) => console.log(files)}>
|
|
331
|
+
* <Button>Upload</Button>
|
|
332
|
+
* </Dropzone>
|
|
271
333
|
* ```
|
|
272
334
|
*/
|
|
273
|
-
declare
|
|
274
|
-
Root: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
275
|
-
Content: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
276
|
-
Header: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
277
|
-
Title: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
278
|
-
Description: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
279
|
-
};
|
|
335
|
+
declare function PumpwoodDropzone({ children, maxFiles, maxSize, accept, onFilesAccepted, }: DropzoneProps): react_jsx_runtime.JSX.Element;
|
|
280
336
|
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
337
|
+
interface EmptyContainerProps {
|
|
338
|
+
title: string;
|
|
339
|
+
description: string;
|
|
285
340
|
}
|
|
286
341
|
/**
|
|
287
|
-
*
|
|
342
|
+
* A container to display an empty state.
|
|
288
343
|
*
|
|
289
344
|
* @example
|
|
290
345
|
* ```tsx
|
|
291
|
-
* <
|
|
292
|
-
*
|
|
346
|
+
* <EmptyContainer
|
|
347
|
+
* title="No Data"
|
|
348
|
+
* description="There are no items to display at this time."
|
|
349
|
+
* />
|
|
293
350
|
* ```
|
|
294
351
|
*/
|
|
295
|
-
declare function
|
|
352
|
+
declare function EmptyContainer({ title, description }: EmptyContainerProps): react_jsx_runtime.JSX.Element;
|
|
296
353
|
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
354
|
+
interface ErrorBoundaryProps {
|
|
355
|
+
children: ReactNode;
|
|
356
|
+
hasError: boolean;
|
|
357
|
+
message?: string;
|
|
358
|
+
className?: string;
|
|
302
359
|
}
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
360
|
+
declare const ErrorBoundary: ({ children, hasError, message, }: ErrorBoundaryProps) => react_jsx_runtime.JSX.Element;
|
|
361
|
+
|
|
362
|
+
declare const ErrorMessage: ({ error }: {
|
|
363
|
+
error: FieldError | undefined;
|
|
364
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
365
|
+
|
|
366
|
+
declare const ErrorToastContent: ({ message, error, }: {
|
|
367
|
+
message: string;
|
|
368
|
+
error: string;
|
|
369
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
313
370
|
|
|
314
371
|
interface FileDropzoneProps {
|
|
315
372
|
onFileSelected: (file: File) => void;
|
|
@@ -332,304 +389,131 @@ interface FileDropzoneProps {
|
|
|
332
389
|
*/
|
|
333
390
|
declare function FileDropzone({ onFileSelected, onFileDeleted, acceptExtensions, accept, maxSizeMB, }: FileDropzoneProps): react_jsx_runtime.JSX.Element;
|
|
334
391
|
|
|
335
|
-
|
|
336
|
-
initialCollapsed?: boolean;
|
|
337
|
-
onPersist?: (collapsed: boolean) => void;
|
|
338
|
-
}
|
|
339
|
-
/**
|
|
340
|
-
* Hook for sidebar collapse state with optional persistence callback.
|
|
341
|
-
*/
|
|
342
|
-
declare function useSidebarCollapse({ initialCollapsed, onPersist, }?: IUseSidebarCollapseOptions): {
|
|
343
|
-
isCollapsed: boolean;
|
|
344
|
-
isCollapsing: boolean;
|
|
345
|
-
expandedItems: Record<string, boolean>;
|
|
346
|
-
setExpandedItems: React$1.Dispatch<React$1.SetStateAction<Record<string, boolean>>>;
|
|
347
|
-
toggleCollapse: () => void;
|
|
348
|
-
expand: () => void;
|
|
349
|
-
handleTransitionEnd: () => void;
|
|
350
|
-
toggleExpanded: (title: string) => void;
|
|
351
|
-
setExpandedOnCollapse: () => void;
|
|
352
|
-
};
|
|
392
|
+
declare function Loading(): react_jsx_runtime.JSX.Element;
|
|
353
393
|
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
/** Whether the sidebar is currently collapsed. */
|
|
361
|
-
isCollapsed: boolean;
|
|
362
|
-
/** Whether the sidebar is mid-collapse transition. */
|
|
363
|
-
isCollapsing?: boolean;
|
|
364
|
-
/** Callback to toggle the collapsed state. */
|
|
365
|
-
onToggleCollapse: () => void;
|
|
366
|
-
/** Callback when width transition ends. */
|
|
367
|
-
onTransitionEnd?: () => void;
|
|
368
|
-
/** Additional CSS classes. */
|
|
394
|
+
interface IMarkdownEditorProps {
|
|
395
|
+
value: string;
|
|
396
|
+
onChange: (value: string) => void;
|
|
397
|
+
placeholder?: string;
|
|
398
|
+
error?: string;
|
|
399
|
+
disabled?: boolean;
|
|
369
400
|
className?: string;
|
|
401
|
+
/** Toast UI theme. Defaults to following the document `.dark` class. */
|
|
402
|
+
theme?: "light" | "dark";
|
|
370
403
|
}
|
|
371
|
-
declare function Root({ children, isCollapsed, isCollapsing, onToggleCollapse, onTransitionEnd, className, }: SidebarRootProps): react_jsx_runtime.JSX.Element;
|
|
372
404
|
/**
|
|
373
|
-
*
|
|
405
|
+
* WYSIWYG markdown editor wrapper around Toast UI Editor.
|
|
374
406
|
*/
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
407
|
+
declare function MarkdownEditor({ value, onChange, placeholder, error, disabled, className, theme, }: IMarkdownEditorProps): react_jsx_runtime.JSX.Element;
|
|
408
|
+
|
|
409
|
+
interface IMultiSelectOption {
|
|
410
|
+
label: string;
|
|
411
|
+
value: string;
|
|
378
412
|
}
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
children: ReactNode;
|
|
413
|
+
interface IMultiSelectDropdownProps {
|
|
414
|
+
options: IMultiSelectOption[];
|
|
415
|
+
selected: string[];
|
|
416
|
+
onChange: (selected: string[]) => void;
|
|
417
|
+
placeholder?: string;
|
|
385
418
|
className?: string;
|
|
419
|
+
maxDisplay?: number;
|
|
386
420
|
}
|
|
387
|
-
declare function
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
*/
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
421
|
+
declare function MultiSelectDropdown({ options, selected, onChange, placeholder, className, maxDisplay, }: IMultiSelectDropdownProps): react_jsx_runtime.JSX.Element;
|
|
422
|
+
|
|
423
|
+
interface INoResultProps {
|
|
424
|
+
/** Title shown in the empty state. */
|
|
425
|
+
title?: string;
|
|
426
|
+
/** Description shown in the empty state. */
|
|
427
|
+
description?: string;
|
|
394
428
|
}
|
|
395
|
-
declare function Footer({ children, className }: SidebarFooterProps): react_jsx_runtime.JSX.Element;
|
|
396
429
|
/**
|
|
397
|
-
*
|
|
430
|
+
* Default empty state for tables and lists with no data.
|
|
431
|
+
*
|
|
432
|
+
* @example
|
|
433
|
+
* ```tsx
|
|
434
|
+
* <NoResult />
|
|
435
|
+
* ```
|
|
398
436
|
*/
|
|
399
|
-
|
|
400
|
-
|
|
437
|
+
declare function NoResult({ title, description, }: INoResultProps): react_jsx_runtime.JSX.Element;
|
|
438
|
+
|
|
439
|
+
type PaginationProps = {
|
|
440
|
+
startRecord: number;
|
|
441
|
+
endRecord: number;
|
|
442
|
+
hasValidSearchValues: boolean;
|
|
443
|
+
tabCount: number;
|
|
444
|
+
disabledLoadBackButton: boolean;
|
|
445
|
+
disabledLoadMoreButton: boolean;
|
|
446
|
+
loadBack: () => void;
|
|
447
|
+
loadMore: () => void;
|
|
448
|
+
};
|
|
449
|
+
declare const Pagination: ({ startRecord, endRecord, hasValidSearchValues, tabCount, disabledLoadBackButton, disabledLoadMoreButton, loadBack, loadMore, }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
450
|
+
|
|
451
|
+
interface PopConfirmProps {
|
|
452
|
+
title: string;
|
|
453
|
+
description?: string;
|
|
454
|
+
children: ReactElement;
|
|
455
|
+
onConfirm: () => void | Promise<void>;
|
|
456
|
+
onCancel?: () => void;
|
|
457
|
+
confirmText?: string;
|
|
458
|
+
cancelText?: string;
|
|
459
|
+
disabled?: boolean;
|
|
460
|
+
confirmVariant?: "default" | "destructive";
|
|
461
|
+
confirmTestId?: string;
|
|
462
|
+
cancelTestId?: string;
|
|
463
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
464
|
+
align?: "start" | "center" | "end";
|
|
401
465
|
}
|
|
402
|
-
declare function Toggle({ className }: SidebarToggleProps): react_jsx_runtime.JSX.Element;
|
|
403
466
|
/**
|
|
404
|
-
*
|
|
405
|
-
*/
|
|
406
|
-
interface SidebarLogoProps {
|
|
407
|
-
src: string;
|
|
408
|
-
alt: string;
|
|
409
|
-
width?: number;
|
|
410
|
-
height?: number;
|
|
411
|
-
/** Logo width when the sidebar is collapsed. Defaults to 48. */
|
|
412
|
-
collapsedWidth?: number;
|
|
413
|
-
/** Logo height when the sidebar is collapsed. */
|
|
414
|
-
collapsedHeight?: number;
|
|
415
|
-
className?: string;
|
|
416
|
-
ImageComponent?: ComponentType<{
|
|
417
|
-
src: string;
|
|
418
|
-
alt: string;
|
|
419
|
-
width: number;
|
|
420
|
-
height: number;
|
|
421
|
-
className?: string;
|
|
422
|
-
}>;
|
|
423
|
-
}
|
|
424
|
-
declare function Logo({ src, alt, width, height, collapsedWidth, collapsedHeight, className, ImageComponent, }: SidebarLogoProps): react_jsx_runtime.JSX.Element;
|
|
425
|
-
/**
|
|
426
|
-
* Props for the Sidebar Link component.
|
|
427
|
-
*/
|
|
428
|
-
interface SidebarLinkProps {
|
|
429
|
-
icon: LucideIcon;
|
|
430
|
-
children: ReactNode;
|
|
431
|
-
href: any;
|
|
432
|
-
active?: boolean;
|
|
433
|
-
className?: string;
|
|
434
|
-
LinkComponent?: ComponentType<{
|
|
435
|
-
href: any;
|
|
436
|
-
className?: string;
|
|
437
|
-
children: ReactNode;
|
|
438
|
-
title?: string;
|
|
439
|
-
}>;
|
|
440
|
-
}
|
|
441
|
-
declare function Link({ icon: Icon, children, href, active, className, LinkComponent, }: SidebarLinkProps): react_jsx_runtime.JSX.Element;
|
|
442
|
-
interface SidebarNavGroupProps {
|
|
443
|
-
icon: LucideIcon;
|
|
444
|
-
title: string;
|
|
445
|
-
isExpanded: boolean;
|
|
446
|
-
isActive?: boolean;
|
|
447
|
-
onToggle: () => void;
|
|
448
|
-
children: ReactNode;
|
|
449
|
-
className?: string;
|
|
450
|
-
}
|
|
451
|
-
declare function NavGroup({ icon: Icon, title, isExpanded, isActive, onToggle, children, className, }: SidebarNavGroupProps): react_jsx_runtime.JSX.Element;
|
|
452
|
-
interface SidebarNavSubLinkProps {
|
|
453
|
-
title: string;
|
|
454
|
-
href: string | Record<string, unknown>;
|
|
455
|
-
active?: boolean;
|
|
456
|
-
className?: string;
|
|
457
|
-
LinkComponent?: ComponentType<{
|
|
458
|
-
href: any;
|
|
459
|
-
className?: string;
|
|
460
|
-
children: ReactNode;
|
|
461
|
-
title?: string;
|
|
462
|
-
}>;
|
|
463
|
-
}
|
|
464
|
-
declare function NavSubLink({ title, href, active, className, LinkComponent, }: SidebarNavSubLinkProps): react_jsx_runtime.JSX.Element;
|
|
465
|
-
interface SidebarActionProps {
|
|
466
|
-
icon: LucideIcon;
|
|
467
|
-
label: string;
|
|
468
|
-
onClick: () => void;
|
|
469
|
-
className?: string;
|
|
470
|
-
}
|
|
471
|
-
declare function Action({ icon: Icon, label, onClick, className }: SidebarActionProps): react_jsx_runtime.JSX.Element;
|
|
472
|
-
/**
|
|
473
|
-
* A composable Sidebar component.
|
|
474
|
-
*
|
|
475
|
-
* @example
|
|
476
|
-
* ```tsx
|
|
477
|
-
* const [collapsed, setCollapsed] = useState(false);
|
|
478
|
-
*
|
|
479
|
-
* return (
|
|
480
|
-
* <Sidebar.Root isCollapsed={collapsed} onToggleCollapse={() => setCollapsed(!collapsed)}>
|
|
481
|
-
* <Sidebar.Header>
|
|
482
|
-
* <Sidebar.Logo src="/logo.png" alt="Logo" />
|
|
483
|
-
* <Sidebar.Toggle />
|
|
484
|
-
* </Sidebar.Header>
|
|
485
|
-
* <Sidebar.Content>
|
|
486
|
-
* <Sidebar.Link icon={HomeIcon} href="/">Home</Sidebar.Link>
|
|
487
|
-
* </Sidebar.Content>
|
|
488
|
-
* <Sidebar.Footer>
|
|
489
|
-
* User Info
|
|
490
|
-
* </Sidebar.Footer>
|
|
491
|
-
* </Sidebar.Root>
|
|
492
|
-
* )
|
|
493
|
-
* ```
|
|
494
|
-
*/
|
|
495
|
-
declare const Sidebar: {
|
|
496
|
-
Root: typeof Root;
|
|
497
|
-
Header: typeof Header;
|
|
498
|
-
Content: typeof Content;
|
|
499
|
-
Footer: typeof Footer;
|
|
500
|
-
Toggle: typeof Toggle;
|
|
501
|
-
Logo: typeof Logo;
|
|
502
|
-
Link: typeof Link;
|
|
503
|
-
NavGroup: typeof NavGroup;
|
|
504
|
-
NavSubLink: typeof NavSubLink;
|
|
505
|
-
Action: typeof Action;
|
|
506
|
-
};
|
|
507
|
-
|
|
508
|
-
/**
|
|
509
|
-
* A set of layered sections of content—known as tab panels—that are displayed one at a time.
|
|
510
|
-
*
|
|
511
|
-
* @example
|
|
512
|
-
* ```tsx
|
|
513
|
-
* <Tabs defaultValue="account">
|
|
514
|
-
* <TabsList>
|
|
515
|
-
* <TabsTrigger value="account">Account</TabsTrigger>
|
|
516
|
-
* </TabsList>
|
|
517
|
-
* <TabsContent value="account">Content</TabsContent>
|
|
518
|
-
* </Tabs>
|
|
519
|
-
* ```
|
|
520
|
-
*/
|
|
521
|
-
declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
522
|
-
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
523
|
-
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
524
|
-
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
525
|
-
|
|
526
|
-
declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
|
|
527
|
-
declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
528
|
-
declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
529
|
-
declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
530
|
-
|
|
531
|
-
/**
|
|
532
|
-
* A placeholder component for empty states.
|
|
533
|
-
*
|
|
534
|
-
* @example
|
|
535
|
-
* ```tsx
|
|
536
|
-
* <Empty>
|
|
537
|
-
* <EmptyHeader>
|
|
538
|
-
* <EmptyTitle>No data</EmptyTitle>
|
|
539
|
-
* </EmptyHeader>
|
|
540
|
-
* </Empty>
|
|
541
|
-
* ```
|
|
542
|
-
*/
|
|
543
|
-
declare function Empty({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
544
|
-
declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
545
|
-
declare const emptyMediaVariants: (props?: ({
|
|
546
|
-
variant?: "default" | "icon" | null | undefined;
|
|
547
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
548
|
-
declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
|
|
549
|
-
declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
550
|
-
declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
|
|
551
|
-
declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
552
|
-
|
|
553
|
-
interface EmptyContainerProps {
|
|
554
|
-
title: string;
|
|
555
|
-
description: string;
|
|
556
|
-
}
|
|
557
|
-
/**
|
|
558
|
-
* A container to display an empty state.
|
|
467
|
+
* Confirmation popover anchored to a trigger element.
|
|
559
468
|
*
|
|
560
469
|
* @example
|
|
561
470
|
* ```tsx
|
|
562
|
-
* <
|
|
563
|
-
* title="
|
|
564
|
-
*
|
|
565
|
-
*
|
|
471
|
+
* <PopConfirm
|
|
472
|
+
* title="Deseja continuar?"
|
|
473
|
+
* onConfirm={handleConfirm}
|
|
474
|
+
* >
|
|
475
|
+
* <Button>Enriquecer</Button>
|
|
476
|
+
* </PopConfirm>
|
|
566
477
|
* ```
|
|
567
478
|
*/
|
|
568
|
-
declare function
|
|
479
|
+
declare function PopConfirm({ title, description, children, onConfirm, onCancel, confirmText, cancelText, disabled, confirmVariant, confirmTestId, cancelTestId, side, align, }: PopConfirmProps): react_jsx_runtime.JSX.Element;
|
|
569
480
|
|
|
570
481
|
/**
|
|
571
|
-
*
|
|
572
|
-
*/
|
|
573
|
-
type FKFetcherParams = {
|
|
574
|
-
search: string;
|
|
575
|
-
modelClass: string;
|
|
576
|
-
labelName: string;
|
|
577
|
-
additionalFilters?: Record<string, any>;
|
|
578
|
-
fields?: string[];
|
|
579
|
-
limit?: number;
|
|
580
|
-
offset?: number;
|
|
581
|
-
};
|
|
582
|
-
/**
|
|
583
|
-
* Props for the FKSelect component.
|
|
482
|
+
* Props for the RangePicker component.
|
|
584
483
|
*/
|
|
585
|
-
interface
|
|
586
|
-
/** Optional id used as data-testid on the trigger. */
|
|
484
|
+
interface IRangePickerProps {
|
|
485
|
+
/** Optional id used as data-testid on the trigger button. */
|
|
587
486
|
id?: string;
|
|
588
|
-
/**
|
|
589
|
-
|
|
590
|
-
/**
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
/** The field name to use as the value (ID). Defaults to 'pk'. */
|
|
600
|
-
valueField?: string;
|
|
601
|
-
/** Placeholder text for the search input. */
|
|
602
|
-
placeholder?: string;
|
|
603
|
-
/** Message to show when no items are found. */
|
|
604
|
-
emptyMessage?: string;
|
|
605
|
-
/** The currently selected value. */
|
|
606
|
-
value: string | number | null;
|
|
607
|
-
/** Callback when an item is selected. */
|
|
608
|
-
onChange: (value: string | number, item?: any) => void;
|
|
609
|
-
/** Additional filters to apply to the API request. */
|
|
610
|
-
additionalFilters?: Record<string, any>;
|
|
611
|
-
/** Extra fields to include in search. */
|
|
612
|
-
fields?: string[];
|
|
613
|
-
/** Optional class names for the wrapper (e.g. width overrides). */
|
|
487
|
+
/** Placeholder text when no range is selected. */
|
|
488
|
+
placeholder: string;
|
|
489
|
+
/** Controlled ISO date string for range start (empty = no selection). */
|
|
490
|
+
fromValue?: string;
|
|
491
|
+
/** Controlled ISO date string for range end (empty = no selection). */
|
|
492
|
+
toValue?: string;
|
|
493
|
+
/** Callback when the range start changes (ISO string or empty). */
|
|
494
|
+
onFromChange?: (value: string) => void;
|
|
495
|
+
/** Callback when the range end changes (ISO string or empty). */
|
|
496
|
+
onToChange?: (value: string) => void;
|
|
497
|
+
/** Optional class names for the wrapper (width, layout). */
|
|
614
498
|
className?: string;
|
|
615
|
-
/**
|
|
616
|
-
|
|
499
|
+
/** Display format for selected dates. */
|
|
500
|
+
dateFormat?: string;
|
|
617
501
|
}
|
|
618
502
|
/**
|
|
619
|
-
* A
|
|
503
|
+
* A date range picker with a single calendar for selecting start and end dates.
|
|
620
504
|
*
|
|
621
505
|
* @example
|
|
622
506
|
* ```tsx
|
|
623
|
-
* <
|
|
624
|
-
*
|
|
625
|
-
*
|
|
626
|
-
*
|
|
627
|
-
*
|
|
628
|
-
*
|
|
507
|
+
* <RangePicker
|
|
508
|
+
* placeholder="Selecione o período"
|
|
509
|
+
* fromValue={filters.lastUpdateAtFrom}
|
|
510
|
+
* toValue={filters.lastUpdateAtTo}
|
|
511
|
+
* onFromChange={(value) => onFilterChange("lastUpdateAtFrom", value)}
|
|
512
|
+
* onToChange={(value) => onFilterChange("lastUpdateAtTo", value)}
|
|
629
513
|
* />
|
|
630
514
|
* ```
|
|
631
515
|
*/
|
|
632
|
-
declare const
|
|
516
|
+
declare const RangePicker: ({ id, placeholder, fromValue, toValue, onFromChange, onToChange, className, dateFormat, }: IRangePickerProps) => react_jsx_runtime.JSX.Element;
|
|
633
517
|
|
|
634
518
|
type Option = {
|
|
635
519
|
value: string;
|
|
@@ -700,142 +584,205 @@ type ISelectProps = IStaticSelectProps | ISelectFKProps;
|
|
|
700
584
|
*/
|
|
701
585
|
declare const Select$1: (props: ISelectProps) => react_jsx_runtime.JSX.Element;
|
|
702
586
|
|
|
587
|
+
interface IUseSidebarCollapseOptions {
|
|
588
|
+
initialCollapsed?: boolean;
|
|
589
|
+
onPersist?: (collapsed: boolean) => void;
|
|
590
|
+
}
|
|
703
591
|
/**
|
|
704
|
-
*
|
|
592
|
+
* Hook for sidebar collapse state with optional persistence callback.
|
|
705
593
|
*/
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
594
|
+
declare function useSidebarCollapse({ initialCollapsed, onPersist, }?: IUseSidebarCollapseOptions): {
|
|
595
|
+
isCollapsed: boolean;
|
|
596
|
+
isCollapsing: boolean;
|
|
597
|
+
expandedItems: Record<string, boolean>;
|
|
598
|
+
setExpandedItems: React$1.Dispatch<React$1.SetStateAction<Record<string, boolean>>>;
|
|
599
|
+
toggleCollapse: () => void;
|
|
600
|
+
expand: () => void;
|
|
601
|
+
handleTransitionEnd: () => void;
|
|
602
|
+
toggleExpanded: (title: string) => void;
|
|
603
|
+
setExpandedOnCollapse: () => void;
|
|
604
|
+
};
|
|
605
|
+
|
|
606
|
+
/**
|
|
607
|
+
* Props for the Sidebar Root component.
|
|
608
|
+
*/
|
|
609
|
+
interface SidebarRootProps {
|
|
610
|
+
/** The content of the sidebar. */
|
|
611
|
+
children: ReactNode;
|
|
612
|
+
/** Whether the sidebar is currently collapsed. */
|
|
613
|
+
isCollapsed: boolean;
|
|
614
|
+
/** Whether the sidebar is mid-collapse transition. */
|
|
615
|
+
isCollapsing?: boolean;
|
|
616
|
+
/** Callback to toggle the collapsed state. */
|
|
617
|
+
onToggleCollapse: () => void;
|
|
618
|
+
/** Callback when width transition ends. */
|
|
619
|
+
onTransitionEnd?: () => void;
|
|
620
|
+
/** Additional CSS classes. */
|
|
716
621
|
className?: string;
|
|
717
|
-
/** Day boundary when serializing to ISO. */
|
|
718
|
-
boundary?: "start" | "end";
|
|
719
|
-
/** Display format for the selected date. */
|
|
720
|
-
dateFormat?: string;
|
|
721
622
|
}
|
|
623
|
+
declare function Root({ children, isCollapsed, isCollapsing, onToggleCollapse, onTransitionEnd, className, }: SidebarRootProps): react_jsx_runtime.JSX.Element;
|
|
722
624
|
/**
|
|
723
|
-
*
|
|
724
|
-
*
|
|
725
|
-
* @example
|
|
726
|
-
* ```tsx
|
|
727
|
-
* <DatePicker
|
|
728
|
-
* placeholder="Data inicial"
|
|
729
|
-
* boundary="start"
|
|
730
|
-
* value={filters.created_at__gte}
|
|
731
|
-
* onValueChange={(value) =>
|
|
732
|
-
* onFiltersChange({ target: "created_at__gte", value })
|
|
733
|
-
* }
|
|
734
|
-
* />
|
|
735
|
-
* ```
|
|
625
|
+
* Props for the Sidebar Header component.
|
|
736
626
|
*/
|
|
737
|
-
|
|
738
|
-
|
|
627
|
+
interface SidebarHeaderProps {
|
|
628
|
+
children: ReactNode;
|
|
629
|
+
className?: string;
|
|
630
|
+
}
|
|
631
|
+
declare function Header({ children, className }: SidebarHeaderProps): react_jsx_runtime.JSX.Element;
|
|
739
632
|
/**
|
|
740
|
-
* Props for the
|
|
633
|
+
* Props for the Sidebar Content component.
|
|
741
634
|
*/
|
|
742
|
-
interface
|
|
743
|
-
|
|
744
|
-
id?: string;
|
|
745
|
-
/** Placeholder text when no range is selected. */
|
|
746
|
-
placeholder: string;
|
|
747
|
-
/** Controlled ISO date string for range start (empty = no selection). */
|
|
748
|
-
fromValue?: string;
|
|
749
|
-
/** Controlled ISO date string for range end (empty = no selection). */
|
|
750
|
-
toValue?: string;
|
|
751
|
-
/** Callback when the range start changes (ISO string or empty). */
|
|
752
|
-
onFromChange?: (value: string) => void;
|
|
753
|
-
/** Callback when the range end changes (ISO string or empty). */
|
|
754
|
-
onToChange?: (value: string) => void;
|
|
755
|
-
/** Optional class names for the wrapper (width, layout). */
|
|
635
|
+
interface SidebarContentProps {
|
|
636
|
+
children: ReactNode;
|
|
756
637
|
className?: string;
|
|
757
|
-
/** Display format for selected dates. */
|
|
758
|
-
dateFormat?: string;
|
|
759
638
|
}
|
|
639
|
+
declare function Content({ children, className }: SidebarContentProps): react_jsx_runtime.JSX.Element;
|
|
760
640
|
/**
|
|
761
|
-
*
|
|
762
|
-
*
|
|
763
|
-
* @example
|
|
764
|
-
* ```tsx
|
|
765
|
-
* <RangePicker
|
|
766
|
-
* placeholder="Selecione o período"
|
|
767
|
-
* fromValue={filters.lastUpdateAtFrom}
|
|
768
|
-
* toValue={filters.lastUpdateAtTo}
|
|
769
|
-
* onFromChange={(value) => onFilterChange("lastUpdateAtFrom", value)}
|
|
770
|
-
* onToChange={(value) => onFilterChange("lastUpdateAtTo", value)}
|
|
771
|
-
* />
|
|
772
|
-
* ```
|
|
641
|
+
* Props for the Sidebar Footer component.
|
|
773
642
|
*/
|
|
774
|
-
|
|
775
|
-
|
|
643
|
+
interface SidebarFooterProps {
|
|
644
|
+
children: ReactNode;
|
|
645
|
+
className?: string;
|
|
646
|
+
}
|
|
647
|
+
declare function Footer({ children, className }: SidebarFooterProps): react_jsx_runtime.JSX.Element;
|
|
776
648
|
/**
|
|
777
|
-
*
|
|
778
|
-
*
|
|
779
|
-
* @example
|
|
780
|
-
* ```tsx
|
|
781
|
-
* <Calendar
|
|
782
|
-
* mode="single"
|
|
783
|
-
* selected={date}
|
|
784
|
-
* onSelect={setDate}
|
|
785
|
-
* className="rounded-md border"
|
|
786
|
-
* />
|
|
787
|
-
* ```
|
|
649
|
+
* Props for the Sidebar Toggle component.
|
|
788
650
|
*/
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
}
|
|
792
|
-
|
|
651
|
+
interface SidebarToggleProps {
|
|
652
|
+
className?: string;
|
|
653
|
+
}
|
|
654
|
+
declare function Toggle({ className }: SidebarToggleProps): react_jsx_runtime.JSX.Element;
|
|
793
655
|
/**
|
|
794
|
-
*
|
|
656
|
+
* Props for the Sidebar Logo component.
|
|
657
|
+
*/
|
|
658
|
+
interface SidebarLogoProps {
|
|
659
|
+
src: string;
|
|
660
|
+
alt: string;
|
|
661
|
+
width?: number;
|
|
662
|
+
height?: number;
|
|
663
|
+
/** Logo width when the sidebar is collapsed. Defaults to 48. */
|
|
664
|
+
collapsedWidth?: number;
|
|
665
|
+
/** Logo height when the sidebar is collapsed. */
|
|
666
|
+
collapsedHeight?: number;
|
|
667
|
+
className?: string;
|
|
668
|
+
ImageComponent?: ComponentType<{
|
|
669
|
+
src: string;
|
|
670
|
+
alt: string;
|
|
671
|
+
width: number;
|
|
672
|
+
height: number;
|
|
673
|
+
className?: string;
|
|
674
|
+
}>;
|
|
675
|
+
}
|
|
676
|
+
declare function Logo({ src, alt, width, height, collapsedWidth, collapsedHeight, className, ImageComponent, }: SidebarLogoProps): react_jsx_runtime.JSX.Element;
|
|
677
|
+
/**
|
|
678
|
+
* Props for the Sidebar Link component.
|
|
679
|
+
*/
|
|
680
|
+
interface SidebarLinkProps {
|
|
681
|
+
icon: LucideIcon;
|
|
682
|
+
children: ReactNode;
|
|
683
|
+
href: any;
|
|
684
|
+
active?: boolean;
|
|
685
|
+
className?: string;
|
|
686
|
+
LinkComponent?: ComponentType<{
|
|
687
|
+
href: any;
|
|
688
|
+
className?: string;
|
|
689
|
+
children: ReactNode;
|
|
690
|
+
title?: string;
|
|
691
|
+
}>;
|
|
692
|
+
}
|
|
693
|
+
declare function Link({ icon: Icon, children, href, active, className, LinkComponent, }: SidebarLinkProps): react_jsx_runtime.JSX.Element;
|
|
694
|
+
interface SidebarNavGroupProps {
|
|
695
|
+
icon: LucideIcon;
|
|
696
|
+
title: string;
|
|
697
|
+
isExpanded: boolean;
|
|
698
|
+
isActive?: boolean;
|
|
699
|
+
onToggle: () => void;
|
|
700
|
+
children: ReactNode;
|
|
701
|
+
className?: string;
|
|
702
|
+
}
|
|
703
|
+
declare function NavGroup({ icon: Icon, title, isExpanded, isActive, onToggle, children, className, }: SidebarNavGroupProps): react_jsx_runtime.JSX.Element;
|
|
704
|
+
interface SidebarNavSubLinkProps {
|
|
705
|
+
title: string;
|
|
706
|
+
href: string | Record<string, unknown>;
|
|
707
|
+
active?: boolean;
|
|
708
|
+
className?: string;
|
|
709
|
+
LinkComponent?: ComponentType<{
|
|
710
|
+
href: any;
|
|
711
|
+
className?: string;
|
|
712
|
+
children: ReactNode;
|
|
713
|
+
title?: string;
|
|
714
|
+
}>;
|
|
715
|
+
}
|
|
716
|
+
declare function NavSubLink({ title, href, active, className, LinkComponent, }: SidebarNavSubLinkProps): react_jsx_runtime.JSX.Element;
|
|
717
|
+
interface SidebarActionProps {
|
|
718
|
+
icon: LucideIcon;
|
|
719
|
+
label: string;
|
|
720
|
+
onClick: () => void;
|
|
721
|
+
className?: string;
|
|
722
|
+
}
|
|
723
|
+
declare function Action({ icon: Icon, label, onClick, className }: SidebarActionProps): react_jsx_runtime.JSX.Element;
|
|
724
|
+
/**
|
|
725
|
+
* A composable Sidebar component.
|
|
795
726
|
*
|
|
796
727
|
* @example
|
|
797
728
|
* ```tsx
|
|
798
|
-
*
|
|
799
|
-
*
|
|
800
|
-
*
|
|
801
|
-
*
|
|
729
|
+
* const [collapsed, setCollapsed] = useState(false);
|
|
730
|
+
*
|
|
731
|
+
* return (
|
|
732
|
+
* <Sidebar.Root isCollapsed={collapsed} onToggleCollapse={() => setCollapsed(!collapsed)}>
|
|
733
|
+
* <Sidebar.Header>
|
|
734
|
+
* <Sidebar.Logo src="/logo.png" alt="Logo" />
|
|
735
|
+
* <Sidebar.Toggle />
|
|
736
|
+
* </Sidebar.Header>
|
|
737
|
+
* <Sidebar.Content>
|
|
738
|
+
* <Sidebar.Link icon={HomeIcon} href="/">Home</Sidebar.Link>
|
|
739
|
+
* </Sidebar.Content>
|
|
740
|
+
* <Sidebar.Footer>
|
|
741
|
+
* User Info
|
|
742
|
+
* </Sidebar.Footer>
|
|
743
|
+
* </Sidebar.Root>
|
|
744
|
+
* )
|
|
802
745
|
* ```
|
|
803
746
|
*/
|
|
804
|
-
declare const
|
|
805
|
-
|
|
806
|
-
|
|
747
|
+
declare const Sidebar: {
|
|
748
|
+
Root: typeof Root;
|
|
749
|
+
Header: typeof Header;
|
|
750
|
+
Content: typeof Content;
|
|
751
|
+
Footer: typeof Footer;
|
|
752
|
+
Toggle: typeof Toggle;
|
|
753
|
+
Logo: typeof Logo;
|
|
754
|
+
Link: typeof Link;
|
|
755
|
+
NavGroup: typeof NavGroup;
|
|
756
|
+
NavSubLink: typeof NavSubLink;
|
|
757
|
+
Action: typeof Action;
|
|
758
|
+
};
|
|
807
759
|
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
816
|
-
placeholder?: string;
|
|
817
|
-
emptyMessage?: string;
|
|
760
|
+
type StackProps = HTMLAttributes<HTMLDivElement> & {
|
|
761
|
+
children: ReactNode;
|
|
762
|
+
/** The direction of the stack. Defaults to 'col'. */
|
|
763
|
+
direction?: "row" | "col";
|
|
764
|
+
/** The gap between elements. Maps to Tailwind gap utility (e.g. 4 -> gap-4). */
|
|
765
|
+
gap?: number;
|
|
766
|
+
/** Click handler. When set, the stack becomes keyboard-accessible (role="button"). */
|
|
767
|
+
onClick?: () => void;
|
|
818
768
|
className?: string;
|
|
819
|
-
|
|
820
|
-
onSearchChange?: (search: string) => void;
|
|
821
|
-
filterLocally?: boolean;
|
|
822
|
-
loading?: boolean;
|
|
823
|
-
displayLabel?: string;
|
|
824
|
-
disabled?: boolean;
|
|
825
|
-
}
|
|
769
|
+
};
|
|
826
770
|
/**
|
|
827
|
-
* A
|
|
771
|
+
* A layout component that arranges children in a stack (vertical or horizontal).
|
|
772
|
+
*
|
|
773
|
+
* When `onClick` is provided, the stack receives `role="button"`, `tabIndex={0}`,
|
|
774
|
+
* and responds to Enter and Space keys. Provide visible text or pass `aria-label`
|
|
775
|
+
* via props for accessibility.
|
|
828
776
|
*
|
|
829
777
|
* @example
|
|
830
778
|
* ```tsx
|
|
831
|
-
* <
|
|
832
|
-
*
|
|
833
|
-
*
|
|
834
|
-
*
|
|
835
|
-
* />
|
|
779
|
+
* <Stack direction="row" gap={4}>
|
|
780
|
+
* <Button>Btn 1</Button>
|
|
781
|
+
* <Button>Btn 2</Button>
|
|
782
|
+
* </Stack>
|
|
836
783
|
* ```
|
|
837
784
|
*/
|
|
838
|
-
declare function
|
|
785
|
+
declare function Stack({ children, onClick, direction, gap, className, ...props }: StackProps): react_jsx_runtime.JSX.Element;
|
|
839
786
|
|
|
840
787
|
/**
|
|
841
788
|
* Column definition for Table.
|
|
@@ -955,61 +902,57 @@ interface ITableSkeletonProps {
|
|
|
955
902
|
*/
|
|
956
903
|
declare function TableSkeleton({ columns, rows, }: ITableSkeletonProps): react_jsx_runtime.JSX.Element;
|
|
957
904
|
|
|
958
|
-
interface
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
/** Description shown in the empty state. */
|
|
962
|
-
description?: string;
|
|
905
|
+
interface ITagItem {
|
|
906
|
+
key: string;
|
|
907
|
+
value: string;
|
|
963
908
|
}
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
declare function NoResult({ title, description, }: INoResultProps): react_jsx_runtime.JSX.Element;
|
|
973
|
-
|
|
974
|
-
/**
|
|
975
|
-
* A placeholder skeleton with pulse animation.
|
|
976
|
-
*
|
|
977
|
-
* @example
|
|
978
|
-
* ```tsx
|
|
979
|
-
* <Skeleton className="h-4 w-[200px]" />
|
|
980
|
-
* ```
|
|
981
|
-
*/
|
|
982
|
-
declare function Skeleton({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
909
|
+
interface ITagInputProps {
|
|
910
|
+
value: ITagItem[];
|
|
911
|
+
onChange: (tags: ITagItem[]) => void;
|
|
912
|
+
keyPlaceholder?: string;
|
|
913
|
+
valuePlaceholder?: string;
|
|
914
|
+
disabled?: boolean;
|
|
915
|
+
}
|
|
916
|
+
declare function TagInput({ value, onChange, keyPlaceholder, valuePlaceholder, disabled, }: ITagInputProps): react_jsx_runtime.JSX.Element;
|
|
983
917
|
|
|
918
|
+
type TypographyProps = HTMLAttributes<HTMLParagraphElement> & {
|
|
919
|
+
children: ReactNode;
|
|
920
|
+
className?: string;
|
|
921
|
+
};
|
|
922
|
+
declare function H1({ children, className, ...props }: TypographyProps): react_jsx_runtime.JSX.Element;
|
|
923
|
+
declare function Muted({ children, className, ...props }: TypographyProps): react_jsx_runtime.JSX.Element;
|
|
984
924
|
/**
|
|
985
|
-
*
|
|
925
|
+
* Typography components for consistent text styling.
|
|
986
926
|
*
|
|
987
927
|
* @example
|
|
988
928
|
* ```tsx
|
|
989
|
-
* <
|
|
990
|
-
*
|
|
991
|
-
* <DialogContent>
|
|
992
|
-
* <DialogTitle>Title</DialogTitle>
|
|
993
|
-
* <DialogDescription>Desc</DialogDescription>
|
|
994
|
-
* </DialogContent>
|
|
995
|
-
* </Dialog>
|
|
929
|
+
* <Typography.H1>Main Title</Typography.H1>
|
|
930
|
+
* <Typography.Muted>Subtitle text</Typography.Muted>
|
|
996
931
|
* ```
|
|
997
932
|
*/
|
|
998
|
-
declare const
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
showCloseButton?: boolean;
|
|
1002
|
-
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
1003
|
-
declare const DialogHeader: {
|
|
1004
|
-
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1005
|
-
displayName: string;
|
|
933
|
+
declare const Typography: {
|
|
934
|
+
H1: typeof H1;
|
|
935
|
+
Muted: typeof Muted;
|
|
1006
936
|
};
|
|
1007
|
-
|
|
1008
|
-
|
|
1009
|
-
|
|
937
|
+
|
|
938
|
+
type TooltipComponentProps = {
|
|
939
|
+
trigger: React.ReactNode;
|
|
940
|
+
children: React.ReactNode;
|
|
941
|
+
className?: string;
|
|
942
|
+
triggerClassName?: string;
|
|
1010
943
|
};
|
|
1011
|
-
declare const
|
|
1012
|
-
|
|
944
|
+
declare const TooltipComponent: ({ triggerClassName, className, trigger, children, }: TooltipComponentProps) => react_jsx_runtime.JSX.Element;
|
|
945
|
+
|
|
946
|
+
declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
|
|
947
|
+
declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
948
|
+
declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
949
|
+
declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
950
|
+
|
|
951
|
+
declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
|
|
952
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
953
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
|
|
954
|
+
declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
955
|
+
declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
1013
956
|
|
|
1014
957
|
/**
|
|
1015
958
|
* A modal dialog that interrupts the user with important content and expects a response.
|
|
@@ -1042,6 +985,137 @@ declare function AlertDialogDescription({ className, ...props }: React$1.Compone
|
|
|
1042
985
|
declare function AlertDialogAction({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Action>): react_jsx_runtime.JSX.Element;
|
|
1043
986
|
declare function AlertDialogCancel({ className, ...props }: React$1.ComponentProps<typeof AlertDialogPrimitive.Cancel>): react_jsx_runtime.JSX.Element;
|
|
1044
987
|
|
|
988
|
+
declare const badgeVariants: (props?: ({
|
|
989
|
+
variant?: "default" | "destructive" | "secondary" | "warning" | "outline" | "success" | "info" | null | undefined;
|
|
990
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
991
|
+
interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
992
|
+
}
|
|
993
|
+
/**
|
|
994
|
+
* Displays a badge or a component that looks like a badge.
|
|
995
|
+
*
|
|
996
|
+
* @example
|
|
997
|
+
* ```tsx
|
|
998
|
+
* <Badge>Default</Badge>
|
|
999
|
+
* <Badge variant="secondary">Secondary</Badge>
|
|
1000
|
+
* ```
|
|
1001
|
+
*/
|
|
1002
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
1003
|
+
|
|
1004
|
+
declare function Breadcrumb({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
1005
|
+
declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
|
|
1006
|
+
declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
1007
|
+
declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
|
|
1008
|
+
asChild?: boolean;
|
|
1009
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1010
|
+
declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
1011
|
+
declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
1012
|
+
declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
1013
|
+
|
|
1014
|
+
declare const buttonVariants: (props?: ({
|
|
1015
|
+
variant?: "link" | "default" | "destructive" | "secondary" | "outline" | "ghost" | null | undefined;
|
|
1016
|
+
size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
|
|
1017
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1018
|
+
interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
1019
|
+
asChild?: boolean;
|
|
1020
|
+
icon?: React$1.ReactNode;
|
|
1021
|
+
label?: React$1.ReactNode;
|
|
1022
|
+
iconPosition?: "start" | "end";
|
|
1023
|
+
/** Button height in pixels or any valid CSS length. */
|
|
1024
|
+
height?: number | string;
|
|
1025
|
+
/** Button width in pixels or any valid CSS length. */
|
|
1026
|
+
width?: number | string;
|
|
1027
|
+
}
|
|
1028
|
+
/**
|
|
1029
|
+
* Displays a button or a component that looks like a button.
|
|
1030
|
+
*
|
|
1031
|
+
* @example
|
|
1032
|
+
* ```tsx
|
|
1033
|
+
* <Button variant="default">Click me</Button>
|
|
1034
|
+
* <Button variant="outline" size="sm">Action</Button>
|
|
1035
|
+
* <Button
|
|
1036
|
+
* label="Criar novo lote"
|
|
1037
|
+
* icon={<SquarePlus size={16} />}
|
|
1038
|
+
* width={200}
|
|
1039
|
+
* />
|
|
1040
|
+
* ```
|
|
1041
|
+
*/
|
|
1042
|
+
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1043
|
+
|
|
1044
|
+
/**
|
|
1045
|
+
* A calendar component for date selection.
|
|
1046
|
+
*
|
|
1047
|
+
* @example
|
|
1048
|
+
* ```tsx
|
|
1049
|
+
* <Calendar
|
|
1050
|
+
* mode="single"
|
|
1051
|
+
* selected={date}
|
|
1052
|
+
* onSelect={setDate}
|
|
1053
|
+
* className="rounded-md border"
|
|
1054
|
+
* />
|
|
1055
|
+
* ```
|
|
1056
|
+
*/
|
|
1057
|
+
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React$1.ComponentProps<typeof DayPicker> & {
|
|
1058
|
+
buttonVariant?: React$1.ComponentProps<typeof Button$1>["variant"];
|
|
1059
|
+
}): react_jsx_runtime.JSX.Element;
|
|
1060
|
+
|
|
1061
|
+
/**
|
|
1062
|
+
* A container for grouping related content.
|
|
1063
|
+
*
|
|
1064
|
+
* @example
|
|
1065
|
+
* ```tsx
|
|
1066
|
+
* <Card>
|
|
1067
|
+
* <CardHeader>
|
|
1068
|
+
* <CardTitle>Title</CardTitle>
|
|
1069
|
+
* </CardHeader>
|
|
1070
|
+
* <CardContent>Content</CardContent>
|
|
1071
|
+
* </Card>
|
|
1072
|
+
* ```
|
|
1073
|
+
*/
|
|
1074
|
+
declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1075
|
+
declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1076
|
+
declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1077
|
+
declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1078
|
+
declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1079
|
+
declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1080
|
+
|
|
1081
|
+
declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1082
|
+
|
|
1083
|
+
interface ComboboxItem {
|
|
1084
|
+
value: any;
|
|
1085
|
+
label: string;
|
|
1086
|
+
}
|
|
1087
|
+
interface GenericComboboxProps extends Omit<React$1.ComponentPropsWithoutRef<"div">, "onChange"> {
|
|
1088
|
+
items: ComboboxItem[];
|
|
1089
|
+
value: string | null;
|
|
1090
|
+
onChange: (value: string, item: ComboboxItem | null) => void;
|
|
1091
|
+
placeholder?: string;
|
|
1092
|
+
emptyMessage?: string;
|
|
1093
|
+
className?: string;
|
|
1094
|
+
searchPlaceholder?: string;
|
|
1095
|
+
onSearchChange?: (search: string) => void;
|
|
1096
|
+
filterLocally?: boolean;
|
|
1097
|
+
loading?: boolean;
|
|
1098
|
+
loadingMore?: boolean;
|
|
1099
|
+
hasMore?: boolean;
|
|
1100
|
+
onEndReached?: () => void;
|
|
1101
|
+
onOpenChange?: (open: boolean) => void;
|
|
1102
|
+
displayLabel?: string;
|
|
1103
|
+
disabled?: boolean;
|
|
1104
|
+
}
|
|
1105
|
+
/**
|
|
1106
|
+
* A searchable select component (Combobox).
|
|
1107
|
+
*
|
|
1108
|
+
* @example
|
|
1109
|
+
* ```tsx
|
|
1110
|
+
* <Combobox
|
|
1111
|
+
* items={[{ value: '1', label: 'Option 1' }]}
|
|
1112
|
+
* value={selectedValue}
|
|
1113
|
+
* onChange={setSelectedValue}
|
|
1114
|
+
* />
|
|
1115
|
+
* ```
|
|
1116
|
+
*/
|
|
1117
|
+
declare function Combobox({ items, value, onChange, placeholder, emptyMessage, className, searchPlaceholder, onSearchChange, filterLocally, loading, loadingMore, hasMore, onEndReached, onOpenChange, displayLabel, disabled, }: GenericComboboxProps): react_jsx_runtime.JSX.Element;
|
|
1118
|
+
|
|
1045
1119
|
/**
|
|
1046
1120
|
* A command palette component.
|
|
1047
1121
|
*
|
|
@@ -1070,30 +1144,35 @@ declare function CommandSeparator({ className, ...props }: React$1.ComponentProp
|
|
|
1070
1144
|
declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
|
|
1071
1145
|
declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
1072
1146
|
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
declare
|
|
1089
|
-
declare
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
}): react_jsx_runtime.JSX.Element;
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
declare
|
|
1147
|
+
/**
|
|
1148
|
+
* A modal dialog component.
|
|
1149
|
+
*
|
|
1150
|
+
* @example
|
|
1151
|
+
* ```tsx
|
|
1152
|
+
* <Dialog>
|
|
1153
|
+
* <DialogTrigger>Open</DialogTrigger>
|
|
1154
|
+
* <DialogContent>
|
|
1155
|
+
* <DialogTitle>Title</DialogTitle>
|
|
1156
|
+
* <DialogDescription>Desc</DialogDescription>
|
|
1157
|
+
* </DialogContent>
|
|
1158
|
+
* </Dialog>
|
|
1159
|
+
* ```
|
|
1160
|
+
*/
|
|
1161
|
+
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
|
|
1162
|
+
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1163
|
+
declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1164
|
+
showCloseButton?: boolean;
|
|
1165
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
1166
|
+
declare const DialogHeader: {
|
|
1167
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1168
|
+
displayName: string;
|
|
1169
|
+
};
|
|
1170
|
+
declare const DialogFooter: {
|
|
1171
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1172
|
+
displayName: string;
|
|
1173
|
+
};
|
|
1174
|
+
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
1175
|
+
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
1097
1176
|
|
|
1098
1177
|
declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
1099
1178
|
declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1120,170 +1199,91 @@ declare const DropdownMenuShortcut: {
|
|
|
1120
1199
|
displayName: string;
|
|
1121
1200
|
};
|
|
1122
1201
|
|
|
1123
|
-
declare const Radio: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
1124
|
-
|
|
1125
1202
|
/**
|
|
1126
|
-
*
|
|
1127
|
-
*
|
|
1128
|
-
* @
|
|
1203
|
+
* A placeholder component for empty states.
|
|
1204
|
+
*
|
|
1205
|
+
* @example
|
|
1206
|
+
* ```tsx
|
|
1207
|
+
* <Empty>
|
|
1208
|
+
* <EmptyHeader>
|
|
1209
|
+
* <EmptyTitle>No data</EmptyTitle>
|
|
1210
|
+
* </EmptyHeader>
|
|
1211
|
+
* </Empty>
|
|
1212
|
+
* ```
|
|
1129
1213
|
*/
|
|
1130
|
-
declare
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
})
|
|
1137
|
-
|
|
1138
|
-
declare
|
|
1139
|
-
message: string;
|
|
1140
|
-
error: string;
|
|
1141
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
1214
|
+
declare function Empty({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
1215
|
+
declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
1216
|
+
declare const emptyMediaVariants: (props?: ({
|
|
1217
|
+
variant?: "default" | "icon" | null | undefined;
|
|
1218
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1219
|
+
declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): react_jsx_runtime.JSX.Element;
|
|
1220
|
+
declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
1221
|
+
declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
|
|
1222
|
+
declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
1142
1223
|
|
|
1143
|
-
interface
|
|
1144
|
-
icon
|
|
1145
|
-
title: string;
|
|
1146
|
-
description: string;
|
|
1147
|
-
variant?: "default" | "destructive";
|
|
1148
|
-
className?: string;
|
|
1224
|
+
interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
1225
|
+
icon?: ReactNode;
|
|
1149
1226
|
}
|
|
1150
1227
|
/**
|
|
1151
|
-
*
|
|
1228
|
+
* Displays a styled input field with optional leading icon.
|
|
1229
|
+
*
|
|
1230
|
+
* @example
|
|
1231
|
+
* ```tsx
|
|
1232
|
+
* <Input placeholder="Enter text..." />
|
|
1233
|
+
* <Input icon={<Search className="h-4 w-4" />} placeholder="Search..." />
|
|
1234
|
+
* ```
|
|
1152
1235
|
*/
|
|
1153
|
-
declare
|
|
1236
|
+
declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
1154
1237
|
|
|
1155
|
-
|
|
1156
|
-
Record<string, unknown>[] | null,
|
|
1157
|
-
{
|
|
1158
|
-
message: string;
|
|
1159
|
-
} | null
|
|
1160
|
-
]>;
|
|
1161
|
-
type FKSelectFetcherParams = {
|
|
1162
|
-
search: string;
|
|
1163
|
-
modelClass: string;
|
|
1164
|
-
labelName: string;
|
|
1165
|
-
additionalFilters?: Record<string, unknown>;
|
|
1166
|
-
fields?: string[];
|
|
1167
|
-
};
|
|
1168
|
-
type CreateFKSelectFetcherOptions = {
|
|
1169
|
-
additionalFilters?: Record<string, unknown>;
|
|
1170
|
-
fields?: string[];
|
|
1171
|
-
};
|
|
1172
|
-
/**
|
|
1173
|
-
* Fetches FK select options via an injected dynamicList function.
|
|
1174
|
-
*/
|
|
1175
|
-
declare const fkSelectFetcher: (dynamicList: DynamicListFn, { search, modelClass, labelName, additionalFilters, fields, }: FKSelectFetcherParams) => Promise<Record<string, unknown>[]>;
|
|
1176
|
-
/**
|
|
1177
|
-
* Creates a stable fetcher function for FKSelect.
|
|
1178
|
-
*/
|
|
1179
|
-
declare const createFKSelectFetcher: (dynamicList: DynamicListFn, labelName: string, options?: CreateFKSelectFetcherOptions) => (params: FKFetcherParams) => Promise<Record<string, unknown>[]>;
|
|
1238
|
+
declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
|
|
1180
1239
|
|
|
1181
|
-
interface IMarkdownEditorProps {
|
|
1182
|
-
value: string;
|
|
1183
|
-
onChange: (value: string) => void;
|
|
1184
|
-
placeholder?: string;
|
|
1185
|
-
error?: string;
|
|
1186
|
-
disabled?: boolean;
|
|
1187
|
-
className?: string;
|
|
1188
|
-
/** Toast UI theme. Defaults to following the document `.dark` class. */
|
|
1189
|
-
theme?: "light" | "dark";
|
|
1190
|
-
}
|
|
1191
1240
|
/**
|
|
1192
|
-
*
|
|
1241
|
+
* A popover component for displaying rich content in a portal.
|
|
1242
|
+
*
|
|
1243
|
+
* @example
|
|
1244
|
+
* ```tsx
|
|
1245
|
+
* <Popover>
|
|
1246
|
+
* <PopoverTrigger>Open</PopoverTrigger>
|
|
1247
|
+
* <PopoverContent>Content</PopoverContent>
|
|
1248
|
+
* </Popover>
|
|
1249
|
+
* ```
|
|
1193
1250
|
*/
|
|
1194
|
-
declare
|
|
1251
|
+
declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
|
|
1252
|
+
declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1253
|
+
declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1195
1254
|
|
|
1196
|
-
declare
|
|
1255
|
+
declare const Radio: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
1197
1256
|
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
declare const
|
|
1257
|
+
declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
|
|
1258
|
+
declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1259
|
+
declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
1260
|
+
declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1261
|
+
declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1262
|
+
declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1263
|
+
declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1264
|
+
declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1265
|
+
declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1266
|
+
declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1205
1267
|
|
|
1206
1268
|
/**
|
|
1207
|
-
*
|
|
1269
|
+
* A placeholder skeleton with pulse animation.
|
|
1270
|
+
*
|
|
1271
|
+
* @example
|
|
1272
|
+
* ```tsx
|
|
1273
|
+
* <Skeleton className="h-4 w-[200px]" />
|
|
1274
|
+
* ```
|
|
1208
1275
|
*/
|
|
1209
|
-
declare
|
|
1210
|
-
openDialog: boolean;
|
|
1211
|
-
setOpenDialog: (value: boolean) => void;
|
|
1212
|
-
handleDelete: () => void;
|
|
1213
|
-
count?: number;
|
|
1214
|
-
}) => react_jsx_runtime.JSX.Element;
|
|
1276
|
+
declare function Skeleton({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1215
1277
|
|
|
1216
|
-
|
|
1217
|
-
|
|
1278
|
+
/**
|
|
1279
|
+
* Spinner component
|
|
1280
|
+
* @param size the size of the spinner in REM
|
|
1281
|
+
* @returns
|
|
1282
|
+
*/
|
|
1283
|
+
declare const Spinner: ({ size }: {
|
|
1284
|
+
size?: number;
|
|
1218
1285
|
}) => react_jsx_runtime.JSX.Element;
|
|
1219
1286
|
|
|
1220
|
-
type TooltipComponentProps = {
|
|
1221
|
-
trigger: React.ReactNode;
|
|
1222
|
-
children: React.ReactNode;
|
|
1223
|
-
className?: string;
|
|
1224
|
-
triggerClassName?: string;
|
|
1225
|
-
};
|
|
1226
|
-
declare const TooltipComponent: ({ triggerClassName, className, trigger, children, }: TooltipComponentProps) => react_jsx_runtime.JSX.Element;
|
|
1227
|
-
|
|
1228
|
-
type PaginationProps = {
|
|
1229
|
-
startRecord: number;
|
|
1230
|
-
endRecord: number;
|
|
1231
|
-
hasValidSearchValues: boolean;
|
|
1232
|
-
tabCount: number;
|
|
1233
|
-
disabledLoadBackButton: boolean;
|
|
1234
|
-
disabledLoadMoreButton: boolean;
|
|
1235
|
-
loadBack: () => void;
|
|
1236
|
-
loadMore: () => void;
|
|
1237
|
-
};
|
|
1238
|
-
declare const Pagination: ({ startRecord, endRecord, hasValidSearchValues, tabCount, disabledLoadBackButton, disabledLoadMoreButton, loadBack, loadMore, }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
1239
|
-
|
|
1240
|
-
interface ITagItem {
|
|
1241
|
-
key: string;
|
|
1242
|
-
value: string;
|
|
1243
|
-
}
|
|
1244
|
-
interface ITagInputProps {
|
|
1245
|
-
value: ITagItem[];
|
|
1246
|
-
onChange: (tags: ITagItem[]) => void;
|
|
1247
|
-
keyPlaceholder?: string;
|
|
1248
|
-
valuePlaceholder?: string;
|
|
1249
|
-
disabled?: boolean;
|
|
1250
|
-
}
|
|
1251
|
-
declare function TagInput({ value, onChange, keyPlaceholder, valuePlaceholder, disabled, }: ITagInputProps): react_jsx_runtime.JSX.Element;
|
|
1252
|
-
|
|
1253
|
-
type ExpectedFile = {
|
|
1254
|
-
file: string;
|
|
1255
|
-
};
|
|
1256
|
-
type RetrieveFileFn = (modelClass: string, fileId: number) => Promise<[
|
|
1257
|
-
{
|
|
1258
|
-
data: number[];
|
|
1259
|
-
contentType: string;
|
|
1260
|
-
} | null,
|
|
1261
|
-
{
|
|
1262
|
-
message: string;
|
|
1263
|
-
} | null
|
|
1264
|
-
]>;
|
|
1265
|
-
interface IDownloadButtonProps<T extends ExpectedFile> {
|
|
1266
|
-
item: T;
|
|
1267
|
-
propertyName: keyof T;
|
|
1268
|
-
modelClass: string;
|
|
1269
|
-
retrieveFile?: RetrieveFileFn;
|
|
1270
|
-
}
|
|
1271
|
-
declare const DownloadButton: <T extends ExpectedFile>({ item, modelClass, propertyName, retrieveFile, }: IDownloadButtonProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1272
|
-
|
|
1273
|
-
interface IMultiSelectOption {
|
|
1274
|
-
label: string;
|
|
1275
|
-
value: string;
|
|
1276
|
-
}
|
|
1277
|
-
interface IMultiSelectDropdownProps {
|
|
1278
|
-
options: IMultiSelectOption[];
|
|
1279
|
-
selected: string[];
|
|
1280
|
-
onChange: (selected: string[]) => void;
|
|
1281
|
-
placeholder?: string;
|
|
1282
|
-
className?: string;
|
|
1283
|
-
maxDisplay?: number;
|
|
1284
|
-
}
|
|
1285
|
-
declare function MultiSelectDropdown({ options, selected, onChange, placeholder, className, maxDisplay, }: IMultiSelectDropdownProps): react_jsx_runtime.JSX.Element;
|
|
1286
|
-
|
|
1287
1287
|
declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & {
|
|
1288
1288
|
/** When false, renders only the table element (no scroll wrapper). */
|
|
1289
1289
|
wrap?: boolean;
|
|
@@ -1296,16 +1296,30 @@ declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttribu
|
|
|
1296
1296
|
declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
1297
1297
|
declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
|
|
1298
1298
|
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1299
|
+
/**
|
|
1300
|
+
* A set of layered sections of content—known as tab panels—that are displayed one at a time.
|
|
1301
|
+
*
|
|
1302
|
+
* @example
|
|
1303
|
+
* ```tsx
|
|
1304
|
+
* <Tabs defaultValue="account">
|
|
1305
|
+
* <TabsList>
|
|
1306
|
+
* <TabsTrigger value="account">Account</TabsTrigger>
|
|
1307
|
+
* </TabsList>
|
|
1308
|
+
* <TabsContent value="account">Content</TabsContent>
|
|
1309
|
+
* </Tabs>
|
|
1310
|
+
* ```
|
|
1311
|
+
*/
|
|
1312
|
+
declare const Tabs: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1313
|
+
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1314
|
+
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1315
|
+
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1316
|
+
|
|
1317
|
+
declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
1318
|
+
|
|
1319
|
+
declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
1320
|
+
declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
|
|
1321
|
+
declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1322
|
+
declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
1309
1323
|
|
|
1310
1324
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertWithIcon, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ClearButton, Combobox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmationDialog, DatePicker, DeleteDialog, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DownloadButton, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, PumpwoodDropzone as Dropzone, Empty, EmptyContainer, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, ErrorBoundary, ErrorMessage, ErrorToastContent, FKSelect, FileDropzone, Input, Label, Loading, MarkdownEditor, MultiSelectDropdown, NoResult, Pagination, PopConfirm, Popover, PopoverContent, PopoverTrigger, PumpwoodBadge, PumpwoodCard, PumpwoodTable, Radio, RangePicker, Select$1 as Select, SelectContent, SelectGroup, SelectItem, SelectLabel, Select as SelectPrimitive, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, Skeleton, Spinner, Stack, Table$1 as Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, Table as TablePrimitive, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, TagInput, Textarea, Tooltip, TooltipComponent, TooltipContent, TooltipProvider, TooltipTrigger, Typography, badgeVariants, createFKSelectFetcher, fkSelectFetcher, pumpwoodBadgeVariants, useSidebarCollapse };
|
|
1311
|
-
export type { ComboboxItem, CreateFKSelectFetcherOptions, DynamicListFn, FKFetcherParams, FKSelectFetcherParams, IAlertWithIconProps, IDatePickerProps, IFKSelectProps, IMarkdownEditorProps, IMultiSelectOption, IRangePickerProps, ISelectFKProps, ISelectProps, IStaticSelectProps, ITableColumn, ITableProps, ITagItem, IUseSidebarCollapseOptions, PopConfirmProps, RetrieveFileFn };
|
|
1325
|
+
export type { ComboboxItem, CreateFKSelectFetcherOptions, DynamicListFn, DynamicListPagination, FKFetcherPageResult, FKFetcherParams, FKFetcherReturn, FKSelectFetcherParams, IAlertWithIconProps, IDatePickerProps, IFKSelectProps, IMarkdownEditorProps, IMultiSelectOption, IRangePickerProps, ISelectFKProps, ISelectProps, IStaticSelectProps, ITableColumn, ITableProps, ITagItem, IUseSidebarCollapseOptions, PopConfirmProps, RetrieveFileFn };
|