@mesob/ui 0.3.0 → 0.3.1
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 +240 -172
- package/dist/components.js +3132 -3017
- package/dist/components.js.map +1 -1
- package/dist/providers.d.ts +3 -0
- package/dist/providers.js +7 -0
- package/dist/providers.js.map +1 -1
- package/package.json +8 -2
- package/src/styles/lyra/button.css +79 -0
- package/src/styles/maia/button.css +79 -0
- package/src/styles/mira/button.css +79 -0
- package/src/styles/style-lyra.css +2208 -0
- package/src/styles/style-maia.css +2245 -0
- package/src/styles/style-mira.css +2247 -0
- package/src/styles/style-nova.css +2320 -0
- package/src/styles/style-vega.css +2316 -0
- package/src/styles/themes.css +5 -0
package/dist/components.d.ts
CHANGED
|
@@ -275,25 +275,16 @@ type TabItem = {
|
|
|
275
275
|
href?: string;
|
|
276
276
|
content?: ReactNode;
|
|
277
277
|
};
|
|
278
|
-
type LinkComponentProps$1 = {
|
|
279
|
-
href: string;
|
|
280
|
-
className?: string;
|
|
281
|
-
children: ReactNode;
|
|
282
|
-
ref?: React.Ref<HTMLAnchorElement>;
|
|
283
|
-
};
|
|
284
278
|
type EntityDetailHeaderProps = {
|
|
285
279
|
title: ReactNode;
|
|
286
280
|
icon?: ReactNode;
|
|
287
|
-
|
|
281
|
+
showBack?: boolean;
|
|
282
|
+
loading?: boolean;
|
|
288
283
|
actions?: ReactNode;
|
|
289
284
|
tabs: TabItem[];
|
|
290
|
-
activeTab?: string;
|
|
291
|
-
defaultTab?: string;
|
|
292
|
-
onTabChange?: (value: string) => void;
|
|
293
285
|
className?: string;
|
|
294
|
-
linkComponent?: ComponentType<LinkComponentProps$1>;
|
|
295
286
|
};
|
|
296
|
-
declare function EntityDetailHeader({ title, icon,
|
|
287
|
+
declare function EntityDetailHeader({ title, icon, showBack, loading, actions, tabs, className, }: EntityDetailHeaderProps): react_jsx_runtime.JSX.Element;
|
|
297
288
|
|
|
298
289
|
type EntityDrawerProps = {
|
|
299
290
|
title: ReactNode;
|
|
@@ -331,18 +322,31 @@ type EntityEmptyStateProps = {
|
|
|
331
322
|
};
|
|
332
323
|
declare function EntityEmptyState({ icon: Icon, title, description, entityName, actionLabel, onAction, children, className, }: EntityEmptyStateProps): react_jsx_runtime.JSX.Element;
|
|
333
324
|
|
|
334
|
-
type FilterOption = {
|
|
325
|
+
type FilterOption$2 = {
|
|
335
326
|
label: string;
|
|
336
327
|
value: string;
|
|
337
328
|
};
|
|
338
329
|
type EntityFilterProps = {
|
|
339
|
-
options: FilterOption[];
|
|
330
|
+
options: FilterOption$2[];
|
|
340
331
|
placeholder?: string;
|
|
341
332
|
className?: string;
|
|
342
333
|
label?: string;
|
|
343
334
|
};
|
|
344
335
|
declare function EntityFilter({ options, placeholder, className, label, }: EntityFilterProps): react_jsx_runtime.JSX.Element;
|
|
345
336
|
|
|
337
|
+
type FilterOption$1 = {
|
|
338
|
+
label: string;
|
|
339
|
+
value: string;
|
|
340
|
+
};
|
|
341
|
+
type EntityFilterStateProps = {
|
|
342
|
+
value: string;
|
|
343
|
+
onValueChange: (v: string) => void;
|
|
344
|
+
options: FilterOption$1[];
|
|
345
|
+
placeholder?: string;
|
|
346
|
+
className?: string;
|
|
347
|
+
};
|
|
348
|
+
declare function EntityFilterState({ value, onValueChange, options, placeholder, className, }: EntityFilterStateProps): react_jsx_runtime.JSX.Element;
|
|
349
|
+
|
|
346
350
|
type EntityFormActionsProps = {
|
|
347
351
|
mode: 'new' | 'edit';
|
|
348
352
|
onSubmit?: () => void;
|
|
@@ -366,8 +370,10 @@ type EntityHeaderProps = {
|
|
|
366
370
|
filter?: ReactNode;
|
|
367
371
|
sort?: ReactNode;
|
|
368
372
|
view?: ReactNode;
|
|
373
|
+
/** When false, render without Card wrapper (e.g. inside EntitySection) */
|
|
374
|
+
wrapInCard?: boolean;
|
|
369
375
|
};
|
|
370
|
-
declare function EntityHeader({ title, icon, actions, search, filter, sort, view, }: EntityHeaderProps): react_jsx_runtime.JSX.Element;
|
|
376
|
+
declare function EntityHeader({ title, icon, actions, search, filter, sort, view, wrapInCard, }: EntityHeaderProps): react_jsx_runtime.JSX.Element;
|
|
371
377
|
|
|
372
378
|
type EntityLoadingStateProps = {
|
|
373
379
|
view: 'table' | 'card';
|
|
@@ -385,25 +391,233 @@ type EntitySearchProps = {
|
|
|
385
391
|
};
|
|
386
392
|
declare function EntitySearch({ paramKey, placeholder, className, }: EntitySearchProps): react_jsx_runtime.JSX.Element;
|
|
387
393
|
|
|
388
|
-
type
|
|
394
|
+
type EntitySearchStateProps = {
|
|
395
|
+
value: string;
|
|
396
|
+
onValueChange: (v: string) => void;
|
|
397
|
+
placeholder?: string;
|
|
398
|
+
className?: string;
|
|
399
|
+
debounceMs?: number;
|
|
400
|
+
};
|
|
401
|
+
declare function EntitySearchState({ value, onValueChange, placeholder, className, debounceMs, }: EntitySearchStateProps): react_jsx_runtime.JSX.Element;
|
|
402
|
+
|
|
403
|
+
type EntitySectionView = 'table' | 'card' | 'list';
|
|
404
|
+
type FilterOption = {
|
|
405
|
+
label: string;
|
|
406
|
+
value: string;
|
|
407
|
+
};
|
|
408
|
+
type SortOption$2 = {
|
|
409
|
+
label: string;
|
|
410
|
+
value: string;
|
|
411
|
+
};
|
|
412
|
+
type EntityParams = {
|
|
413
|
+
search: string;
|
|
414
|
+
filter: string;
|
|
415
|
+
sort: string;
|
|
416
|
+
order: 'asc' | 'desc';
|
|
417
|
+
view: EntitySectionView;
|
|
418
|
+
page: number;
|
|
419
|
+
pageSize: number;
|
|
420
|
+
};
|
|
421
|
+
type UseEntitySectionStateConfig = {
|
|
422
|
+
defaultSort?: string;
|
|
423
|
+
defaultOrder?: 'asc' | 'desc';
|
|
424
|
+
defaultPageSize?: number;
|
|
425
|
+
defaultView?: EntitySectionView;
|
|
426
|
+
searchPlaceholder?: string;
|
|
427
|
+
/** API query param name for search (default 'search') */
|
|
428
|
+
searchParamName?: string;
|
|
429
|
+
filterOptions?: FilterOption[];
|
|
430
|
+
sortOptions?: SortOption$2[];
|
|
431
|
+
views?: EntitySectionView[];
|
|
432
|
+
};
|
|
433
|
+
declare function useEntitySectionState(config?: UseEntitySectionStateConfig): {
|
|
434
|
+
search: string;
|
|
435
|
+
setSearch: React$1.Dispatch<React$1.SetStateAction<string>>;
|
|
436
|
+
filter: string;
|
|
437
|
+
setFilter: React$1.Dispatch<React$1.SetStateAction<string>>;
|
|
438
|
+
sort: string;
|
|
439
|
+
setSort: React$1.Dispatch<React$1.SetStateAction<string>>;
|
|
440
|
+
order: "desc" | "asc";
|
|
441
|
+
setOrder: React$1.Dispatch<React$1.SetStateAction<"desc" | "asc">>;
|
|
442
|
+
view: EntitySectionView;
|
|
443
|
+
setView: React$1.Dispatch<React$1.SetStateAction<EntitySectionView>>;
|
|
444
|
+
page: number;
|
|
445
|
+
setPage: React$1.Dispatch<React$1.SetStateAction<number>>;
|
|
446
|
+
pageSize: number;
|
|
447
|
+
setPageSize: React$1.Dispatch<React$1.SetStateAction<number>>;
|
|
448
|
+
setPageReset: () => void;
|
|
449
|
+
queryConfig: {
|
|
450
|
+
params: {
|
|
451
|
+
query: {
|
|
452
|
+
sort?: string | undefined;
|
|
453
|
+
order?: "desc" | "asc" | undefined;
|
|
454
|
+
filter?: string | undefined;
|
|
455
|
+
page: number;
|
|
456
|
+
limit: number;
|
|
457
|
+
};
|
|
458
|
+
};
|
|
459
|
+
};
|
|
460
|
+
params: EntityParams;
|
|
461
|
+
setParams: (update: Partial<EntityParams>) => void;
|
|
462
|
+
filterOptions: FilterOption[];
|
|
463
|
+
sortOptions: SortOption$2[];
|
|
464
|
+
views: EntitySectionView[];
|
|
465
|
+
};
|
|
466
|
+
|
|
467
|
+
type EntitySectionState = {
|
|
468
|
+
search: string;
|
|
469
|
+
setSearch: (v: string) => void;
|
|
470
|
+
filter: string;
|
|
471
|
+
setFilter: (v: string) => void;
|
|
472
|
+
sort: string;
|
|
473
|
+
setSort: (v: string) => void;
|
|
474
|
+
order: 'asc' | 'desc';
|
|
475
|
+
setOrder: (v: 'asc' | 'desc') => void;
|
|
476
|
+
view: EntitySectionView;
|
|
477
|
+
setView: (v: EntitySectionView) => void;
|
|
478
|
+
page: number;
|
|
479
|
+
setPage: (v: number) => void;
|
|
480
|
+
pageSize: number;
|
|
481
|
+
setPageSize: (v: number) => void;
|
|
482
|
+
setPageReset: () => void;
|
|
483
|
+
filterOptions: {
|
|
484
|
+
label: string;
|
|
485
|
+
value: string;
|
|
486
|
+
}[];
|
|
487
|
+
sortOptions: {
|
|
488
|
+
label: string;
|
|
489
|
+
value: string;
|
|
490
|
+
}[];
|
|
491
|
+
views: EntitySectionView[];
|
|
492
|
+
};
|
|
493
|
+
type EntitySectionConfig = {
|
|
494
|
+
searchPlaceholder?: string;
|
|
495
|
+
filterOptions?: {
|
|
496
|
+
label: string;
|
|
497
|
+
value: string;
|
|
498
|
+
}[];
|
|
499
|
+
sortOptions?: {
|
|
500
|
+
label: string;
|
|
501
|
+
value: string;
|
|
502
|
+
}[];
|
|
503
|
+
views?: EntitySectionView[];
|
|
504
|
+
};
|
|
505
|
+
type EntitySectionProps = {
|
|
506
|
+
title: ReactNode;
|
|
507
|
+
icon?: ReactNode;
|
|
508
|
+
actions?: ReactNode;
|
|
509
|
+
config?: EntitySectionConfig;
|
|
510
|
+
state: EntitySectionState;
|
|
511
|
+
onOpenChange?: (open: boolean) => void;
|
|
512
|
+
/** When false, the toolbar row (search, filter, sort, view) is not rendered */
|
|
513
|
+
showToolbar?: boolean;
|
|
514
|
+
children: (state: EntitySectionState) => ReactNode;
|
|
515
|
+
};
|
|
516
|
+
declare function EntitySection({ title, icon, actions, config, state, onOpenChange, showToolbar, children, }: EntitySectionProps): react_jsx_runtime.JSX.Element;
|
|
517
|
+
|
|
518
|
+
type EntitySelectorModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
519
|
+
type EntitySelectorModalProps = {
|
|
520
|
+
open: boolean;
|
|
521
|
+
onOpenChange: (open: boolean) => void;
|
|
522
|
+
title?: ReactNode;
|
|
523
|
+
size?: EntitySelectorModalSize;
|
|
524
|
+
contentClassName?: string;
|
|
525
|
+
footer?: ReactNode;
|
|
526
|
+
children: ReactNode;
|
|
527
|
+
};
|
|
528
|
+
declare function EntitySelectorModal({ open, onOpenChange, title, size, contentClassName, footer, children, }: EntitySelectorModalProps): react_jsx_runtime.JSX.Element;
|
|
529
|
+
|
|
530
|
+
type BaseItem = {
|
|
531
|
+
id: string;
|
|
532
|
+
};
|
|
533
|
+
type EntitySelectorColumn<T> = {
|
|
534
|
+
key: string;
|
|
535
|
+
header: ReactNode;
|
|
536
|
+
cell: (item: T) => ReactNode;
|
|
537
|
+
className?: string;
|
|
538
|
+
};
|
|
539
|
+
type EntitySelectorConfig<T extends BaseItem> = {
|
|
540
|
+
title: string;
|
|
541
|
+
modalSize?: EntitySelectorModalSize;
|
|
542
|
+
contentClassName?: string;
|
|
543
|
+
multiple?: boolean;
|
|
544
|
+
minSelect?: number;
|
|
545
|
+
maxSelect?: number;
|
|
546
|
+
entityName: string;
|
|
547
|
+
entityIcon: React.ComponentType<{
|
|
548
|
+
className?: string;
|
|
549
|
+
}>;
|
|
550
|
+
emptyTitle?: string;
|
|
551
|
+
emptyDescription?: string;
|
|
552
|
+
columns: EntitySelectorColumn<T>[];
|
|
553
|
+
columnCount?: number;
|
|
554
|
+
getItemLabel: (item: T) => string;
|
|
555
|
+
searchPlaceholder?: string;
|
|
556
|
+
filterOptions?: {
|
|
557
|
+
label: string;
|
|
558
|
+
value: string;
|
|
559
|
+
}[];
|
|
560
|
+
sortOptions?: {
|
|
561
|
+
label: string;
|
|
562
|
+
value: string;
|
|
563
|
+
}[];
|
|
564
|
+
showViewToggle?: boolean;
|
|
565
|
+
wrapHeaderInCard?: boolean;
|
|
566
|
+
renderCard?: (item: T, selected: boolean, onToggle: () => void) => ReactNode;
|
|
567
|
+
};
|
|
568
|
+
type EntitySelectorProps<T extends BaseItem> = {
|
|
569
|
+
trigger: ReactNode;
|
|
570
|
+
config: EntitySelectorConfig<T>;
|
|
571
|
+
onSelect: (items: T[]) => void;
|
|
572
|
+
items: T[];
|
|
573
|
+
total?: number;
|
|
574
|
+
isLoading?: boolean;
|
|
575
|
+
state: EntitySectionState;
|
|
576
|
+
};
|
|
577
|
+
declare function EntitySelector<T extends BaseItem>({ trigger, config, onSelect, items, total: totalProp, isLoading, state, }: EntitySelectorProps<T>): react_jsx_runtime.JSX.Element;
|
|
578
|
+
|
|
579
|
+
type SortOption$1 = {
|
|
389
580
|
label: string;
|
|
390
581
|
value: string;
|
|
391
582
|
};
|
|
392
583
|
type EntitySortProps = {
|
|
393
|
-
options: SortOption[];
|
|
584
|
+
options: SortOption$1[];
|
|
394
585
|
defaultSort?: string;
|
|
395
586
|
defaultOrder?: 'asc' | 'desc';
|
|
396
587
|
className?: string;
|
|
397
588
|
};
|
|
398
589
|
declare function EntitySort({ options, defaultSort, defaultOrder, className, }: EntitySortProps): react_jsx_runtime.JSX.Element;
|
|
399
590
|
|
|
400
|
-
type
|
|
591
|
+
type SortOption = {
|
|
592
|
+
label: string;
|
|
593
|
+
value: string;
|
|
594
|
+
};
|
|
595
|
+
type EntitySortStateProps = {
|
|
596
|
+
sort: string;
|
|
597
|
+
order: 'asc' | 'desc';
|
|
598
|
+
onSortChange: (v: string) => void;
|
|
599
|
+
onOrderChange: (v: 'asc' | 'desc') => void;
|
|
600
|
+
options: SortOption[];
|
|
601
|
+
className?: string;
|
|
602
|
+
};
|
|
603
|
+
declare function EntitySortState({ sort, order, onSortChange, onOrderChange, options, className, }: EntitySortStateProps): react_jsx_runtime.JSX.Element;
|
|
604
|
+
|
|
605
|
+
type ViewOption$1 = 'table' | 'card' | 'list';
|
|
401
606
|
type EntityViewToggleProps = {
|
|
402
|
-
views?: ViewOption[];
|
|
607
|
+
views?: ViewOption$1[];
|
|
403
608
|
className?: string;
|
|
404
609
|
};
|
|
405
610
|
declare function EntityViewToggle({ views, className, }: EntityViewToggleProps): react_jsx_runtime.JSX.Element;
|
|
406
611
|
|
|
612
|
+
type ViewOption = 'table' | 'card' | 'list';
|
|
613
|
+
type EntityViewToggleStateProps = {
|
|
614
|
+
value: ViewOption;
|
|
615
|
+
onValueChange: (v: ViewOption) => void;
|
|
616
|
+
views?: ViewOption[];
|
|
617
|
+
className?: string;
|
|
618
|
+
};
|
|
619
|
+
declare function EntityViewToggleState({ value, onValueChange, views, className, }: EntityViewToggleStateProps): react_jsx_runtime.JSX.Element;
|
|
620
|
+
|
|
407
621
|
type PageBodyProps = {
|
|
408
622
|
className?: string;
|
|
409
623
|
children: ReactNode;
|
|
@@ -419,10 +633,9 @@ declare function PageContainer({ className, children }: PageContainerProps): rea
|
|
|
419
633
|
type PageGoBackProps = {
|
|
420
634
|
onBack: () => void;
|
|
421
635
|
label?: string;
|
|
422
|
-
className?: string;
|
|
423
636
|
children?: ReactNode;
|
|
424
637
|
};
|
|
425
|
-
declare function PageGoBack({ onBack, label,
|
|
638
|
+
declare function PageGoBack({ onBack, label, children, }: PageGoBackProps): react_jsx_runtime.JSX.Element;
|
|
426
639
|
|
|
427
640
|
type PageSectionProps = {
|
|
428
641
|
title?: ReactNode;
|
|
@@ -449,12 +662,16 @@ declare function PageTitle({ icon, back, action, children, className, }: PageTit
|
|
|
449
662
|
type SectionProps = {
|
|
450
663
|
title: ReactNode;
|
|
451
664
|
children: ReactNode;
|
|
665
|
+
/** Shown in header before expand/collapse button, only when section is open */
|
|
666
|
+
actions?: ReactNode;
|
|
452
667
|
defaultOpen?: boolean;
|
|
668
|
+
lazy?: boolean;
|
|
669
|
+
onOpenChange?: (open: boolean) => void;
|
|
453
670
|
className?: string;
|
|
454
671
|
headerClassName?: string;
|
|
455
672
|
contentClassName?: string;
|
|
456
673
|
};
|
|
457
|
-
declare function Section({ title, children, defaultOpen, className, headerClassName, contentClassName, }: SectionProps): react_jsx_runtime.JSX.Element;
|
|
674
|
+
declare function Section({ title, children, actions, defaultOpen, lazy, onOpenChange, className, headerClassName, contentClassName, }: SectionProps): react_jsx_runtime.JSX.Element;
|
|
458
675
|
|
|
459
676
|
type ShellProps = {
|
|
460
677
|
sidebar: React$1.ReactNode;
|
|
@@ -575,155 +792,6 @@ type RichTextInputProps = {
|
|
|
575
792
|
};
|
|
576
793
|
declare function RichTextInput({ field, label, error, className, withAsterisk, enabledControllers, mode, withOnUpdate, placeholder, }: RichTextInputProps): react_jsx_runtime.JSX.Element;
|
|
577
794
|
|
|
578
|
-
type SelectorModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
|
|
579
|
-
type SelectorModalProps = {
|
|
580
|
-
open: boolean;
|
|
581
|
-
onOpenChange: (open: boolean) => void;
|
|
582
|
-
title?: ReactNode;
|
|
583
|
-
size?: SelectorModalSize;
|
|
584
|
-
contentClassName?: string;
|
|
585
|
-
footer?: ReactNode;
|
|
586
|
-
children: ReactNode;
|
|
587
|
-
};
|
|
588
|
-
declare function SelectorModal({ open, onOpenChange, title, size, contentClassName, footer, children, }: SelectorModalProps): react_jsx_runtime.JSX.Element;
|
|
589
|
-
|
|
590
|
-
type SelectorParams = {
|
|
591
|
-
search: string;
|
|
592
|
-
filter: string;
|
|
593
|
-
sort: string;
|
|
594
|
-
order: 'asc' | 'desc';
|
|
595
|
-
view: 'table' | 'card' | 'list';
|
|
596
|
-
page: number;
|
|
597
|
-
pageSize: number;
|
|
598
|
-
};
|
|
599
|
-
type SelectorParamsConfig = {
|
|
600
|
-
defaultSort?: string;
|
|
601
|
-
defaultOrder?: 'asc' | 'desc';
|
|
602
|
-
defaultPageSize?: number;
|
|
603
|
-
searchParamName?: string;
|
|
604
|
-
};
|
|
605
|
-
declare function useSelectorParams(config?: SelectorParamsConfig): {
|
|
606
|
-
params: SelectorParams;
|
|
607
|
-
setParams: (update: Partial<SelectorParams>) => void;
|
|
608
|
-
queryConfig: {
|
|
609
|
-
params: {
|
|
610
|
-
query: {
|
|
611
|
-
sort?: string | undefined;
|
|
612
|
-
order?: "desc" | "asc" | undefined;
|
|
613
|
-
filter?: string | undefined;
|
|
614
|
-
page: number;
|
|
615
|
-
limit: number;
|
|
616
|
-
};
|
|
617
|
-
};
|
|
618
|
-
};
|
|
619
|
-
};
|
|
620
|
-
type UseSelectorParamsReturn = ReturnType<typeof useSelectorParams>;
|
|
621
|
-
|
|
622
|
-
type BaseItem = {
|
|
623
|
-
id: string;
|
|
624
|
-
};
|
|
625
|
-
type SelectorColumn<T> = {
|
|
626
|
-
key: string;
|
|
627
|
-
header: ReactNode;
|
|
628
|
-
cell: (item: T) => ReactNode;
|
|
629
|
-
className?: string;
|
|
630
|
-
};
|
|
631
|
-
type SelectorConfig<T extends BaseItem> = {
|
|
632
|
-
title: string;
|
|
633
|
-
modalSize?: SelectorModalSize;
|
|
634
|
-
contentClassName?: string;
|
|
635
|
-
multiple?: boolean;
|
|
636
|
-
minSelect?: number;
|
|
637
|
-
maxSelect?: number;
|
|
638
|
-
entityName: string;
|
|
639
|
-
entityIcon: React.ComponentType<{
|
|
640
|
-
className?: string;
|
|
641
|
-
}>;
|
|
642
|
-
emptyTitle?: string;
|
|
643
|
-
emptyDescription?: string;
|
|
644
|
-
columns: SelectorColumn<T>[];
|
|
645
|
-
columnCount?: number;
|
|
646
|
-
getItemLabel: (item: T) => string;
|
|
647
|
-
searchPlaceholder?: string;
|
|
648
|
-
filterOptions?: {
|
|
649
|
-
label: string;
|
|
650
|
-
value: string;
|
|
651
|
-
}[];
|
|
652
|
-
sortOptions?: {
|
|
653
|
-
label: string;
|
|
654
|
-
value: string;
|
|
655
|
-
}[];
|
|
656
|
-
showViewToggle?: boolean;
|
|
657
|
-
renderCard?: (item: T, selected: boolean, onToggle: () => void) => ReactNode;
|
|
658
|
-
};
|
|
659
|
-
type SelectorProps<T extends BaseItem> = {
|
|
660
|
-
trigger: ReactNode;
|
|
661
|
-
config: SelectorConfig<T>;
|
|
662
|
-
onSelect: (items: T[]) => void;
|
|
663
|
-
items: T[];
|
|
664
|
-
total?: number;
|
|
665
|
-
isLoading?: boolean;
|
|
666
|
-
params: UseSelectorParamsReturn['params'];
|
|
667
|
-
setParams: UseSelectorParamsReturn['setParams'];
|
|
668
|
-
};
|
|
669
|
-
declare function Selector<T extends BaseItem>({ trigger, config, onSelect, items, total: totalProp, isLoading, params, setParams, }: SelectorProps<T>): react_jsx_runtime.JSX.Element;
|
|
670
|
-
|
|
671
|
-
type SelectorFilterOption = {
|
|
672
|
-
label: string;
|
|
673
|
-
value: string;
|
|
674
|
-
};
|
|
675
|
-
type SelectorFilterProps = {
|
|
676
|
-
value: string;
|
|
677
|
-
onChange: (value: string) => void;
|
|
678
|
-
options: SelectorFilterOption[];
|
|
679
|
-
placeholder?: string;
|
|
680
|
-
className?: string;
|
|
681
|
-
};
|
|
682
|
-
declare function SelectorFilter({ value, onChange, options, placeholder, className, }: SelectorFilterProps): react_jsx_runtime.JSX.Element;
|
|
683
|
-
|
|
684
|
-
type SelectorHeaderProps = {
|
|
685
|
-
title?: ReactNode;
|
|
686
|
-
icon?: ReactNode;
|
|
687
|
-
search?: ReactNode;
|
|
688
|
-
filter?: ReactNode;
|
|
689
|
-
sort?: ReactNode;
|
|
690
|
-
view?: ReactNode;
|
|
691
|
-
};
|
|
692
|
-
declare function SelectorHeader({ title, icon, search, filter, sort, view, }: SelectorHeaderProps): react_jsx_runtime.JSX.Element;
|
|
693
|
-
|
|
694
|
-
type SelectorSearchProps = {
|
|
695
|
-
value: string;
|
|
696
|
-
onChange: (value: string) => void;
|
|
697
|
-
onSearchChange?: (value: string) => void;
|
|
698
|
-
placeholder?: string;
|
|
699
|
-
className?: string;
|
|
700
|
-
debounceMs?: number;
|
|
701
|
-
};
|
|
702
|
-
declare function SelectorSearch({ value, onChange, onSearchChange, placeholder, className, debounceMs, }: SelectorSearchProps): react_jsx_runtime.JSX.Element;
|
|
703
|
-
|
|
704
|
-
type SelectorSortOption = {
|
|
705
|
-
label: string;
|
|
706
|
-
value: string;
|
|
707
|
-
};
|
|
708
|
-
type SelectorSortProps = {
|
|
709
|
-
sort: string;
|
|
710
|
-
order: 'asc' | 'desc';
|
|
711
|
-
onSortChange: (sort: string) => void;
|
|
712
|
-
onOrderChange: (order: 'asc' | 'desc') => void;
|
|
713
|
-
options: SelectorSortOption[];
|
|
714
|
-
className?: string;
|
|
715
|
-
};
|
|
716
|
-
declare function SelectorSort({ sort, order, onSortChange, onOrderChange, options, className, }: SelectorSortProps): react_jsx_runtime.JSX.Element;
|
|
717
|
-
|
|
718
|
-
type SelectorViewOption = 'table' | 'card' | 'list';
|
|
719
|
-
type SelectorViewToggleProps = {
|
|
720
|
-
value: SelectorViewOption;
|
|
721
|
-
onChange: (value: SelectorViewOption) => void;
|
|
722
|
-
views?: SelectorViewOption[];
|
|
723
|
-
className?: string;
|
|
724
|
-
};
|
|
725
|
-
declare function SelectorViewToggle({ value, onChange, views, className, }: SelectorViewToggleProps): react_jsx_runtime.JSX.Element;
|
|
726
|
-
|
|
727
795
|
type SpotlightItem = {
|
|
728
796
|
id: string;
|
|
729
797
|
title: string;
|
|
@@ -2189,4 +2257,4 @@ declare function UnstyledButton({ className, render, ...props }: UnstyledButtonP
|
|
|
2189
2257
|
|
|
2190
2258
|
declare function VisuallyHidden({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
2191
2259
|
|
|
2192
|
-
export { Accordion, AccordionContent, AccordionItem, type AccordionProps, AccordionTrigger, ActionIcon, type ActionIconProps, Affix, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, Anchor, type AnchorProps, AngleSlider, type AngleSliderProps, type AnimatedTabItem, AnimatedTabs, AppBreadcrumbs, AppHeaderActions, AppSidebar, AspectRatio, Avatar, AvatarFallback, AvatarImage, type AvatarProps, BackgroundImage, type BackgroundImageProps, Badge, type BadgeProps, Blockquote, Breadcrumb, BreadcrumbContext, type BreadcrumbContextValue, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemData, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbProvider, BreadcrumbSeparator, Burger, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonLoaderProps, type ButtonProps, Calendar, CalendarDayButton, DisplayTableCaption as Caption, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Center, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, type CheckboxProps, Chip, CloseButton, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorFormat, ColorInput, ColorPicker, type ColorPickerProps, ColorSwatch, type ColorSwatchProps, Combobox, type ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuPositioner, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CurrencyOption, DataTable, DataTableAction, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisplayTable, type DisplayTableData, type DisplayTableVariant, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyCardLoading, type EmptyCardLoadingProps, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EntityBulkActions, EntityDetailHeader, EntityDrawer, EntityDrawerTrigger, EntityEmptyState, EntityFilter, EntityFormActions, EntityHeader, EntityLoadingState, EntityPageLoading, type EntityPageLoadingProps, EntitySearch, EntitySort, EntityViewToggle, ErrorPageView, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileButton, FileInput, Flex, type FlexProps, FloatingIndicator, type FloatingIndicatorProps, FocusTrap, FocusTrapInitialFocus, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, GridCol, Group, type GroupProps, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, Image, Indicator, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputWrapper, type InputWrapperProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, JsonInput, Kbd, KbdGroup, Label, List, ListItem, Loader, type LoaderProps, type LoaderType, LoadingOverlay, type LoadingOverlayProps, LocaleInputRichText, type LocaleInputRichTextProps, LocaleInputText, type LocaleInputTextProps, LocaleInputTextarea, type LocaleInputTextareaProps, LocaleRichText, type LocaleRichTextProps, LocaleText, Mark, type MarkProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarPositioner, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MesobLogo, MoneyInput, type MoneyInputProps, MultiSelect, type MultiSelectOption, NativeSelect, NativeSelectBase, type NativeSelectBaseProps, type NativeSelectOption, type NativeSelectProps, type NavItem, NavLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NoDataAvailable, type NoDataAvailableProps, NumberFormatter, NumberInput, type NumberInputProps, Overlay, PageBody, PageContainer, PageGoBack, PageSection, PageSubTitle, PageTitle, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Paper, type PaperProps, PasswordInput, type PasswordInputBaseProps, PasswordInputWithWrapper, type PasswordInputWithWrapperProps, Pill, type PillProps, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PoweredBy, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextDisplay, RichTextEditor, RichTextEditorContent, RichTextEditorControl, RichTextEditorControlsGroup, RichTextEditorToolbar, RichTextInput, RingProgress, ScrollArea, ScrollBar, DisplayTableScrollContainer as ScrollContainer, Section, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue,
|
|
2260
|
+
export { Accordion, AccordionContent, AccordionItem, type AccordionProps, AccordionTrigger, ActionIcon, type ActionIconProps, Affix, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, Anchor, type AnchorProps, AngleSlider, type AngleSliderProps, type AnimatedTabItem, AnimatedTabs, AppBreadcrumbs, AppHeaderActions, AppSidebar, AspectRatio, Avatar, AvatarFallback, AvatarImage, type AvatarProps, BackgroundImage, type BackgroundImageProps, Badge, type BadgeProps, Blockquote, Breadcrumb, BreadcrumbContext, type BreadcrumbContextValue, BreadcrumbEllipsis, BreadcrumbItem, type BreadcrumbItemData, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbProvider, BreadcrumbSeparator, Burger, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonLoaderProps, type ButtonProps, Calendar, CalendarDayButton, DisplayTableCaption as Caption, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Center, type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, type CheckboxProps, Chip, CloseButton, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorFormat, ColorInput, ColorPicker, type ColorPickerProps, ColorSwatch, type ColorSwatchProps, Combobox, type ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Container, type ContainerProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuPositioner, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, type CurrencyOption, DataTable, DataTableAction, DataTableColumnHeader, DataTablePagination, DataTableViewOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisplayTable, type DisplayTableData, type DisplayTableVariant, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuPositioner, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyCardLoading, type EmptyCardLoadingProps, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EntityBulkActions, EntityDetailHeader, EntityDrawer, EntityDrawerTrigger, EntityEmptyState, EntityFilter, EntityFilterState, EntityFormActions, EntityHeader, EntityLoadingState, EntityPageLoading, type EntityPageLoadingProps, type EntityParams, EntitySearch, EntitySearchState, EntitySection, type EntitySectionState, type EntitySectionView, EntitySelector, type EntitySelectorColumn, type EntitySelectorConfig, EntitySelectorModal, type EntitySelectorModalSize, type EntitySelectorProps, EntitySort, EntitySortState, EntityViewToggle, EntityViewToggleState, ErrorPageView, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FileButton, FileInput, Flex, type FlexProps, FloatingIndicator, type FloatingIndicatorProps, FocusTrap, FocusTrapInitialFocus, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Grid, GridCol, Group, type GroupProps, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, Image, Indicator, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputWrapper, type InputWrapperProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, JsonInput, Kbd, KbdGroup, Label, List, ListItem, Loader, type LoaderProps, type LoaderType, LoadingOverlay, type LoadingOverlayProps, LocaleInputRichText, type LocaleInputRichTextProps, LocaleInputText, type LocaleInputTextProps, LocaleInputTextarea, type LocaleInputTextareaProps, LocaleRichText, type LocaleRichTextProps, LocaleText, Mark, type MarkProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarPositioner, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MesobLogo, MoneyInput, type MoneyInputProps, MultiSelect, type MultiSelectOption, NativeSelect, NativeSelectBase, type NativeSelectBaseProps, type NativeSelectOption, type NativeSelectProps, type NavItem, NavLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NoDataAvailable, type NoDataAvailableProps, NumberFormatter, NumberInput, type NumberInputProps, Overlay, PageBody, PageContainer, PageGoBack, PageSection, PageSubTitle, PageTitle, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Paper, type PaperProps, PasswordInput, type PasswordInputBaseProps, PasswordInputWithWrapper, type PasswordInputWithWrapperProps, Pill, type PillProps, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, PoweredBy, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RadioGroupItemProps, Rating, ResizableHandle, ResizablePanel, ResizablePanelGroup, RichTextDisplay, RichTextEditor, RichTextEditorContent, RichTextEditorControl, RichTextEditorControlsGroup, RichTextEditorToolbar, RichTextInput, RingProgress, ScrollArea, ScrollBar, DisplayTableScrollContainer as ScrollContainer, Section, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SemiCircleProgress, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Shell, Sidebar, SidebarContent, SidebarContext, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SimpleGrid, type SimpleGridProps, Skeleton, type SkeletonProps, Slider, Space, type SpaceProps, Spinner, type SpinnerProps, Spoiler, SpotlightSearch, Stack, type StackProps, Step, Stepper, Switch, type SwitchProps, type TabItem, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, type TableOfContentsItem, type TableOfContentsProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagsInput, DisplayTableTbody as Tbody, DisplayTableTd as Td, Text, TextInput, type TextInputProps, type TextProps, Textarea, type TextareaBaseProps, TextareaInput, type TextareaInputProps, DisplayTableTfoot as Tfoot, DisplayTableTh as Th, DisplayTableThead as Thead, ThemeIcon, type ThemeIconProps, ThemeToggle, Timeline, TimelineContent, TimelineDescription, TimelineDot, TimelineItem, TimelineTime, TimelineTitle, Title, type TitleProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, DisplayTableTr as Tr, Transition, type TransitionName, type TransitionProps, Tree, type TreeNodeData, type TreeProps, UnstyledButton, type UnstyledButtonProps, type UseEntitySectionStateConfig, type ViewOption, VisuallyHidden, actionIconVariants, anchorVariants, badgeVariants, blockquoteVariants, burgerVariants, buttonVariants, chipVariants, codeVariants, containerVariants, gridColVariants, gridVariants, indicatorVariants, listVariants, navLinkVariants, navigationMenuTriggerStyle, pillVariants, simpleGridVariants, tabsListVariants, textVariants, themeIconVariants, titleVariants, toggleVariants, useBreadcrumbs, useEntitySectionState, useFormField, useRichTextEditorContext, useSidebar };
|