@helpwave/hightide 0.6.16 → 0.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +972 -987
- package/dist/index.d.ts +972 -987
- package/dist/index.js +4724 -4023
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4595 -3891
- package/dist/index.mjs.map +1 -1
- package/dist/style/globals.css +866 -594
- package/dist/style/uncompiled/theme/colors/component.css +0 -5
- package/dist/style/uncompiled/theme/colors/semantic.css +2 -1
- package/dist/style/uncompiled/theme/components/avatar.css +5 -5
- package/dist/style/uncompiled/theme/components/button.css +35 -49
- package/dist/style/uncompiled/theme/components/card.css +3 -3
- package/dist/style/uncompiled/theme/components/checkbox.css +2 -2
- package/dist/style/uncompiled/theme/components/date-time-input.css +9 -0
- package/dist/style/uncompiled/theme/components/day-picker.css +2 -2
- package/dist/style/uncompiled/theme/components/dialog.css +3 -3
- package/dist/style/uncompiled/theme/components/form-field.css +4 -4
- package/dist/style/uncompiled/theme/components/general.css +1 -1
- package/dist/style/uncompiled/theme/components/icon-button.css +38 -0
- package/dist/style/uncompiled/theme/components/index.css +4 -0
- package/dist/style/uncompiled/theme/components/input-elements.css +2 -16
- package/dist/style/uncompiled/theme/components/link.css +1 -1
- package/dist/style/uncompiled/theme/components/pop-up.css +1 -1
- package/dist/style/uncompiled/theme/components/property.css +1 -1
- package/dist/style/uncompiled/theme/components/select.css +19 -0
- package/dist/style/uncompiled/theme/components/switch.css +56 -0
- package/dist/style/uncompiled/theme/components/table.css +11 -10
- package/dist/style/uncompiled/theme/components/tabswitcher.css +14 -6
- package/dist/style/uncompiled/theme/components/toggleable-intput.css +10 -0
- package/dist/style/uncompiled/theme/components/tooltip.css +2 -2
- package/dist/style/uncompiled/theme/element.css +50 -0
- package/dist/style/uncompiled/theme/index.css +2 -2
- package/dist/style/uncompiled/theme/variables.css +25 -0
- package/dist/style/uncompiled/utitlity/animation.css +5 -5
- package/dist/style/uncompiled/utitlity/coloring.css +3 -3
- package/dist/style/uncompiled/utitlity/focus.css +21 -15
- package/package.json +7 -8
- package/dist/style/uncompiled/theme/breakpoints.css +0 -7
package/dist/index.d.mts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import react__default, { HTMLAttributes, SVGProps,
|
|
4
|
-
import
|
|
5
|
-
import { ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, PaginationState, Column, SortDirection, ColumnSizingState } from '@tanstack/react-table';
|
|
3
|
+
import react__default, { HTMLAttributes, SVGProps, ReactNode, PropsWithChildren, RefObject, CSSProperties, Dispatch, SetStateAction, ButtonHTMLAttributes, InputHTMLAttributes, ComponentProps, TableHTMLAttributes, TextareaHTMLAttributes, LabelHTMLAttributes } from 'react';
|
|
4
|
+
import { TableFeature, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, RowModel, Column, SortDirection, ColumnSizingState } from '@tanstack/react-table';
|
|
6
5
|
import { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
|
|
6
|
+
import Link from 'next/link';
|
|
7
7
|
|
|
8
8
|
type Size = 'sm' | 'md' | 'lg';
|
|
9
9
|
type HelpwaveBadgeProps = HTMLAttributes<HTMLSpanElement> & {
|
|
@@ -18,11 +18,12 @@ type HelpwaveProps = SVGProps<SVGSVGElement> & {
|
|
|
18
18
|
color?: string;
|
|
19
19
|
animate?: 'none' | 'loading' | 'pulse' | 'bounce';
|
|
20
20
|
size?: 'sm' | 'md' | 'lg';
|
|
21
|
+
animationDuration?: number;
|
|
21
22
|
};
|
|
22
23
|
/**
|
|
23
24
|
* The helpwave loading spinner based on the svg logo.
|
|
24
25
|
*/
|
|
25
|
-
declare const HelpwaveLogo: ({ color, size, animate, ...props }: HelpwaveProps) => react_jsx_runtime.JSX.Element;
|
|
26
|
+
declare const HelpwaveLogo: ({ color, size, animate, animationDuration, ...props }: HelpwaveProps) => react_jsx_runtime.JSX.Element;
|
|
26
27
|
|
|
27
28
|
type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | null;
|
|
28
29
|
type ImageConfig = {
|
|
@@ -72,12 +73,6 @@ type ChipListProps = HTMLAttributes<HTMLUListElement> & {
|
|
|
72
73
|
*/
|
|
73
74
|
declare const ChipList: ({ list, ...props }: ChipListProps) => react_jsx_runtime.JSX.Element;
|
|
74
75
|
|
|
75
|
-
type CircleProps = Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'color'> & {
|
|
76
|
-
radius: number;
|
|
77
|
-
className?: string;
|
|
78
|
-
};
|
|
79
|
-
declare const Circle: ({ radius, className, style, ...restProps }: CircleProps) => react_jsx_runtime.JSX.Element;
|
|
80
|
-
|
|
81
76
|
type ExpansionIconProps = HTMLAttributes<HTMLDivElement> & {
|
|
82
77
|
isExpanded: boolean;
|
|
83
78
|
disabled?: boolean;
|
|
@@ -105,37 +100,6 @@ declare const sizeMapping: {
|
|
|
105
100
|
*/
|
|
106
101
|
declare const ProgressIndicator: ({ progress, strokeWidth, size, direction, rotation }: ProgressIndicatorProps) => react_jsx_runtime.JSX.Element;
|
|
107
102
|
|
|
108
|
-
type RingProps = {
|
|
109
|
-
innerSize: number;
|
|
110
|
-
width: number;
|
|
111
|
-
className?: string;
|
|
112
|
-
};
|
|
113
|
-
declare const Ring: ({ innerSize, width, className, }: RingProps) => react_jsx_runtime.JSX.Element;
|
|
114
|
-
type AnimatedRingProps = RingProps & {
|
|
115
|
-
fillAnimationDuration?: number;
|
|
116
|
-
repeating?: boolean;
|
|
117
|
-
onAnimationFinished?: () => void;
|
|
118
|
-
style?: CSSProperties;
|
|
119
|
-
};
|
|
120
|
-
declare const AnimatedRing: ({ innerSize, width, className, fillAnimationDuration, repeating, onAnimationFinished, style, }: AnimatedRingProps) => react_jsx_runtime.JSX.Element;
|
|
121
|
-
type RingWaveProps = Omit<AnimatedRingProps, 'innerSize'> & {
|
|
122
|
-
startInnerSize: number;
|
|
123
|
-
endInnerSize: number;
|
|
124
|
-
style?: CSSProperties;
|
|
125
|
-
};
|
|
126
|
-
declare const RingWave: ({ startInnerSize, endInnerSize, width, className, fillAnimationDuration, repeating, onAnimationFinished, style }: RingWaveProps) => react_jsx_runtime.JSX.Element;
|
|
127
|
-
type RadialRingsProps = {
|
|
128
|
-
circle1ClassName?: string;
|
|
129
|
-
circle2ClassName?: string;
|
|
130
|
-
circle3ClassName?: string;
|
|
131
|
-
waveWidth?: number;
|
|
132
|
-
waveBaseColor?: string;
|
|
133
|
-
sizeCircle1?: number;
|
|
134
|
-
sizeCircle2?: number;
|
|
135
|
-
sizeCircle3?: number;
|
|
136
|
-
};
|
|
137
|
-
declare const RadialRings: ({ circle1ClassName, circle2ClassName, circle3ClassName, waveWidth, waveBaseColor, sizeCircle1, sizeCircle2, sizeCircle3 }: RadialRingsProps) => react_jsx_runtime.JSX.Element;
|
|
138
|
-
|
|
139
103
|
type TagProps = {
|
|
140
104
|
size?: number;
|
|
141
105
|
className?: string;
|
|
@@ -415,6 +379,8 @@ type CalculatePositionOptions = {
|
|
|
415
379
|
};
|
|
416
380
|
type UseAnchoredPositionOptions = CalculatePositionOptions & {
|
|
417
381
|
isPolling?: boolean;
|
|
382
|
+
isReactingToResize?: boolean;
|
|
383
|
+
isReactingToScroll?: boolean;
|
|
418
384
|
pollingInterval?: number;
|
|
419
385
|
};
|
|
420
386
|
type UseAnchoredPostitionProps = UseAnchoredPositionOptions & {
|
|
@@ -423,12 +389,13 @@ type UseAnchoredPostitionProps = UseAnchoredPositionOptions & {
|
|
|
423
389
|
window?: RefObject<HTMLElement>;
|
|
424
390
|
active?: boolean;
|
|
425
391
|
};
|
|
426
|
-
declare function useAnchoredPosition({ active, window: windowRef, anchor: anchorRef, container: containerRef, isPolling, pollingInterval, verticalAlignment, horizontalAlignment, avoidOverlap, screenPadding, gap, }: UseAnchoredPostitionProps): CSSProperties;
|
|
392
|
+
declare function useAnchoredPosition({ active, window: windowRef, anchor: anchorRef, container: containerRef, isPolling, isReactingToResize, isReactingToScroll, pollingInterval, verticalAlignment, horizontalAlignment, avoidOverlap, screenPadding, gap, }: UseAnchoredPostitionProps): CSSProperties;
|
|
427
393
|
|
|
428
394
|
type BackgroundOverlayProps = HTMLAttributes<HTMLDivElement>;
|
|
429
395
|
interface AnchoredFloatingContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
430
396
|
anchor?: RefObject<HTMLElement>;
|
|
431
397
|
options?: UseAnchoredPositionOptions;
|
|
398
|
+
active?: boolean;
|
|
432
399
|
}
|
|
433
400
|
declare const AnchoredFloatingContainer: react.ForwardRefExoticComponent<AnchoredFloatingContainerProps & react.RefAttributes<HTMLDivElement>>;
|
|
434
401
|
|
|
@@ -468,39 +435,19 @@ type DividerInserterProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
|
|
|
468
435
|
*
|
|
469
436
|
* undefined elements are removed
|
|
470
437
|
*/
|
|
471
|
-
declare const DividerInserter: ({ children, divider,
|
|
472
|
-
|
|
473
|
-
type DrawerAligment = 'left' | 'right' | 'bottom' | 'top';
|
|
474
|
-
type DrawerProps = HTMLAttributes<HTMLDivElement> & {
|
|
475
|
-
isOpen: boolean;
|
|
476
|
-
alignment: DrawerAligment;
|
|
477
|
-
titleElement: ReactNode;
|
|
478
|
-
description: ReactNode;
|
|
479
|
-
isAnimated?: boolean;
|
|
480
|
-
containerClassName?: string;
|
|
481
|
-
backgroundClassName?: string;
|
|
482
|
-
onClose: () => void;
|
|
483
|
-
};
|
|
484
|
-
declare const Drawer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
485
|
-
isOpen: boolean;
|
|
486
|
-
alignment: DrawerAligment;
|
|
487
|
-
titleElement: ReactNode;
|
|
488
|
-
description: ReactNode;
|
|
489
|
-
isAnimated?: boolean;
|
|
490
|
-
containerClassName?: string;
|
|
491
|
-
backgroundClassName?: string;
|
|
492
|
-
onClose: () => void;
|
|
493
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
438
|
+
declare const DividerInserter: ({ children, divider, ...restProps }: DividerInserterProps) => react_jsx_runtime.JSX.Element;
|
|
494
439
|
|
|
495
440
|
type ExpandableRootProps = HTMLAttributes<HTMLDivElement> & {
|
|
496
441
|
isExpanded?: boolean;
|
|
497
442
|
onExpandedChange?: (isExpanded: boolean) => void;
|
|
443
|
+
isInitialExpanded?: boolean;
|
|
498
444
|
disabled?: boolean;
|
|
499
445
|
allowContainerToggle?: boolean;
|
|
500
446
|
};
|
|
501
447
|
declare const ExpandableRoot: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
502
448
|
isExpanded?: boolean;
|
|
503
449
|
onExpandedChange?: (isExpanded: boolean) => void;
|
|
450
|
+
isInitialExpanded?: boolean;
|
|
504
451
|
disabled?: boolean;
|
|
505
452
|
allowContainerToggle?: boolean;
|
|
506
453
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -516,46 +463,13 @@ type ExpandableContentProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
516
463
|
declare const ExpandableContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
517
464
|
forceMount?: boolean;
|
|
518
465
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
onChange?: (isExpanded: boolean) => void;
|
|
524
|
-
clickOnlyOnHeader?: boolean;
|
|
525
|
-
disabled?: boolean;
|
|
526
|
-
className?: string;
|
|
527
|
-
headerClassName?: string;
|
|
528
|
-
contentClassName?: string;
|
|
529
|
-
contentExpandedClassName?: string;
|
|
530
|
-
}>;
|
|
531
|
-
declare const Expandable: react.ForwardRefExoticComponent<{
|
|
532
|
-
id?: string;
|
|
533
|
-
label: ReactNode;
|
|
534
|
-
isExpanded?: boolean;
|
|
535
|
-
onChange?: (isExpanded: boolean) => void;
|
|
536
|
-
clickOnlyOnHeader?: boolean;
|
|
537
|
-
disabled?: boolean;
|
|
538
|
-
className?: string;
|
|
539
|
-
headerClassName?: string;
|
|
540
|
-
contentClassName?: string;
|
|
541
|
-
contentExpandedClassName?: string;
|
|
542
|
-
} & {
|
|
543
|
-
children?: ReactNode | undefined;
|
|
544
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
545
|
-
declare const ExpandableUncontrolled: react.ForwardRefExoticComponent<{
|
|
546
|
-
id?: string;
|
|
547
|
-
label: ReactNode;
|
|
548
|
-
isExpanded?: boolean;
|
|
549
|
-
onChange?: (isExpanded: boolean) => void;
|
|
550
|
-
clickOnlyOnHeader?: boolean;
|
|
551
|
-
disabled?: boolean;
|
|
552
|
-
className?: string;
|
|
553
|
-
headerClassName?: string;
|
|
554
|
-
contentClassName?: string;
|
|
466
|
+
interface ExpandableProps extends ExpandableRootProps {
|
|
467
|
+
trigger: ReactNode;
|
|
468
|
+
triggerProps?: Omit<ExpandableHeaderProps, 'children'>;
|
|
469
|
+
contentProps?: Omit<ExpandableContentProps, 'children'>;
|
|
555
470
|
contentExpandedClassName?: string;
|
|
556
|
-
}
|
|
557
|
-
|
|
558
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
471
|
+
}
|
|
472
|
+
declare const Expandable: react.ForwardRefExoticComponent<ExpandableProps & react.RefAttributes<HTMLDivElement>>;
|
|
559
473
|
|
|
560
474
|
type FAQItem = Pick<ExpandableProps, 'isExpanded' | 'className'> & {
|
|
561
475
|
title: string;
|
|
@@ -596,6 +510,7 @@ declare const ListBoxItem: react__default.ForwardRefExoticComponent<HTMLAttribut
|
|
|
596
510
|
type ListBoxOrientation = 'vertical' | 'horizontal';
|
|
597
511
|
type ListBoxPrimitiveProps = HTMLAttributes<HTMLUListElement> & {
|
|
598
512
|
value?: string[];
|
|
513
|
+
initialValue?: string[];
|
|
599
514
|
onItemClicked?: (value: string) => void;
|
|
600
515
|
onSelectionChanged?: (value: string[]) => void;
|
|
601
516
|
isSelection?: boolean;
|
|
@@ -604,6 +519,7 @@ type ListBoxPrimitiveProps = HTMLAttributes<HTMLUListElement> & {
|
|
|
604
519
|
};
|
|
605
520
|
declare const ListBoxPrimitive: react__default.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & {
|
|
606
521
|
value?: string[];
|
|
522
|
+
initialValue?: string[];
|
|
607
523
|
onItemClicked?: (value: string) => void;
|
|
608
524
|
onSelectionChanged?: (value: string[]) => void;
|
|
609
525
|
isSelection?: boolean;
|
|
@@ -612,8 +528,6 @@ declare const ListBoxPrimitive: react__default.ForwardRefExoticComponent<HTMLAtt
|
|
|
612
528
|
} & react__default.RefAttributes<HTMLUListElement>>;
|
|
613
529
|
type ListBoxMultipleProps = Omit<ListBoxPrimitiveProps, 'isMultiple'>;
|
|
614
530
|
declare const ListBoxMultiple: ({ ...props }: ListBoxMultipleProps) => react_jsx_runtime.JSX.Element;
|
|
615
|
-
type ListBoxMultipleUncontrolledProps = ListBoxMultipleProps;
|
|
616
|
-
declare const ListBoxMultipleUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxMultipleUncontrolledProps) => react_jsx_runtime.JSX.Element;
|
|
617
531
|
type ListBoxProps = Omit<ListBoxPrimitiveProps, 'isMultiple' | 'value' | 'onSelectionChanged'> & {
|
|
618
532
|
value?: string;
|
|
619
533
|
onSelectionChanged?: (value: string) => void;
|
|
@@ -622,8 +536,6 @@ declare const ListBox: react__default.ForwardRefExoticComponent<Omit<ListBoxPrim
|
|
|
622
536
|
value?: string;
|
|
623
537
|
onSelectionChanged?: (value: string) => void;
|
|
624
538
|
} & react__default.RefAttributes<HTMLUListElement>>;
|
|
625
|
-
type ListBoxUncontrolledProps = ListBoxProps;
|
|
626
|
-
declare const ListBoxUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxUncontrolledProps) => react_jsx_runtime.JSX.Element;
|
|
627
539
|
|
|
628
540
|
type ASTNodeModifierType = 'none' | 'italic' | 'bold' | 'underline' | 'font-space' | 'primary' | 'secondary' | 'warn' | 'positive' | 'negative';
|
|
629
541
|
declare const astNodeInserterType: readonly ["helpwave", "newline"];
|
|
@@ -654,6 +566,8 @@ interface TabInfo {
|
|
|
654
566
|
id: string;
|
|
655
567
|
labelId: string;
|
|
656
568
|
label: ReactNode;
|
|
569
|
+
disabled?: boolean;
|
|
570
|
+
ref: RefObject<HTMLElement>;
|
|
657
571
|
}
|
|
658
572
|
type PortalState = {
|
|
659
573
|
id: string;
|
|
@@ -663,8 +577,7 @@ interface TabContextType {
|
|
|
663
577
|
tabs: {
|
|
664
578
|
activeId: string | null;
|
|
665
579
|
setActiveId: Dispatch<SetStateAction<string | null>>;
|
|
666
|
-
|
|
667
|
-
unregister: (id: string) => void;
|
|
580
|
+
subscribe: (info: TabInfo) => () => void;
|
|
668
581
|
info?: TabInfo[];
|
|
669
582
|
};
|
|
670
583
|
portal: {
|
|
@@ -680,10 +593,12 @@ type TabListProps = HTMLAttributes<HTMLUListElement>;
|
|
|
680
593
|
declare function TabList({ ...props }: TabListProps): react_jsx_runtime.JSX.Element;
|
|
681
594
|
type TabViewProps = HTMLAttributes<HTMLDivElement>;
|
|
682
595
|
declare function TabView({ ...props }: TabViewProps): react_jsx_runtime.JSX.Element;
|
|
683
|
-
type
|
|
596
|
+
type TabPanelProps = HTMLAttributes<HTMLDivElement> & {
|
|
684
597
|
label: string;
|
|
598
|
+
forceMount?: boolean;
|
|
599
|
+
disabled?: boolean;
|
|
685
600
|
};
|
|
686
|
-
declare function TabPanel({ label, ...props }:
|
|
601
|
+
declare function TabPanel({ label, forceMount, disabled, ...props }: TabPanelProps): react_jsx_runtime.JSX.Element;
|
|
687
602
|
|
|
688
603
|
type TextImageColor = 'primary' | 'secondary' | 'dark';
|
|
689
604
|
type TextImageProps = {
|
|
@@ -798,7 +713,6 @@ declare function DialogRoot({ children, isOpen: controlledIsOpen, onIsOpenChange
|
|
|
798
713
|
*/
|
|
799
714
|
type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | null;
|
|
800
715
|
type ButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | null;
|
|
801
|
-
type ButtonLayout = 'icon' | 'default' | null;
|
|
802
716
|
declare const buttonColorsList: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
|
|
803
717
|
/**
|
|
804
718
|
* The allowed colors for the Button
|
|
@@ -815,7 +729,6 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
815
729
|
* @default 'medium'
|
|
816
730
|
*/
|
|
817
731
|
size?: ButtonSize;
|
|
818
|
-
layout?: ButtonLayout;
|
|
819
732
|
color?: ButtonColor;
|
|
820
733
|
/**
|
|
821
734
|
* @default 'solid'
|
|
@@ -831,7 +744,6 @@ declare const Button: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLB
|
|
|
831
744
|
* @default 'medium'
|
|
832
745
|
*/
|
|
833
746
|
size?: ButtonSize;
|
|
834
|
-
layout?: ButtonLayout;
|
|
835
747
|
color?: ButtonColor;
|
|
836
748
|
/**
|
|
837
749
|
* @default 'solid'
|
|
@@ -893,6 +805,7 @@ type EditCompleteOptionsResolved = {
|
|
|
893
805
|
type EditCompleteOptions = Partial<EditCompleteOptionsResolved>;
|
|
894
806
|
type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
895
807
|
editCompleteOptions?: EditCompleteOptions;
|
|
808
|
+
initialValue?: string;
|
|
896
809
|
};
|
|
897
810
|
/**
|
|
898
811
|
* A Component for inputting text or other information
|
|
@@ -901,14 +814,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> & Partial
|
|
|
901
814
|
*/
|
|
902
815
|
declare const Input: react__default.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
903
816
|
editCompleteOptions?: EditCompleteOptions;
|
|
904
|
-
|
|
905
|
-
/**
|
|
906
|
-
* A Component for inputting text or other information
|
|
907
|
-
*
|
|
908
|
-
* Its state is managed by the component itself
|
|
909
|
-
*/
|
|
910
|
-
declare const InputUncontrolled: react__default.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
911
|
-
editCompleteOptions?: EditCompleteOptions;
|
|
817
|
+
initialValue?: string;
|
|
912
818
|
} & react__default.RefAttributes<HTMLInputElement>>;
|
|
913
819
|
|
|
914
820
|
type InputModalProps = ConfirmDialogProps & {
|
|
@@ -919,146 +825,76 @@ type InputModalProps = ConfirmDialogProps & {
|
|
|
919
825
|
*/
|
|
920
826
|
declare const InputDialog: ({ inputs, buttonOverwrites, ...props }: InputModalProps) => react_jsx_runtime.JSX.Element;
|
|
921
827
|
|
|
922
|
-
type
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
* A Dialog for selecting the Language
|
|
928
|
-
*
|
|
929
|
-
* The State of open needs to be managed by the parent
|
|
930
|
-
*/
|
|
931
|
-
declare const LanguageDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: LanguageDialogProps) => react_jsx_runtime.JSX.Element;
|
|
932
|
-
|
|
933
|
-
type ThemeDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & {
|
|
934
|
-
titleOverwrite?: ReactNode;
|
|
935
|
-
descriptionOverwrite?: ReactNode;
|
|
936
|
-
};
|
|
937
|
-
/**
|
|
938
|
-
* A Dialog for selecting the Theme
|
|
939
|
-
*
|
|
940
|
-
* The State of open needs to be managed by the parent
|
|
941
|
-
*/
|
|
942
|
-
declare const ThemeDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<ThemeDialogProps>) => react_jsx_runtime.JSX.Element;
|
|
943
|
-
|
|
944
|
-
type ErrorComponentProps = {
|
|
945
|
-
errorText?: string;
|
|
946
|
-
classname?: string;
|
|
947
|
-
};
|
|
948
|
-
/**
|
|
949
|
-
* The Component to show when an error occurred
|
|
950
|
-
*/
|
|
951
|
-
declare const ErrorComponent: ({ errorText, classname }: ErrorComponentProps) => react_jsx_runtime.JSX.Element;
|
|
952
|
-
|
|
953
|
-
type LoadingAndErrorComponentProps = PropsWithChildren<{
|
|
954
|
-
isLoading?: boolean;
|
|
955
|
-
hasError?: boolean;
|
|
956
|
-
loadingComponent?: ReactNode;
|
|
957
|
-
errorComponent?: ReactNode;
|
|
958
|
-
/**
|
|
959
|
-
* in milliseconds
|
|
960
|
-
*/
|
|
961
|
-
minimumLoadingDuration?: number;
|
|
962
|
-
className?: string;
|
|
963
|
-
}>;
|
|
964
|
-
/**
|
|
965
|
-
* A Component that shows the Error and Loading animation, when appropriate and the children otherwise
|
|
966
|
-
*/
|
|
967
|
-
declare const LoadingAndErrorComponent: ({ children, isLoading, hasError, loadingComponent, errorComponent, minimumLoadingDuration, className }: LoadingAndErrorComponentProps) => react_jsx_runtime.JSX.Element;
|
|
968
|
-
|
|
969
|
-
type LoadingAnimationProps = {
|
|
970
|
-
loadingText?: string;
|
|
971
|
-
classname?: string;
|
|
828
|
+
type RegisteredOption = {
|
|
829
|
+
value: string;
|
|
830
|
+
label: ReactNode;
|
|
831
|
+
disabled: boolean;
|
|
832
|
+
ref: React.RefObject<HTMLLIElement>;
|
|
972
833
|
};
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
className?: string;
|
|
834
|
+
type HighlightStartPositionBehavior = 'first' | 'last';
|
|
835
|
+
type SelectIconAppearance = 'left' | 'right' | 'none';
|
|
836
|
+
type InternalSelectContextState = {
|
|
837
|
+
isOpen: boolean;
|
|
838
|
+
options: RegisteredOption[];
|
|
839
|
+
highlightedValue?: string;
|
|
980
840
|
};
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
declare const BreadCrumbLink: ({ ...props }: BreadCrumbLinkProps) => react_jsx_runtime.JSX.Element;
|
|
985
|
-
type BreadCrumbGroupProps = HTMLAttributes<HTMLUListElement> & {
|
|
986
|
-
divider?: ReactNode | null;
|
|
841
|
+
type SelectContextIds = {
|
|
842
|
+
trigger: string;
|
|
843
|
+
content: string;
|
|
987
844
|
};
|
|
988
|
-
|
|
989
|
-
|
|
990
|
-
|
|
991
|
-
* e.g. Organizations/Ward/<id>
|
|
992
|
-
*/
|
|
993
|
-
declare const BreadCrumbGroup: ({ children, divider, ...props }: BreadCrumbGroupProps) => react_jsx_runtime.JSX.Element;
|
|
994
|
-
type Crumb = {
|
|
995
|
-
href: string;
|
|
996
|
-
label: ReactNode;
|
|
845
|
+
type SelectContextState = InternalSelectContextState & FormFieldInteractionStates & {
|
|
846
|
+
value: string[];
|
|
847
|
+
selectedOptions: RegisteredOption[];
|
|
997
848
|
};
|
|
998
|
-
type
|
|
999
|
-
|
|
849
|
+
type SelectConfiguration = {
|
|
850
|
+
isMultiSelect: boolean;
|
|
851
|
+
iconAppearance: SelectIconAppearance;
|
|
1000
852
|
};
|
|
1001
|
-
|
|
1002
|
-
|
|
1003
|
-
type SimpleNavigationItem = {
|
|
1004
|
-
label: ReactNode;
|
|
1005
|
-
link: string;
|
|
1006
|
-
external?: boolean;
|
|
853
|
+
type ToggleOpenOptions = {
|
|
854
|
+
highlightStartPositionBehavior?: HighlightStartPositionBehavior;
|
|
1007
855
|
};
|
|
1008
|
-
type
|
|
1009
|
-
|
|
1010
|
-
|
|
856
|
+
type SelectContextType = {
|
|
857
|
+
ids: SelectContextIds;
|
|
858
|
+
setIds: Dispatch<SetStateAction<SelectContextIds>>;
|
|
859
|
+
state: SelectContextState;
|
|
860
|
+
config: SelectConfiguration;
|
|
861
|
+
item: {
|
|
862
|
+
register: (item: RegisteredOption) => void;
|
|
863
|
+
unregister: (value: string) => void;
|
|
864
|
+
toggleSelection: (value: string, isSelected?: boolean) => void;
|
|
865
|
+
highlightItem: (value: string) => void;
|
|
866
|
+
moveHighlightedIndex: (delta: number) => void;
|
|
867
|
+
};
|
|
868
|
+
trigger: {
|
|
869
|
+
ref: React.RefObject<HTMLElement>;
|
|
870
|
+
register: (element: React.RefObject<HTMLElement>) => void;
|
|
871
|
+
unregister: () => void;
|
|
872
|
+
toggleOpen: (isOpen?: boolean, options?: ToggleOpenOptions) => void;
|
|
873
|
+
};
|
|
1011
874
|
};
|
|
1012
|
-
|
|
1013
|
-
|
|
1014
|
-
|
|
875
|
+
declare const SelectContext: react.Context<SelectContextType>;
|
|
876
|
+
declare function useSelectContext(): SelectContextType;
|
|
877
|
+
type SharedSelectRootProps = Partial<FormFieldInteractionStates> & PropsWithChildren & {
|
|
878
|
+
id?: string;
|
|
879
|
+
initialIsOpen?: boolean;
|
|
880
|
+
iconAppearance?: SelectIconAppearance;
|
|
881
|
+
onClose?: () => void;
|
|
1015
882
|
};
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
declare const Navigation: ({ ...props }: NavigationProps) => react_jsx_runtime.JSX.Element;
|
|
1019
|
-
|
|
1020
|
-
interface PaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
1021
|
-
pageIndex: number;
|
|
1022
|
-
pageCount: number;
|
|
1023
|
-
onPageIndexChanged?: (pageIndex: number) => void;
|
|
1024
|
-
}
|
|
1025
|
-
/**
|
|
1026
|
-
* A Component showing the pagination allowing first, before, next and last page navigation
|
|
1027
|
-
*/
|
|
1028
|
-
declare const Pagination: ({ pageIndex, pageCount, onPageIndexChanged, ...props }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
1029
|
-
|
|
1030
|
-
type StepperState = {
|
|
1031
|
-
currentStep: number;
|
|
1032
|
-
seenSteps: Set<number>;
|
|
883
|
+
type SelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string>> & {
|
|
884
|
+
initialValue?: string;
|
|
1033
885
|
};
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
disabledSteps?: Set<number>;
|
|
1038
|
-
onChange: (state: StepperState) => void;
|
|
1039
|
-
onFinish: () => void;
|
|
1040
|
-
finishText?: string;
|
|
1041
|
-
showDots?: boolean;
|
|
1042
|
-
className?: string;
|
|
886
|
+
declare const SelectRoot: ({ value, onValueChange, onEditComplete, ...props }: SelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
887
|
+
type MultiSelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string[]>> & {
|
|
888
|
+
initialValue?: string[];
|
|
1043
889
|
};
|
|
1044
|
-
|
|
1045
|
-
* A Component for stepping
|
|
1046
|
-
*/
|
|
1047
|
-
declare const StepperBar: ({ state, numberOfSteps, disabledSteps, onChange, onFinish, finishText, showDots, className, }: StepperBarProps) => react_jsx_runtime.JSX.Element;
|
|
1048
|
-
declare const StepperBarUncontrolled: ({ state, onChange, ...props }: StepperBarProps) => react_jsx_runtime.JSX.Element;
|
|
890
|
+
declare const MultiSelectRoot: ({ value, onValueChange, initialValue, onEditComplete, ...props }: MultiSelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
1049
891
|
|
|
1050
892
|
type UseFocusTrapProps = {
|
|
1051
893
|
container: RefObject<HTMLElement>;
|
|
1052
894
|
active: boolean;
|
|
1053
895
|
initialFocus?: RefObject<HTMLElement>;
|
|
1054
|
-
/**
|
|
1055
|
-
* Whether to focus the first element when the initialFocus isn't provided
|
|
1056
|
-
*
|
|
1057
|
-
* Focuses the container instead
|
|
1058
|
-
*/
|
|
1059
|
-
focusFirst?: boolean;
|
|
1060
896
|
};
|
|
1061
|
-
declare const useFocusTrap: ({ container, active, initialFocus,
|
|
897
|
+
declare const useFocusTrap: ({ container, active, initialFocus, }: UseFocusTrapProps) => void;
|
|
1062
898
|
|
|
1063
899
|
interface UseOutsideClickOptions {
|
|
1064
900
|
refs: RefObject<HTMLElement>[];
|
|
@@ -1081,168 +917,11 @@ interface PopUpProps extends AnchoredFloatingContainerProps, Partial<UseOutsideC
|
|
|
1081
917
|
}
|
|
1082
918
|
declare const PopUp: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLDivElement>>;
|
|
1083
919
|
|
|
1084
|
-
type
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
triggerRef: RefObject<HTMLElement> | null;
|
|
1090
|
-
setTriggerRef: (ref: RefObject<HTMLElement> | null) => void;
|
|
1091
|
-
};
|
|
1092
|
-
declare const PopUpContext: react.Context<PopUpContextType>;
|
|
1093
|
-
declare function usePopUpContext(): PopUpContextType;
|
|
1094
|
-
|
|
1095
|
-
interface PopUpOpenerBag<T extends HTMLElement> {
|
|
1096
|
-
open: () => void;
|
|
1097
|
-
close: () => void;
|
|
1098
|
-
isOpen: boolean;
|
|
1099
|
-
toggleOpen: () => void;
|
|
1100
|
-
props: {
|
|
1101
|
-
'id': string;
|
|
1102
|
-
'onClick': () => void;
|
|
1103
|
-
'aria-haspopup': 'dialog';
|
|
1104
|
-
'aria-controls': string;
|
|
1105
|
-
'aria-expanded': boolean;
|
|
1106
|
-
'ref': RefObject<T>;
|
|
1107
|
-
};
|
|
1108
|
-
}
|
|
1109
|
-
interface PopUpOpenerProps<T extends HTMLElement> {
|
|
1110
|
-
children: (props: PopUpOpenerBag<T>) => ReactNode;
|
|
1111
|
-
}
|
|
1112
|
-
declare function PopUpOpener<T extends HTMLElement = HTMLButtonElement>({ children }: PopUpOpenerProps<T>): ReactNode;
|
|
1113
|
-
|
|
1114
|
-
interface PopUpRootProps extends PropsWithChildren {
|
|
1115
|
-
isOpen?: boolean;
|
|
1116
|
-
onIsOpenChange?: (isOpen: boolean) => void;
|
|
1117
|
-
initialIsOpen?: boolean;
|
|
1118
|
-
popUpId?: string;
|
|
1119
|
-
triggerId?: string;
|
|
1120
|
-
}
|
|
1121
|
-
declare function PopUpRoot({ children, isOpen: controlledIsOpen, onIsOpenChange, initialIsOpen, popUpId: popUpIdOverwrite, triggerId: triggerIdOverwrite, }: PopUpRootProps): react_jsx_runtime.JSX.Element;
|
|
1122
|
-
|
|
1123
|
-
type FillerCellProps = HTMLAttributes<HTMLDivElement>;
|
|
1124
|
-
declare const FillerCell: ({ ...props }: FillerCellProps) => react_jsx_runtime.JSX.Element;
|
|
1125
|
-
|
|
1126
|
-
type TableProviderProps<T> = {
|
|
1127
|
-
data: T[];
|
|
1128
|
-
columns?: ColumnDef<T>[];
|
|
1129
|
-
children?: ReactNode;
|
|
1130
|
-
isUsingFillerRows?: boolean;
|
|
1131
|
-
fillerRowCell?: (columnId: string, table: Table$1<T>) => ReactNode;
|
|
1132
|
-
initialState?: Omit<InitialTableState, 'columnSizing'>;
|
|
1133
|
-
onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
|
|
1134
|
-
onFillerRowClick?: (index: number, table: Table$1<T>) => void;
|
|
1135
|
-
state?: Partial<Omit<TableState, 'columnSizing'>>;
|
|
1136
|
-
} & Partial<TableOptions<T>>;
|
|
1137
|
-
declare const TableProvider: <T>({ data, isUsingFillerRows, fillerRowCell, initialState, onRowClick, onFillerRowClick, defaultColumn: defaultColumnOverwrite, state, columns: columnsProp, children, ...tableOptions }: TableProviderProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1138
|
-
|
|
1139
|
-
declare module '@tanstack/react-table' {
|
|
1140
|
-
interface ColumnMeta<TData extends RowData, TValue> {
|
|
1141
|
-
className?: string;
|
|
1142
|
-
filterData?: {
|
|
1143
|
-
tags?: {
|
|
1144
|
-
tag: string;
|
|
1145
|
-
label: ReactNode;
|
|
1146
|
-
}[];
|
|
1147
|
-
};
|
|
1148
|
-
columnLabel?: string;
|
|
1149
|
-
}
|
|
1150
|
-
interface TableMeta<TData> {
|
|
1151
|
-
headerRowClassName?: string;
|
|
1152
|
-
bodyRowClassName?: ((value: TData) => string) | string;
|
|
1153
|
-
}
|
|
1154
|
-
interface FilterFns {
|
|
1155
|
-
text: FilterFn<unknown>;
|
|
1156
|
-
number: FilterFn<unknown>;
|
|
1157
|
-
date: FilterFn<unknown>;
|
|
1158
|
-
dateTime: FilterFn<unknown>;
|
|
1159
|
-
boolean: FilterFn<unknown>;
|
|
1160
|
-
tags: FilterFn<unknown>;
|
|
1161
|
-
tagsSingle: FilterFn<unknown>;
|
|
1162
|
-
generic: FilterFn<unknown>;
|
|
1163
|
-
}
|
|
1164
|
-
}
|
|
1165
|
-
|
|
1166
|
-
type TableHeaderProps = {
|
|
1167
|
-
table?: Table$1<unknown>;
|
|
1168
|
-
isSticky?: boolean;
|
|
1169
|
-
};
|
|
1170
|
-
declare const TableHeader: ({ table: tableOverride, isSticky }: TableHeaderProps) => react_jsx_runtime.JSX.Element;
|
|
1171
|
-
|
|
1172
|
-
interface TableDisplayProps extends TableHTMLAttributes<HTMLTableElement> {
|
|
1173
|
-
containerProps?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
|
|
1174
|
-
tableHeaderProps?: Omit<TableHeaderProps, 'children' | 'table'>;
|
|
1175
|
-
}
|
|
1176
|
-
/**
|
|
1177
|
-
* A display component for a table that requires a TableProvider for the table context
|
|
1178
|
-
*/
|
|
1179
|
-
declare const TableDisplay: <T>({ children, containerProps, tableHeaderProps, ...props }: TableDisplayProps) => react_jsx_runtime.JSX.Element;
|
|
1180
|
-
|
|
1181
|
-
type RegisteredOption = {
|
|
1182
|
-
value: string;
|
|
1183
|
-
label: ReactNode;
|
|
1184
|
-
disabled: boolean;
|
|
1185
|
-
ref: React.RefObject<HTMLLIElement>;
|
|
1186
|
-
};
|
|
1187
|
-
type HighlightStartPositionBehavior = 'first' | 'last';
|
|
1188
|
-
type SelectIconAppearance = 'left' | 'right' | 'none';
|
|
1189
|
-
type InternalSelectContextState = {
|
|
1190
|
-
isOpen: boolean;
|
|
1191
|
-
options: RegisteredOption[];
|
|
1192
|
-
highlightedValue?: string;
|
|
1193
|
-
};
|
|
1194
|
-
type SelectContextIds = {
|
|
1195
|
-
trigger: string;
|
|
1196
|
-
content: string;
|
|
1197
|
-
};
|
|
1198
|
-
type SelectContextState = InternalSelectContextState & FormFieldInteractionStates & {
|
|
1199
|
-
value: string[];
|
|
1200
|
-
selectedOptions: RegisteredOption[];
|
|
1201
|
-
};
|
|
1202
|
-
type SelectConfiguration = {
|
|
1203
|
-
isMultiSelect: boolean;
|
|
1204
|
-
iconAppearance: SelectIconAppearance;
|
|
1205
|
-
};
|
|
1206
|
-
type ToggleOpenOptions = {
|
|
1207
|
-
highlightStartPositionBehavior?: HighlightStartPositionBehavior;
|
|
1208
|
-
};
|
|
1209
|
-
type SelectContextType = {
|
|
1210
|
-
ids: SelectContextIds;
|
|
1211
|
-
setIds: Dispatch<SetStateAction<SelectContextIds>>;
|
|
1212
|
-
state: SelectContextState;
|
|
1213
|
-
config: SelectConfiguration;
|
|
1214
|
-
item: {
|
|
1215
|
-
register: (item: RegisteredOption) => void;
|
|
1216
|
-
unregister: (value: string) => void;
|
|
1217
|
-
toggleSelection: (value: string, isSelected?: boolean) => void;
|
|
1218
|
-
highlightItem: (value: string) => void;
|
|
1219
|
-
moveHighlightedIndex: (delta: number) => void;
|
|
1220
|
-
};
|
|
1221
|
-
trigger: {
|
|
1222
|
-
ref: React.RefObject<HTMLElement>;
|
|
1223
|
-
register: (element: React.RefObject<HTMLElement>) => void;
|
|
1224
|
-
unregister: () => void;
|
|
1225
|
-
toggleOpen: (isOpen?: boolean, options?: ToggleOpenOptions) => void;
|
|
1226
|
-
};
|
|
1227
|
-
};
|
|
1228
|
-
declare const SelectContext: react.Context<SelectContextType>;
|
|
1229
|
-
declare function useSelectContext(): SelectContextType;
|
|
1230
|
-
type SharedSelectRootProps = Partial<FormFieldInteractionStates> & PropsWithChildren & {
|
|
1231
|
-
id?: string;
|
|
1232
|
-
initialIsOpen?: boolean;
|
|
1233
|
-
iconAppearance?: SelectIconAppearance;
|
|
1234
|
-
onClose?: () => void;
|
|
1235
|
-
};
|
|
1236
|
-
type SelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string>>;
|
|
1237
|
-
declare const SelectRoot: ({ value, onValueChange, onEditComplete, ...props }: SelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
1238
|
-
type MultiSelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string[]>>;
|
|
1239
|
-
declare const MultiSelectRoot: ({ value, onValueChange, onEditComplete, ...props }: MultiSelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
1240
|
-
|
|
1241
|
-
type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {
|
|
1242
|
-
value: string;
|
|
1243
|
-
disabled?: boolean;
|
|
1244
|
-
iconAppearance?: SelectIconAppearance;
|
|
1245
|
-
children?: ReactNode;
|
|
920
|
+
type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {
|
|
921
|
+
value: string;
|
|
922
|
+
disabled?: boolean;
|
|
923
|
+
iconAppearance?: SelectIconAppearance;
|
|
924
|
+
children?: ReactNode;
|
|
1246
925
|
};
|
|
1247
926
|
declare const SelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
|
|
1248
927
|
value: string;
|
|
@@ -1253,10 +932,12 @@ declare const SelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<
|
|
|
1253
932
|
type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1254
933
|
placeholder?: ReactNode;
|
|
1255
934
|
selectedDisplay?: (value: string[]) => ReactNode;
|
|
935
|
+
hideExpansionIcon?: boolean;
|
|
1256
936
|
};
|
|
1257
937
|
declare const SelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1258
938
|
placeholder?: ReactNode;
|
|
1259
939
|
selectedDisplay?: (value: string[]) => ReactNode;
|
|
940
|
+
hideExpansionIcon?: boolean;
|
|
1260
941
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1261
942
|
type SelectContentProps = PopUpProps;
|
|
1262
943
|
declare const SelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
|
|
@@ -1273,6 +954,7 @@ type MultiSelectButtonProps = SelectButtonProps;
|
|
|
1273
954
|
declare const MultiSelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1274
955
|
placeholder?: ReactNode;
|
|
1275
956
|
selectedDisplay?: (value: string[]) => ReactNode;
|
|
957
|
+
hideExpansionIcon?: boolean;
|
|
1276
958
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1277
959
|
|
|
1278
960
|
type SelectProps = SelectRootProps & {
|
|
@@ -1289,405 +971,26 @@ declare const Select: react.ForwardRefExoticComponent<Partial<FormFieldInteracti
|
|
|
1289
971
|
iconAppearance?: SelectIconAppearance;
|
|
1290
972
|
onClose?: () => void;
|
|
1291
973
|
} & Partial<FormFieldDataHandling<string>> & {
|
|
1292
|
-
|
|
1293
|
-
buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
|
|
1294
|
-
selectedDisplay?: (value: string) => ReactNode;
|
|
1295
|
-
};
|
|
1296
|
-
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1297
|
-
type SelectUncontrolledProps = SelectProps;
|
|
1298
|
-
declare const SelectUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
|
|
1299
|
-
children?: ReactNode | undefined;
|
|
974
|
+
initialValue?: string;
|
|
1300
975
|
} & {
|
|
1301
|
-
id?: string;
|
|
1302
|
-
initialIsOpen?: boolean;
|
|
1303
|
-
iconAppearance?: SelectIconAppearance;
|
|
1304
|
-
onClose?: () => void;
|
|
1305
|
-
} & Partial<FormFieldDataHandling<string>> & {
|
|
1306
976
|
contentPanelProps?: SelectContentProps;
|
|
1307
977
|
buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
|
|
1308
978
|
selectedDisplay?: (value: string) => ReactNode;
|
|
1309
979
|
};
|
|
1310
980
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1311
981
|
|
|
1312
|
-
type
|
|
1313
|
-
declare const
|
|
1314
|
-
|
|
1315
|
-
|
|
1316
|
-
|
|
1317
|
-
declare const TablePageSizeSelect: ({ pageSizeOptions, ...props }: TablePageSizeSelectProps) => react_jsx_runtime.JSX.Element;
|
|
1318
|
-
interface TablePaginationProps extends HTMLAttributes<HTMLDivElement> {
|
|
1319
|
-
allowChangingPageSize?: boolean;
|
|
1320
|
-
pageSizeOptions?: number[];
|
|
1321
|
-
}
|
|
1322
|
-
declare const TablePagination: ({ allowChangingPageSize, pageSizeOptions, ...props }: TablePaginationProps) => react_jsx_runtime.JSX.Element;
|
|
1323
|
-
|
|
1324
|
-
interface TableWithSelectionProviderProps<T> extends TableProviderProps<T> {
|
|
1325
|
-
rowSelection: RowSelectionState;
|
|
1326
|
-
disableClickRowClickSelection?: boolean;
|
|
1327
|
-
selectionRowId?: string;
|
|
1328
|
-
}
|
|
1329
|
-
declare const TableWithSelectionProvider: <T>({ children, state, fillerRowCell, rowSelection, disableClickRowClickSelection, selectionRowId, onRowClick, ...props }: TableWithSelectionProviderProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1330
|
-
|
|
1331
|
-
interface TableProps<T> extends HTMLAttributes<HTMLDivElement> {
|
|
1332
|
-
table: TableProviderProps<T>;
|
|
1333
|
-
paginationOptions?: TablePaginationProps & {
|
|
1334
|
-
showPagination?: boolean;
|
|
1335
|
-
};
|
|
1336
|
-
displayProps?: Omit<TableDisplayProps, 'children'>;
|
|
1337
|
-
header?: React.ReactNode;
|
|
1338
|
-
footer?: React.ReactNode;
|
|
1339
|
-
}
|
|
1340
|
-
declare const Table: <T>({ children, table, paginationOptions, displayProps, header, footer, ...props }: TableProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1341
|
-
interface TableWithSelectionProps<T> extends HTMLAttributes<HTMLDivElement> {
|
|
1342
|
-
table: TableWithSelectionProviderProps<T>;
|
|
1343
|
-
paginationOptions?: TablePaginationProps & {
|
|
1344
|
-
showPagination?: boolean;
|
|
1345
|
-
};
|
|
1346
|
-
displayProps?: Omit<TableDisplayProps, 'children'>;
|
|
1347
|
-
header?: React.ReactNode;
|
|
1348
|
-
footer?: React.ReactNode;
|
|
1349
|
-
}
|
|
1350
|
-
declare const TableWithSelection: <T>({ children, table, paginationOptions, displayProps, header, footer, ...props }: TableWithSelectionProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1351
|
-
|
|
1352
|
-
declare const TableBody: react__default.NamedExoticComponent<object>;
|
|
1353
|
-
|
|
1354
|
-
type TableCellProps = PropsWithChildren<{
|
|
1355
|
-
className?: string;
|
|
982
|
+
type LanguageSelectProps = Omit<SelectProps, 'value'>;
|
|
983
|
+
declare const LanguageSelect: ({ ...props }: LanguageSelectProps) => react_jsx_runtime.JSX.Element;
|
|
984
|
+
type LanguageDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & PropsWithChildren<{
|
|
985
|
+
titleOverwrite?: ReactNode;
|
|
986
|
+
descriptionOverwrite?: ReactNode;
|
|
1356
987
|
}>;
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
readonly dateTime: readonly ["dateTimeEquals", "dateTimeNotEquals", "dateTimeGreaterThan", "dateTimeGreaterThanOrEqual", "dateTimeLessThan", "dateTimeLessThanOrEqual", "dateTimeBetween", "dateTimeNotBetween"];
|
|
1364
|
-
readonly boolean: readonly ["booleanIsTrue", "booleanIsFalse"];
|
|
1365
|
-
readonly tags: readonly ["tagsEquals", "tagsNotEquals", "tagsContains", "tagsNotContains"];
|
|
1366
|
-
readonly tagsSingle: readonly ["tagsSingleEquals", "tagsSingleNotEquals", "tagsSingleContains", "tagsSingleNotContains"];
|
|
1367
|
-
readonly generic: readonly ["undefined", "notUndefined"];
|
|
1368
|
-
};
|
|
1369
|
-
type TableGenericFilter = (typeof TableFilterOperator.generic)[number];
|
|
1370
|
-
type TableTextFilter = (typeof TableFilterOperator.text)[number] | TableGenericFilter;
|
|
1371
|
-
type TableNumberFilter = (typeof TableFilterOperator.number)[number] | TableGenericFilter;
|
|
1372
|
-
type TableDateFilter = (typeof TableFilterOperator.date)[number] | TableGenericFilter;
|
|
1373
|
-
type TableDatetimeFilter = (typeof TableFilterOperator.dateTime)[number] | TableGenericFilter;
|
|
1374
|
-
type TableBooleanFilter = (typeof TableFilterOperator.boolean)[number] | TableGenericFilter;
|
|
1375
|
-
type TableTagsFilter = (typeof TableFilterOperator.tags)[number] | TableGenericFilter;
|
|
1376
|
-
type TableTagsSingleFilter = (typeof TableFilterOperator.tagsSingle)[number] | TableGenericFilter;
|
|
1377
|
-
type TableFilterType = TableTextFilter | TableNumberFilter | TableDateFilter | TableDatetimeFilter | TableBooleanFilter | TableTagsFilter | TableTagsSingleFilter | TableGenericFilter;
|
|
1378
|
-
type TableFilterCategory = keyof typeof TableFilterOperator;
|
|
1379
|
-
declare function isTableFilterCategory(value: unknown): value is TableFilterCategory;
|
|
1380
|
-
type TextFilterParameter = {
|
|
1381
|
-
searchText?: string;
|
|
1382
|
-
isCaseSensitive?: boolean;
|
|
1383
|
-
};
|
|
1384
|
-
type NumberFilterParameter = {
|
|
1385
|
-
compareValue?: number;
|
|
1386
|
-
min?: number;
|
|
1387
|
-
max?: number;
|
|
1388
|
-
};
|
|
1389
|
-
type DateFilterParameter = {
|
|
1390
|
-
compareDate?: Date;
|
|
1391
|
-
min?: Date;
|
|
1392
|
-
max?: Date;
|
|
1393
|
-
};
|
|
1394
|
-
type DatetimeFilterParameter = {
|
|
1395
|
-
compareDatetime?: Date;
|
|
1396
|
-
min?: Date;
|
|
1397
|
-
max?: Date;
|
|
1398
|
-
};
|
|
1399
|
-
type BooleanFilterParameter = Record<string, never>;
|
|
1400
|
-
type TagsFilterParameter = {
|
|
1401
|
-
searchTags?: unknown[];
|
|
1402
|
-
};
|
|
1403
|
-
type TagsSingleFilterParameter = {
|
|
1404
|
-
searchTag?: unknown;
|
|
1405
|
-
searchTagsContains?: unknown[];
|
|
1406
|
-
};
|
|
1407
|
-
type GenericFilterParameter = Record<string, never>;
|
|
1408
|
-
type TextFilterValue = {
|
|
1409
|
-
operator: TableTextFilter;
|
|
1410
|
-
parameter: TextFilterParameter;
|
|
1411
|
-
};
|
|
1412
|
-
type NumberFilterValue = {
|
|
1413
|
-
operator: TableNumberFilter;
|
|
1414
|
-
parameter: NumberFilterParameter;
|
|
1415
|
-
};
|
|
1416
|
-
type DateFilterValue = {
|
|
1417
|
-
operator: TableDateFilter;
|
|
1418
|
-
parameter: DateFilterParameter;
|
|
1419
|
-
};
|
|
1420
|
-
type DatetimeFilterValue = {
|
|
1421
|
-
operator: TableDatetimeFilter;
|
|
1422
|
-
parameter: DatetimeFilterParameter;
|
|
1423
|
-
};
|
|
1424
|
-
type BooleanFilterValue = {
|
|
1425
|
-
operator: TableBooleanFilter;
|
|
1426
|
-
parameter: BooleanFilterParameter;
|
|
1427
|
-
};
|
|
1428
|
-
type TagsFilterValue = {
|
|
1429
|
-
operator: TableTagsFilter;
|
|
1430
|
-
parameter: TagsFilterParameter;
|
|
1431
|
-
};
|
|
1432
|
-
type TagsSingleFilterValue = {
|
|
1433
|
-
operator: TableTagsSingleFilter;
|
|
1434
|
-
parameter: TagsSingleFilterParameter;
|
|
1435
|
-
};
|
|
1436
|
-
type GenericFilterValue = {
|
|
1437
|
-
operator: TableGenericFilter;
|
|
1438
|
-
parameter: GenericFilterParameter;
|
|
1439
|
-
};
|
|
1440
|
-
type TableFilterValue = TextFilterValue | NumberFilterValue | DateFilterValue | DatetimeFilterValue | BooleanFilterValue | TagsFilterValue | TagsSingleFilterValue | GenericFilterValue;
|
|
1441
|
-
declare const TableFilter: {
|
|
1442
|
-
text: FilterFn<unknown>;
|
|
1443
|
-
number: FilterFn<unknown>;
|
|
1444
|
-
date: FilterFn<unknown>;
|
|
1445
|
-
dateTime: FilterFn<unknown>;
|
|
1446
|
-
boolean: FilterFn<unknown>;
|
|
1447
|
-
tags: FilterFn<unknown>;
|
|
1448
|
-
tagsSingle: FilterFn<unknown>;
|
|
1449
|
-
generic: FilterFn<unknown>;
|
|
1450
|
-
};
|
|
1451
|
-
|
|
1452
|
-
type TableColumnProps<T> = ColumnDef<T> & {
|
|
1453
|
-
filterType?: TableFilterCategory;
|
|
1454
|
-
};
|
|
1455
|
-
declare const TableColumn: <T>(props: TableColumnProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1456
|
-
|
|
1457
|
-
type TableColumnSwitcherPopUpProps = PopUpProps;
|
|
1458
|
-
declare const TableColumnSwitcherPopUp: ({ ...props }: TableColumnSwitcherPopUpProps) => react_jsx_runtime.JSX.Element;
|
|
1459
|
-
interface TableColumnSwitcherProps extends TableColumnSwitcherPopUpProps {
|
|
1460
|
-
buttonProps?: ButtonProps;
|
|
1461
|
-
}
|
|
1462
|
-
declare const TableColumnSwitcher: ({ buttonProps, ...props }: TableColumnSwitcherProps) => react_jsx_runtime.JSX.Element;
|
|
1463
|
-
|
|
1464
|
-
type TableDataContextType<T> = {
|
|
1465
|
-
table: Table$1<T>;
|
|
1466
|
-
columns: ColumnDef<T>[];
|
|
1467
|
-
rows: Row<T>[];
|
|
1468
|
-
rowSelection: RowSelectionState;
|
|
1469
|
-
data: T[];
|
|
1470
|
-
pagination: PaginationState;
|
|
1471
|
-
isUsingFillerRows: boolean;
|
|
1472
|
-
fillerRowCell: (columnId: string, table: Table$1<T>) => ReactNode;
|
|
1473
|
-
onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
|
|
1474
|
-
onFillerRowClick?: (index: number, table: Table$1<T>) => void;
|
|
1475
|
-
};
|
|
1476
|
-
declare const TableDataContext: react.Context<TableDataContextType<any>>;
|
|
1477
|
-
declare const useTableDataContext: <T>() => TableDataContextType<T>;
|
|
1478
|
-
type TableColumnDefinitionContextType<T> = {
|
|
1479
|
-
table: Table$1<T>;
|
|
1480
|
-
registerColumn: (column: ColumnDef<T>) => () => void;
|
|
1481
|
-
};
|
|
1482
|
-
declare const TableColumnDefinitionContext: react.Context<TableColumnDefinitionContextType<any>>;
|
|
1483
|
-
declare const useTableColumnDefinitionContext: <T>() => TableColumnDefinitionContextType<T>;
|
|
1484
|
-
type TableHeaderContextType<T> = {
|
|
1485
|
-
table: Table$1<T>;
|
|
1486
|
-
sizeVars: Record<string, number>;
|
|
1487
|
-
};
|
|
1488
|
-
declare const TableHeaderContext: react.Context<TableHeaderContextType<any>>;
|
|
1489
|
-
declare const useTableHeaderContext: <T>() => TableHeaderContextType<T>;
|
|
1490
|
-
type TableContainerContextType<T> = {
|
|
1491
|
-
table: Table$1<T>;
|
|
1492
|
-
containerRef: RefObject<HTMLDivElement>;
|
|
1493
|
-
};
|
|
1494
|
-
declare const TableContainerContext: react.Context<TableContainerContextType<any>>;
|
|
1495
|
-
declare const useTableContainerContext: <T>() => TableContainerContextType<T>;
|
|
1496
|
-
|
|
1497
|
-
type TableFilterButtonProps<T = unknown> = {
|
|
1498
|
-
filterType: TableFilterCategory;
|
|
1499
|
-
column: Column<T>;
|
|
1500
|
-
};
|
|
1501
|
-
declare const TableFilterButton: <T>({ filterType, column, }: TableFilterButtonProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1502
|
-
|
|
1503
|
-
interface TableFilterBaseProps<T extends TableFilterValue> {
|
|
1504
|
-
columnId: string;
|
|
1505
|
-
filterValue?: T | undefined;
|
|
1506
|
-
onFilterValueChange: (value: T | undefined) => void;
|
|
1507
|
-
}
|
|
1508
|
-
type OperatorLabelProps = {
|
|
1509
|
-
operator: TableFilterType;
|
|
1510
|
-
};
|
|
1511
|
-
declare const OperatorLabel: ({ operator }: OperatorLabelProps) => react_jsx_runtime.JSX.Element;
|
|
1512
|
-
type TextFilterProps = TableFilterBaseProps<TextFilterValue>;
|
|
1513
|
-
declare const TextFilter: ({ filterValue, onFilterValueChange }: TextFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1514
|
-
type NumberFilterProps = TableFilterBaseProps<NumberFilterValue>;
|
|
1515
|
-
declare const NumberFilter: ({ filterValue, onFilterValueChange }: NumberFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1516
|
-
type DateFilterProps = TableFilterBaseProps<DateFilterValue>;
|
|
1517
|
-
declare const DateFilter: ({ filterValue, onFilterValueChange }: DateFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1518
|
-
type DatetimeFilterProps = TableFilterBaseProps<DatetimeFilterValue>;
|
|
1519
|
-
declare const DatetimeFilter: ({ filterValue, onFilterValueChange }: DatetimeFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1520
|
-
type BooleanFilterProps = TableFilterBaseProps<BooleanFilterValue>;
|
|
1521
|
-
declare const BooleanFilter: ({ filterValue, onFilterValueChange }: BooleanFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1522
|
-
type TagsFilterProps = TableFilterBaseProps<TagsFilterValue>;
|
|
1523
|
-
declare const TagsFilter: ({ columnId, filterValue, onFilterValueChange }: TagsFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1524
|
-
type TagsSingleFilterProps = TableFilterBaseProps<TagsSingleFilterValue>;
|
|
1525
|
-
declare const TagsSingleFilter: ({ columnId, filterValue, onFilterValueChange }: TagsSingleFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1526
|
-
type GenericFilterProps = TableFilterBaseProps<GenericFilterValue>;
|
|
1527
|
-
declare const GenericFilter: ({ filterValue, onFilterValueChange }: GenericFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1528
|
-
interface TableFilterContentProps extends TableFilterBaseProps<TableFilterValue> {
|
|
1529
|
-
filterType: TableFilterCategory;
|
|
1530
|
-
}
|
|
1531
|
-
declare const TableFilterContent: ({ filterType, ...props }: TableFilterContentProps) => react_jsx_runtime.JSX.Element;
|
|
1532
|
-
|
|
1533
|
-
type SortingIndexDisplay = {
|
|
1534
|
-
index: number;
|
|
1535
|
-
sortingsCount: number;
|
|
1536
|
-
};
|
|
1537
|
-
type TableSortButtonProps = ButtonProps & {
|
|
1538
|
-
sortDirection: SortDirection | false;
|
|
1539
|
-
sortingIndexDisplay?: SortingIndexDisplay;
|
|
1540
|
-
invert?: boolean;
|
|
1541
|
-
};
|
|
1542
|
-
/**
|
|
1543
|
-
* An Extension of the normal button that displays the sorting state right of the content
|
|
1544
|
-
*/
|
|
1545
|
-
declare const TableSortButton: ({ sortDirection, invert, color, size, className, sortingIndexDisplay, ...props }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1546
|
-
|
|
1547
|
-
type ColumnSizeCalculateTargetBehavoir = 'equalOrHigher';
|
|
1548
|
-
type ColumnSizeCalculateTarget = {
|
|
1549
|
-
width: number;
|
|
1550
|
-
behaviour: ColumnSizeCalculateTargetBehavoir;
|
|
1551
|
-
};
|
|
1552
|
-
type ColumnSizeCalculatoProps = {
|
|
1553
|
-
previousSizing: Record<string, number>;
|
|
1554
|
-
newSizing: Record<string, number>;
|
|
1555
|
-
columnIds: string[];
|
|
1556
|
-
target?: ColumnSizeCalculateTarget;
|
|
1557
|
-
minWidthsPerColumn: Record<string, number>;
|
|
1558
|
-
maxWidthsPerColumn?: Record<string, number>;
|
|
1559
|
-
};
|
|
1560
|
-
declare const toSizeVars: (sizing: ColumnSizingState) => {};
|
|
1561
|
-
declare const ColumnSizeUtil: {
|
|
1562
|
-
calculate: ({ previousSizing, newSizing, columnIds, target, minWidthsPerColumn, maxWidthsPerColumn }: ColumnSizeCalculatoProps) => {
|
|
1563
|
-
[x: string]: number;
|
|
1564
|
-
};
|
|
1565
|
-
toSizeVars: (sizing: ColumnSizingState) => {};
|
|
1566
|
-
};
|
|
1567
|
-
|
|
1568
|
-
type CheckBoxSize = 'sm' | 'md' | 'lg' | null;
|
|
1569
|
-
type CheckboxProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteractionStates> & Partial<FormFieldDataHandling<boolean>> & {
|
|
1570
|
-
indeterminate?: boolean;
|
|
1571
|
-
size?: CheckBoxSize;
|
|
1572
|
-
alwaysShowCheckIcon?: boolean;
|
|
1573
|
-
};
|
|
1574
|
-
/**
|
|
1575
|
-
* A Tristate checkbox
|
|
1576
|
-
*
|
|
1577
|
-
* The state is managed by the parent
|
|
1578
|
-
*/
|
|
1579
|
-
declare const Checkbox: ({ value, indeterminate, required, invalid, disabled, readOnly, onValueChange, onEditComplete, size, alwaysShowCheckIcon, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
1580
|
-
type CheckboxUncontrolledProps = CheckboxProps;
|
|
1581
|
-
/**
|
|
1582
|
-
* A Tristate checkbox
|
|
1583
|
-
*
|
|
1584
|
-
* The state is managed by this component
|
|
1585
|
-
*/
|
|
1586
|
-
declare const CheckboxUncontrolled: ({ value: initialValue, onValueChange, ...props }: CheckboxUncontrolledProps) => react_jsx_runtime.JSX.Element;
|
|
1587
|
-
|
|
1588
|
-
type Position$1 = 'top' | 'bottom' | 'left' | 'right';
|
|
1589
|
-
type CopyToClipboardWrapperProps = PropsWithChildren<{
|
|
1590
|
-
textToCopy: string;
|
|
1591
|
-
/**
|
|
1592
|
-
* Class names of additional styling properties for the tooltip
|
|
1593
|
-
*/
|
|
1594
|
-
tooltipClassName?: string;
|
|
1595
|
-
/**
|
|
1596
|
-
* Class names of additional styling properties for the container from which the tooltip will be created
|
|
1597
|
-
*/
|
|
1598
|
-
containerClassName?: string;
|
|
1599
|
-
position?: Position$1;
|
|
1600
|
-
zIndex?: number;
|
|
1601
|
-
}>;
|
|
1602
|
-
/**
|
|
1603
|
-
* A Component for showing a tooltip when hovering over Content
|
|
1604
|
-
* @param tooltip The tooltip to show can be a text or any ReactNode
|
|
1605
|
-
* @param children The Content for which the tooltip should be created
|
|
1606
|
-
* @param tooltipClassName Additional ClassNames for the Container of the tooltip
|
|
1607
|
-
* @param containerClassName Additional ClassNames for the Container holding the content
|
|
1608
|
-
* @param position The direction of the tooltip relative to the Container
|
|
1609
|
-
* @param zIndex The z Index of the tooltip (you may require this when stacking modal)
|
|
1610
|
-
* @constructor
|
|
1611
|
-
*/
|
|
1612
|
-
declare const CopyToClipboardWrapper: ({ children, textToCopy, tooltipClassName, containerClassName, position, zIndex, }: CopyToClipboardWrapperProps) => react_jsx_runtime.JSX.Element;
|
|
1613
|
-
|
|
1614
|
-
type MenuItemProps = {
|
|
1615
|
-
onClick?: () => void;
|
|
1616
|
-
isDisabled?: boolean;
|
|
1617
|
-
className?: string;
|
|
1618
|
-
};
|
|
1619
|
-
declare const MenuItem: ({ children, onClick, isDisabled, className }: PropsWithChildren<MenuItemProps>) => react_jsx_runtime.JSX.Element;
|
|
1620
|
-
type MenuBag = {
|
|
1621
|
-
isOpen: boolean;
|
|
1622
|
-
disabled: boolean;
|
|
1623
|
-
toggleOpen: () => void;
|
|
1624
|
-
close: () => void;
|
|
1625
|
-
};
|
|
1626
|
-
interface MenuProps extends Omit<PopUpProps, 'children' | 'anchor'> {
|
|
1627
|
-
children: (bag: MenuBag) => ReactNode | ReactNode;
|
|
1628
|
-
trigger: (bag: MenuBag, ref: (el: HTMLElement | null) => void) => ReactNode;
|
|
1629
|
-
showOnHover?: boolean;
|
|
1630
|
-
disabled?: boolean;
|
|
1631
|
-
}
|
|
1632
|
-
/**
|
|
1633
|
-
* A Menu Component to allow the user to see different functions
|
|
1634
|
-
*/
|
|
1635
|
-
declare const Menu: ({ trigger, children, showOnHover, disabled, ...props }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
1636
|
-
|
|
1637
|
-
type ScrollPickerProps<T> = {
|
|
1638
|
-
options: T[];
|
|
1639
|
-
mapping: (value: T) => string;
|
|
1640
|
-
selected?: T;
|
|
1641
|
-
onChange?: (value: T) => void;
|
|
1642
|
-
disabled?: boolean;
|
|
1643
|
-
};
|
|
1644
|
-
/**
|
|
1645
|
-
* A component for picking an option by scrolling
|
|
1646
|
-
*/
|
|
1647
|
-
declare const ScrollPicker: <T>({ options, mapping, selected, onChange, disabled, }: ScrollPickerProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1648
|
-
|
|
1649
|
-
type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
1650
|
-
saveDelayOptions?: UseDelayOptions;
|
|
1651
|
-
};
|
|
1652
|
-
/**
|
|
1653
|
-
* A Textarea component for inputting longer texts
|
|
1654
|
-
*
|
|
1655
|
-
* The State is managed by the parent
|
|
1656
|
-
*/
|
|
1657
|
-
declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
1658
|
-
saveDelayOptions?: UseDelayOptions;
|
|
1659
|
-
} & react.RefAttributes<HTMLTextAreaElement>>;
|
|
1660
|
-
/**
|
|
1661
|
-
* A Textarea component that is not controlled by its parent
|
|
1662
|
-
*/
|
|
1663
|
-
declare const TextareaUncontrolled: ({ value: initialValue, onValueChange, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
|
|
1664
|
-
type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
|
|
1665
|
-
headline: ReactNode;
|
|
1666
|
-
headlineProps: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'>;
|
|
1667
|
-
containerClassName?: string;
|
|
1668
|
-
};
|
|
1669
|
-
declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
|
|
1670
|
-
|
|
1671
|
-
declare const themes: readonly ["light", "dark", "system"];
|
|
1672
|
-
type ThemeType = typeof themes[number];
|
|
1673
|
-
type ResolvedTheme = Exclude<ThemeType, 'system'>;
|
|
1674
|
-
declare const ThemeUtil: {
|
|
1675
|
-
themes: readonly ["light", "dark", "system"];
|
|
1676
|
-
};
|
|
1677
|
-
type ThemeContextType = {
|
|
1678
|
-
theme: ThemeType;
|
|
1679
|
-
resolvedTheme: ResolvedTheme;
|
|
1680
|
-
setTheme: Dispatch<SetStateAction<ThemeType>>;
|
|
1681
|
-
};
|
|
1682
|
-
declare const ThemeContext: react.Context<ThemeContextType>;
|
|
1683
|
-
type ThemeProviderProps = PropsWithChildren & Partial<ThemeConfig> & {
|
|
1684
|
-
/**
|
|
1685
|
-
* Only set this if you want to control the theme yourself
|
|
1686
|
-
*/
|
|
1687
|
-
theme?: ThemeType;
|
|
1688
|
-
};
|
|
1689
|
-
declare const ThemeProvider: ({ children, theme, initialTheme }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
1690
|
-
declare const useTheme: () => ThemeContextType;
|
|
988
|
+
/**
|
|
989
|
+
* A Dialog for selecting the Language
|
|
990
|
+
*
|
|
991
|
+
* The State of open needs to be managed by the parent
|
|
992
|
+
*/
|
|
993
|
+
declare const LanguageDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: LanguageDialogProps) => react_jsx_runtime.JSX.Element;
|
|
1691
994
|
|
|
1692
995
|
declare const hightideTranslationLocales: readonly ["de-DE", "en-US"];
|
|
1693
996
|
type HightideTranslationLocales = typeof hightideTranslationLocales[number];
|
|
@@ -1705,6 +1008,9 @@ type HightideTranslationEntries = {
|
|
|
1705
1008
|
'caseSensitive': string;
|
|
1706
1009
|
'change': string;
|
|
1707
1010
|
'changeColumnDisplay': string;
|
|
1011
|
+
'changePinning': string;
|
|
1012
|
+
'changeSelection': string;
|
|
1013
|
+
'changeVisibility': string;
|
|
1708
1014
|
'chooseLanguage': string;
|
|
1709
1015
|
'chooseSlide': string;
|
|
1710
1016
|
'chooseTheme': string;
|
|
@@ -1725,6 +1031,7 @@ type HightideTranslationEntries = {
|
|
|
1725
1031
|
'create': string;
|
|
1726
1032
|
'date': string;
|
|
1727
1033
|
'decline': string;
|
|
1034
|
+
'decreaseSortingPriority': string;
|
|
1728
1035
|
'delete': string;
|
|
1729
1036
|
'discard': string;
|
|
1730
1037
|
'discardChanges': string;
|
|
@@ -1750,6 +1057,7 @@ type HightideTranslationEntries = {
|
|
|
1750
1057
|
'greaterThanOrEqual': string;
|
|
1751
1058
|
'hideColumn': string;
|
|
1752
1059
|
'identifier': string;
|
|
1060
|
+
'increaseSortingPriority': string;
|
|
1753
1061
|
'invalidEmail': string;
|
|
1754
1062
|
'invalidEmailError': string;
|
|
1755
1063
|
'isFalse': string;
|
|
@@ -1798,6 +1106,8 @@ type HightideTranslationEntries = {
|
|
|
1798
1106
|
'pinLeft': string;
|
|
1799
1107
|
'pinned': string;
|
|
1800
1108
|
'pinRight': string;
|
|
1109
|
+
'pinToLeft': string;
|
|
1110
|
+
'pinToRight': string;
|
|
1801
1111
|
'pleaseWait': string;
|
|
1802
1112
|
'previous': string;
|
|
1803
1113
|
'pThemes': (values: {
|
|
@@ -1894,8 +1204,10 @@ type HightideTranslationEntries = {
|
|
|
1894
1204
|
'time.nanosecond': (values: {
|
|
1895
1205
|
count: number;
|
|
1896
1206
|
}) => string;
|
|
1207
|
+
'time.nextMonth': string;
|
|
1897
1208
|
'time.november': string;
|
|
1898
1209
|
'time.october': string;
|
|
1210
|
+
'time.previousMonth': string;
|
|
1899
1211
|
'time.second': (values: {
|
|
1900
1212
|
count: number;
|
|
1901
1213
|
}) => string;
|
|
@@ -1931,74 +1243,797 @@ type HightideTranslationEntries = {
|
|
|
1931
1243
|
};
|
|
1932
1244
|
declare const hightideTranslation: Translation<HightideTranslationLocales, Partial<HightideTranslationEntries>>;
|
|
1933
1245
|
|
|
1934
|
-
type DeepPartial<T> = T extends string | number | boolean | bigint | symbol | null | undefined | Function ? T : T extends Array<infer U> ? Array<DeepPartial<U>> : T extends Map<infer K, infer V> ? Map<DeepPartial<K>, DeepPartial<V>> : T extends Set<infer U> ? Set<DeepPartial<U>> : T extends object ? {
|
|
1935
|
-
[P in keyof T]?: DeepPartial<T[P]>;
|
|
1936
|
-
} : T;
|
|
1937
|
-
type SuperSet<T, Base> = Base extends T ? T : never;
|
|
1938
|
-
type SingleOrArray<T> = T | T[];
|
|
1939
|
-
type Exact<T, U extends T> = U;
|
|
1246
|
+
type DeepPartial<T> = T extends string | number | boolean | bigint | symbol | null | undefined | Function ? T : T extends Array<infer U> ? Array<DeepPartial<U>> : T extends Map<infer K, infer V> ? Map<DeepPartial<K>, DeepPartial<V>> : T extends Set<infer U> ? Set<DeepPartial<U>> : T extends object ? {
|
|
1247
|
+
[P in keyof T]?: DeepPartial<T[P]>;
|
|
1248
|
+
} : T;
|
|
1249
|
+
type SuperSet<T, Base> = Base extends T ? T : never;
|
|
1250
|
+
type SingleOrArray<T> = T | T[];
|
|
1251
|
+
type Exact<T, U extends T> = U;
|
|
1252
|
+
|
|
1253
|
+
type TooltipConfig = {
|
|
1254
|
+
/**
|
|
1255
|
+
* Number of milliseconds until the tooltip appears
|
|
1256
|
+
*/
|
|
1257
|
+
appearDelay: number;
|
|
1258
|
+
isAnimated: boolean;
|
|
1259
|
+
};
|
|
1260
|
+
type ThemeConfig = {
|
|
1261
|
+
/**
|
|
1262
|
+
* The initial theme to show when:
|
|
1263
|
+
* 1. The system preference is not or cannot be loaded
|
|
1264
|
+
* 2. The user has not set an app preference
|
|
1265
|
+
*/
|
|
1266
|
+
initialTheme: ResolvedTheme;
|
|
1267
|
+
};
|
|
1268
|
+
type LocalizationConfig = {
|
|
1269
|
+
/**
|
|
1270
|
+
* The initial locale to use when:
|
|
1271
|
+
* 1. The system preference is not or cannot be loaded
|
|
1272
|
+
* 2. The user has not set an app preference
|
|
1273
|
+
*/
|
|
1274
|
+
defaultLocale: HightideTranslationLocales;
|
|
1275
|
+
};
|
|
1276
|
+
type HightideConfig = {
|
|
1277
|
+
tooltip: TooltipConfig;
|
|
1278
|
+
theme: ThemeConfig;
|
|
1279
|
+
locale: LocalizationConfig;
|
|
1280
|
+
};
|
|
1281
|
+
type ConfigType = {
|
|
1282
|
+
config: HightideConfig;
|
|
1283
|
+
setConfig: (configOverwrite: DeepPartial<HightideConfig>) => void;
|
|
1284
|
+
};
|
|
1285
|
+
declare const HightideConfigContext: react.Context<ConfigType>;
|
|
1286
|
+
type HightideConfigProviderProps = PropsWithChildren & DeepPartial<HightideConfig>;
|
|
1287
|
+
declare const HightideConfigProvider: ({ children, ...initialOverwrite }: HightideConfigProviderProps) => react_jsx_runtime.JSX.Element;
|
|
1288
|
+
declare const useHightideConfig: () => ConfigType;
|
|
1289
|
+
|
|
1290
|
+
declare const themes: readonly ["light", "dark", "system"];
|
|
1291
|
+
type ThemeType = typeof themes[number];
|
|
1292
|
+
type ResolvedTheme = Exclude<ThemeType, 'system'>;
|
|
1293
|
+
declare const ThemeUtil: {
|
|
1294
|
+
themes: readonly ["light", "dark", "system"];
|
|
1295
|
+
};
|
|
1296
|
+
type ThemeContextType = {
|
|
1297
|
+
theme: ThemeType;
|
|
1298
|
+
resolvedTheme: ResolvedTheme;
|
|
1299
|
+
setTheme: Dispatch<SetStateAction<ThemeType>>;
|
|
1300
|
+
};
|
|
1301
|
+
declare const ThemeContext: react.Context<ThemeContextType>;
|
|
1302
|
+
type ThemeProviderProps = PropsWithChildren & Partial<ThemeConfig> & {
|
|
1303
|
+
/**
|
|
1304
|
+
* Only set this if you want to control the theme yourself
|
|
1305
|
+
*/
|
|
1306
|
+
theme?: ThemeType;
|
|
1307
|
+
};
|
|
1308
|
+
declare const ThemeProvider: ({ children, theme, initialTheme }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
1309
|
+
declare const useTheme: () => ThemeContextType;
|
|
1310
|
+
|
|
1311
|
+
interface ThemeIconProps extends HTMLAttributes<SVGSVGElement> {
|
|
1312
|
+
theme?: ThemeType;
|
|
1313
|
+
}
|
|
1314
|
+
declare const ThemeIcon: ({ theme: themeOverride, ...props }: ThemeIconProps) => react_jsx_runtime.JSX.Element;
|
|
1315
|
+
type ThemeSelectProps = Omit<SelectProps, 'value'>;
|
|
1316
|
+
declare const ThemeSelect: ({ ...props }: ThemeSelectProps) => react_jsx_runtime.JSX.Element;
|
|
1317
|
+
interface ThemeDialogProps extends Omit<DialogProps, 'titleElement' | 'description'> {
|
|
1318
|
+
titleOverwrite?: ReactNode;
|
|
1319
|
+
descriptionOverwrite?: ReactNode;
|
|
1320
|
+
}
|
|
1321
|
+
/**
|
|
1322
|
+
* A Dialog for selecting the Theme
|
|
1323
|
+
*
|
|
1324
|
+
* The State of open needs to be managed by the parent
|
|
1325
|
+
*/
|
|
1326
|
+
declare const ThemeDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<ThemeDialogProps>) => react_jsx_runtime.JSX.Element;
|
|
1327
|
+
|
|
1328
|
+
type DrawerAligment = 'left' | 'right' | 'bottom' | 'top';
|
|
1329
|
+
type DrawerProps = HTMLAttributes<HTMLDivElement> & {
|
|
1330
|
+
isOpen: boolean;
|
|
1331
|
+
alignment: DrawerAligment;
|
|
1332
|
+
titleElement: ReactNode;
|
|
1333
|
+
description: ReactNode;
|
|
1334
|
+
isAnimated?: boolean;
|
|
1335
|
+
containerClassName?: string;
|
|
1336
|
+
backgroundClassName?: string;
|
|
1337
|
+
onClose: () => void;
|
|
1338
|
+
forceMount?: boolean;
|
|
1339
|
+
hasDefaultCloseIcon?: boolean;
|
|
1340
|
+
};
|
|
1341
|
+
declare const Drawer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
1342
|
+
isOpen: boolean;
|
|
1343
|
+
alignment: DrawerAligment;
|
|
1344
|
+
titleElement: ReactNode;
|
|
1345
|
+
description: ReactNode;
|
|
1346
|
+
isAnimated?: boolean;
|
|
1347
|
+
containerClassName?: string;
|
|
1348
|
+
backgroundClassName?: string;
|
|
1349
|
+
onClose: () => void;
|
|
1350
|
+
forceMount?: boolean;
|
|
1351
|
+
hasDefaultCloseIcon?: boolean;
|
|
1352
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1353
|
+
|
|
1354
|
+
interface TooltipTriggerContextValue {
|
|
1355
|
+
ref: RefObject<HTMLElement>;
|
|
1356
|
+
callbackRef: (el: HTMLElement | null) => void;
|
|
1357
|
+
props: {
|
|
1358
|
+
'onPointerEnter': () => void;
|
|
1359
|
+
'onPointerLeave': () => void;
|
|
1360
|
+
'onPointerCancel': () => void;
|
|
1361
|
+
'onClick': () => void;
|
|
1362
|
+
'onBlur': () => void;
|
|
1363
|
+
'aria-describedby'?: string;
|
|
1364
|
+
};
|
|
1365
|
+
}
|
|
1366
|
+
interface TooltipContextType {
|
|
1367
|
+
tooltip: {
|
|
1368
|
+
id: string;
|
|
1369
|
+
setId: (id: string) => void;
|
|
1370
|
+
};
|
|
1371
|
+
trigger: TooltipTriggerContextValue;
|
|
1372
|
+
disabled: boolean;
|
|
1373
|
+
isShown: boolean;
|
|
1374
|
+
open: () => void;
|
|
1375
|
+
close: () => void;
|
|
1376
|
+
}
|
|
1377
|
+
declare const TooltipContext: react.Context<TooltipContextType>;
|
|
1378
|
+
declare const useTooltip: () => TooltipContextType;
|
|
1379
|
+
interface TooltipRootProps extends PropsWithChildren {
|
|
1380
|
+
isInitiallyShown?: boolean;
|
|
1381
|
+
onIsShownChange?: (isShown: boolean) => void;
|
|
1382
|
+
appearDelay?: number;
|
|
1383
|
+
disabled?: boolean;
|
|
1384
|
+
}
|
|
1385
|
+
declare const TooltipRoot: ({ children, isInitiallyShown, onIsShownChange, appearDelay: appearOverwrite, disabled, }: TooltipRootProps) => react_jsx_runtime.JSX.Element;
|
|
1386
|
+
type TooltipAligment = 'top' | 'bottom' | 'left' | 'right';
|
|
1387
|
+
interface TooltipDisplayProps extends Omit<AnchoredFloatingContainerProps, 'options'>, Partial<TooltipConfig> {
|
|
1388
|
+
alignment?: TooltipAligment;
|
|
1389
|
+
disabled?: boolean;
|
|
1390
|
+
isShown?: boolean;
|
|
1391
|
+
options?: Omit<UseAnchoredPositionOptions, 'verticalAlignment' | 'horizontalAlignment'>;
|
|
1392
|
+
}
|
|
1393
|
+
declare const TooltipDisplay: react.ForwardRefExoticComponent<TooltipDisplayProps & react.RefAttributes<HTMLDivElement>>;
|
|
1394
|
+
interface TooltipTriggerBag extends TooltipTriggerContextValue {
|
|
1395
|
+
disabled: boolean;
|
|
1396
|
+
isShown: boolean;
|
|
1397
|
+
}
|
|
1398
|
+
interface TooltipTriggerProps {
|
|
1399
|
+
children: (bag: TooltipTriggerBag) => ReactNode;
|
|
1400
|
+
}
|
|
1401
|
+
declare const TooltipTrigger: ({ children, }: TooltipTriggerProps) => ReactNode;
|
|
1402
|
+
interface TooltipProps extends TooltipRootProps, Pick<TooltipDisplayProps, 'alignment' | 'disabled' | 'isAnimated'> {
|
|
1403
|
+
tooltip: ReactNode;
|
|
1404
|
+
tooltipClassName?: string;
|
|
1405
|
+
containerClassName?: string;
|
|
1406
|
+
}
|
|
1407
|
+
/**
|
|
1408
|
+
* A Component for showing a tooltip when hovering over Content
|
|
1409
|
+
*/
|
|
1410
|
+
declare const Tooltip: ({ tooltip, children, isInitiallyShown, appearDelay, disabled, containerClassName, alignment, isAnimated, ...props }: TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
1411
|
+
|
|
1412
|
+
/**
|
|
1413
|
+
* The different sizes for a icon button
|
|
1414
|
+
*/
|
|
1415
|
+
type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg' | null;
|
|
1416
|
+
type IconButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | null;
|
|
1417
|
+
interface IconButtonBaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1418
|
+
/**
|
|
1419
|
+
* @default 'medium'
|
|
1420
|
+
*/
|
|
1421
|
+
size?: IconButtonSize;
|
|
1422
|
+
/**
|
|
1423
|
+
* @default 'solid'
|
|
1424
|
+
*/
|
|
1425
|
+
coloringStyle?: IconButtonColoringStyle;
|
|
1426
|
+
allowClickEventPropagation?: boolean;
|
|
1427
|
+
}
|
|
1428
|
+
declare const IconButtonBase: react.ForwardRefExoticComponent<IconButtonBaseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1429
|
+
interface IconButtonProps extends IconButtonBaseProps {
|
|
1430
|
+
useTooltipAsLabel?: boolean;
|
|
1431
|
+
tooltip?: ReactNode;
|
|
1432
|
+
tooltipProps?: Omit<TooltipDisplayProps, 'children' | 'isShown'>;
|
|
1433
|
+
}
|
|
1434
|
+
/**
|
|
1435
|
+
* A icon button with a tooltip
|
|
1436
|
+
*/
|
|
1437
|
+
declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1438
|
+
|
|
1439
|
+
type DrawerCloseButtonProps = IconButtonProps;
|
|
1440
|
+
declare function DrawerCloseButton({ tooltip, onClick, ...props }: DrawerCloseButtonProps): react_jsx_runtime.JSX.Element;
|
|
1441
|
+
|
|
1442
|
+
type DrawerContentProps = HTMLAttributes<HTMLDivElement> & {
|
|
1443
|
+
alignment: DrawerAligment;
|
|
1444
|
+
containerClassName?: string;
|
|
1445
|
+
backgroundClassName?: string;
|
|
1446
|
+
forceMount?: boolean;
|
|
1447
|
+
};
|
|
1448
|
+
declare const DrawerContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
1449
|
+
alignment: DrawerAligment;
|
|
1450
|
+
containerClassName?: string;
|
|
1451
|
+
backgroundClassName?: string;
|
|
1452
|
+
forceMount?: boolean;
|
|
1453
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1454
|
+
|
|
1455
|
+
type DrawerContextType = {
|
|
1456
|
+
isOpen: boolean;
|
|
1457
|
+
setOpen: Dispatch<SetStateAction<boolean>>;
|
|
1458
|
+
};
|
|
1459
|
+
declare const DrawerContext: react.Context<DrawerContextType>;
|
|
1460
|
+
declare function useDrawerContext(): DrawerContextType;
|
|
1461
|
+
|
|
1462
|
+
interface DrawerRootProps extends PropsWithChildren {
|
|
1463
|
+
isOpen?: boolean;
|
|
1464
|
+
onIsOpenChange?: (isOpen: boolean) => void;
|
|
1465
|
+
initialIsOpen?: boolean;
|
|
1466
|
+
}
|
|
1467
|
+
declare function DrawerRoot({ children, isOpen: controlledIsOpen, onIsOpenChange, initialIsOpen, }: DrawerRootProps): react_jsx_runtime.JSX.Element;
|
|
1468
|
+
|
|
1469
|
+
type ErrorComponentProps = {
|
|
1470
|
+
errorText?: string;
|
|
1471
|
+
classname?: string;
|
|
1472
|
+
};
|
|
1473
|
+
/**
|
|
1474
|
+
* The Component to show when an error occurred
|
|
1475
|
+
*/
|
|
1476
|
+
declare const ErrorComponent: ({ errorText, classname }: ErrorComponentProps) => react_jsx_runtime.JSX.Element;
|
|
1477
|
+
|
|
1478
|
+
type LoadingAndErrorComponentProps = PropsWithChildren<{
|
|
1479
|
+
isLoading?: boolean;
|
|
1480
|
+
hasError?: boolean;
|
|
1481
|
+
loadingComponent?: ReactNode;
|
|
1482
|
+
errorComponent?: ReactNode;
|
|
1483
|
+
/**
|
|
1484
|
+
* in milliseconds
|
|
1485
|
+
*/
|
|
1486
|
+
minimumLoadingDuration?: number;
|
|
1487
|
+
className?: string;
|
|
1488
|
+
}>;
|
|
1489
|
+
/**
|
|
1490
|
+
* A Component that shows the Error and Loading animation, when appropriate and the children otherwise
|
|
1491
|
+
*/
|
|
1492
|
+
declare const LoadingAndErrorComponent: ({ children, isLoading, hasError, loadingComponent, errorComponent, minimumLoadingDuration, className }: LoadingAndErrorComponentProps) => react_jsx_runtime.JSX.Element;
|
|
1493
|
+
|
|
1494
|
+
type LoadingAnimationProps = {
|
|
1495
|
+
loadingText?: string;
|
|
1496
|
+
classname?: string;
|
|
1497
|
+
animationDuration?: number;
|
|
1498
|
+
};
|
|
1499
|
+
declare const LoadingAnimation: ({ loadingText, classname, animationDuration }: LoadingAnimationProps) => react_jsx_runtime.JSX.Element;
|
|
1500
|
+
|
|
1501
|
+
type LoadingComponentProps = {
|
|
1502
|
+
className?: string;
|
|
1503
|
+
};
|
|
1504
|
+
declare const LoadingContainer: ({ className }: LoadingComponentProps) => react_jsx_runtime.JSX.Element;
|
|
1505
|
+
|
|
1506
|
+
type BreadCrumbLinkProps = ComponentProps<typeof Link>;
|
|
1507
|
+
declare const BreadCrumbLink: ({ ...props }: BreadCrumbLinkProps) => react_jsx_runtime.JSX.Element;
|
|
1508
|
+
type BreadCrumbGroupProps = HTMLAttributes<HTMLUListElement> & {
|
|
1509
|
+
divider?: ReactNode | null;
|
|
1510
|
+
};
|
|
1511
|
+
/**
|
|
1512
|
+
* A component for showing a hierarchical link structure with an independent link on each element
|
|
1513
|
+
*
|
|
1514
|
+
* e.g. Organizations/Ward/<id>
|
|
1515
|
+
*/
|
|
1516
|
+
declare const BreadCrumbGroup: ({ children, divider, ...props }: BreadCrumbGroupProps) => react_jsx_runtime.JSX.Element;
|
|
1517
|
+
type Crumb = {
|
|
1518
|
+
href: string;
|
|
1519
|
+
label: ReactNode;
|
|
1520
|
+
};
|
|
1521
|
+
type BreadCrumbProps = {
|
|
1522
|
+
crumbs: Crumb[];
|
|
1523
|
+
};
|
|
1524
|
+
declare const BreadCrumbs: ({ crumbs }: BreadCrumbProps) => react_jsx_runtime.JSX.Element;
|
|
1525
|
+
|
|
1526
|
+
type SimpleNavigationItem = {
|
|
1527
|
+
label: ReactNode;
|
|
1528
|
+
link: string;
|
|
1529
|
+
external?: boolean;
|
|
1530
|
+
};
|
|
1531
|
+
type SubItemNavigationItem = {
|
|
1532
|
+
label: ReactNode;
|
|
1533
|
+
items?: SimpleNavigationItem[];
|
|
1534
|
+
};
|
|
1535
|
+
type NavigationItemType = SimpleNavigationItem | SubItemNavigationItem;
|
|
1536
|
+
type NavigationItemListProps = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
|
|
1537
|
+
items: NavigationItemType[];
|
|
1538
|
+
};
|
|
1539
|
+
declare const NavigationItemList: ({ items, ...restProps }: NavigationItemListProps) => react_jsx_runtime.JSX.Element;
|
|
1540
|
+
type NavigationProps = NavigationItemListProps;
|
|
1541
|
+
declare const Navigation: ({ ...props }: NavigationProps) => react_jsx_runtime.JSX.Element;
|
|
1542
|
+
|
|
1543
|
+
interface PaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
1544
|
+
pageIndex: number;
|
|
1545
|
+
pageCount: number;
|
|
1546
|
+
onPageIndexChanged?: (pageIndex: number) => void;
|
|
1547
|
+
}
|
|
1548
|
+
/**
|
|
1549
|
+
* A Component showing the pagination allowing first, before, next and last page navigation
|
|
1550
|
+
*/
|
|
1551
|
+
declare const Pagination: ({ pageIndex, pageCount, onPageIndexChanged, ...props }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
1552
|
+
|
|
1553
|
+
type StepperState = {
|
|
1554
|
+
currentStep: number;
|
|
1555
|
+
seenSteps: Set<number>;
|
|
1556
|
+
};
|
|
1557
|
+
type StepperBarProps = {
|
|
1558
|
+
state?: StepperState;
|
|
1559
|
+
initialState?: StepperState;
|
|
1560
|
+
onStateChange: (state: StepperState) => void;
|
|
1561
|
+
numberOfSteps: number;
|
|
1562
|
+
disabledSteps?: Set<number>;
|
|
1563
|
+
onFinish: () => void;
|
|
1564
|
+
finishText?: string;
|
|
1565
|
+
showDots?: boolean;
|
|
1566
|
+
className?: string;
|
|
1567
|
+
};
|
|
1568
|
+
/**
|
|
1569
|
+
* A Component for stepping
|
|
1570
|
+
*/
|
|
1571
|
+
declare const StepperBar: ({ state: controlledState, initialState, numberOfSteps, disabledSteps, onStateChange, onFinish, finishText, showDots, className, }: StepperBarProps) => react_jsx_runtime.JSX.Element;
|
|
1572
|
+
|
|
1573
|
+
type PopUpContextType = {
|
|
1574
|
+
isOpen: boolean;
|
|
1575
|
+
setIsOpen: Dispatch<SetStateAction<boolean>>;
|
|
1576
|
+
popUpId: string;
|
|
1577
|
+
triggerId: string;
|
|
1578
|
+
triggerRef: RefObject<HTMLElement> | null;
|
|
1579
|
+
setTriggerRef: (ref: RefObject<HTMLElement> | null) => void;
|
|
1580
|
+
};
|
|
1581
|
+
declare const PopUpContext: react.Context<PopUpContextType>;
|
|
1582
|
+
declare function usePopUpContext(): PopUpContextType;
|
|
1583
|
+
|
|
1584
|
+
interface PopUpOpenerBag<T extends HTMLElement> {
|
|
1585
|
+
open: () => void;
|
|
1586
|
+
close: () => void;
|
|
1587
|
+
isOpen: boolean;
|
|
1588
|
+
toggleOpen: () => void;
|
|
1589
|
+
props: {
|
|
1590
|
+
'id': string;
|
|
1591
|
+
'onClick': () => void;
|
|
1592
|
+
'aria-haspopup': 'dialog';
|
|
1593
|
+
'aria-controls': string;
|
|
1594
|
+
'aria-expanded': boolean;
|
|
1595
|
+
'ref': RefObject<T>;
|
|
1596
|
+
};
|
|
1597
|
+
}
|
|
1598
|
+
interface PopUpOpenerProps<T extends HTMLElement> {
|
|
1599
|
+
children: (props: PopUpOpenerBag<T>) => ReactNode;
|
|
1600
|
+
}
|
|
1601
|
+
declare function PopUpOpener<T extends HTMLElement = HTMLButtonElement>({ children }: PopUpOpenerProps<T>): ReactNode;
|
|
1602
|
+
|
|
1603
|
+
interface PopUpRootProps extends PropsWithChildren {
|
|
1604
|
+
isOpen?: boolean;
|
|
1605
|
+
onIsOpenChange?: (isOpen: boolean) => void;
|
|
1606
|
+
initialIsOpen?: boolean;
|
|
1607
|
+
popUpId?: string;
|
|
1608
|
+
triggerId?: string;
|
|
1609
|
+
}
|
|
1610
|
+
declare function PopUpRoot({ children, isOpen: controlledIsOpen, onIsOpenChange, initialIsOpen, popUpId: popUpIdOverwrite, triggerId: triggerIdOverwrite, }: PopUpRootProps): react_jsx_runtime.JSX.Element;
|
|
1611
|
+
|
|
1612
|
+
declare const AutoColumnOrderFeature: TableFeature;
|
|
1613
|
+
|
|
1614
|
+
declare const ColumnSizingWithTargetFeature: TableFeature;
|
|
1615
|
+
|
|
1616
|
+
type FillerCellProps = HTMLAttributes<HTMLDivElement>;
|
|
1617
|
+
declare const FillerCell: ({ ...props }: FillerCellProps) => react_jsx_runtime.JSX.Element;
|
|
1618
|
+
|
|
1619
|
+
type TableProviderProps<T> = {
|
|
1620
|
+
data: T[];
|
|
1621
|
+
columns?: ColumnDef<T>[];
|
|
1622
|
+
children?: ReactNode;
|
|
1623
|
+
isUsingFillerRows?: boolean;
|
|
1624
|
+
fillerRowCell?: (columnId: string, table: Table$1<T>) => ReactNode;
|
|
1625
|
+
initialState?: InitialTableState;
|
|
1626
|
+
onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
|
|
1627
|
+
onFillerRowClick?: (index: number, table: Table$1<T>) => void;
|
|
1628
|
+
state?: Partial<TableState>;
|
|
1629
|
+
} & Partial<TableOptions<T>>;
|
|
1630
|
+
declare const TableProvider: <T>({ data, isUsingFillerRows, fillerRowCell, initialState, onRowClick, onFillerRowClick, defaultColumn: defaultColumnOverwrite, state, columns: columnsProp, children, ...tableOptions }: TableProviderProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1631
|
+
|
|
1632
|
+
declare module '@tanstack/react-table' {
|
|
1633
|
+
interface ColumnMeta<TData extends RowData, TValue> {
|
|
1634
|
+
className?: string;
|
|
1635
|
+
filterData?: {
|
|
1636
|
+
tags?: {
|
|
1637
|
+
tag: string;
|
|
1638
|
+
label: ReactNode;
|
|
1639
|
+
}[];
|
|
1640
|
+
};
|
|
1641
|
+
columnLabel?: string;
|
|
1642
|
+
}
|
|
1643
|
+
interface TableMeta<TData> {
|
|
1644
|
+
headerRowClassName?: string;
|
|
1645
|
+
bodyRowClassName?: ((value: TData) => string) | string;
|
|
1646
|
+
}
|
|
1647
|
+
interface FilterFns {
|
|
1648
|
+
text: FilterFn<unknown>;
|
|
1649
|
+
number: FilterFn<unknown>;
|
|
1650
|
+
date: FilterFn<unknown>;
|
|
1651
|
+
dateTime: FilterFn<unknown>;
|
|
1652
|
+
boolean: FilterFn<unknown>;
|
|
1653
|
+
multiTags: FilterFn<unknown>;
|
|
1654
|
+
singleTag: FilterFn<unknown>;
|
|
1655
|
+
generic: FilterFn<unknown>;
|
|
1656
|
+
}
|
|
1657
|
+
interface TableOptions<TData extends RowData> {
|
|
1658
|
+
columnSizingTarget?: number;
|
|
1659
|
+
}
|
|
1660
|
+
interface TableOptionsResolved<TData extends RowData> {
|
|
1661
|
+
columnSizingTarget?: number;
|
|
1662
|
+
}
|
|
1663
|
+
}
|
|
1664
|
+
|
|
1665
|
+
type TableHeaderProps = {
|
|
1666
|
+
isSticky?: boolean;
|
|
1667
|
+
};
|
|
1668
|
+
declare const TableHeader: ({ isSticky }: TableHeaderProps) => react_jsx_runtime.JSX.Element;
|
|
1669
|
+
|
|
1670
|
+
interface TableDisplayProps extends TableHTMLAttributes<HTMLTableElement> {
|
|
1671
|
+
containerProps?: Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
|
|
1672
|
+
tableHeaderProps?: Omit<TableHeaderProps, 'children' | 'table'>;
|
|
1673
|
+
}
|
|
1674
|
+
/**
|
|
1675
|
+
* A display component for a table that requires a TableProvider for the table context
|
|
1676
|
+
*/
|
|
1677
|
+
declare const TableDisplay: <T>({ children, containerProps, tableHeaderProps, ...props }: TableDisplayProps) => react_jsx_runtime.JSX.Element;
|
|
1678
|
+
|
|
1679
|
+
type TablePaginationMenuProps = Omit<PaginationProps, 'pageIndex' | 'pageCount'>;
|
|
1680
|
+
declare const TablePaginationMenu: ({ ...props }: TablePaginationMenuProps) => react_jsx_runtime.JSX.Element;
|
|
1681
|
+
interface TablePageSizeSelectProps extends SelectProps {
|
|
1682
|
+
pageSizeOptions?: number[];
|
|
1683
|
+
}
|
|
1684
|
+
declare const TablePageSizeSelect: ({ pageSizeOptions, ...props }: TablePageSizeSelectProps) => react_jsx_runtime.JSX.Element;
|
|
1685
|
+
interface TablePaginationProps extends HTMLAttributes<HTMLDivElement> {
|
|
1686
|
+
allowChangingPageSize?: boolean;
|
|
1687
|
+
pageSizeOptions?: number[];
|
|
1688
|
+
}
|
|
1689
|
+
declare const TablePagination: ({ allowChangingPageSize, pageSizeOptions, ...props }: TablePaginationProps) => react_jsx_runtime.JSX.Element;
|
|
1690
|
+
|
|
1691
|
+
interface TableWithSelectionProviderProps<T> extends TableProviderProps<T> {
|
|
1692
|
+
rowSelection: RowSelectionState;
|
|
1693
|
+
disableClickRowClickSelection?: boolean;
|
|
1694
|
+
selectionRowId?: string;
|
|
1695
|
+
}
|
|
1696
|
+
declare const TableWithSelectionProvider: <T>({ children, state, fillerRowCell, rowSelection, disableClickRowClickSelection, selectionRowId, onRowClick, ...props }: TableWithSelectionProviderProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1697
|
+
|
|
1698
|
+
interface TableProps<T> extends HTMLAttributes<HTMLDivElement> {
|
|
1699
|
+
table: TableProviderProps<T>;
|
|
1700
|
+
paginationOptions?: TablePaginationProps & {
|
|
1701
|
+
showPagination?: boolean;
|
|
1702
|
+
};
|
|
1703
|
+
displayProps?: Omit<TableDisplayProps, 'children'>;
|
|
1704
|
+
header?: React.ReactNode;
|
|
1705
|
+
footer?: React.ReactNode;
|
|
1706
|
+
}
|
|
1707
|
+
declare const Table: <T>({ children, table, paginationOptions, displayProps, header, footer, ...props }: TableProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1708
|
+
interface TableWithSelectionProps<T> extends HTMLAttributes<HTMLDivElement> {
|
|
1709
|
+
table: TableWithSelectionProviderProps<T>;
|
|
1710
|
+
paginationOptions?: TablePaginationProps & {
|
|
1711
|
+
showPagination?: boolean;
|
|
1712
|
+
};
|
|
1713
|
+
displayProps?: Omit<TableDisplayProps, 'children'>;
|
|
1714
|
+
header?: React.ReactNode;
|
|
1715
|
+
footer?: React.ReactNode;
|
|
1716
|
+
}
|
|
1717
|
+
declare const TableWithSelection: <T>({ children, table, paginationOptions, displayProps, header, footer, ...props }: TableWithSelectionProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1718
|
+
|
|
1719
|
+
declare const TableBody: react__default.NamedExoticComponent<object>;
|
|
1720
|
+
|
|
1721
|
+
type TableCellProps = PropsWithChildren<{
|
|
1722
|
+
className?: string;
|
|
1723
|
+
}>;
|
|
1724
|
+
declare const TableCell: ({ children, className, }: TableCellProps) => react_jsx_runtime.JSX.Element;
|
|
1725
|
+
|
|
1726
|
+
declare const TableFilterOperator: {
|
|
1727
|
+
readonly text: readonly ["textEquals", "textNotEquals", "textNotWhitespace", "textContains", "textNotContains", "textStartsWith", "textEndsWith"];
|
|
1728
|
+
readonly number: readonly ["numberEquals", "numberNotEquals", "numberGreaterThan", "numberGreaterThanOrEqual", "numberLessThan", "numberLessThanOrEqual", "numberBetween", "numberNotBetween"];
|
|
1729
|
+
readonly date: readonly ["dateEquals", "dateNotEquals", "dateGreaterThan", "dateGreaterThanOrEqual", "dateLessThan", "dateLessThanOrEqual", "dateBetween", "dateNotBetween"];
|
|
1730
|
+
readonly dateTime: readonly ["dateTimeEquals", "dateTimeNotEquals", "dateTimeGreaterThan", "dateTimeGreaterThanOrEqual", "dateTimeLessThan", "dateTimeLessThanOrEqual", "dateTimeBetween", "dateTimeNotBetween"];
|
|
1731
|
+
readonly boolean: readonly ["booleanIsTrue", "booleanIsFalse"];
|
|
1732
|
+
readonly multiTags: readonly ["tagsEquals", "tagsNotEquals", "tagsContains", "tagsNotContains"];
|
|
1733
|
+
readonly singleTag: readonly ["tagsSingleEquals", "tagsSingleNotEquals", "tagsSingleContains", "tagsSingleNotContains"];
|
|
1734
|
+
readonly generic: readonly ["undefined", "notUndefined"];
|
|
1735
|
+
};
|
|
1736
|
+
type TableGenericFilter = (typeof TableFilterOperator.generic)[number];
|
|
1737
|
+
type TableTextFilter = (typeof TableFilterOperator.text)[number] | TableGenericFilter;
|
|
1738
|
+
type TableNumberFilter = (typeof TableFilterOperator.number)[number] | TableGenericFilter;
|
|
1739
|
+
type TableDateFilter = (typeof TableFilterOperator.date)[number] | TableGenericFilter;
|
|
1740
|
+
type TableDatetimeFilter = (typeof TableFilterOperator.dateTime)[number] | TableGenericFilter;
|
|
1741
|
+
type TableBooleanFilter = (typeof TableFilterOperator.boolean)[number] | TableGenericFilter;
|
|
1742
|
+
type TableTagsFilter = (typeof TableFilterOperator.multiTags)[number] | TableGenericFilter;
|
|
1743
|
+
type TableTagsSingleFilter = (typeof TableFilterOperator.singleTag)[number] | TableGenericFilter;
|
|
1744
|
+
type TableFilterType = TableTextFilter | TableNumberFilter | TableDateFilter | TableDatetimeFilter | TableBooleanFilter | TableTagsFilter | TableTagsSingleFilter | TableGenericFilter;
|
|
1745
|
+
type TableFilterCategory = keyof typeof TableFilterOperator;
|
|
1746
|
+
declare function isTableFilterCategory(value: unknown): value is TableFilterCategory;
|
|
1747
|
+
type TextFilterParameter = {
|
|
1748
|
+
searchText?: string;
|
|
1749
|
+
isCaseSensitive?: boolean;
|
|
1750
|
+
};
|
|
1751
|
+
type NumberFilterParameter = {
|
|
1752
|
+
compareValue?: number;
|
|
1753
|
+
min?: number;
|
|
1754
|
+
max?: number;
|
|
1755
|
+
};
|
|
1756
|
+
type DateFilterParameter = {
|
|
1757
|
+
compareDate?: Date;
|
|
1758
|
+
min?: Date;
|
|
1759
|
+
max?: Date;
|
|
1760
|
+
};
|
|
1761
|
+
type DatetimeFilterParameter = {
|
|
1762
|
+
compareDatetime?: Date;
|
|
1763
|
+
min?: Date;
|
|
1764
|
+
max?: Date;
|
|
1765
|
+
};
|
|
1766
|
+
type BooleanFilterParameter = Record<string, never>;
|
|
1767
|
+
type TagsFilterParameter = {
|
|
1768
|
+
searchTags?: unknown[];
|
|
1769
|
+
};
|
|
1770
|
+
type TagsSingleFilterParameter = {
|
|
1771
|
+
searchTag?: unknown;
|
|
1772
|
+
searchTagsContains?: unknown[];
|
|
1773
|
+
};
|
|
1774
|
+
type GenericFilterParameter = Record<string, never>;
|
|
1775
|
+
type TextFilterValue = {
|
|
1776
|
+
operator: TableTextFilter;
|
|
1777
|
+
parameter: TextFilterParameter;
|
|
1778
|
+
};
|
|
1779
|
+
type NumberFilterValue = {
|
|
1780
|
+
operator: TableNumberFilter;
|
|
1781
|
+
parameter: NumberFilterParameter;
|
|
1782
|
+
};
|
|
1783
|
+
type DateFilterValue = {
|
|
1784
|
+
operator: TableDateFilter;
|
|
1785
|
+
parameter: DateFilterParameter;
|
|
1786
|
+
};
|
|
1787
|
+
type DatetimeFilterValue = {
|
|
1788
|
+
operator: TableDatetimeFilter;
|
|
1789
|
+
parameter: DatetimeFilterParameter;
|
|
1790
|
+
};
|
|
1791
|
+
type BooleanFilterValue = {
|
|
1792
|
+
operator: TableBooleanFilter;
|
|
1793
|
+
parameter: BooleanFilterParameter;
|
|
1794
|
+
};
|
|
1795
|
+
type TagsFilterValue = {
|
|
1796
|
+
operator: TableTagsFilter;
|
|
1797
|
+
parameter: TagsFilterParameter;
|
|
1798
|
+
};
|
|
1799
|
+
type TagsSingleFilterValue = {
|
|
1800
|
+
operator: TableTagsSingleFilter;
|
|
1801
|
+
parameter: TagsSingleFilterParameter;
|
|
1802
|
+
};
|
|
1803
|
+
type GenericFilterValue = {
|
|
1804
|
+
operator: TableGenericFilter;
|
|
1805
|
+
parameter: GenericFilterParameter;
|
|
1806
|
+
};
|
|
1807
|
+
type TableFilterValue = TextFilterValue | NumberFilterValue | DateFilterValue | DatetimeFilterValue | BooleanFilterValue | TagsFilterValue | TagsSingleFilterValue | GenericFilterValue;
|
|
1808
|
+
declare const TableFilter: {
|
|
1809
|
+
text: FilterFn<unknown>;
|
|
1810
|
+
number: FilterFn<unknown>;
|
|
1811
|
+
date: FilterFn<unknown>;
|
|
1812
|
+
dateTime: FilterFn<unknown>;
|
|
1813
|
+
boolean: FilterFn<unknown>;
|
|
1814
|
+
multiTags: FilterFn<unknown>;
|
|
1815
|
+
singleTag: FilterFn<unknown>;
|
|
1816
|
+
generic: FilterFn<unknown>;
|
|
1817
|
+
};
|
|
1818
|
+
|
|
1819
|
+
type TableColumnProps<T> = ColumnDef<T> & {
|
|
1820
|
+
filterType?: TableFilterCategory;
|
|
1821
|
+
};
|
|
1822
|
+
declare const TableColumn: <T>(props: TableColumnProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1823
|
+
|
|
1824
|
+
type TableColumnSwitcherPopUpProps = PopUpProps;
|
|
1825
|
+
declare const TableColumnSwitcherPopUp: ({ ...props }: TableColumnSwitcherPopUpProps) => react_jsx_runtime.JSX.Element;
|
|
1826
|
+
interface TableColumnSwitcherProps extends TableColumnSwitcherPopUpProps {
|
|
1827
|
+
buttonProps?: ButtonProps;
|
|
1828
|
+
}
|
|
1829
|
+
declare const TableColumnSwitcher: ({ buttonProps, ...props }: TableColumnSwitcherProps) => react_jsx_runtime.JSX.Element;
|
|
1830
|
+
|
|
1831
|
+
interface TableStateWithoutSizingContextType<T> extends Omit<TableState, 'columnSizing' | 'columnSizingInfo'> {
|
|
1832
|
+
table: Table$1<T>;
|
|
1833
|
+
data: T[];
|
|
1834
|
+
columns: ColumnDef<T>[];
|
|
1835
|
+
rowModel: RowModel<T>;
|
|
1836
|
+
isUsingFillerRows: boolean;
|
|
1837
|
+
fillerRowCell: (columnId: string, table: Table$1<T>) => ReactNode;
|
|
1838
|
+
onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
|
|
1839
|
+
onFillerRowClick?: (index: number, table: Table$1<T>) => void;
|
|
1840
|
+
}
|
|
1841
|
+
declare const TableStateWithoutSizingContext: react.Context<TableStateWithoutSizingContextType<any>>;
|
|
1842
|
+
/**
|
|
1843
|
+
* Context for the table state without sizing
|
|
1844
|
+
*
|
|
1845
|
+
* Use this context to access the table state without sizing
|
|
1846
|
+
*
|
|
1847
|
+
* This is done to avoid re-rendering the table when the sizing changes rapidly
|
|
1848
|
+
*/
|
|
1849
|
+
declare const useTableStateWithoutSizingContext: <T>() => TableStateWithoutSizingContextType<T>;
|
|
1850
|
+
interface TableStateContextType<T> extends TableState {
|
|
1851
|
+
table: Table$1<T>;
|
|
1852
|
+
data: T[];
|
|
1853
|
+
columns: ColumnDef<T>[];
|
|
1854
|
+
rowModel: RowModel<T>;
|
|
1855
|
+
isUsingFillerRows: boolean;
|
|
1856
|
+
fillerRowCell: (columnId: string, table: Table$1<T>) => ReactNode;
|
|
1857
|
+
onRowClick?: (row: Row<T>, table: Table$1<T>) => void;
|
|
1858
|
+
onFillerRowClick?: (index: number, table: Table$1<T>) => void;
|
|
1859
|
+
sizeVars: Record<string, number>;
|
|
1860
|
+
}
|
|
1861
|
+
declare const TableStateContext: react.Context<TableStateContextType<any>>;
|
|
1862
|
+
/**
|
|
1863
|
+
* Context for the table state
|
|
1864
|
+
*
|
|
1865
|
+
* Use this context to access the table state and only do cheap operations on it as it can be re-rendered frequently
|
|
1866
|
+
*/
|
|
1867
|
+
declare const useTableStateContext: <T>() => TableStateContextType<T>;
|
|
1868
|
+
type TableContainerContextType<T> = {
|
|
1869
|
+
table: Table$1<T>;
|
|
1870
|
+
containerRef: RefObject<HTMLDivElement>;
|
|
1871
|
+
};
|
|
1872
|
+
declare const TableContainerContext: react.Context<TableContainerContextType<any>>;
|
|
1873
|
+
declare const useTableContainerContext: <T>() => TableContainerContextType<T>;
|
|
1874
|
+
type TableColumnDefinitionContextType<T> = {
|
|
1875
|
+
table: Table$1<T>;
|
|
1876
|
+
registerColumn: (column: ColumnDef<T>) => () => void;
|
|
1877
|
+
};
|
|
1878
|
+
declare const TableColumnDefinitionContext: react.Context<TableColumnDefinitionContextType<any>>;
|
|
1879
|
+
declare const useTableColumnDefinitionContext: <T>() => TableColumnDefinitionContextType<T>;
|
|
1880
|
+
|
|
1881
|
+
type TableFilterButtonProps<T = unknown> = {
|
|
1882
|
+
filterType: TableFilterCategory;
|
|
1883
|
+
column: Column<T>;
|
|
1884
|
+
};
|
|
1885
|
+
declare const TableFilterButton: <T>({ filterType, column, }: TableFilterButtonProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1886
|
+
|
|
1887
|
+
interface TableFilterBaseProps<T extends TableFilterValue> {
|
|
1888
|
+
columnId: string;
|
|
1889
|
+
filterValue?: T | undefined;
|
|
1890
|
+
onFilterValueChange: (value: T | undefined) => void;
|
|
1891
|
+
}
|
|
1892
|
+
type OperatorLabelProps = {
|
|
1893
|
+
operator: TableFilterType;
|
|
1894
|
+
};
|
|
1895
|
+
declare const OperatorLabel: ({ operator }: OperatorLabelProps) => react_jsx_runtime.JSX.Element;
|
|
1896
|
+
type TextFilterProps = TableFilterBaseProps<TextFilterValue>;
|
|
1897
|
+
declare const TextFilter: ({ filterValue, onFilterValueChange }: TextFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1898
|
+
type NumberFilterProps = TableFilterBaseProps<NumberFilterValue>;
|
|
1899
|
+
declare const NumberFilter: ({ filterValue, onFilterValueChange }: NumberFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1900
|
+
type DateFilterProps = TableFilterBaseProps<DateFilterValue>;
|
|
1901
|
+
declare const DateFilter: ({ filterValue, onFilterValueChange }: DateFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1902
|
+
type DatetimeFilterProps = TableFilterBaseProps<DatetimeFilterValue>;
|
|
1903
|
+
declare const DatetimeFilter: ({ filterValue, onFilterValueChange }: DatetimeFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1904
|
+
type BooleanFilterProps = TableFilterBaseProps<BooleanFilterValue>;
|
|
1905
|
+
declare const BooleanFilter: ({ filterValue, onFilterValueChange }: BooleanFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1906
|
+
type TagsFilterProps = TableFilterBaseProps<TagsFilterValue>;
|
|
1907
|
+
declare const TagsFilter: ({ columnId, filterValue, onFilterValueChange }: TagsFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1908
|
+
type TagsSingleFilterProps = TableFilterBaseProps<TagsSingleFilterValue>;
|
|
1909
|
+
declare const TagsSingleFilter: ({ columnId, filterValue, onFilterValueChange }: TagsSingleFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1910
|
+
type GenericFilterProps = TableFilterBaseProps<GenericFilterValue>;
|
|
1911
|
+
declare const GenericFilter: ({ filterValue, onFilterValueChange }: GenericFilterProps) => react_jsx_runtime.JSX.Element;
|
|
1912
|
+
interface TableFilterContentProps extends TableFilterBaseProps<TableFilterValue> {
|
|
1913
|
+
filterType: TableFilterCategory;
|
|
1914
|
+
}
|
|
1915
|
+
declare const TableFilterContent: ({ filterType, ...props }: TableFilterContentProps) => react_jsx_runtime.JSX.Element;
|
|
1940
1916
|
|
|
1941
|
-
type
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
*/
|
|
1945
|
-
appearDelay: number;
|
|
1946
|
-
isAnimated: boolean;
|
|
1917
|
+
type SortingIndexDisplay = {
|
|
1918
|
+
index: number;
|
|
1919
|
+
sortingsCount: number;
|
|
1947
1920
|
};
|
|
1948
|
-
type
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
* 2. The user has not set an app preference
|
|
1953
|
-
*/
|
|
1954
|
-
initialTheme: ResolvedTheme;
|
|
1921
|
+
type TableSortButtonProps = IconButtonProps & {
|
|
1922
|
+
sortDirection: SortDirection | false;
|
|
1923
|
+
sortingIndexDisplay?: SortingIndexDisplay;
|
|
1924
|
+
invert?: boolean;
|
|
1955
1925
|
};
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1926
|
+
/**
|
|
1927
|
+
* An Extension of the normal button that displays the sorting state right of the content
|
|
1928
|
+
*/
|
|
1929
|
+
declare const TableSortButton: ({ sortDirection, invert, color, size, className, sortingIndexDisplay, ...props }: TableSortButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1930
|
+
|
|
1931
|
+
type ColumnSizeCalculateTargetBehavoir = 'equalOrHigher';
|
|
1932
|
+
type ColumnSizeCalculateTarget = {
|
|
1933
|
+
width: number;
|
|
1934
|
+
behaviour: ColumnSizeCalculateTargetBehavoir;
|
|
1963
1935
|
};
|
|
1964
|
-
type
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1936
|
+
type ColumnSizeCalculatoProps = {
|
|
1937
|
+
previousSizing: Record<string, number>;
|
|
1938
|
+
newSizing: Record<string, number>;
|
|
1939
|
+
columnIds: string[];
|
|
1940
|
+
target?: ColumnSizeCalculateTarget;
|
|
1941
|
+
minWidthsPerColumn: Record<string, number>;
|
|
1942
|
+
maxWidthsPerColumn?: Record<string, number>;
|
|
1968
1943
|
};
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
1944
|
+
declare const toSizeVars: (sizing: ColumnSizingState) => {};
|
|
1945
|
+
declare const ColumnSizeUtil: {
|
|
1946
|
+
calculate: ({ previousSizing, newSizing, columnIds, target, minWidthsPerColumn, maxWidthsPerColumn }: ColumnSizeCalculatoProps) => {
|
|
1947
|
+
[x: string]: number;
|
|
1948
|
+
};
|
|
1949
|
+
toSizeVars: (sizing: ColumnSizingState) => {};
|
|
1972
1950
|
};
|
|
1973
|
-
declare const HightideConfigContext: react.Context<ConfigType>;
|
|
1974
|
-
type HightideConfigProviderProps = PropsWithChildren & DeepPartial<HightideConfig>;
|
|
1975
|
-
declare const HightideConfigProvider: ({ children, ...initialOverwrite }: HightideConfigProviderProps) => react_jsx_runtime.JSX.Element;
|
|
1976
|
-
declare const useHightideConfig: () => ConfigType;
|
|
1977
1951
|
|
|
1978
|
-
type
|
|
1979
|
-
|
|
1980
|
-
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1952
|
+
type CheckBoxSize = 'sm' | 'md' | 'lg' | null;
|
|
1953
|
+
type CheckboxProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteractionStates> & Partial<FormFieldDataHandling<boolean>> & {
|
|
1954
|
+
initialValue?: boolean;
|
|
1955
|
+
indeterminate?: boolean;
|
|
1956
|
+
size?: CheckBoxSize;
|
|
1957
|
+
alwaysShowCheckIcon?: boolean;
|
|
1958
|
+
};
|
|
1959
|
+
/**
|
|
1960
|
+
* A Tristate checkbox
|
|
1961
|
+
*
|
|
1962
|
+
* The state is managed by the parent
|
|
1963
|
+
*/
|
|
1964
|
+
declare const Checkbox: ({ value: controlledValue, initialValue, indeterminate, required, invalid, disabled, readOnly, onValueChange, onEditComplete, size, alwaysShowCheckIcon, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
1965
|
+
|
|
1966
|
+
interface CopyToClipboardWrapperProps extends Omit<TooltipProps, 'tooltip'> {
|
|
1967
|
+
textToCopy: string;
|
|
1991
1968
|
}
|
|
1992
1969
|
/**
|
|
1993
1970
|
* A Component for showing a tooltip when hovering over Content
|
|
1994
|
-
* @param tooltip The tooltip to show can be a text or any ReactNode
|
|
1995
|
-
* @param children The Content for which the tooltip should be created
|
|
1996
|
-
* @param tooltipClassName Additional ClassNames for the Container of the tooltip
|
|
1997
|
-
* @param containerClassName Additional ClassNames for the Container holding the content
|
|
1998
|
-
* @param position The direction of the tooltip relative to the Container
|
|
1999
|
-
* @constructor
|
|
2000
1971
|
*/
|
|
2001
|
-
declare const
|
|
1972
|
+
declare const CopyToClipboardWrapper: ({ children, textToCopy, isInitiallyShown, appearDelay, disabled, containerClassName, alignment, isAnimated, ...props }: CopyToClipboardWrapperProps) => react_jsx_runtime.JSX.Element;
|
|
1973
|
+
|
|
1974
|
+
type MenuItemProps = {
|
|
1975
|
+
onClick?: () => void;
|
|
1976
|
+
isDisabled?: boolean;
|
|
1977
|
+
className?: string;
|
|
1978
|
+
};
|
|
1979
|
+
declare const MenuItem: ({ children, onClick, isDisabled, className }: PropsWithChildren<MenuItemProps>) => react_jsx_runtime.JSX.Element;
|
|
1980
|
+
type MenuBag = {
|
|
1981
|
+
isOpen: boolean;
|
|
1982
|
+
disabled: boolean;
|
|
1983
|
+
toggleOpen: () => void;
|
|
1984
|
+
close: () => void;
|
|
1985
|
+
};
|
|
1986
|
+
interface MenuProps extends Omit<PopUpProps, 'children' | 'anchor'> {
|
|
1987
|
+
children: (bag: MenuBag) => ReactNode | ReactNode;
|
|
1988
|
+
trigger: (bag: MenuBag, ref: (el: HTMLElement | null) => void) => ReactNode;
|
|
1989
|
+
disabled?: boolean;
|
|
1990
|
+
}
|
|
1991
|
+
/**
|
|
1992
|
+
* A Menu Component to allow the user to see different functions
|
|
1993
|
+
*/
|
|
1994
|
+
declare const Menu: ({ trigger, children, disabled, ...props }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
1995
|
+
|
|
1996
|
+
type ScrollPickerProps<T> = {
|
|
1997
|
+
options: T[];
|
|
1998
|
+
mapping: (value: T) => string;
|
|
1999
|
+
selected?: T;
|
|
2000
|
+
onChange?: (value: T) => void;
|
|
2001
|
+
disabled?: boolean;
|
|
2002
|
+
};
|
|
2003
|
+
/**
|
|
2004
|
+
* A component for picking an option by scrolling
|
|
2005
|
+
*/
|
|
2006
|
+
declare const ScrollPicker: <T>({ options, mapping, selected, onChange, disabled, }: ScrollPickerProps<T>) => react_jsx_runtime.JSX.Element;
|
|
2007
|
+
|
|
2008
|
+
type SwitchProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteractionStates> & Partial<FormFieldDataHandling<boolean>> & {
|
|
2009
|
+
initialValue?: boolean;
|
|
2010
|
+
};
|
|
2011
|
+
/**
|
|
2012
|
+
* A binary on/off switch
|
|
2013
|
+
*
|
|
2014
|
+
* The state is managed by the parent.
|
|
2015
|
+
*/
|
|
2016
|
+
declare const Switch: ({ value: controlledValue, initialValue, required, invalid, disabled, readOnly, onValueChange, onEditComplete, ...props }: SwitchProps) => react_jsx_runtime.JSX.Element;
|
|
2017
|
+
|
|
2018
|
+
type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
2019
|
+
initialValue?: string;
|
|
2020
|
+
saveDelayOptions?: UseDelayOptions;
|
|
2021
|
+
};
|
|
2022
|
+
/**
|
|
2023
|
+
* A Textarea component for inputting longer texts
|
|
2024
|
+
*
|
|
2025
|
+
* The State is managed by the parent
|
|
2026
|
+
*/
|
|
2027
|
+
declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
2028
|
+
initialValue?: string;
|
|
2029
|
+
saveDelayOptions?: UseDelayOptions;
|
|
2030
|
+
} & react.RefAttributes<HTMLTextAreaElement>>;
|
|
2031
|
+
type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
|
|
2032
|
+
headline: ReactNode;
|
|
2033
|
+
headlineProps: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'>;
|
|
2034
|
+
containerClassName?: string;
|
|
2035
|
+
};
|
|
2036
|
+
declare const TextareaWithHeadline: ({ id, headline, headlineProps, disabled, className, containerClassName, ...props }: TextareaWithHeadlineProps) => react_jsx_runtime.JSX.Element;
|
|
2002
2037
|
|
|
2003
2038
|
type DurationJSON = {
|
|
2004
2039
|
years: number;
|
|
@@ -2058,7 +2093,10 @@ declare const DateUtils: {
|
|
|
2058
2093
|
};
|
|
2059
2094
|
|
|
2060
2095
|
type DayPickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
2061
|
-
|
|
2096
|
+
initialValue?: Date;
|
|
2097
|
+
displayedMonth?: Date;
|
|
2098
|
+
changeDisplayedMonth?: (date: Date) => void;
|
|
2099
|
+
initialDisplayedMonth?: Date;
|
|
2062
2100
|
start?: Date;
|
|
2063
2101
|
end?: Date;
|
|
2064
2102
|
weekStart?: WeekDay;
|
|
@@ -2068,19 +2106,19 @@ type DayPickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
|
2068
2106
|
/**
|
|
2069
2107
|
* A component for selecting a day of a month
|
|
2070
2108
|
*/
|
|
2071
|
-
declare const DayPicker: ({ displayedMonth, value, start: providedStart, end: providedEnd, onValueChange, onEditComplete, weekStart, markToday, className }: DayPickerProps) => react_jsx_runtime.JSX.Element;
|
|
2072
|
-
declare const DayPickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: DayPickerProps) => react_jsx_runtime.JSX.Element;
|
|
2109
|
+
declare const DayPicker: ({ displayedMonth: controlledDisplayedMonth, initialDisplayedMonth, changeDisplayedMonth, value: controlledValue, initialValue, start: providedStart, end: providedEnd, onValueChange, onEditComplete, weekStart, markToday, className, }: DayPickerProps) => react_jsx_runtime.JSX.Element;
|
|
2073
2110
|
|
|
2074
2111
|
type YearMonthPickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
2112
|
+
initialValue?: Date;
|
|
2075
2113
|
start?: Date;
|
|
2076
2114
|
end?: Date;
|
|
2077
2115
|
className?: string;
|
|
2078
2116
|
};
|
|
2079
|
-
declare const YearMonthPicker: ({ value, start, end, onValueChange, onEditComplete, className, }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
|
|
2080
|
-
declare const YearMonthPickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
|
|
2117
|
+
declare const YearMonthPicker: ({ value: controlledValue, initialValue, start, end, onValueChange, onEditComplete, className, }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
|
|
2081
2118
|
|
|
2082
2119
|
type DisplayMode = 'yearMonth' | 'day';
|
|
2083
2120
|
type DatePickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
2121
|
+
initialValue?: Date;
|
|
2084
2122
|
start?: Date;
|
|
2085
2123
|
end?: Date;
|
|
2086
2124
|
initialDisplay?: DisplayMode;
|
|
@@ -2092,23 +2130,20 @@ type DatePickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
|
2092
2130
|
/**
|
|
2093
2131
|
* A Component for picking a date
|
|
2094
2132
|
*/
|
|
2095
|
-
declare const DatePicker: ({ value, start, end, initialDisplay, weekStart, onValueChange, onEditComplete, yearMonthPickerProps, dayPickerProps, className }: DatePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2096
|
-
/**
|
|
2097
|
-
* Example for the Date Picker
|
|
2098
|
-
*/
|
|
2099
|
-
declare const DatePickerUncontrolled: ({ value, onValueChange, ...props }: DatePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2133
|
+
declare const DatePicker: ({ value: controlledValue, initialValue, start, end, initialDisplay, weekStart, onValueChange, onEditComplete, yearMonthPickerProps, dayPickerProps, className }: DatePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2100
2134
|
|
|
2101
2135
|
type TimePickerMinuteIncrement = '1min' | '5min' | '10min' | '15min' | '30min';
|
|
2102
2136
|
type TimePickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
2137
|
+
initialValue?: Date;
|
|
2103
2138
|
is24HourFormat?: boolean;
|
|
2104
2139
|
minuteIncrement?: TimePickerMinuteIncrement;
|
|
2105
2140
|
className?: string;
|
|
2106
2141
|
};
|
|
2107
|
-
declare const TimePicker: ({ value, onValueChange, onEditComplete, is24HourFormat, minuteIncrement, className, }: TimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2108
|
-
declare const TimePickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: TimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2142
|
+
declare const TimePicker: ({ value: controlledValue, initialValue, onValueChange, onEditComplete, is24HourFormat, minuteIncrement, className, }: TimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2109
2143
|
|
|
2110
2144
|
type DateTimePickerMode = 'date' | 'time' | 'dateTime';
|
|
2111
2145
|
type DateTimePickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
2146
|
+
initialValue?: Date;
|
|
2112
2147
|
mode?: DateTimePickerMode;
|
|
2113
2148
|
start?: Date;
|
|
2114
2149
|
end?: Date;
|
|
@@ -2122,18 +2157,10 @@ type DateTimePickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
|
2122
2157
|
/**
|
|
2123
2158
|
* A Component for picking a Date and Time
|
|
2124
2159
|
*/
|
|
2125
|
-
declare const DateTimePicker: ({ value, start, end, mode, is24HourFormat, minuteIncrement, weekStart, onValueChange, onEditComplete, timePickerProps, datePickerProps, }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2126
|
-
declare const DateTimePickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2127
|
-
|
|
2128
|
-
interface ControlledStateProps<T> {
|
|
2129
|
-
value?: T;
|
|
2130
|
-
onValueChange?: (value: T) => void;
|
|
2131
|
-
defaultValue?: T;
|
|
2132
|
-
isControlled?: boolean;
|
|
2133
|
-
}
|
|
2134
|
-
declare const useControlledState: <T>({ value, onValueChange, defaultValue, isControlled: isEnforcingControlled }: ControlledStateProps<T>) => [T, react__default.Dispatch<react__default.SetStateAction<T>>];
|
|
2160
|
+
declare const DateTimePicker: ({ value: controlledValue, initialValue, start, end, mode, is24HourFormat, minuteIncrement, weekStart, onValueChange, onEditComplete, timePickerProps, datePickerProps, }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2135
2161
|
|
|
2136
|
-
interface DateTimePickerDialogProps extends
|
|
2162
|
+
interface DateTimePickerDialogProps extends Partial<FormFieldDataHandling<Date | null>> {
|
|
2163
|
+
initialValue?: Date | null;
|
|
2137
2164
|
allowRemove?: boolean;
|
|
2138
2165
|
onEditComplete?: (value: Date | null) => void;
|
|
2139
2166
|
pickerProps: Omit<DateTimePickerProps, 'value' | 'onValueChange' | 'onEditComplete'>;
|
|
@@ -2141,7 +2168,7 @@ interface DateTimePickerDialogProps extends ControlledStateProps<Date | null> {
|
|
|
2141
2168
|
label?: ReactNode;
|
|
2142
2169
|
labelId?: string;
|
|
2143
2170
|
}
|
|
2144
|
-
declare const DateTimePickerDialog: ({
|
|
2171
|
+
declare const DateTimePickerDialog: ({ initialValue, value, allowRemove, onValueChange, onEditComplete, mode, pickerProps, labelId, label, }: DateTimePickerDialogProps) => react_jsx_runtime.JSX.Element;
|
|
2145
2172
|
|
|
2146
2173
|
type TimeDisplayMode = 'daysFromToday' | 'date';
|
|
2147
2174
|
type TimeDisplayProps = {
|
|
@@ -2153,20 +2180,18 @@ type TimeDisplayProps = {
|
|
|
2153
2180
|
*/
|
|
2154
2181
|
declare const TimeDisplay: ({ date, mode }: TimeDisplayProps) => react_jsx_runtime.JSX.Element;
|
|
2155
2182
|
|
|
2156
|
-
interface DateTimeInputProps extends Partial<FormFieldInteractionStates>,
|
|
2183
|
+
interface DateTimeInputProps extends Partial<FormFieldInteractionStates>, Omit<ButtonHTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value'>, Partial<FormFieldDataHandling<Date | null>> {
|
|
2184
|
+
initialValue?: Date | null;
|
|
2157
2185
|
placeholder?: ReactNode;
|
|
2158
2186
|
allowRemove?: boolean;
|
|
2159
2187
|
mode?: 'date' | 'dateTime';
|
|
2160
2188
|
containerProps?: HTMLAttributes<HTMLDivElement>;
|
|
2161
|
-
pickerProps?: Omit<DateTimePickerProps, keyof FormFieldDataHandling<Date> | 'mode'>;
|
|
2189
|
+
pickerProps?: Omit<DateTimePickerProps, keyof FormFieldDataHandling<Date> | 'mode' | 'initialValue'>;
|
|
2162
2190
|
outsideClickCloses?: boolean;
|
|
2163
2191
|
onDialogOpeningChange?: (isOpen: boolean) => void;
|
|
2164
2192
|
}
|
|
2165
2193
|
declare const DateTimeInput: react.ForwardRefExoticComponent<DateTimeInputProps & react.RefAttributes<HTMLDivElement>>;
|
|
2166
2194
|
|
|
2167
|
-
type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
|
|
2168
|
-
label: ReactNode;
|
|
2169
|
-
};
|
|
2170
2195
|
/**
|
|
2171
2196
|
* Text input component with a label inside the input that moves up when editing
|
|
2172
2197
|
*
|
|
@@ -2175,20 +2200,15 @@ type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' |
|
|
|
2175
2200
|
declare const InsideLabelInput: react.ForwardRefExoticComponent<Omit<InputProps, "aria-label" | "aria-labelledby" | "placeholder"> & {
|
|
2176
2201
|
label: ReactNode;
|
|
2177
2202
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
2178
|
-
declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }: InsideLabelInputProps) => react_jsx_runtime.JSX.Element;
|
|
2179
2203
|
|
|
2180
2204
|
type SearchBarProps = Omit<InputProps, 'onValueChange' | 'onEditComplete'> & {
|
|
2181
2205
|
onValueChange?: (value: string) => void;
|
|
2182
2206
|
onSearch: (value: string) => void;
|
|
2183
|
-
searchButtonProps?: Omit<
|
|
2207
|
+
searchButtonProps?: Omit<IconButtonProps, 'onClick'>;
|
|
2184
2208
|
containerProps?: HTMLAttributes<HTMLDivElement>;
|
|
2185
2209
|
};
|
|
2186
|
-
declare const SearchBar: ({ value:
|
|
2210
|
+
declare const SearchBar: ({ value: controlledValue, initialValue, onValueChange, onSearch, searchButtonProps, containerProps, ...inputProps }: SearchBarProps) => react_jsx_runtime.JSX.Element;
|
|
2187
2211
|
|
|
2188
|
-
type ToggleableInputProps = InputProps & {
|
|
2189
|
-
initialState?: 'editing' | 'display';
|
|
2190
|
-
editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
|
|
2191
|
-
};
|
|
2192
2212
|
/**
|
|
2193
2213
|
* A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
|
|
2194
2214
|
* back to display mode on loss of focus or on enter
|
|
@@ -2197,11 +2217,11 @@ type ToggleableInputProps = InputProps & {
|
|
|
2197
2217
|
*/
|
|
2198
2218
|
declare const ToggleableInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
2199
2219
|
editCompleteOptions?: EditCompleteOptions;
|
|
2220
|
+
initialValue?: string;
|
|
2200
2221
|
} & {
|
|
2201
2222
|
initialState?: "editing" | "display";
|
|
2202
2223
|
editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
|
|
2203
2224
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
2204
|
-
declare const ToggleableInputUncontrolled: ({ value: initialValue, onValueChange, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
|
|
2205
2225
|
|
|
2206
2226
|
type PropertyField<T> = {
|
|
2207
2227
|
name: string;
|
|
@@ -2288,17 +2308,8 @@ declare const MultiSelect: react.ForwardRefExoticComponent<Partial<FormFieldInte
|
|
|
2288
2308
|
iconAppearance?: SelectIconAppearance;
|
|
2289
2309
|
onClose?: () => void;
|
|
2290
2310
|
} & Partial<FormFieldDataHandling<string[]>> & {
|
|
2291
|
-
|
|
2292
|
-
buttonProps?: MultiSelectButtonProps;
|
|
2293
|
-
} & react.RefAttributes<HTMLButtonElement>>;
|
|
2294
|
-
declare const MultiSelectUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
|
|
2295
|
-
children?: react.ReactNode | undefined;
|
|
2311
|
+
initialValue?: string[];
|
|
2296
2312
|
} & {
|
|
2297
|
-
id?: string;
|
|
2298
|
-
initialIsOpen?: boolean;
|
|
2299
|
-
iconAppearance?: SelectIconAppearance;
|
|
2300
|
-
onClose?: () => void;
|
|
2301
|
-
} & Partial<FormFieldDataHandling<string[]>> & {
|
|
2302
2313
|
contentPanelProps?: MultiSelectContentProps;
|
|
2303
2314
|
buttonProps?: MultiSelectButtonProps;
|
|
2304
2315
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -2323,18 +2334,8 @@ declare const MultiSelectChipDisplay: react.ForwardRefExoticComponent<Partial<Fo
|
|
|
2323
2334
|
iconAppearance?: SelectIconAppearance;
|
|
2324
2335
|
onClose?: () => void;
|
|
2325
2336
|
} & Partial<FormFieldDataHandling<string[]>> & {
|
|
2326
|
-
|
|
2327
|
-
chipDisplayProps?: MultiSelectChipDisplayButtonProps;
|
|
2328
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
2329
|
-
type MultiSelectChipDisplayUncontrolledProps = MultiSelectChipDisplayProps;
|
|
2330
|
-
declare const MultiSelectChipDisplayUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
|
|
2331
|
-
children?: ReactNode | undefined;
|
|
2337
|
+
initialValue?: string[];
|
|
2332
2338
|
} & {
|
|
2333
|
-
id?: string;
|
|
2334
|
-
initialIsOpen?: boolean;
|
|
2335
|
-
iconAppearance?: SelectIconAppearance;
|
|
2336
|
-
onClose?: () => void;
|
|
2337
|
-
} & Partial<FormFieldDataHandling<string[]>> & {
|
|
2338
2339
|
contentPanelProps?: MultiSelectContentProps;
|
|
2339
2340
|
chipDisplayProps?: MultiSelectChipDisplayButtonProps;
|
|
2340
2341
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2426,61 +2427,18 @@ declare const useFocusOnceVisible: (ref: RefObject<HTMLElement>, disable?: boole
|
|
|
2426
2427
|
|
|
2427
2428
|
declare const useIsMounted: () => boolean;
|
|
2428
2429
|
|
|
2429
|
-
|
|
2430
|
-
|
|
2430
|
+
interface ControlledStateProps<T> {
|
|
2431
|
+
value?: T;
|
|
2432
|
+
onValueChange?: (value: T) => void;
|
|
2433
|
+
defaultValue?: T;
|
|
2434
|
+
isControlled?: boolean;
|
|
2435
|
+
}
|
|
2436
|
+
declare const useControlledState: <T>({ value, onValueChange, defaultValue, isControlled: isEnforcingControlled }: ControlledStateProps<T>) => [T, react__default.Dispatch<react__default.SetStateAction<T>>];
|
|
2431
2437
|
|
|
2432
|
-
|
|
2433
|
-
/**
|
|
2434
|
-
* The delay after which the menu is closed in milliseconds
|
|
2435
|
-
*
|
|
2436
|
-
* default: 200ms
|
|
2437
|
-
*/
|
|
2438
|
-
closingDelay: number;
|
|
2439
|
-
/**
|
|
2440
|
-
* Whether the hover state management should be disabled
|
|
2441
|
-
*
|
|
2442
|
-
* default: false
|
|
2443
|
-
*/
|
|
2444
|
-
isDisabled: boolean;
|
|
2445
|
-
};
|
|
2446
|
-
type UseHoverStateReturnType = {
|
|
2447
|
-
/**
|
|
2448
|
-
* Whether the element is hovered
|
|
2449
|
-
*/
|
|
2450
|
-
isHovered: boolean;
|
|
2451
|
-
/**
|
|
2452
|
-
* Function to change the current hover status
|
|
2453
|
-
*/
|
|
2454
|
-
setIsHovered: Dispatch<SetStateAction<boolean>>;
|
|
2455
|
-
/**
|
|
2456
|
-
* Handlers to pass on to the component that should be hovered
|
|
2457
|
-
*/
|
|
2458
|
-
handlers: {
|
|
2459
|
-
onMouseEnter: () => void;
|
|
2460
|
-
onMouseLeave: () => void;
|
|
2461
|
-
};
|
|
2462
|
-
};
|
|
2463
|
-
/**
|
|
2464
|
-
* @param props See UseHoverStateProps
|
|
2465
|
-
*
|
|
2466
|
-
* A react hook for managing the hover state of a component. The handlers provided should be
|
|
2467
|
-
* forwarded to the component which should be hovered over
|
|
2468
|
-
*/
|
|
2469
|
-
declare const useHoverState: (props?: Partial<UseHoverStateProps> | undefined) => UseHoverStateReturnType;
|
|
2438
|
+
declare function useEventCallbackStabilizer<T extends (...args: any[]) => any>(callback?: T): (...args: Parameters<T>) => ReturnType<T>;
|
|
2470
2439
|
|
|
2471
|
-
type
|
|
2472
|
-
|
|
2473
|
-
value: T;
|
|
2474
|
-
setValue: SetValue<T>;
|
|
2475
|
-
deleteValue: () => void;
|
|
2476
|
-
};
|
|
2477
|
-
/**
|
|
2478
|
-
* @param key Key under which to save the data
|
|
2479
|
-
* @param backupValue Used if the storage is unavailable or no value is present
|
|
2480
|
-
*
|
|
2481
|
-
* The backup value will never be saved to the storage unless you explicitly
|
|
2482
|
-
*/
|
|
2483
|
-
declare const useLocalStorage: <T>(key: string, backupValue: T) => UseLocalStorageResult<T>;
|
|
2440
|
+
type ElementHandle = Record<string, HTMLElement | null>;
|
|
2441
|
+
declare function useHandleRefs<T extends ElementHandle>(handleRef: RefObject<T>): RefObject<HTMLElement | null>[];
|
|
2484
2442
|
|
|
2485
2443
|
type OptionsResolved = {
|
|
2486
2444
|
type?: 'info' | 'error' | 'warning';
|
|
@@ -2551,7 +2509,21 @@ declare const useRerender: () => react.ActionDispatch<[]>;
|
|
|
2551
2509
|
*
|
|
2552
2510
|
* @param callback Called when the window resizes
|
|
2553
2511
|
*/
|
|
2554
|
-
declare const
|
|
2512
|
+
declare const useWindowResizeObserver: (onResize: () => void) => void;
|
|
2513
|
+
|
|
2514
|
+
type UseResizeObserverProps = {
|
|
2515
|
+
observedElementRef?: RefObject<Element>;
|
|
2516
|
+
onResize: () => void;
|
|
2517
|
+
isActive?: boolean;
|
|
2518
|
+
};
|
|
2519
|
+
declare function useResizeObserver({ observedElementRef, onResize, isActive }: UseResizeObserverProps): void;
|
|
2520
|
+
|
|
2521
|
+
type UseScrollObserverProps = {
|
|
2522
|
+
observedElementRef?: RefObject<HTMLElement>;
|
|
2523
|
+
onScroll: () => void;
|
|
2524
|
+
isActive?: boolean;
|
|
2525
|
+
};
|
|
2526
|
+
declare function useScrollObserver({ observedElementRef, onScroll, isActive }: UseScrollObserverProps): void;
|
|
2555
2527
|
|
|
2556
2528
|
type UseSearchProps<T> = {
|
|
2557
2529
|
list: T[];
|
|
@@ -2572,6 +2544,22 @@ declare const useSearch: <T>({ list, initialSearch, searchMapping, additionalSea
|
|
|
2572
2544
|
setSearch: react.Dispatch<react.SetStateAction<string>>;
|
|
2573
2545
|
};
|
|
2574
2546
|
|
|
2547
|
+
interface UseStorageProps<T> {
|
|
2548
|
+
key: string;
|
|
2549
|
+
defaultValue: T;
|
|
2550
|
+
storageType?: 'local' | 'session';
|
|
2551
|
+
serialize?: (value: T) => string;
|
|
2552
|
+
deserialize?: (value: string) => T;
|
|
2553
|
+
/** Whether to listen for storage events and update the value automatically. Defaults to true. */
|
|
2554
|
+
listen?: boolean;
|
|
2555
|
+
}
|
|
2556
|
+
interface UseStorageResult<T> {
|
|
2557
|
+
value: T;
|
|
2558
|
+
setValue: Dispatch<SetStateAction<T>>;
|
|
2559
|
+
deleteValue: () => void;
|
|
2560
|
+
}
|
|
2561
|
+
declare const useStorage: <T>({ key, defaultValue, storageType, serialize, deserialize, listen }: UseStorageProps<T>) => UseStorageResult<T>;
|
|
2562
|
+
|
|
2575
2563
|
type TransitionState = 'opened' | 'closed' | 'opening' | 'closing';
|
|
2576
2564
|
type UseTransitionStateResult = {
|
|
2577
2565
|
transitionState: TransitionState;
|
|
@@ -2626,6 +2614,20 @@ declare const LocalizationUtil: {
|
|
|
2626
2614
|
languagesLocalNames: Record<"de-DE" | "en-US", string>;
|
|
2627
2615
|
};
|
|
2628
2616
|
|
|
2617
|
+
type StorageSubscriber = (raw: string | null) => void;
|
|
2618
|
+
declare class StorageListener {
|
|
2619
|
+
private static instance;
|
|
2620
|
+
private localSubscriptions;
|
|
2621
|
+
private sessionSubscriptions;
|
|
2622
|
+
private initialized;
|
|
2623
|
+
private constructor();
|
|
2624
|
+
static getInstance(): StorageListener;
|
|
2625
|
+
subscribe(storage: Storage, key: string, cb: StorageSubscriber): () => void;
|
|
2626
|
+
private init;
|
|
2627
|
+
private handleEvent;
|
|
2628
|
+
private getRegistry;
|
|
2629
|
+
}
|
|
2630
|
+
|
|
2629
2631
|
declare const equalSizeGroups: <T>(array: T[], groupSize: number) => T[][];
|
|
2630
2632
|
type RangeOptions = {
|
|
2631
2633
|
/** Whether the range can be defined empty via end < start without a warning */
|
|
@@ -2756,7 +2758,6 @@ declare const PromiseUtils: {
|
|
|
2756
2758
|
};
|
|
2757
2759
|
|
|
2758
2760
|
declare function bool(isActive: boolean): string | undefined;
|
|
2759
|
-
declare function name(name: string, props?: Record<string, unknown>): string;
|
|
2760
2761
|
type InteractionStateDataAttributes = {
|
|
2761
2762
|
'data-disabled': string | undefined;
|
|
2762
2763
|
'data-invalid': string | undefined;
|
|
@@ -2796,7 +2797,6 @@ declare const PropsUtil: {
|
|
|
2796
2797
|
};
|
|
2797
2798
|
dataAttributes: {
|
|
2798
2799
|
bool: typeof bool;
|
|
2799
|
-
name: typeof name;
|
|
2800
2800
|
interactionStates: typeof interactionStatesData;
|
|
2801
2801
|
};
|
|
2802
2802
|
aria: {
|
|
@@ -2859,21 +2859,6 @@ declare const SimpleSearchWithMapping: <T>(search: string, objects: T[], mapping
|
|
|
2859
2859
|
*/
|
|
2860
2860
|
declare const SimpleSearch: (search: string, objects: string[]) => string[];
|
|
2861
2861
|
|
|
2862
|
-
declare class StorageService {
|
|
2863
|
-
private storage;
|
|
2864
|
-
constructor(storage: Storage);
|
|
2865
|
-
get<T>(key: string): T | null;
|
|
2866
|
-
set<T>(key: string, value: T): void;
|
|
2867
|
-
delete(key: string): void;
|
|
2868
|
-
deleteAll(): void;
|
|
2869
|
-
}
|
|
2870
|
-
declare class LocalStorageService extends StorageService {
|
|
2871
|
-
constructor();
|
|
2872
|
-
}
|
|
2873
|
-
declare class SessionStorageService extends StorageService {
|
|
2874
|
-
constructor();
|
|
2875
|
-
}
|
|
2876
|
-
|
|
2877
2862
|
declare const writeToClipboard: (text: string) => Promise<void>;
|
|
2878
2863
|
|
|
2879
|
-
export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, AnimatedRing, type AnimatedRingProps, ArrayUtil, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type BackgroundOverlayProps, type BagFunction, type BagFunctionOrNode, type BagFunctionOrValue, BagFunctionUtil, BooleanFilter, type BooleanFilterParameter, type BooleanFilterProps, type BooleanFilterValue, BreadCrumbGroup, BreadCrumbLink, type BreadCrumbLinkProps, type BreadCrumbProps, BreadCrumbs, Button, type ButtonColor, type ButtonProps, ButtonUtil, Carousel, type CarouselProps, CarouselSlide, type CarouselSlideProps, Checkbox, CheckboxProperty, type CheckboxPropertyProps, type CheckboxProps, CheckboxUncontrolled, type CheckboxUncontrolledProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, Circle, type CircleProps, type ColumnSizeCalculatoProps, ColumnSizeUtil, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, type ControlledStateProps, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DateFilter, type DateFilterParameter, type DateFilterProps, type DateFilterValue, DatePicker, type DatePickerProps, DatePickerUncontrolled, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputProps, DateTimePicker, DateTimePickerDialog, type DateTimePickerDialogProps, type DateTimePickerMode, type DateTimePickerProps, DateTimePickerUncontrolled, DateUtils, DatetimeFilter, type DatetimeFilterParameter, type DatetimeFilterProps, type DatetimeFilterValue, DayPicker, type DayPickerProps, DayPickerUncontrolled, type DeepPartial, Dialog, DialogContext, type DialogContextType, type DialogOpenerPassingProps, DialogOpenerWrapper, type DialogOpenerWrapperBag, type DialogOpenerWrapperProps, type DialogPosition, type DialogProps, DialogRoot, type DialogRootProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Drawer, type DrawerAligment, type DrawerProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, type ElementHandle, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, ExpandableContent, type ExpandableContentProps, ExpandableHeader, type ExpandableHeaderProps, type ExpandableProps, ExpandableRoot, type ExpandableRootProps, ExpandableUncontrolled, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerCell, type FillerCellProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, FocusTrapWrapper, type FocusTrapWrapperProps, FormContext, type FormContextType, type FormEvent, type FormEventListener, FormField, type FormFieldAriaAttributes, type FormFieldBag, type FormFieldDataHandling, type FormFieldFocusableElementProps, type FormFieldInteractionStates, FormFieldLayout, type FormFieldLayoutBag, type FormFieldLayoutIds, type FormFieldLayoutProps, type FormFieldProps, type FormFieldResult, FormObserver, FormObserverKey, type FormObserverKeyProps, type FormObserverKeyResult, type FormObserverProps, type FormObserverResult, FormProvider, type FormProviderProps, FormStore, type FormStoreProps, type FormValidationBehaviour, type FormValidator, type FormValue, GenericFilter, type GenericFilterParameter, type GenericFilterProps, type GenericFilterValue, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HighlightStartPositionBehavior, type HightideConfig, HightideConfigContext, HightideConfigProvider, type HightideConfigProviderProps, HightideProvider, type HightideTranslationEntries, type HightideTranslationLocales, InfiniteScroll, type InfiniteScrollProps, Input, InputDialog, type InputModalProps, type InputProps, InputUncontrolled, InsideLabelInput, InsideLabelInputUncontrolled, LanguageDialog, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxMultipleUncontrolled, type ListBoxMultipleUncontrolledProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, ListBoxUncontrolled, type ListBoxUncontrolledProps, LoadingAndErrorComponent, type LoadingAndErrorComponentProps, LoadingAnimation, type LoadingAnimationProps, type LoadingComponentProps, LoadingContainer, LocalStorageService, LocaleContext, type LocaleContextValue, LocaleProvider, type LocaleProviderProps, type LocalizationConfig, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, MathUtil, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectButton, type MultiSelectButtonProps, MultiSelectChipDisplay, MultiSelectChipDisplayButton, type MultiSelectChipDisplayProps, MultiSelectChipDisplayUncontrolled, type MultiSelectChipDisplayUncontrolledProps, MultiSelectContent, type MultiSelectContentProps, MultiSelectOption, type MultiSelectOptionProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectRoot, type MultiSelectRootProps, MultiSelectUncontrolled, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberFilter, type NumberFilterParameter, type NumberFilterProps, type NumberFilterValue, NumberProperty, type NumberPropertyProps, OperatorLabel, type OperatorLabelProps, type OverlayItem, OverlayRegistry, Pagination, type PaginationProps, PopUp, PopUpContext, type PopUpContextType, PopUpOpener, type PopUpOpenerBag, type PopUpOpenerProps, type PopUpProps, PopUpRoot, type PopUpRootProps, Portal, type PortalProps, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropertyField, PropsUtil, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, RadialRings, type RadialRingsProps, type Range, type RangeOptions, type ResolvedTheme, Ring, type RingProps, RingWave, type RingWaveProps, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, SelectContext, type SelectIconAppearance, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, SelectUncontrolled, type SelectUncontrolledProps, SessionStorageService, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, type SuperSet, type TabContextType, type TabInfo, TabList, TabPanel, TabSwitcher, type TabSwitcherProps, TabView, Table, TableBody, type TableBooleanFilter, TableCell, type TableCellProps, TableColumn, TableColumnDefinitionContext, type TableColumnDefinitionContextType, type TableColumnProps, TableColumnSwitcher, TableColumnSwitcherPopUp, type TableColumnSwitcherPopUpProps, type TableColumnSwitcherProps, TableContainerContext, type TableContainerContextType, TableDataContext, type TableDataContextType, type TableDateFilter, type TableDatetimeFilter, TableDisplay, type TableDisplayProps, TableFilter, type TableFilterBaseProps, TableFilterButton, type TableFilterButtonProps, type TableFilterCategory, TableFilterContent, type TableFilterContentProps, TableFilterOperator, type TableFilterType, type TableFilterValue, type TableGenericFilter, TableHeader, TableHeaderContext, type TableHeaderContextType, type TableHeaderProps, type TableNumberFilter, TablePageSizeSelect, type TablePageSizeSelectProps, TablePagination, TablePaginationMenu, type TablePaginationMenuProps, type TablePaginationProps, type TableProps, TableProvider, type TableProviderProps, TableSortButton, type TableSortButtonProps, type TableTagsFilter, type TableTagsSingleFilter, type TableTextFilter, TableWithSelection, type TableWithSelectionProps, TableWithSelectionProvider, type TableWithSelectionProviderProps, TagIcon, type TagProps, TagsFilter, type TagsFilterParameter, type TagsFilterProps, type TagsFilterValue, TagsSingleFilter, type TagsSingleFilterParameter, type TagsSingleFilterProps, type TagsSingleFilterValue, TextFilter, type TextFilterParameter, type TextFilterProps, type TextFilterValue, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaUncontrolled, TextareaWithHeadline, type TextareaWithHeadlineProps, type ThemeConfig, ThemeContext, ThemeDialog, ThemeProvider, type ThemeProviderProps, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerMinuteIncrement, type TimePickerProps, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, Tooltip, type TooltipConfig, type TooltipProps, Transition, type TransitionState, type TransitionWrapperProps, type UnBoundedRange, type UseAnchoredPositionOptions, type UseAnchoredPostitionProps, type UseCreateFormProps, type UseCreateFormResult, type UseDelayOptions, type UseDelayOptionsResolved, type UseFocusTrapProps, type UseFormFieldOptions, type UseFormFieldParameter, type UseFormObserverKeyProps, type UseFormObserverProps, type UseOutsideClickHandlers, type UseOutsideClickOptions, type UseOutsideClickProps, type UseOverlayRegistryProps, type UseOverlayRegistryResult, type UsePresenceRefProps, type UseSearchProps, UseValidators, type UserFormFieldProps, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, YearMonthPickerUncontrolled, addDuration, builder, changeDuration, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, filterBoolean, filterDate, filterDatetime, filterGeneric, filterNumber, filterTags, filterTagsSingle, filterText, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, isTableFilterCategory, match, mergeProps, noop, range, resolveSetState, subtractDuration, toSizeVars, useAnchoredPosition, useControlledState, useCreateForm, useDelay, useDialogContext, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useFormObserver, useFormObserverKey, useHandleRefs, useHightideConfig, useHightideTranslation, useHoverState, useICUTranslation, useIsMounted, useLanguage, useLocalStorage, useLocale, useLogOnce, useLogUnstableDependencies, useOutsideClick, useOverlayRegistry, useOverwritableState, usePopUpContext, usePresenceRef, useRerender, useResizeCallbackWrapper, useSearch, useSelectContext, useTabContext, useTableColumnDefinitionContext, useTableContainerContext, useTableDataContext, useTableHeaderContext, useTheme, useTransitionState, useTranslatedValidators, validateEmail, writeToClipboard };
|
|
2864
|
+
export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, ArrayUtil, AutoColumnOrderFeature, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type BackgroundOverlayProps, type BagFunction, type BagFunctionOrNode, type BagFunctionOrValue, BagFunctionUtil, BooleanFilter, type BooleanFilterParameter, type BooleanFilterProps, type BooleanFilterValue, BreadCrumbGroup, BreadCrumbLink, type BreadCrumbLinkProps, type BreadCrumbProps, BreadCrumbs, Button, type ButtonColor, type ButtonProps, ButtonUtil, Carousel, type CarouselProps, CarouselSlide, type CarouselSlideProps, Checkbox, CheckboxProperty, type CheckboxPropertyProps, type CheckboxProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, type ColumnSizeCalculatoProps, ColumnSizeUtil, ColumnSizingWithTargetFeature, ConfirmDialog, type ConfirmDialogProps, type ConfirmDialogType, type ControlledStateProps, CopyToClipboardWrapper, type CopyToClipboardWrapperProps, type Crumb, DateFilter, type DateFilterParameter, type DateFilterProps, type DateFilterValue, DatePicker, type DatePickerProps, DateProperty, type DatePropertyProps, DateTimeInput, type DateTimeInputProps, DateTimePicker, DateTimePickerDialog, type DateTimePickerDialogProps, type DateTimePickerMode, type DateTimePickerProps, DateUtils, DatetimeFilter, type DatetimeFilterParameter, type DatetimeFilterProps, type DatetimeFilterValue, DayPicker, type DayPickerProps, type DeepPartial, Dialog, DialogContext, type DialogContextType, type DialogOpenerPassingProps, DialogOpenerWrapper, type DialogOpenerWrapperBag, type DialogOpenerWrapperProps, type DialogPosition, type DialogProps, DialogRoot, type DialogRootProps, type Direction, DiscardChangesDialog, DividerInserter, type DividerInserterProps, Drawer, type DrawerAligment, DrawerCloseButton, type DrawerCloseButtonProps, DrawerContent, type DrawerContentProps, DrawerContext, type DrawerContextType, type DrawerProps, DrawerRoot, type DrawerRootProps, Duration, type DurationJSON, type EaseFunction, EaseFunctions, type EditCompleteOptions, type EditCompleteOptionsResolved, type ElementHandle, ErrorComponent, type ErrorComponentProps, type Exact, Expandable, ExpandableContent, type ExpandableContentProps, ExpandableHeader, type ExpandableHeaderProps, type ExpandableProps, ExpandableRoot, type ExpandableRootProps, ExpansionIcon, type ExpansionIconProps, type FAQItem, FAQSection, type FAQSectionProps, FillerCell, type FillerCellProps, type FloatingElementAlignment, FocusTrap, type FocusTrapProps, FocusTrapWrapper, type FocusTrapWrapperProps, FormContext, type FormContextType, type FormEvent, type FormEventListener, FormField, type FormFieldAriaAttributes, type FormFieldBag, type FormFieldDataHandling, type FormFieldFocusableElementProps, type FormFieldInteractionStates, FormFieldLayout, type FormFieldLayoutBag, type FormFieldLayoutIds, type FormFieldLayoutProps, type FormFieldProps, type FormFieldResult, FormObserver, FormObserverKey, type FormObserverKeyProps, type FormObserverKeyResult, type FormObserverProps, type FormObserverResult, FormProvider, type FormProviderProps, FormStore, type FormStoreProps, type FormValidationBehaviour, type FormValidator, type FormValue, GenericFilter, type GenericFilterParameter, type GenericFilterProps, type GenericFilterValue, HelpwaveBadge, type HelpwaveBadgeProps, HelpwaveLogo, type HelpwaveProps, type HighlightStartPositionBehavior, type HightideConfig, HightideConfigContext, HightideConfigProvider, type HightideConfigProviderProps, HightideProvider, type HightideTranslationEntries, type HightideTranslationLocales, IconButton, IconButtonBase, type IconButtonBaseProps, type IconButtonProps, InfiniteScroll, type InfiniteScrollProps, Input, InputDialog, type InputModalProps, type InputProps, InsideLabelInput, LanguageDialog, LanguageSelect, ListBox, ListBoxItem, type ListBoxItemProps, ListBoxMultiple, type ListBoxMultipleProps, ListBoxPrimitive, type ListBoxPrimitiveProps, type ListBoxProps, LoadingAndErrorComponent, type LoadingAndErrorComponentProps, LoadingAnimation, type LoadingAnimationProps, type LoadingComponentProps, LoadingContainer, LocaleContext, type LocaleContextValue, LocaleProvider, type LocaleProviderProps, type LocalizationConfig, LocalizationUtil, LoopingArrayCalculator, MarkdownInterpreter, type MarkdownInterpreterProps, MathUtil, Menu, type MenuBag, MenuItem, type MenuItemProps, type MenuProps, type Month, MultiSearchWithMapping, MultiSelect, MultiSelectButton, type MultiSelectButtonProps, MultiSelectChipDisplay, MultiSelectChipDisplayButton, type MultiSelectChipDisplayProps, MultiSelectContent, type MultiSelectContentProps, MultiSelectOption, type MultiSelectOptionProps, MultiSelectProperty, type MultiSelectPropertyProps, type MultiSelectProps, MultiSelectRoot, type MultiSelectRootProps, MultiSubjectSearchWithMapping, Navigation, NavigationItemList, type NavigationItemListProps, type NavigationItemType, type NavigationProps, NumberFilter, type NumberFilterParameter, type NumberFilterProps, type NumberFilterValue, NumberProperty, type NumberPropertyProps, OperatorLabel, type OperatorLabelProps, type OverlayItem, OverlayRegistry, Pagination, type PaginationProps, PopUp, PopUpContext, type PopUpContextType, PopUpOpener, type PopUpOpenerBag, type PopUpOpenerProps, type PopUpProps, PopUpRoot, type PopUpRootProps, Portal, type PortalProps, ProgressIndicator, type ProgressIndicatorProps, PromiseUtils, PropertyBase, type PropertyBaseProps, type PropertyField, PropsUtil, type PropsWithBagFunction, type PropsWithBagFunctionOrChildren, type Range, type RangeOptions, type ResolvedTheme, ScrollPicker, type ScrollPickerProps, SearchBar, type SearchBarProps, Select, SelectButton, type SelectButtonProps, SelectContent, type SelectContentProps, SelectContext, type SelectIconAppearance, SelectOption, type SelectOptionProps, type SelectProps, SelectRoot, type SelectRootProps, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, type StepperState, StorageListener, type StorageSubscriber, type SuperSet, Switch, type SwitchProps, type TabContextType, type TabInfo, TabList, TabPanel, TabSwitcher, type TabSwitcherProps, TabView, Table, TableBody, type TableBooleanFilter, TableCell, type TableCellProps, TableColumn, TableColumnDefinitionContext, type TableColumnDefinitionContextType, type TableColumnProps, TableColumnSwitcher, TableColumnSwitcherPopUp, type TableColumnSwitcherPopUpProps, type TableColumnSwitcherProps, TableContainerContext, type TableContainerContextType, type TableDateFilter, type TableDatetimeFilter, TableDisplay, type TableDisplayProps, TableFilter, type TableFilterBaseProps, TableFilterButton, type TableFilterButtonProps, type TableFilterCategory, TableFilterContent, type TableFilterContentProps, TableFilterOperator, type TableFilterType, type TableFilterValue, type TableGenericFilter, TableHeader, type TableHeaderProps, type TableNumberFilter, TablePageSizeSelect, type TablePageSizeSelectProps, TablePagination, TablePaginationMenu, type TablePaginationMenuProps, type TablePaginationProps, type TableProps, TableProvider, type TableProviderProps, TableSortButton, type TableSortButtonProps, TableStateContext, type TableStateContextType, TableStateWithoutSizingContext, type TableStateWithoutSizingContextType, type TableTagsFilter, type TableTagsSingleFilter, type TableTextFilter, TableWithSelection, type TableWithSelectionProps, TableWithSelectionProvider, type TableWithSelectionProviderProps, TagIcon, type TagProps, TagsFilter, type TagsFilterParameter, type TagsFilterProps, type TagsFilterValue, TagsSingleFilter, type TagsSingleFilterParameter, type TagsSingleFilterProps, type TagsSingleFilterValue, TextFilter, type TextFilterParameter, type TextFilterProps, type TextFilterValue, TextImage, type TextImageProps, TextProperty, type TextPropertyProps, Textarea, type TextareaProps, TextareaWithHeadline, type TextareaWithHeadlineProps, type ThemeConfig, ThemeContext, ThemeDialog, type ThemeDialogProps, ThemeIcon, type ThemeIconProps, ThemeProvider, type ThemeProviderProps, ThemeSelect, type ThemeSelectProps, type ThemeType, ThemeUtil, TimeDisplay, TimePicker, type TimePickerMinuteIncrement, type TimePickerProps, ToggleableInput, Tooltip, type TooltipConfig, TooltipContext, type TooltipContextType, TooltipDisplay, type TooltipDisplayProps, type TooltipProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerBag, type TooltipTriggerContextValue, type TooltipTriggerProps, Transition, type TransitionState, type TransitionWrapperProps, type UnBoundedRange, type UseAnchoredPositionOptions, type UseAnchoredPostitionProps, type UseCreateFormProps, type UseCreateFormResult, type UseDelayOptions, type UseDelayOptionsResolved, type UseFocusTrapProps, type UseFormFieldOptions, type UseFormFieldParameter, type UseFormObserverKeyProps, type UseFormObserverProps, type UseOutsideClickHandlers, type UseOutsideClickOptions, type UseOutsideClickProps, type UseOverlayRegistryProps, type UseOverlayRegistryResult, type UsePresenceRefProps, type UseResizeObserverProps, type UseSearchProps, UseValidators, type UserFormFieldProps, type ValidatorError, type ValidatorResult, VerticalDivider, type VerticalDividerProps, Visibility, type VisibilityProps, type WeekDay, YearMonthPicker, type YearMonthPickerProps, addDuration, builder, changeDuration, closestMatch, createLoopingList, createLoopingListWithIndex, equalSizeGroups, filterBoolean, filterDate, filterDatetime, filterGeneric, filterNumber, filterTags, filterTagsSingle, filterText, formatDate, formatDateTime, getBetweenDuration, getNeighbours, getWeeksForCalenderMonth, hightideTranslation, hightideTranslationLocales, isInTimeSpan, isTableFilterCategory, match, mergeProps, noop, range, resolveSetState, subtractDuration, toSizeVars, useAnchoredPosition, useControlledState, useCreateForm, useDelay, useDialogContext, useDrawerContext, useEventCallbackStabilizer, useFocusGuards, useFocusManagement, useFocusOnceVisible, useFocusTrap, useForm, useFormField, useFormObserver, useFormObserverKey, useHandleRefs, useHightideConfig, useHightideTranslation, useICUTranslation, useIsMounted, useLanguage, useLocale, useLogOnce, useLogUnstableDependencies, useOutsideClick, useOverlayRegistry, useOverwritableState, usePopUpContext, usePresenceRef, useRerender, useResizeObserver, useScrollObserver, useSearch, useSelectContext, useStorage, useTabContext, useTableColumnDefinitionContext, useTableContainerContext, useTableStateContext, useTableStateWithoutSizingContext, useTheme, useTooltip, useTransitionState, useTranslatedValidators, useWindowResizeObserver, validateEmail, writeToClipboard };
|