@iclips/ui 1.0.3 → 1.0.6
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/index.cjs +1844 -515
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +423 -29
- package/dist/index.d.ts +423 -29
- package/dist/index.js +1841 -518
- package/dist/index.js.map +1 -1
- package/package.json +5 -5
package/dist/index.d.cts
CHANGED
|
@@ -3,7 +3,7 @@ import * as React$1 from 'react';
|
|
|
3
3
|
import React__default, { RefObject } from 'react';
|
|
4
4
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
5
5
|
import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
6
|
-
import * as
|
|
6
|
+
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
7
7
|
import { VariantProps } from 'class-variance-authority';
|
|
8
8
|
import { LucideIcon } from 'lucide-react';
|
|
9
9
|
import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
|
|
@@ -13,6 +13,7 @@ import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
|
13
13
|
import * as RechartsPrimitive from 'recharts';
|
|
14
14
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
15
15
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
16
|
+
import { Locale } from 'date-fns';
|
|
16
17
|
import { Command as Command$1 } from 'cmdk';
|
|
17
18
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
18
19
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
@@ -60,7 +61,7 @@ declare function AlertDialogCancel({ className, ...props }: React$1.ComponentPro
|
|
|
60
61
|
|
|
61
62
|
declare const alertVariants: (props?: ({
|
|
62
63
|
variant?: "default" | "destructive" | null | undefined;
|
|
63
|
-
} &
|
|
64
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
64
65
|
declare function Alert({ className, variant, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
|
|
65
66
|
declare function AlertTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
66
67
|
declare function AlertDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
@@ -102,10 +103,10 @@ declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<
|
|
|
102
103
|
|
|
103
104
|
declare const badgeVariants: (props?: ({
|
|
104
105
|
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
105
|
-
} &
|
|
106
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
106
107
|
declare const Badge: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
|
|
107
108
|
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
108
|
-
} &
|
|
109
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
|
|
109
110
|
asChild?: boolean;
|
|
110
111
|
} & React$1.RefAttributes<HTMLSpanElement>>;
|
|
111
112
|
|
|
@@ -122,14 +123,42 @@ declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentPr
|
|
|
122
123
|
declare const buttonVariants: (props?: ({
|
|
123
124
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
124
125
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
125
|
-
} &
|
|
126
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
126
127
|
declare const Button: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
|
|
127
128
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
128
129
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
129
|
-
} &
|
|
130
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
|
|
130
131
|
asChild?: boolean;
|
|
131
132
|
}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
132
133
|
|
|
134
|
+
type CalendarProps = React$1.ComponentProps<typeof DayPicker>;
|
|
135
|
+
/**
|
|
136
|
+
* Calendar - Componente base de calendário
|
|
137
|
+
*
|
|
138
|
+
* Grid de dias para seleção de datas. Usado internamente pelo DatePicker
|
|
139
|
+
* e DateRangePicker, mas também pode ser usado standalone.
|
|
140
|
+
*
|
|
141
|
+
* @example
|
|
142
|
+
* // Seleção única
|
|
143
|
+
* <Calendar
|
|
144
|
+
* mode="single"
|
|
145
|
+
* selected={date}
|
|
146
|
+
* onSelect={setDate}
|
|
147
|
+
* />
|
|
148
|
+
*
|
|
149
|
+
* @example
|
|
150
|
+
* // Seleção de intervalo
|
|
151
|
+
* <Calendar
|
|
152
|
+
* mode="range"
|
|
153
|
+
* selected={dateRange}
|
|
154
|
+
* onSelect={setDateRange}
|
|
155
|
+
* />
|
|
156
|
+
*/
|
|
157
|
+
declare function Calendar({ className, classNames, showOutsideDays, locale, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
158
|
+
declare namespace Calendar {
|
|
159
|
+
var displayName: string;
|
|
160
|
+
}
|
|
161
|
+
|
|
133
162
|
interface DadosContrato {
|
|
134
163
|
numeroContrato: string;
|
|
135
164
|
dataEmissao: string;
|
|
@@ -260,8 +289,6 @@ declare const ContractPrintPreview: React$1.ForwardRefExoticComponent<{
|
|
|
260
289
|
className?: string;
|
|
261
290
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
262
291
|
|
|
263
|
-
declare function Calendar({ className, classNames, showOutsideDays, ...props }: React$1.ComponentProps<typeof DayPicker>): react_jsx_runtime.JSX.Element;
|
|
264
|
-
|
|
265
292
|
declare function Card({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
266
293
|
declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
267
294
|
declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
@@ -339,35 +366,319 @@ declare function Collapsible({ ...props }: React.ComponentProps<typeof Collapsib
|
|
|
339
366
|
declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
|
|
340
367
|
declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
|
|
341
368
|
|
|
342
|
-
interface
|
|
343
|
-
|
|
369
|
+
interface DatePickerProps {
|
|
370
|
+
/**
|
|
371
|
+
* Data selecionada
|
|
372
|
+
*/
|
|
373
|
+
value?: Date;
|
|
374
|
+
/**
|
|
375
|
+
* Callback quando a data muda
|
|
376
|
+
*/
|
|
344
377
|
onChange?: (date: Date | undefined) => void;
|
|
345
|
-
|
|
378
|
+
/**
|
|
379
|
+
* Placeholder do campo
|
|
380
|
+
* @default "Selecione uma data"
|
|
381
|
+
*/
|
|
346
382
|
placeholder?: string;
|
|
347
|
-
|
|
383
|
+
/**
|
|
384
|
+
* Desabilita o componente
|
|
385
|
+
*/
|
|
348
386
|
disabled?: boolean;
|
|
387
|
+
/**
|
|
388
|
+
* Data mínima permitida
|
|
389
|
+
*/
|
|
390
|
+
minDate?: Date;
|
|
391
|
+
/**
|
|
392
|
+
* Data máxima permitida
|
|
393
|
+
*/
|
|
394
|
+
maxDate?: Date;
|
|
395
|
+
/**
|
|
396
|
+
* Formato de exibição da data
|
|
397
|
+
* @default "dd/MM/yyyy" ou "dd/MM/yyyy HH:mm" se showTime
|
|
398
|
+
*/
|
|
399
|
+
dateFormat?: string;
|
|
400
|
+
/**
|
|
401
|
+
* Locale para formatação
|
|
402
|
+
* @default ptBR
|
|
403
|
+
*/
|
|
404
|
+
locale?: Locale;
|
|
405
|
+
/**
|
|
406
|
+
* Classes CSS adicionais para o trigger
|
|
407
|
+
*/
|
|
408
|
+
className?: string;
|
|
409
|
+
/**
|
|
410
|
+
* Estado de erro
|
|
411
|
+
*/
|
|
412
|
+
error?: boolean;
|
|
413
|
+
/**
|
|
414
|
+
* Mostra seletor de hora
|
|
415
|
+
* @default false
|
|
416
|
+
*/
|
|
417
|
+
showTime?: boolean;
|
|
418
|
+
/**
|
|
419
|
+
* Formato de hora (12h ou 24h)
|
|
420
|
+
* @default "24h"
|
|
421
|
+
*/
|
|
422
|
+
timeFormat?: "12h" | "24h";
|
|
423
|
+
/**
|
|
424
|
+
* Incremento de minutos
|
|
425
|
+
* @default 5
|
|
426
|
+
*/
|
|
427
|
+
minuteStep?: 1 | 5 | 10 | 15 | 30;
|
|
428
|
+
/**
|
|
429
|
+
* Horário padrão quando showTime=true e uma data é selecionada
|
|
430
|
+
* @default "09:00"
|
|
431
|
+
*/
|
|
432
|
+
defaultTime?: string;
|
|
433
|
+
/**
|
|
434
|
+
* ID do campo para acessibilidade
|
|
435
|
+
*/
|
|
436
|
+
id?: string;
|
|
437
|
+
/**
|
|
438
|
+
* Nome do campo para formulários
|
|
439
|
+
*/
|
|
440
|
+
name?: string;
|
|
441
|
+
}
|
|
442
|
+
/**
|
|
443
|
+
* DatePicker - Campo de seleção de data com hora opcional
|
|
444
|
+
*
|
|
445
|
+
* @example
|
|
446
|
+
* // Apenas data
|
|
447
|
+
* <DatePicker
|
|
448
|
+
* value={date}
|
|
449
|
+
* onChange={setDate}
|
|
450
|
+
* placeholder="Data de nascimento"
|
|
451
|
+
* />
|
|
452
|
+
*
|
|
453
|
+
* @example
|
|
454
|
+
* // Data e hora
|
|
455
|
+
* <DatePicker
|
|
456
|
+
* value={appointmentDate}
|
|
457
|
+
* onChange={setAppointmentDate}
|
|
458
|
+
* placeholder="Data e hora da reunião"
|
|
459
|
+
* showTime
|
|
460
|
+
* minuteStep={15}
|
|
461
|
+
* />
|
|
462
|
+
*
|
|
463
|
+
* @example
|
|
464
|
+
* // Com limites
|
|
465
|
+
* <DatePicker
|
|
466
|
+
* value={date}
|
|
467
|
+
* onChange={setDate}
|
|
468
|
+
* minDate={new Date()}
|
|
469
|
+
* maxDate={addMonths(new Date(), 3)}
|
|
470
|
+
* />
|
|
471
|
+
*/
|
|
472
|
+
declare function DatePicker({ value, onChange, placeholder, disabled, minDate, maxDate, dateFormat, locale, className, error, showTime, timeFormat, minuteStep, defaultTime, id, name, }: DatePickerProps): react_jsx_runtime.JSX.Element;
|
|
473
|
+
declare namespace DatePicker {
|
|
474
|
+
var displayName: string;
|
|
349
475
|
}
|
|
350
|
-
declare function DateTimePicker({ date, onChange, label, placeholder, className, disabled, }: DateTimePickerProps): react_jsx_runtime.JSX.Element;
|
|
351
476
|
|
|
477
|
+
interface DateRangePreset {
|
|
478
|
+
label: string;
|
|
479
|
+
value: DateRange;
|
|
480
|
+
}
|
|
352
481
|
interface DateRangePickerProps {
|
|
353
|
-
|
|
482
|
+
/**
|
|
483
|
+
* Intervalo de datas selecionado
|
|
484
|
+
*/
|
|
485
|
+
value?: DateRange;
|
|
486
|
+
/**
|
|
487
|
+
* Callback quando o intervalo muda
|
|
488
|
+
*/
|
|
354
489
|
onChange?: (range: DateRange | undefined) => void;
|
|
355
|
-
|
|
490
|
+
/**
|
|
491
|
+
* Placeholder do campo
|
|
492
|
+
* @default "Selecione um período"
|
|
493
|
+
*/
|
|
356
494
|
placeholder?: string;
|
|
357
|
-
|
|
495
|
+
/**
|
|
496
|
+
* Desabilita o componente
|
|
497
|
+
*/
|
|
358
498
|
disabled?: boolean;
|
|
359
|
-
|
|
499
|
+
/**
|
|
500
|
+
* Data mínima permitida
|
|
501
|
+
*/
|
|
502
|
+
minDate?: Date;
|
|
503
|
+
/**
|
|
504
|
+
* Data máxima permitida
|
|
505
|
+
*/
|
|
506
|
+
maxDate?: Date;
|
|
507
|
+
/**
|
|
508
|
+
* Formato de exibição da data
|
|
509
|
+
* @default "dd/MM/yyyy"
|
|
510
|
+
*/
|
|
511
|
+
dateFormat?: string;
|
|
512
|
+
/**
|
|
513
|
+
* Locale para formatação
|
|
514
|
+
* @default ptBR
|
|
515
|
+
*/
|
|
516
|
+
locale?: Locale;
|
|
517
|
+
/**
|
|
518
|
+
* Classes CSS adicionais para o trigger
|
|
519
|
+
*/
|
|
520
|
+
className?: string;
|
|
521
|
+
/**
|
|
522
|
+
* Estado de erro
|
|
523
|
+
*/
|
|
524
|
+
error?: boolean;
|
|
525
|
+
/**
|
|
526
|
+
* Número de meses a exibir
|
|
527
|
+
* @default 2
|
|
528
|
+
*/
|
|
529
|
+
numberOfMonths?: 1 | 2;
|
|
530
|
+
/**
|
|
531
|
+
* Mostra seletor de hora
|
|
532
|
+
* @default false
|
|
533
|
+
*/
|
|
534
|
+
showTime?: boolean;
|
|
535
|
+
/**
|
|
536
|
+
* Formato de hora (12h ou 24h)
|
|
537
|
+
* @default "24h"
|
|
538
|
+
*/
|
|
539
|
+
timeFormat?: "12h" | "24h";
|
|
540
|
+
/**
|
|
541
|
+
* Incremento de minutos
|
|
542
|
+
* @default 15
|
|
543
|
+
*/
|
|
544
|
+
minuteStep?: 1 | 5 | 10 | 15 | 30;
|
|
545
|
+
/**
|
|
546
|
+
* Presets de intervalos rápidos
|
|
547
|
+
*/
|
|
548
|
+
presets?: DateRangePreset[];
|
|
549
|
+
/**
|
|
550
|
+
* Mostra presets padrão (Hoje, Últimos 7 dias, etc.)
|
|
551
|
+
* @default true
|
|
552
|
+
*/
|
|
553
|
+
showDefaultPresets?: boolean;
|
|
554
|
+
/**
|
|
555
|
+
* ID do campo para acessibilidade
|
|
556
|
+
*/
|
|
557
|
+
id?: string;
|
|
558
|
+
/**
|
|
559
|
+
* Nome do campo para formulários
|
|
560
|
+
*/
|
|
561
|
+
name?: string;
|
|
562
|
+
}
|
|
563
|
+
/**
|
|
564
|
+
* DateRangePicker - Campo de seleção de intervalo de datas com hora opcional
|
|
565
|
+
*
|
|
566
|
+
* @example
|
|
567
|
+
* // Básico
|
|
568
|
+
* <DateRangePicker
|
|
569
|
+
* value={dateRange}
|
|
570
|
+
* onChange={setDateRange}
|
|
571
|
+
* placeholder="Período do relatório"
|
|
572
|
+
* />
|
|
573
|
+
*
|
|
574
|
+
* @example
|
|
575
|
+
* // Com hora
|
|
576
|
+
* <DateRangePicker
|
|
577
|
+
* value={booking}
|
|
578
|
+
* onChange={setBooking}
|
|
579
|
+
* placeholder="Reserva da sala"
|
|
580
|
+
* showTime
|
|
581
|
+
* minuteStep={30}
|
|
582
|
+
* />
|
|
583
|
+
*
|
|
584
|
+
* @example
|
|
585
|
+
* // Com presets customizados
|
|
586
|
+
* <DateRangePicker
|
|
587
|
+
* value={period}
|
|
588
|
+
* onChange={setPeriod}
|
|
589
|
+
* presets={[
|
|
590
|
+
* { label: "Q1", value: { from: q1Start, to: q1End } },
|
|
591
|
+
* { label: "Q2", value: { from: q2Start, to: q2End } },
|
|
592
|
+
* ]}
|
|
593
|
+
* />
|
|
594
|
+
*/
|
|
595
|
+
declare function DateRangePicker({ value, onChange, placeholder, disabled, minDate, maxDate, dateFormat, locale, className, error, numberOfMonths, showTime, timeFormat, minuteStep, presets, showDefaultPresets, id, name, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
|
|
596
|
+
declare namespace DateRangePicker {
|
|
597
|
+
var displayName: string;
|
|
360
598
|
}
|
|
361
|
-
declare function DateRangePicker({ dateRange, onChange, label, placeholder, className, disabled, withTime, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
|
|
362
599
|
|
|
363
600
|
interface TimePickerProps {
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
601
|
+
/**
|
|
602
|
+
* Valor atual no formato "HH:mm"
|
|
603
|
+
*/
|
|
604
|
+
value?: string;
|
|
605
|
+
/**
|
|
606
|
+
* Callback quando o horário muda
|
|
607
|
+
*/
|
|
608
|
+
onChange?: (time: string) => void;
|
|
609
|
+
/**
|
|
610
|
+
* Formato de exibição (12h com AM/PM ou 24h)
|
|
611
|
+
* @default "24h"
|
|
612
|
+
*/
|
|
613
|
+
format?: "12h" | "24h";
|
|
614
|
+
/**
|
|
615
|
+
* Incremento de minutos no seletor
|
|
616
|
+
* @default 5
|
|
617
|
+
*/
|
|
618
|
+
minuteStep?: 1 | 5 | 10 | 15 | 30;
|
|
619
|
+
/**
|
|
620
|
+
* Horário mínimo permitido (formato "HH:mm")
|
|
621
|
+
*/
|
|
622
|
+
minTime?: string;
|
|
623
|
+
/**
|
|
624
|
+
* Horário máximo permitido (formato "HH:mm")
|
|
625
|
+
*/
|
|
626
|
+
maxTime?: string;
|
|
627
|
+
/**
|
|
628
|
+
* Desabilita o componente
|
|
629
|
+
*/
|
|
368
630
|
disabled?: boolean;
|
|
631
|
+
/**
|
|
632
|
+
* Placeholder
|
|
633
|
+
* @default "HH:MM"
|
|
634
|
+
*/
|
|
635
|
+
placeholder?: string;
|
|
636
|
+
/**
|
|
637
|
+
* Classes CSS adicionais
|
|
638
|
+
*/
|
|
639
|
+
className?: string;
|
|
640
|
+
/**
|
|
641
|
+
* Mostra o ícone de relógio
|
|
642
|
+
* @default true
|
|
643
|
+
*/
|
|
644
|
+
showIcon?: boolean;
|
|
645
|
+
/**
|
|
646
|
+
* Variante de exibição
|
|
647
|
+
* @default "input"
|
|
648
|
+
*/
|
|
649
|
+
variant?: "input" | "select" | "inline";
|
|
650
|
+
}
|
|
651
|
+
/**
|
|
652
|
+
* TimePicker - Componente para seleção de horário
|
|
653
|
+
*
|
|
654
|
+
* @example
|
|
655
|
+
* // Input simples
|
|
656
|
+
* <TimePicker
|
|
657
|
+
* value={time}
|
|
658
|
+
* onChange={setTime}
|
|
659
|
+
* placeholder="Horário"
|
|
660
|
+
* />
|
|
661
|
+
*
|
|
662
|
+
* @example
|
|
663
|
+
* // Com step de 15 minutos
|
|
664
|
+
* <TimePicker
|
|
665
|
+
* value={time}
|
|
666
|
+
* onChange={setTime}
|
|
667
|
+
* minuteStep={15}
|
|
668
|
+
* />
|
|
669
|
+
*
|
|
670
|
+
* @example
|
|
671
|
+
* // Formato 12h
|
|
672
|
+
* <TimePicker
|
|
673
|
+
* value={time}
|
|
674
|
+
* onChange={setTime}
|
|
675
|
+
* format="12h"
|
|
676
|
+
* />
|
|
677
|
+
*/
|
|
678
|
+
declare function TimePicker({ value, onChange, format, minuteStep, minTime, maxTime, disabled, placeholder, className, showIcon, variant, }: TimePickerProps): react_jsx_runtime.JSX.Element | null;
|
|
679
|
+
declare namespace TimePicker {
|
|
680
|
+
var displayName: string;
|
|
369
681
|
}
|
|
370
|
-
declare function TimePicker({ date, onChange, label, className, disabled, }: TimePickerProps): react_jsx_runtime.JSX.Element;
|
|
371
682
|
|
|
372
683
|
interface KanbanCardTag {
|
|
373
684
|
id: string;
|
|
@@ -551,7 +862,7 @@ declare function NavigationMenu({ className, children, viewport, ...props }: Rea
|
|
|
551
862
|
}): react_jsx_runtime.JSX.Element;
|
|
552
863
|
declare function NavigationMenuList({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
|
|
553
864
|
declare function NavigationMenuItem({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
554
|
-
declare const navigationMenuTriggerStyle: (props?:
|
|
865
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_dist_types.ClassProp | undefined) => string;
|
|
555
866
|
declare function NavigationMenuTrigger({ className, children, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
556
867
|
declare function NavigationMenuContent({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
557
868
|
declare function NavigationMenuLink({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
|
|
@@ -654,7 +965,7 @@ declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps
|
|
|
654
965
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
655
966
|
variant?: "default" | "outline" | null | undefined;
|
|
656
967
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
657
|
-
} &
|
|
968
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
658
969
|
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
|
|
659
970
|
asChild?: boolean;
|
|
660
971
|
isActive?: boolean;
|
|
@@ -863,7 +1174,7 @@ type SortDirection = "asc" | "desc" | null;
|
|
|
863
1174
|
* });
|
|
864
1175
|
* ```
|
|
865
1176
|
*/
|
|
866
|
-
interface SortConfig<T
|
|
1177
|
+
interface SortConfig<T> {
|
|
867
1178
|
column: keyof T | null;
|
|
868
1179
|
direction: SortDirection;
|
|
869
1180
|
}
|
|
@@ -1006,7 +1317,7 @@ type FilterOperator = "equals" | "contains" | "startsWith" | "endsWith" | "great
|
|
|
1006
1317
|
* ];
|
|
1007
1318
|
* ```
|
|
1008
1319
|
*/
|
|
1009
|
-
interface FilterConfig<T
|
|
1320
|
+
interface FilterConfig<T> {
|
|
1010
1321
|
column: keyof T;
|
|
1011
1322
|
operator: FilterOperator;
|
|
1012
1323
|
value: any;
|
|
@@ -1059,6 +1370,89 @@ type FilterFunction<T extends Record<string, any>> = (row: T, filters: FilterCon
|
|
|
1059
1370
|
*/
|
|
1060
1371
|
declare function calculatePaginationMetadata(config: PaginationConfig): PaginationMetadata;
|
|
1061
1372
|
|
|
1373
|
+
interface FilterCondition {
|
|
1374
|
+
id: string;
|
|
1375
|
+
field: string;
|
|
1376
|
+
operator: string;
|
|
1377
|
+
value: string | string[];
|
|
1378
|
+
}
|
|
1379
|
+
interface FilterField {
|
|
1380
|
+
value: string;
|
|
1381
|
+
label: string;
|
|
1382
|
+
type?: "text" | "number" | "select" | "date";
|
|
1383
|
+
options?: {
|
|
1384
|
+
value: string;
|
|
1385
|
+
label: string;
|
|
1386
|
+
}[];
|
|
1387
|
+
multiSelect?: boolean;
|
|
1388
|
+
}
|
|
1389
|
+
interface FilterBuilderProps {
|
|
1390
|
+
conditions: FilterCondition[];
|
|
1391
|
+
onConditionsChange: (conditions: FilterCondition[]) => void;
|
|
1392
|
+
fields: FilterField[];
|
|
1393
|
+
className?: string;
|
|
1394
|
+
}
|
|
1395
|
+
declare function FilterBuilder({ conditions, onConditionsChange, fields, className, }: FilterBuilderProps): react_jsx_runtime.JSX.Element;
|
|
1396
|
+
|
|
1397
|
+
interface DataTableProps<T extends Record<string, any>> {
|
|
1398
|
+
data: T[];
|
|
1399
|
+
columns: ColumnDef<T>[];
|
|
1400
|
+
searchPlaceholder?: string;
|
|
1401
|
+
searchableColumns?: (keyof T)[];
|
|
1402
|
+
enableSearch?: boolean;
|
|
1403
|
+
filterFields?: FilterField[];
|
|
1404
|
+
enableFilters?: boolean;
|
|
1405
|
+
pageSizeOptions?: number[];
|
|
1406
|
+
initialPageSize?: number;
|
|
1407
|
+
toolbarActions?: React__default.ReactNode;
|
|
1408
|
+
className?: string;
|
|
1409
|
+
}
|
|
1410
|
+
declare function DataTable<T extends Record<string, any>>({ data, columns, searchPlaceholder, searchableColumns, enableSearch, filterFields, enableFilters, pageSizeOptions, initialPageSize, toolbarActions, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
1411
|
+
|
|
1412
|
+
/**
|
|
1413
|
+
* Example component demonstrating the enhanced DataTable with Search + Filters
|
|
1414
|
+
*/
|
|
1415
|
+
declare function DataTableExample(): react_jsx_runtime.JSX.Element;
|
|
1416
|
+
|
|
1417
|
+
interface ActiveFilter {
|
|
1418
|
+
id: string;
|
|
1419
|
+
label: string;
|
|
1420
|
+
value?: string;
|
|
1421
|
+
onRemove?: () => void;
|
|
1422
|
+
}
|
|
1423
|
+
interface FilterBarProps {
|
|
1424
|
+
activeFilters?: ActiveFilter[];
|
|
1425
|
+
onClearAll?: () => void;
|
|
1426
|
+
onOpenFilters?: () => void;
|
|
1427
|
+
className?: string;
|
|
1428
|
+
children?: React$1.ReactNode;
|
|
1429
|
+
}
|
|
1430
|
+
declare function FilterBar({ activeFilters, onClearAll, onOpenFilters, className, children, }: FilterBarProps): react_jsx_runtime.JSX.Element;
|
|
1431
|
+
|
|
1432
|
+
interface FilterChipProps {
|
|
1433
|
+
label: string;
|
|
1434
|
+
value?: string;
|
|
1435
|
+
onRemove?: () => void;
|
|
1436
|
+
className?: string;
|
|
1437
|
+
}
|
|
1438
|
+
declare function FilterChip({ label, value, onRemove, className }: FilterChipProps): react_jsx_runtime.JSX.Element;
|
|
1439
|
+
|
|
1440
|
+
interface SavedFilter {
|
|
1441
|
+
id: string;
|
|
1442
|
+
name: string;
|
|
1443
|
+
description?: string;
|
|
1444
|
+
isFavorite?: boolean;
|
|
1445
|
+
filterCount?: number;
|
|
1446
|
+
}
|
|
1447
|
+
interface SavedFiltersProps {
|
|
1448
|
+
filters?: SavedFilter[];
|
|
1449
|
+
onSelectFilter?: (filterId: string) => void;
|
|
1450
|
+
onToggleFavorite?: (filterId: string) => void;
|
|
1451
|
+
onDeleteFilter?: (filterId: string) => void;
|
|
1452
|
+
className?: string;
|
|
1453
|
+
}
|
|
1454
|
+
declare function SavedFilters({ filters, onSelectFilter, onToggleFavorite, onDeleteFilter, className, }: SavedFiltersProps): react_jsx_runtime.JSX.Element;
|
|
1455
|
+
|
|
1062
1456
|
declare function Tabs({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
1063
1457
|
declare function TabsList({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.List>): react_jsx_runtime.JSX.Element;
|
|
1064
1458
|
declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
@@ -1096,7 +1490,7 @@ declare function Textarea({ className, ...props }: React$1.ComponentProps<"texta
|
|
|
1096
1490
|
declare const toggleVariants: (props?: ({
|
|
1097
1491
|
variant?: "default" | "outline" | null | undefined;
|
|
1098
1492
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
1099
|
-
} &
|
|
1493
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
1100
1494
|
declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
1101
1495
|
|
|
1102
1496
|
declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
@@ -1400,4 +1794,4 @@ interface PrintInfoGridProps {
|
|
|
1400
1794
|
}
|
|
1401
1795
|
declare function PrintInfoGrid({ items, columns, className, }: PrintInfoGridProps): react_jsx_runtime.JSX.Element;
|
|
1402
1796
|
|
|
1403
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppLayout, type AppLayoutProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, type ColumnDef, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContractPrint, ContractPrintPreview, type ContractPrintProps, ContractTemplate, type DadosContrato,
|
|
1797
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type ActiveFilter, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppLayout, type AppLayoutProps, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, type CalendarProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, type ColumnDef, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ContractPrint, ContractPrintPreview, type ContractPrintProps, ContractTemplate, type DadosContrato, DataTable, DataTableExample, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, type DateRangePreset, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, type DragDropConfig, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyCalendarIllustration, EmptyInboxIllustration, EmptyProjectsIllustration, EmptySearchIllustration, ErrorStateIllustration, FilterBar, type FilterBarProps, FilterBuilder, type FilterBuilderProps, FilterChip, type FilterChipProps, type FilterCondition, type FilterConfig, type FilterField, type FilterFunction, type FilterOperator, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, type IllustrationProps, Illustrations, ImageWithFallback, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, KanbanCard, type KanbanCardAssignee, type KanbanCardProps, type KanbanCardTag, Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, type PaginationConfig, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, type PaginationMetadata, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, type PrimaryNavItem, PrintFooter, PrintHeader, PrintInfoGrid, PrintSection, PrintSignature, PrintTable, Progress, type ProposalData, ProposalTemplate, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, type RowExpansionConfig, type SavedFilter, SavedFilters, type SavedFiltersProps, ScrollArea, ScrollBar, type SecondaryNavItem, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, type SelectionState, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Toaster as Sonner, type SortConfig, type SortDirection, type SortFunction, SuccessStateIllustration, Switch, Table, TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHead, type TableHeadProps, TableHeader, type TableHeaderProps, TablePagination, type TablePaginationLabels, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, type TableState, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimePicker, type TimePickerProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabs, UnderlineTabsContent, UnderlineTabsList, UnderlineTabsTrigger, type UsePrintContractOptions, badgeVariants, buttonVariants, calculatePaginationMetadata, cn, dadosContratoExemplo, getPageNumbers, navigationMenuTriggerStyle, toggleVariants, useFormField, useIsMobile, usePrintContract, useSidebar };
|