@helpwave/hightide 0.7.0 → 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 +380 -523
- package/dist/index.d.ts +380 -523
- package/dist/index.js +3320 -3068
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3258 -2990
- 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,8 +1,8 @@
|
|
|
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 { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
|
|
3
|
+
import react__default, { HTMLAttributes, SVGProps, ReactNode, PropsWithChildren, RefObject, CSSProperties, Dispatch, SetStateAction, ButtonHTMLAttributes, InputHTMLAttributes, ComponentProps, TableHTMLAttributes, TextareaHTMLAttributes, LabelHTMLAttributes } from 'react';
|
|
5
4
|
import { TableFeature, ColumnDef, Table as Table$1, InitialTableState, Row, TableState, TableOptions, RowData, FilterFn, RowSelectionState, RowModel, Column, SortDirection, ColumnSizingState } from '@tanstack/react-table';
|
|
5
|
+
import { Translation, TranslationEntries, PartialTranslationExtension } from '@helpwave/internationalization';
|
|
6
6
|
import Link from 'next/link';
|
|
7
7
|
|
|
8
8
|
type Size = 'sm' | 'md' | 'lg';
|
|
@@ -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;
|
|
@@ -471,41 +435,19 @@ type DividerInserterProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
|
|
|
471
435
|
*
|
|
472
436
|
* undefined elements are removed
|
|
473
437
|
*/
|
|
474
|
-
declare const DividerInserter: ({ children, divider,
|
|
475
|
-
|
|
476
|
-
type DrawerAligment = 'left' | 'right' | 'bottom' | 'top';
|
|
477
|
-
type DrawerProps = HTMLAttributes<HTMLDivElement> & {
|
|
478
|
-
isOpen: boolean;
|
|
479
|
-
alignment: DrawerAligment;
|
|
480
|
-
titleElement: ReactNode;
|
|
481
|
-
description: ReactNode;
|
|
482
|
-
isAnimated?: boolean;
|
|
483
|
-
containerClassName?: string;
|
|
484
|
-
backgroundClassName?: string;
|
|
485
|
-
onClose: () => void;
|
|
486
|
-
forceMount?: boolean;
|
|
487
|
-
};
|
|
488
|
-
declare const Drawer: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
489
|
-
isOpen: boolean;
|
|
490
|
-
alignment: DrawerAligment;
|
|
491
|
-
titleElement: ReactNode;
|
|
492
|
-
description: ReactNode;
|
|
493
|
-
isAnimated?: boolean;
|
|
494
|
-
containerClassName?: string;
|
|
495
|
-
backgroundClassName?: string;
|
|
496
|
-
onClose: () => void;
|
|
497
|
-
forceMount?: boolean;
|
|
498
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
438
|
+
declare const DividerInserter: ({ children, divider, ...restProps }: DividerInserterProps) => react_jsx_runtime.JSX.Element;
|
|
499
439
|
|
|
500
440
|
type ExpandableRootProps = HTMLAttributes<HTMLDivElement> & {
|
|
501
441
|
isExpanded?: boolean;
|
|
502
442
|
onExpandedChange?: (isExpanded: boolean) => void;
|
|
443
|
+
isInitialExpanded?: boolean;
|
|
503
444
|
disabled?: boolean;
|
|
504
445
|
allowContainerToggle?: boolean;
|
|
505
446
|
};
|
|
506
447
|
declare const ExpandableRoot: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
507
448
|
isExpanded?: boolean;
|
|
508
449
|
onExpandedChange?: (isExpanded: boolean) => void;
|
|
450
|
+
isInitialExpanded?: boolean;
|
|
509
451
|
disabled?: boolean;
|
|
510
452
|
allowContainerToggle?: boolean;
|
|
511
453
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -521,46 +463,13 @@ type ExpandableContentProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
521
463
|
declare const ExpandableContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
522
464
|
forceMount?: boolean;
|
|
523
465
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
onChange?: (isExpanded: boolean) => void;
|
|
529
|
-
clickOnlyOnHeader?: boolean;
|
|
530
|
-
disabled?: boolean;
|
|
531
|
-
className?: string;
|
|
532
|
-
headerClassName?: string;
|
|
533
|
-
contentClassName?: string;
|
|
534
|
-
contentExpandedClassName?: string;
|
|
535
|
-
}>;
|
|
536
|
-
declare const Expandable: react.ForwardRefExoticComponent<{
|
|
537
|
-
id?: string;
|
|
538
|
-
label: ReactNode;
|
|
539
|
-
isExpanded?: boolean;
|
|
540
|
-
onChange?: (isExpanded: boolean) => void;
|
|
541
|
-
clickOnlyOnHeader?: boolean;
|
|
542
|
-
disabled?: boolean;
|
|
543
|
-
className?: string;
|
|
544
|
-
headerClassName?: string;
|
|
545
|
-
contentClassName?: string;
|
|
546
|
-
contentExpandedClassName?: string;
|
|
547
|
-
} & {
|
|
548
|
-
children?: ReactNode | undefined;
|
|
549
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
550
|
-
declare const ExpandableUncontrolled: react.ForwardRefExoticComponent<{
|
|
551
|
-
id?: string;
|
|
552
|
-
label: ReactNode;
|
|
553
|
-
isExpanded?: boolean;
|
|
554
|
-
onChange?: (isExpanded: boolean) => void;
|
|
555
|
-
clickOnlyOnHeader?: boolean;
|
|
556
|
-
disabled?: boolean;
|
|
557
|
-
className?: string;
|
|
558
|
-
headerClassName?: string;
|
|
559
|
-
contentClassName?: string;
|
|
466
|
+
interface ExpandableProps extends ExpandableRootProps {
|
|
467
|
+
trigger: ReactNode;
|
|
468
|
+
triggerProps?: Omit<ExpandableHeaderProps, 'children'>;
|
|
469
|
+
contentProps?: Omit<ExpandableContentProps, 'children'>;
|
|
560
470
|
contentExpandedClassName?: string;
|
|
561
|
-
}
|
|
562
|
-
|
|
563
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
471
|
+
}
|
|
472
|
+
declare const Expandable: react.ForwardRefExoticComponent<ExpandableProps & react.RefAttributes<HTMLDivElement>>;
|
|
564
473
|
|
|
565
474
|
type FAQItem = Pick<ExpandableProps, 'isExpanded' | 'className'> & {
|
|
566
475
|
title: string;
|
|
@@ -601,6 +510,7 @@ declare const ListBoxItem: react__default.ForwardRefExoticComponent<HTMLAttribut
|
|
|
601
510
|
type ListBoxOrientation = 'vertical' | 'horizontal';
|
|
602
511
|
type ListBoxPrimitiveProps = HTMLAttributes<HTMLUListElement> & {
|
|
603
512
|
value?: string[];
|
|
513
|
+
initialValue?: string[];
|
|
604
514
|
onItemClicked?: (value: string) => void;
|
|
605
515
|
onSelectionChanged?: (value: string[]) => void;
|
|
606
516
|
isSelection?: boolean;
|
|
@@ -609,6 +519,7 @@ type ListBoxPrimitiveProps = HTMLAttributes<HTMLUListElement> & {
|
|
|
609
519
|
};
|
|
610
520
|
declare const ListBoxPrimitive: react__default.ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & {
|
|
611
521
|
value?: string[];
|
|
522
|
+
initialValue?: string[];
|
|
612
523
|
onItemClicked?: (value: string) => void;
|
|
613
524
|
onSelectionChanged?: (value: string[]) => void;
|
|
614
525
|
isSelection?: boolean;
|
|
@@ -617,8 +528,6 @@ declare const ListBoxPrimitive: react__default.ForwardRefExoticComponent<HTMLAtt
|
|
|
617
528
|
} & react__default.RefAttributes<HTMLUListElement>>;
|
|
618
529
|
type ListBoxMultipleProps = Omit<ListBoxPrimitiveProps, 'isMultiple'>;
|
|
619
530
|
declare const ListBoxMultiple: ({ ...props }: ListBoxMultipleProps) => react_jsx_runtime.JSX.Element;
|
|
620
|
-
type ListBoxMultipleUncontrolledProps = ListBoxMultipleProps;
|
|
621
|
-
declare const ListBoxMultipleUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxMultipleUncontrolledProps) => react_jsx_runtime.JSX.Element;
|
|
622
531
|
type ListBoxProps = Omit<ListBoxPrimitiveProps, 'isMultiple' | 'value' | 'onSelectionChanged'> & {
|
|
623
532
|
value?: string;
|
|
624
533
|
onSelectionChanged?: (value: string) => void;
|
|
@@ -627,8 +536,6 @@ declare const ListBox: react__default.ForwardRefExoticComponent<Omit<ListBoxPrim
|
|
|
627
536
|
value?: string;
|
|
628
537
|
onSelectionChanged?: (value: string) => void;
|
|
629
538
|
} & react__default.RefAttributes<HTMLUListElement>>;
|
|
630
|
-
type ListBoxUncontrolledProps = ListBoxProps;
|
|
631
|
-
declare const ListBoxUncontrolled: ({ value: initialValue, onSelectionChanged, ...props }: ListBoxUncontrolledProps) => react_jsx_runtime.JSX.Element;
|
|
632
539
|
|
|
633
540
|
type ASTNodeModifierType = 'none' | 'italic' | 'bold' | 'underline' | 'font-space' | 'primary' | 'secondary' | 'warn' | 'positive' | 'negative';
|
|
634
541
|
declare const astNodeInserterType: readonly ["helpwave", "newline"];
|
|
@@ -659,6 +566,8 @@ interface TabInfo {
|
|
|
659
566
|
id: string;
|
|
660
567
|
labelId: string;
|
|
661
568
|
label: ReactNode;
|
|
569
|
+
disabled?: boolean;
|
|
570
|
+
ref: RefObject<HTMLElement>;
|
|
662
571
|
}
|
|
663
572
|
type PortalState = {
|
|
664
573
|
id: string;
|
|
@@ -668,8 +577,7 @@ interface TabContextType {
|
|
|
668
577
|
tabs: {
|
|
669
578
|
activeId: string | null;
|
|
670
579
|
setActiveId: Dispatch<SetStateAction<string | null>>;
|
|
671
|
-
|
|
672
|
-
unregister: (id: string) => void;
|
|
580
|
+
subscribe: (info: TabInfo) => () => void;
|
|
673
581
|
info?: TabInfo[];
|
|
674
582
|
};
|
|
675
583
|
portal: {
|
|
@@ -685,10 +593,12 @@ type TabListProps = HTMLAttributes<HTMLUListElement>;
|
|
|
685
593
|
declare function TabList({ ...props }: TabListProps): react_jsx_runtime.JSX.Element;
|
|
686
594
|
type TabViewProps = HTMLAttributes<HTMLDivElement>;
|
|
687
595
|
declare function TabView({ ...props }: TabViewProps): react_jsx_runtime.JSX.Element;
|
|
688
|
-
type
|
|
596
|
+
type TabPanelProps = HTMLAttributes<HTMLDivElement> & {
|
|
689
597
|
label: string;
|
|
598
|
+
forceMount?: boolean;
|
|
599
|
+
disabled?: boolean;
|
|
690
600
|
};
|
|
691
|
-
declare function TabPanel({ label, ...props }:
|
|
601
|
+
declare function TabPanel({ label, forceMount, disabled, ...props }: TabPanelProps): react_jsx_runtime.JSX.Element;
|
|
692
602
|
|
|
693
603
|
type TextImageColor = 'primary' | 'secondary' | 'dark';
|
|
694
604
|
type TextImageProps = {
|
|
@@ -803,7 +713,6 @@ declare function DialogRoot({ children, isOpen: controlledIsOpen, onIsOpenChange
|
|
|
803
713
|
*/
|
|
804
714
|
type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | null;
|
|
805
715
|
type ButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | null;
|
|
806
|
-
type ButtonLayout = 'icon' | 'default' | null;
|
|
807
716
|
declare const buttonColorsList: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
|
|
808
717
|
/**
|
|
809
718
|
* The allowed colors for the Button
|
|
@@ -820,7 +729,6 @@ type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
820
729
|
* @default 'medium'
|
|
821
730
|
*/
|
|
822
731
|
size?: ButtonSize;
|
|
823
|
-
layout?: ButtonLayout;
|
|
824
732
|
color?: ButtonColor;
|
|
825
733
|
/**
|
|
826
734
|
* @default 'solid'
|
|
@@ -836,7 +744,6 @@ declare const Button: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLB
|
|
|
836
744
|
* @default 'medium'
|
|
837
745
|
*/
|
|
838
746
|
size?: ButtonSize;
|
|
839
|
-
layout?: ButtonLayout;
|
|
840
747
|
color?: ButtonColor;
|
|
841
748
|
/**
|
|
842
749
|
* @default 'solid'
|
|
@@ -898,6 +805,7 @@ type EditCompleteOptionsResolved = {
|
|
|
898
805
|
type EditCompleteOptions = Partial<EditCompleteOptionsResolved>;
|
|
899
806
|
type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
900
807
|
editCompleteOptions?: EditCompleteOptions;
|
|
808
|
+
initialValue?: string;
|
|
901
809
|
};
|
|
902
810
|
/**
|
|
903
811
|
* A Component for inputting text or other information
|
|
@@ -906,14 +814,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value'> & Partial
|
|
|
906
814
|
*/
|
|
907
815
|
declare const Input: react__default.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
908
816
|
editCompleteOptions?: EditCompleteOptions;
|
|
909
|
-
|
|
910
|
-
/**
|
|
911
|
-
* A Component for inputting text or other information
|
|
912
|
-
*
|
|
913
|
-
* Its state is managed by the component itself
|
|
914
|
-
*/
|
|
915
|
-
declare const InputUncontrolled: react__default.ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
916
|
-
editCompleteOptions?: EditCompleteOptions;
|
|
817
|
+
initialValue?: string;
|
|
917
818
|
} & react__default.RefAttributes<HTMLInputElement>>;
|
|
918
819
|
|
|
919
820
|
type InputModalProps = ConfirmDialogProps & {
|
|
@@ -924,6 +825,162 @@ type InputModalProps = ConfirmDialogProps & {
|
|
|
924
825
|
*/
|
|
925
826
|
declare const InputDialog: ({ inputs, buttonOverwrites, ...props }: InputModalProps) => react_jsx_runtime.JSX.Element;
|
|
926
827
|
|
|
828
|
+
type RegisteredOption = {
|
|
829
|
+
value: string;
|
|
830
|
+
label: ReactNode;
|
|
831
|
+
disabled: boolean;
|
|
832
|
+
ref: React.RefObject<HTMLLIElement>;
|
|
833
|
+
};
|
|
834
|
+
type HighlightStartPositionBehavior = 'first' | 'last';
|
|
835
|
+
type SelectIconAppearance = 'left' | 'right' | 'none';
|
|
836
|
+
type InternalSelectContextState = {
|
|
837
|
+
isOpen: boolean;
|
|
838
|
+
options: RegisteredOption[];
|
|
839
|
+
highlightedValue?: string;
|
|
840
|
+
};
|
|
841
|
+
type SelectContextIds = {
|
|
842
|
+
trigger: string;
|
|
843
|
+
content: string;
|
|
844
|
+
};
|
|
845
|
+
type SelectContextState = InternalSelectContextState & FormFieldInteractionStates & {
|
|
846
|
+
value: string[];
|
|
847
|
+
selectedOptions: RegisteredOption[];
|
|
848
|
+
};
|
|
849
|
+
type SelectConfiguration = {
|
|
850
|
+
isMultiSelect: boolean;
|
|
851
|
+
iconAppearance: SelectIconAppearance;
|
|
852
|
+
};
|
|
853
|
+
type ToggleOpenOptions = {
|
|
854
|
+
highlightStartPositionBehavior?: HighlightStartPositionBehavior;
|
|
855
|
+
};
|
|
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
|
+
};
|
|
874
|
+
};
|
|
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;
|
|
882
|
+
};
|
|
883
|
+
type SelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string>> & {
|
|
884
|
+
initialValue?: string;
|
|
885
|
+
};
|
|
886
|
+
declare const SelectRoot: ({ value, onValueChange, onEditComplete, ...props }: SelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
887
|
+
type MultiSelectRootProps = SharedSelectRootProps & Partial<FormFieldDataHandling<string[]>> & {
|
|
888
|
+
initialValue?: string[];
|
|
889
|
+
};
|
|
890
|
+
declare const MultiSelectRoot: ({ value, onValueChange, initialValue, onEditComplete, ...props }: MultiSelectRootProps) => react_jsx_runtime.JSX.Element;
|
|
891
|
+
|
|
892
|
+
type UseFocusTrapProps = {
|
|
893
|
+
container: RefObject<HTMLElement>;
|
|
894
|
+
active: boolean;
|
|
895
|
+
initialFocus?: RefObject<HTMLElement>;
|
|
896
|
+
};
|
|
897
|
+
declare const useFocusTrap: ({ container, active, initialFocus, }: UseFocusTrapProps) => void;
|
|
898
|
+
|
|
899
|
+
interface UseOutsideClickOptions {
|
|
900
|
+
refs: RefObject<HTMLElement>[];
|
|
901
|
+
active?: boolean;
|
|
902
|
+
}
|
|
903
|
+
interface UseOutsideClickHandlers {
|
|
904
|
+
onOutsideClick: (event: MouseEvent | TouchEvent) => void;
|
|
905
|
+
}
|
|
906
|
+
interface UseOutsideClickProps extends UseOutsideClickOptions, UseOutsideClickHandlers {
|
|
907
|
+
}
|
|
908
|
+
declare const useOutsideClick: ({ refs, onOutsideClick, active }: UseOutsideClickProps) => void;
|
|
909
|
+
|
|
910
|
+
interface PopUpProps extends AnchoredFloatingContainerProps, Partial<UseOutsideClickHandlers> {
|
|
911
|
+
isOpen?: boolean;
|
|
912
|
+
focusTrapOptions?: Omit<UseFocusTrapProps, 'container'>;
|
|
913
|
+
outsideClickOptions?: UseOutsideClickOptions;
|
|
914
|
+
onClose?: () => void;
|
|
915
|
+
forceMount?: boolean;
|
|
916
|
+
anchorExcludedFromOutsideClick?: boolean;
|
|
917
|
+
}
|
|
918
|
+
declare const PopUp: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLDivElement>>;
|
|
919
|
+
|
|
920
|
+
type SelectOptionProps = Omit<HTMLAttributes<HTMLLIElement>, 'children'> & {
|
|
921
|
+
value: string;
|
|
922
|
+
disabled?: boolean;
|
|
923
|
+
iconAppearance?: SelectIconAppearance;
|
|
924
|
+
children?: ReactNode;
|
|
925
|
+
};
|
|
926
|
+
declare const SelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
|
|
927
|
+
value: string;
|
|
928
|
+
disabled?: boolean;
|
|
929
|
+
iconAppearance?: SelectIconAppearance;
|
|
930
|
+
children?: ReactNode;
|
|
931
|
+
} & react.RefAttributes<HTMLLIElement>>;
|
|
932
|
+
type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
933
|
+
placeholder?: ReactNode;
|
|
934
|
+
selectedDisplay?: (value: string[]) => ReactNode;
|
|
935
|
+
hideExpansionIcon?: boolean;
|
|
936
|
+
};
|
|
937
|
+
declare const SelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
938
|
+
placeholder?: ReactNode;
|
|
939
|
+
selectedDisplay?: (value: string[]) => ReactNode;
|
|
940
|
+
hideExpansionIcon?: boolean;
|
|
941
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
942
|
+
type SelectContentProps = PopUpProps;
|
|
943
|
+
declare const SelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
|
|
944
|
+
type MultiSelectOptionProps = SelectOptionProps;
|
|
945
|
+
declare const MultiSelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
|
|
946
|
+
value: string;
|
|
947
|
+
disabled?: boolean;
|
|
948
|
+
iconAppearance?: SelectIconAppearance;
|
|
949
|
+
children?: ReactNode;
|
|
950
|
+
} & react.RefAttributes<HTMLLIElement>>;
|
|
951
|
+
type MultiSelectContentProps = SelectContentProps;
|
|
952
|
+
declare const MultiSelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
|
|
953
|
+
type MultiSelectButtonProps = SelectButtonProps;
|
|
954
|
+
declare const MultiSelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
955
|
+
placeholder?: ReactNode;
|
|
956
|
+
selectedDisplay?: (value: string[]) => ReactNode;
|
|
957
|
+
hideExpansionIcon?: boolean;
|
|
958
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
959
|
+
|
|
960
|
+
type SelectProps = SelectRootProps & {
|
|
961
|
+
contentPanelProps?: SelectContentProps;
|
|
962
|
+
buttonProps?: Omit<SelectButtonProps, 'selectedDisplay'> & {
|
|
963
|
+
selectedDisplay?: (value: string) => ReactNode;
|
|
964
|
+
};
|
|
965
|
+
};
|
|
966
|
+
declare const Select: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
|
|
967
|
+
children?: ReactNode | undefined;
|
|
968
|
+
} & {
|
|
969
|
+
id?: string;
|
|
970
|
+
initialIsOpen?: boolean;
|
|
971
|
+
iconAppearance?: SelectIconAppearance;
|
|
972
|
+
onClose?: () => void;
|
|
973
|
+
} & Partial<FormFieldDataHandling<string>> & {
|
|
974
|
+
initialValue?: string;
|
|
975
|
+
} & {
|
|
976
|
+
contentPanelProps?: SelectContentProps;
|
|
977
|
+
buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
|
|
978
|
+
selectedDisplay?: (value: string) => ReactNode;
|
|
979
|
+
};
|
|
980
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
981
|
+
|
|
982
|
+
type LanguageSelectProps = Omit<SelectProps, 'value'>;
|
|
983
|
+
declare const LanguageSelect: ({ ...props }: LanguageSelectProps) => react_jsx_runtime.JSX.Element;
|
|
927
984
|
type LanguageDialogProps = Omit<DialogProps, 'titleElement' | 'description'> & PropsWithChildren<{
|
|
928
985
|
titleOverwrite?: ReactNode;
|
|
929
986
|
descriptionOverwrite?: ReactNode;
|
|
@@ -1147,8 +1204,10 @@ type HightideTranslationEntries = {
|
|
|
1147
1204
|
'time.nanosecond': (values: {
|
|
1148
1205
|
count: number;
|
|
1149
1206
|
}) => string;
|
|
1207
|
+
'time.nextMonth': string;
|
|
1150
1208
|
'time.november': string;
|
|
1151
1209
|
'time.october': string;
|
|
1210
|
+
'time.previousMonth': string;
|
|
1152
1211
|
'time.second': (values: {
|
|
1153
1212
|
count: number;
|
|
1154
1213
|
}) => string;
|
|
@@ -1249,187 +1308,163 @@ type ThemeProviderProps = PropsWithChildren & Partial<ThemeConfig> & {
|
|
|
1249
1308
|
declare const ThemeProvider: ({ children, theme, initialTheme }: ThemeProviderProps) => react_jsx_runtime.JSX.Element;
|
|
1250
1309
|
declare const useTheme: () => ThemeContextType;
|
|
1251
1310
|
|
|
1252
|
-
|
|
1253
|
-
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
};
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
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> & {
|
|
1261
1330
|
isOpen: boolean;
|
|
1262
|
-
|
|
1263
|
-
|
|
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;
|
|
1264
1340
|
};
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
}
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
toggleSelection: (value: string, isSelected?: boolean) => void;
|
|
1289
|
-
highlightItem: (value: string) => void;
|
|
1290
|
-
moveHighlightedIndex: (delta: number) => void;
|
|
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;
|
|
1291
1364
|
};
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1365
|
+
}
|
|
1366
|
+
interface TooltipContextType {
|
|
1367
|
+
tooltip: {
|
|
1368
|
+
id: string;
|
|
1369
|
+
setId: (id: string) => void;
|
|
1297
1370
|
};
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
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;
|
|
1311
1411
|
|
|
1312
|
-
|
|
1313
|
-
|
|
1314
|
-
|
|
1315
|
-
|
|
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> {
|
|
1316
1418
|
/**
|
|
1317
|
-
*
|
|
1318
|
-
*
|
|
1319
|
-
* Focuses the container instead
|
|
1419
|
+
* @default 'medium'
|
|
1320
1420
|
*/
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
active?: boolean;
|
|
1328
|
-
}
|
|
1329
|
-
interface UseOutsideClickHandlers {
|
|
1330
|
-
onOutsideClick: (event: MouseEvent | TouchEvent) => void;
|
|
1421
|
+
size?: IconButtonSize;
|
|
1422
|
+
/**
|
|
1423
|
+
* @default 'solid'
|
|
1424
|
+
*/
|
|
1425
|
+
coloringStyle?: IconButtonColoringStyle;
|
|
1426
|
+
allowClickEventPropagation?: boolean;
|
|
1331
1427
|
}
|
|
1332
|
-
|
|
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'>;
|
|
1333
1433
|
}
|
|
1334
|
-
|
|
1434
|
+
/**
|
|
1435
|
+
* A icon button with a tooltip
|
|
1436
|
+
*/
|
|
1437
|
+
declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1335
1438
|
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
focusTrapOptions?: Omit<UseFocusTrapProps, 'container'>;
|
|
1339
|
-
outsideClickOptions?: UseOutsideClickOptions;
|
|
1340
|
-
onClose?: () => void;
|
|
1341
|
-
forceMount?: boolean;
|
|
1342
|
-
anchorExcludedFromOutsideClick?: boolean;
|
|
1343
|
-
}
|
|
1344
|
-
declare const PopUp: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLDivElement>>;
|
|
1439
|
+
type DrawerCloseButtonProps = IconButtonProps;
|
|
1440
|
+
declare function DrawerCloseButton({ tooltip, onClick, ...props }: DrawerCloseButtonProps): react_jsx_runtime.JSX.Element;
|
|
1345
1441
|
|
|
1346
|
-
type
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
};
|
|
1352
|
-
declare const SelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
|
|
1353
|
-
value: string;
|
|
1354
|
-
disabled?: boolean;
|
|
1355
|
-
iconAppearance?: SelectIconAppearance;
|
|
1356
|
-
children?: ReactNode;
|
|
1357
|
-
} & react.RefAttributes<HTMLLIElement>>;
|
|
1358
|
-
type SelectButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1359
|
-
placeholder?: ReactNode;
|
|
1360
|
-
selectedDisplay?: (value: string[]) => ReactNode;
|
|
1442
|
+
type DrawerContentProps = HTMLAttributes<HTMLDivElement> & {
|
|
1443
|
+
alignment: DrawerAligment;
|
|
1444
|
+
containerClassName?: string;
|
|
1445
|
+
backgroundClassName?: string;
|
|
1446
|
+
forceMount?: boolean;
|
|
1361
1447
|
};
|
|
1362
|
-
declare const
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
type MultiSelectOptionProps = SelectOptionProps;
|
|
1369
|
-
declare const MultiSelectOption: react.ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLLIElement>, "children"> & {
|
|
1370
|
-
value: string;
|
|
1371
|
-
disabled?: boolean;
|
|
1372
|
-
iconAppearance?: SelectIconAppearance;
|
|
1373
|
-
children?: ReactNode;
|
|
1374
|
-
} & react.RefAttributes<HTMLLIElement>>;
|
|
1375
|
-
type MultiSelectContentProps = SelectContentProps;
|
|
1376
|
-
declare const MultiSelectContent: react.ForwardRefExoticComponent<PopUpProps & react.RefAttributes<HTMLUListElement>>;
|
|
1377
|
-
type MultiSelectButtonProps = SelectButtonProps;
|
|
1378
|
-
declare const MultiSelectButton: react.ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
1379
|
-
placeholder?: ReactNode;
|
|
1380
|
-
selectedDisplay?: (value: string[]) => ReactNode;
|
|
1381
|
-
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1448
|
+
declare const DrawerContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
1449
|
+
alignment: DrawerAligment;
|
|
1450
|
+
containerClassName?: string;
|
|
1451
|
+
backgroundClassName?: string;
|
|
1452
|
+
forceMount?: boolean;
|
|
1453
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1382
1454
|
|
|
1383
|
-
type
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
selectedDisplay?: (value: string) => ReactNode;
|
|
1387
|
-
};
|
|
1455
|
+
type DrawerContextType = {
|
|
1456
|
+
isOpen: boolean;
|
|
1457
|
+
setOpen: Dispatch<SetStateAction<boolean>>;
|
|
1388
1458
|
};
|
|
1389
|
-
declare const
|
|
1390
|
-
|
|
1391
|
-
} & {
|
|
1392
|
-
id?: string;
|
|
1393
|
-
initialIsOpen?: boolean;
|
|
1394
|
-
iconAppearance?: SelectIconAppearance;
|
|
1395
|
-
onClose?: () => void;
|
|
1396
|
-
} & Partial<FormFieldDataHandling<string>> & {
|
|
1397
|
-
contentPanelProps?: SelectContentProps;
|
|
1398
|
-
buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
|
|
1399
|
-
selectedDisplay?: (value: string) => ReactNode;
|
|
1400
|
-
};
|
|
1401
|
-
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1402
|
-
type SelectUncontrolledProps = SelectProps;
|
|
1403
|
-
declare const SelectUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
|
|
1404
|
-
children?: ReactNode | undefined;
|
|
1405
|
-
} & {
|
|
1406
|
-
id?: string;
|
|
1407
|
-
initialIsOpen?: boolean;
|
|
1408
|
-
iconAppearance?: SelectIconAppearance;
|
|
1409
|
-
onClose?: () => void;
|
|
1410
|
-
} & Partial<FormFieldDataHandling<string>> & {
|
|
1411
|
-
contentPanelProps?: SelectContentProps;
|
|
1412
|
-
buttonProps?: Omit<SelectButtonProps, "selectedDisplay"> & {
|
|
1413
|
-
selectedDisplay?: (value: string) => ReactNode;
|
|
1414
|
-
};
|
|
1415
|
-
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1459
|
+
declare const DrawerContext: react.Context<DrawerContextType>;
|
|
1460
|
+
declare function useDrawerContext(): DrawerContextType;
|
|
1416
1461
|
|
|
1417
|
-
interface
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1421
|
-
type ThemeSelectProps = Omit<SelectProps, 'value'>;
|
|
1422
|
-
declare const ThemeSelect: ({ ...props }: ThemeSelectProps) => react_jsx_runtime.JSX.Element;
|
|
1423
|
-
interface ThemeDialogProps extends Omit<DialogProps, 'titleElement' | 'description'> {
|
|
1424
|
-
titleOverwrite?: ReactNode;
|
|
1425
|
-
descriptionOverwrite?: ReactNode;
|
|
1462
|
+
interface DrawerRootProps extends PropsWithChildren {
|
|
1463
|
+
isOpen?: boolean;
|
|
1464
|
+
onIsOpenChange?: (isOpen: boolean) => void;
|
|
1465
|
+
initialIsOpen?: boolean;
|
|
1426
1466
|
}
|
|
1427
|
-
|
|
1428
|
-
* A Dialog for selecting the Theme
|
|
1429
|
-
*
|
|
1430
|
-
* The State of open needs to be managed by the parent
|
|
1431
|
-
*/
|
|
1432
|
-
declare const ThemeDialog: ({ onClose, titleOverwrite, descriptionOverwrite, ...props }: PropsWithChildren<ThemeDialogProps>) => react_jsx_runtime.JSX.Element;
|
|
1467
|
+
declare function DrawerRoot({ children, isOpen: controlledIsOpen, onIsOpenChange, initialIsOpen, }: DrawerRootProps): react_jsx_runtime.JSX.Element;
|
|
1433
1468
|
|
|
1434
1469
|
type ErrorComponentProps = {
|
|
1435
1470
|
errorText?: string;
|
|
@@ -1459,11 +1494,9 @@ declare const LoadingAndErrorComponent: ({ children, isLoading, hasError, loadin
|
|
|
1459
1494
|
type LoadingAnimationProps = {
|
|
1460
1495
|
loadingText?: string;
|
|
1461
1496
|
classname?: string;
|
|
1497
|
+
animationDuration?: number;
|
|
1462
1498
|
};
|
|
1463
|
-
|
|
1464
|
-
* A Component to show when loading data
|
|
1465
|
-
*/
|
|
1466
|
-
declare const LoadingAnimation: ({ loadingText, classname }: LoadingAnimationProps) => react_jsx_runtime.JSX.Element;
|
|
1499
|
+
declare const LoadingAnimation: ({ loadingText, classname, animationDuration }: LoadingAnimationProps) => react_jsx_runtime.JSX.Element;
|
|
1467
1500
|
|
|
1468
1501
|
type LoadingComponentProps = {
|
|
1469
1502
|
className?: string;
|
|
@@ -1523,9 +1556,10 @@ type StepperState = {
|
|
|
1523
1556
|
};
|
|
1524
1557
|
type StepperBarProps = {
|
|
1525
1558
|
state?: StepperState;
|
|
1559
|
+
initialState?: StepperState;
|
|
1560
|
+
onStateChange: (state: StepperState) => void;
|
|
1526
1561
|
numberOfSteps: number;
|
|
1527
1562
|
disabledSteps?: Set<number>;
|
|
1528
|
-
onChange: (state: StepperState) => void;
|
|
1529
1563
|
onFinish: () => void;
|
|
1530
1564
|
finishText?: string;
|
|
1531
1565
|
showDots?: boolean;
|
|
@@ -1534,8 +1568,7 @@ type StepperBarProps = {
|
|
|
1534
1568
|
/**
|
|
1535
1569
|
* A Component for stepping
|
|
1536
1570
|
*/
|
|
1537
|
-
declare const StepperBar: ({ state, numberOfSteps, disabledSteps,
|
|
1538
|
-
declare const StepperBarUncontrolled: ({ state, onChange, ...props }: StepperBarProps) => react_jsx_runtime.JSX.Element;
|
|
1571
|
+
declare const StepperBar: ({ state: controlledState, initialState, numberOfSteps, disabledSteps, onStateChange, onFinish, finishText, showDots, className, }: StepperBarProps) => react_jsx_runtime.JSX.Element;
|
|
1539
1572
|
|
|
1540
1573
|
type PopUpContextType = {
|
|
1541
1574
|
isOpen: boolean;
|
|
@@ -1881,100 +1914,6 @@ interface TableFilterContentProps extends TableFilterBaseProps<TableFilterValue>
|
|
|
1881
1914
|
}
|
|
1882
1915
|
declare const TableFilterContent: ({ filterType, ...props }: TableFilterContentProps) => react_jsx_runtime.JSX.Element;
|
|
1883
1916
|
|
|
1884
|
-
interface TooltipTriggerContextValue {
|
|
1885
|
-
ref: RefObject<HTMLElement>;
|
|
1886
|
-
callbackRef: (el: HTMLElement | null) => void;
|
|
1887
|
-
props: {
|
|
1888
|
-
'onPointerEnter': () => void;
|
|
1889
|
-
'onPointerLeave': () => void;
|
|
1890
|
-
'onPointerCancel': () => void;
|
|
1891
|
-
'onClick': () => void;
|
|
1892
|
-
'onFocus': () => void;
|
|
1893
|
-
'onBlur': () => void;
|
|
1894
|
-
'aria-describedby'?: string;
|
|
1895
|
-
};
|
|
1896
|
-
}
|
|
1897
|
-
interface TooltipContextType {
|
|
1898
|
-
tooltip: {
|
|
1899
|
-
id: string;
|
|
1900
|
-
setId: (id: string) => void;
|
|
1901
|
-
};
|
|
1902
|
-
trigger: TooltipTriggerContextValue;
|
|
1903
|
-
disabled: boolean;
|
|
1904
|
-
isShown: boolean;
|
|
1905
|
-
open: () => void;
|
|
1906
|
-
close: () => void;
|
|
1907
|
-
}
|
|
1908
|
-
declare const TooltipContext: react.Context<TooltipContextType>;
|
|
1909
|
-
declare const useTooltip: () => TooltipContextType;
|
|
1910
|
-
interface TooltipRootProps extends PropsWithChildren {
|
|
1911
|
-
isInitiallyShown?: boolean;
|
|
1912
|
-
appearDelay?: number;
|
|
1913
|
-
disabled?: boolean;
|
|
1914
|
-
}
|
|
1915
|
-
declare const TooltipRoot: ({ children, isInitiallyShown, appearDelay: appearOverwrite, disabled, }: TooltipRootProps) => react_jsx_runtime.JSX.Element;
|
|
1916
|
-
type TooltipAligment = 'top' | 'bottom' | 'left' | 'right';
|
|
1917
|
-
interface TooltipDisplayProps extends Omit<AnchoredFloatingContainerProps, 'options'>, Partial<TooltipConfig> {
|
|
1918
|
-
alignment?: TooltipAligment;
|
|
1919
|
-
disabled?: boolean;
|
|
1920
|
-
isShown?: boolean;
|
|
1921
|
-
options?: Omit<UseAnchoredPositionOptions, 'verticalAlignment' | 'horizontalAlignment'>;
|
|
1922
|
-
}
|
|
1923
|
-
declare const TooltipDisplay: react.ForwardRefExoticComponent<TooltipDisplayProps & react.RefAttributes<HTMLDivElement>>;
|
|
1924
|
-
interface TooltipTriggerBag extends TooltipTriggerContextValue {
|
|
1925
|
-
disabled: boolean;
|
|
1926
|
-
isShown: boolean;
|
|
1927
|
-
}
|
|
1928
|
-
interface TooltipTriggerProps {
|
|
1929
|
-
children: (bag: TooltipTriggerBag) => ReactNode;
|
|
1930
|
-
}
|
|
1931
|
-
declare const TooltipTrigger: ({ children, }: TooltipTriggerProps) => ReactNode;
|
|
1932
|
-
interface TooltipProps extends TooltipRootProps, Pick<TooltipDisplayProps, 'alignment' | 'disabled' | 'isAnimated'> {
|
|
1933
|
-
tooltip: ReactNode;
|
|
1934
|
-
tooltipClassName?: string;
|
|
1935
|
-
containerClassName?: string;
|
|
1936
|
-
}
|
|
1937
|
-
/**
|
|
1938
|
-
* A Component for showing a tooltip when hovering over Content
|
|
1939
|
-
*/
|
|
1940
|
-
declare const Tooltip: ({ tooltip, children, isInitiallyShown, appearDelay, disabled, containerClassName, alignment, isAnimated, }: TooltipProps) => react_jsx_runtime.JSX.Element;
|
|
1941
|
-
|
|
1942
|
-
/**
|
|
1943
|
-
* The different sizes for a icon button
|
|
1944
|
-
*/
|
|
1945
|
-
type IconButtonSize = 'xs' | 'sm' | 'md' | 'lg' | null;
|
|
1946
|
-
type IconButtonColoringStyle = 'outline' | 'solid' | 'text' | 'tonal' | null;
|
|
1947
|
-
declare const iconButtonColorsList: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
|
|
1948
|
-
/**
|
|
1949
|
-
* The allowed colors for the Button
|
|
1950
|
-
*/
|
|
1951
|
-
type IconButtonColor = typeof iconButtonColorsList[number] | null;
|
|
1952
|
-
declare const IconButtonUtil: {
|
|
1953
|
-
colors: readonly ["primary", "secondary", "positive", "warning", "negative", "neutral"];
|
|
1954
|
-
};
|
|
1955
|
-
interface IconButtonBaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1956
|
-
/**
|
|
1957
|
-
* @default 'medium'
|
|
1958
|
-
*/
|
|
1959
|
-
size?: IconButtonSize;
|
|
1960
|
-
color?: IconButtonColor;
|
|
1961
|
-
/**
|
|
1962
|
-
* @default 'solid'
|
|
1963
|
-
*/
|
|
1964
|
-
coloringStyle?: IconButtonColoringStyle;
|
|
1965
|
-
allowClickEventPropagation?: boolean;
|
|
1966
|
-
}
|
|
1967
|
-
declare const IconButtonBase: react.ForwardRefExoticComponent<IconButtonBaseProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1968
|
-
interface IconButtonProps extends IconButtonBaseProps {
|
|
1969
|
-
useTooltipAsLabel?: boolean;
|
|
1970
|
-
tooltip?: ReactNode;
|
|
1971
|
-
tooltipProps?: Omit<TooltipDisplayProps, 'children' | 'isShown'>;
|
|
1972
|
-
}
|
|
1973
|
-
/**
|
|
1974
|
-
* A icon button with a tooltip
|
|
1975
|
-
*/
|
|
1976
|
-
declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1977
|
-
|
|
1978
1917
|
type SortingIndexDisplay = {
|
|
1979
1918
|
index: number;
|
|
1980
1919
|
sortingsCount: number;
|
|
@@ -2012,6 +1951,7 @@ declare const ColumnSizeUtil: {
|
|
|
2012
1951
|
|
|
2013
1952
|
type CheckBoxSize = 'sm' | 'md' | 'lg' | null;
|
|
2014
1953
|
type CheckboxProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteractionStates> & Partial<FormFieldDataHandling<boolean>> & {
|
|
1954
|
+
initialValue?: boolean;
|
|
2015
1955
|
indeterminate?: boolean;
|
|
2016
1956
|
size?: CheckBoxSize;
|
|
2017
1957
|
alwaysShowCheckIcon?: boolean;
|
|
@@ -2021,40 +1961,15 @@ type CheckboxProps = HTMLAttributes<HTMLDivElement> & Partial<FormFieldInteracti
|
|
|
2021
1961
|
*
|
|
2022
1962
|
* The state is managed by the parent
|
|
2023
1963
|
*/
|
|
2024
|
-
declare const Checkbox: ({ value, indeterminate, required, invalid, disabled, readOnly, onValueChange, onEditComplete, size, alwaysShowCheckIcon, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
2025
|
-
type CheckboxUncontrolledProps = CheckboxProps;
|
|
2026
|
-
/**
|
|
2027
|
-
* A Tristate checkbox
|
|
2028
|
-
*
|
|
2029
|
-
* The state is managed by this component
|
|
2030
|
-
*/
|
|
2031
|
-
declare const CheckboxUncontrolled: ({ value: initialValue, onValueChange, ...props }: CheckboxUncontrolledProps) => react_jsx_runtime.JSX.Element;
|
|
1964
|
+
declare const Checkbox: ({ value: controlledValue, initialValue, indeterminate, required, invalid, disabled, readOnly, onValueChange, onEditComplete, size, alwaysShowCheckIcon, ...props }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
2032
1965
|
|
|
2033
|
-
|
|
2034
|
-
type CopyToClipboardWrapperProps = PropsWithChildren<{
|
|
1966
|
+
interface CopyToClipboardWrapperProps extends Omit<TooltipProps, 'tooltip'> {
|
|
2035
1967
|
textToCopy: string;
|
|
2036
|
-
|
|
2037
|
-
* Class names of additional styling properties for the tooltip
|
|
2038
|
-
*/
|
|
2039
|
-
tooltipClassName?: string;
|
|
2040
|
-
/**
|
|
2041
|
-
* Class names of additional styling properties for the container from which the tooltip will be created
|
|
2042
|
-
*/
|
|
2043
|
-
containerClassName?: string;
|
|
2044
|
-
position?: Position;
|
|
2045
|
-
zIndex?: number;
|
|
2046
|
-
}>;
|
|
1968
|
+
}
|
|
2047
1969
|
/**
|
|
2048
1970
|
* A Component for showing a tooltip when hovering over Content
|
|
2049
|
-
* @param tooltip The tooltip to show can be a text or any ReactNode
|
|
2050
|
-
* @param children The Content for which the tooltip should be created
|
|
2051
|
-
* @param tooltipClassName Additional ClassNames for the Container of the tooltip
|
|
2052
|
-
* @param containerClassName Additional ClassNames for the Container holding the content
|
|
2053
|
-
* @param position The direction of the tooltip relative to the Container
|
|
2054
|
-
* @param zIndex The z Index of the tooltip (you may require this when stacking modal)
|
|
2055
|
-
* @constructor
|
|
2056
1971
|
*/
|
|
2057
|
-
declare const CopyToClipboardWrapper: ({ children, textToCopy,
|
|
1972
|
+
declare const CopyToClipboardWrapper: ({ children, textToCopy, isInitiallyShown, appearDelay, disabled, containerClassName, alignment, isAnimated, ...props }: CopyToClipboardWrapperProps) => react_jsx_runtime.JSX.Element;
|
|
2058
1973
|
|
|
2059
1974
|
type MenuItemProps = {
|
|
2060
1975
|
onClick?: () => void;
|
|
@@ -2071,13 +1986,12 @@ type MenuBag = {
|
|
|
2071
1986
|
interface MenuProps extends Omit<PopUpProps, 'children' | 'anchor'> {
|
|
2072
1987
|
children: (bag: MenuBag) => ReactNode | ReactNode;
|
|
2073
1988
|
trigger: (bag: MenuBag, ref: (el: HTMLElement | null) => void) => ReactNode;
|
|
2074
|
-
showOnHover?: boolean;
|
|
2075
1989
|
disabled?: boolean;
|
|
2076
1990
|
}
|
|
2077
1991
|
/**
|
|
2078
1992
|
* A Menu Component to allow the user to see different functions
|
|
2079
1993
|
*/
|
|
2080
|
-
declare const Menu: ({ trigger, children,
|
|
1994
|
+
declare const Menu: ({ trigger, children, disabled, ...props }: MenuProps) => react_jsx_runtime.JSX.Element;
|
|
2081
1995
|
|
|
2082
1996
|
type ScrollPickerProps<T> = {
|
|
2083
1997
|
options: T[];
|
|
@@ -2091,7 +2005,18 @@ type ScrollPickerProps<T> = {
|
|
|
2091
2005
|
*/
|
|
2092
2006
|
declare const ScrollPicker: <T>({ options, mapping, selected, onChange, disabled, }: ScrollPickerProps<T>) => react_jsx_runtime.JSX.Element;
|
|
2093
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
|
+
|
|
2094
2018
|
type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
2019
|
+
initialValue?: string;
|
|
2095
2020
|
saveDelayOptions?: UseDelayOptions;
|
|
2096
2021
|
};
|
|
2097
2022
|
/**
|
|
@@ -2100,12 +2025,9 @@ type TextareaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'value'>
|
|
|
2100
2025
|
* The State is managed by the parent
|
|
2101
2026
|
*/
|
|
2102
2027
|
declare const Textarea: react.ForwardRefExoticComponent<Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
2028
|
+
initialValue?: string;
|
|
2103
2029
|
saveDelayOptions?: UseDelayOptions;
|
|
2104
2030
|
} & react.RefAttributes<HTMLTextAreaElement>>;
|
|
2105
|
-
/**
|
|
2106
|
-
* A Textarea component that is not controlled by its parent
|
|
2107
|
-
*/
|
|
2108
|
-
declare const TextareaUncontrolled: ({ value: initialValue, onValueChange, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
|
|
2109
2031
|
type TextareaWithHeadlineProps = Omit<TextareaProps, 'defaultStyle'> & {
|
|
2110
2032
|
headline: ReactNode;
|
|
2111
2033
|
headlineProps: Omit<LabelHTMLAttributes<HTMLLabelElement>, 'children'>;
|
|
@@ -2171,7 +2093,10 @@ declare const DateUtils: {
|
|
|
2171
2093
|
};
|
|
2172
2094
|
|
|
2173
2095
|
type DayPickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
2174
|
-
|
|
2096
|
+
initialValue?: Date;
|
|
2097
|
+
displayedMonth?: Date;
|
|
2098
|
+
changeDisplayedMonth?: (date: Date) => void;
|
|
2099
|
+
initialDisplayedMonth?: Date;
|
|
2175
2100
|
start?: Date;
|
|
2176
2101
|
end?: Date;
|
|
2177
2102
|
weekStart?: WeekDay;
|
|
@@ -2181,19 +2106,19 @@ type DayPickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
|
2181
2106
|
/**
|
|
2182
2107
|
* A component for selecting a day of a month
|
|
2183
2108
|
*/
|
|
2184
|
-
declare const DayPicker: ({ displayedMonth, value, start: providedStart, end: providedEnd, onValueChange, onEditComplete, weekStart, markToday, className }: DayPickerProps) => react_jsx_runtime.JSX.Element;
|
|
2185
|
-
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;
|
|
2186
2110
|
|
|
2187
2111
|
type YearMonthPickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
2112
|
+
initialValue?: Date;
|
|
2188
2113
|
start?: Date;
|
|
2189
2114
|
end?: Date;
|
|
2190
2115
|
className?: string;
|
|
2191
2116
|
};
|
|
2192
|
-
declare const YearMonthPicker: ({ value, start, end, onValueChange, onEditComplete, className, }: YearMonthPickerProps) => react_jsx_runtime.JSX.Element;
|
|
2193
|
-
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;
|
|
2194
2118
|
|
|
2195
2119
|
type DisplayMode = 'yearMonth' | 'day';
|
|
2196
2120
|
type DatePickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
2121
|
+
initialValue?: Date;
|
|
2197
2122
|
start?: Date;
|
|
2198
2123
|
end?: Date;
|
|
2199
2124
|
initialDisplay?: DisplayMode;
|
|
@@ -2205,23 +2130,20 @@ type DatePickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
|
2205
2130
|
/**
|
|
2206
2131
|
* A Component for picking a date
|
|
2207
2132
|
*/
|
|
2208
|
-
declare const DatePicker: ({ value, start, end, initialDisplay, weekStart, onValueChange, onEditComplete, yearMonthPickerProps, dayPickerProps, className }: DatePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2209
|
-
/**
|
|
2210
|
-
* Example for the Date Picker
|
|
2211
|
-
*/
|
|
2212
|
-
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;
|
|
2213
2134
|
|
|
2214
2135
|
type TimePickerMinuteIncrement = '1min' | '5min' | '10min' | '15min' | '30min';
|
|
2215
2136
|
type TimePickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
2137
|
+
initialValue?: Date;
|
|
2216
2138
|
is24HourFormat?: boolean;
|
|
2217
2139
|
minuteIncrement?: TimePickerMinuteIncrement;
|
|
2218
2140
|
className?: string;
|
|
2219
2141
|
};
|
|
2220
|
-
declare const TimePicker: ({ value, onValueChange, onEditComplete, is24HourFormat, minuteIncrement, className, }: TimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2221
|
-
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;
|
|
2222
2143
|
|
|
2223
2144
|
type DateTimePickerMode = 'date' | 'time' | 'dateTime';
|
|
2224
2145
|
type DateTimePickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
2146
|
+
initialValue?: Date;
|
|
2225
2147
|
mode?: DateTimePickerMode;
|
|
2226
2148
|
start?: Date;
|
|
2227
2149
|
end?: Date;
|
|
@@ -2235,18 +2157,10 @@ type DateTimePickerProps = Partial<FormFieldDataHandling<Date>> & {
|
|
|
2235
2157
|
/**
|
|
2236
2158
|
* A Component for picking a Date and Time
|
|
2237
2159
|
*/
|
|
2238
|
-
declare const DateTimePicker: ({ value, start, end, mode, is24HourFormat, minuteIncrement, weekStart, onValueChange, onEditComplete, timePickerProps, datePickerProps, }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2239
|
-
declare const DateTimePickerUncontrolled: ({ value: initialValue, onValueChange, ...props }: DateTimePickerProps) => react_jsx_runtime.JSX.Element;
|
|
2240
|
-
|
|
2241
|
-
interface ControlledStateProps<T> {
|
|
2242
|
-
value?: T;
|
|
2243
|
-
onValueChange?: (value: T) => void;
|
|
2244
|
-
defaultValue?: T;
|
|
2245
|
-
isControlled?: boolean;
|
|
2246
|
-
}
|
|
2247
|
-
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;
|
|
2248
2161
|
|
|
2249
|
-
interface DateTimePickerDialogProps extends
|
|
2162
|
+
interface DateTimePickerDialogProps extends Partial<FormFieldDataHandling<Date | null>> {
|
|
2163
|
+
initialValue?: Date | null;
|
|
2250
2164
|
allowRemove?: boolean;
|
|
2251
2165
|
onEditComplete?: (value: Date | null) => void;
|
|
2252
2166
|
pickerProps: Omit<DateTimePickerProps, 'value' | 'onValueChange' | 'onEditComplete'>;
|
|
@@ -2254,7 +2168,7 @@ interface DateTimePickerDialogProps extends ControlledStateProps<Date | null> {
|
|
|
2254
2168
|
label?: ReactNode;
|
|
2255
2169
|
labelId?: string;
|
|
2256
2170
|
}
|
|
2257
|
-
declare const DateTimePickerDialog: ({
|
|
2171
|
+
declare const DateTimePickerDialog: ({ initialValue, value, allowRemove, onValueChange, onEditComplete, mode, pickerProps, labelId, label, }: DateTimePickerDialogProps) => react_jsx_runtime.JSX.Element;
|
|
2258
2172
|
|
|
2259
2173
|
type TimeDisplayMode = 'daysFromToday' | 'date';
|
|
2260
2174
|
type TimeDisplayProps = {
|
|
@@ -2266,20 +2180,18 @@ type TimeDisplayProps = {
|
|
|
2266
2180
|
*/
|
|
2267
2181
|
declare const TimeDisplay: ({ date, mode }: TimeDisplayProps) => react_jsx_runtime.JSX.Element;
|
|
2268
2182
|
|
|
2269
|
-
interface DateTimeInputProps extends Partial<FormFieldInteractionStates>,
|
|
2183
|
+
interface DateTimeInputProps extends Partial<FormFieldInteractionStates>, Omit<ButtonHTMLAttributes<HTMLDivElement>, 'defaultValue' | 'value'>, Partial<FormFieldDataHandling<Date | null>> {
|
|
2184
|
+
initialValue?: Date | null;
|
|
2270
2185
|
placeholder?: ReactNode;
|
|
2271
2186
|
allowRemove?: boolean;
|
|
2272
2187
|
mode?: 'date' | 'dateTime';
|
|
2273
2188
|
containerProps?: HTMLAttributes<HTMLDivElement>;
|
|
2274
|
-
pickerProps?: Omit<DateTimePickerProps, keyof FormFieldDataHandling<Date> | 'mode'>;
|
|
2189
|
+
pickerProps?: Omit<DateTimePickerProps, keyof FormFieldDataHandling<Date> | 'mode' | 'initialValue'>;
|
|
2275
2190
|
outsideClickCloses?: boolean;
|
|
2276
2191
|
onDialogOpeningChange?: (isOpen: boolean) => void;
|
|
2277
2192
|
}
|
|
2278
2193
|
declare const DateTimeInput: react.ForwardRefExoticComponent<DateTimeInputProps & react.RefAttributes<HTMLDivElement>>;
|
|
2279
2194
|
|
|
2280
|
-
type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' | 'placeholder'> & {
|
|
2281
|
-
label: ReactNode;
|
|
2282
|
-
};
|
|
2283
2195
|
/**
|
|
2284
2196
|
* Text input component with a label inside the input that moves up when editing
|
|
2285
2197
|
*
|
|
@@ -2288,7 +2200,6 @@ type InsideLabelInputProps = Omit<InputProps, 'aria-label' | 'aria-labelledby' |
|
|
|
2288
2200
|
declare const InsideLabelInput: react.ForwardRefExoticComponent<Omit<InputProps, "aria-label" | "aria-labelledby" | "placeholder"> & {
|
|
2289
2201
|
label: ReactNode;
|
|
2290
2202
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
2291
|
-
declare const InsideLabelInputUncontrolled: ({ value: initialValue, ...props }: InsideLabelInputProps) => react_jsx_runtime.JSX.Element;
|
|
2292
2203
|
|
|
2293
2204
|
type SearchBarProps = Omit<InputProps, 'onValueChange' | 'onEditComplete'> & {
|
|
2294
2205
|
onValueChange?: (value: string) => void;
|
|
@@ -2296,12 +2207,8 @@ type SearchBarProps = Omit<InputProps, 'onValueChange' | 'onEditComplete'> & {
|
|
|
2296
2207
|
searchButtonProps?: Omit<IconButtonProps, 'onClick'>;
|
|
2297
2208
|
containerProps?: HTMLAttributes<HTMLDivElement>;
|
|
2298
2209
|
};
|
|
2299
|
-
declare const SearchBar: ({ value:
|
|
2210
|
+
declare const SearchBar: ({ value: controlledValue, initialValue, onValueChange, onSearch, searchButtonProps, containerProps, ...inputProps }: SearchBarProps) => react_jsx_runtime.JSX.Element;
|
|
2300
2211
|
|
|
2301
|
-
type ToggleableInputProps = InputProps & {
|
|
2302
|
-
initialState?: 'editing' | 'display';
|
|
2303
|
-
editCompleteOptions?: Omit<EditCompleteOptions, 'allowEnterComplete'>;
|
|
2304
|
-
};
|
|
2305
2212
|
/**
|
|
2306
2213
|
* A Text input component for inputting text. It changes appearance upon entering the edit mode and switches
|
|
2307
2214
|
* back to display mode on loss of focus or on enter
|
|
@@ -2310,11 +2217,11 @@ type ToggleableInputProps = InputProps & {
|
|
|
2310
2217
|
*/
|
|
2311
2218
|
declare const ToggleableInput: react.ForwardRefExoticComponent<Omit<react.InputHTMLAttributes<HTMLInputElement>, "value"> & Partial<FormFieldDataHandling<string>> & Partial<FormFieldInteractionStates> & {
|
|
2312
2219
|
editCompleteOptions?: EditCompleteOptions;
|
|
2220
|
+
initialValue?: string;
|
|
2313
2221
|
} & {
|
|
2314
2222
|
initialState?: "editing" | "display";
|
|
2315
2223
|
editCompleteOptions?: Omit<EditCompleteOptions, "allowEnterComplete">;
|
|
2316
2224
|
} & react.RefAttributes<HTMLInputElement>>;
|
|
2317
|
-
declare const ToggleableInputUncontrolled: ({ value: initialValue, onValueChange, ...restProps }: ToggleableInputProps) => react_jsx_runtime.JSX.Element;
|
|
2318
2225
|
|
|
2319
2226
|
type PropertyField<T> = {
|
|
2320
2227
|
name: string;
|
|
@@ -2401,17 +2308,8 @@ declare const MultiSelect: react.ForwardRefExoticComponent<Partial<FormFieldInte
|
|
|
2401
2308
|
iconAppearance?: SelectIconAppearance;
|
|
2402
2309
|
onClose?: () => void;
|
|
2403
2310
|
} & Partial<FormFieldDataHandling<string[]>> & {
|
|
2404
|
-
|
|
2405
|
-
buttonProps?: MultiSelectButtonProps;
|
|
2406
|
-
} & react.RefAttributes<HTMLButtonElement>>;
|
|
2407
|
-
declare const MultiSelectUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
|
|
2408
|
-
children?: react.ReactNode | undefined;
|
|
2311
|
+
initialValue?: string[];
|
|
2409
2312
|
} & {
|
|
2410
|
-
id?: string;
|
|
2411
|
-
initialIsOpen?: boolean;
|
|
2412
|
-
iconAppearance?: SelectIconAppearance;
|
|
2413
|
-
onClose?: () => void;
|
|
2414
|
-
} & Partial<FormFieldDataHandling<string[]>> & {
|
|
2415
2313
|
contentPanelProps?: MultiSelectContentProps;
|
|
2416
2314
|
buttonProps?: MultiSelectButtonProps;
|
|
2417
2315
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -2436,18 +2334,8 @@ declare const MultiSelectChipDisplay: react.ForwardRefExoticComponent<Partial<Fo
|
|
|
2436
2334
|
iconAppearance?: SelectIconAppearance;
|
|
2437
2335
|
onClose?: () => void;
|
|
2438
2336
|
} & Partial<FormFieldDataHandling<string[]>> & {
|
|
2439
|
-
|
|
2440
|
-
chipDisplayProps?: MultiSelectChipDisplayButtonProps;
|
|
2441
|
-
} & react.RefAttributes<HTMLDivElement>>;
|
|
2442
|
-
type MultiSelectChipDisplayUncontrolledProps = MultiSelectChipDisplayProps;
|
|
2443
|
-
declare const MultiSelectChipDisplayUncontrolled: react.ForwardRefExoticComponent<Partial<FormFieldInteractionStates> & {
|
|
2444
|
-
children?: ReactNode | undefined;
|
|
2337
|
+
initialValue?: string[];
|
|
2445
2338
|
} & {
|
|
2446
|
-
id?: string;
|
|
2447
|
-
initialIsOpen?: boolean;
|
|
2448
|
-
iconAppearance?: SelectIconAppearance;
|
|
2449
|
-
onClose?: () => void;
|
|
2450
|
-
} & Partial<FormFieldDataHandling<string[]>> & {
|
|
2451
2339
|
contentPanelProps?: MultiSelectContentProps;
|
|
2452
2340
|
chipDisplayProps?: MultiSelectChipDisplayButtonProps;
|
|
2453
2341
|
} & react.RefAttributes<HTMLDivElement>>;
|
|
@@ -2539,48 +2427,19 @@ declare const useFocusOnceVisible: (ref: RefObject<HTMLElement>, disable?: boole
|
|
|
2539
2427
|
|
|
2540
2428
|
declare const useIsMounted: () => boolean;
|
|
2541
2429
|
|
|
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>>];
|
|
2437
|
+
|
|
2438
|
+
declare function useEventCallbackStabilizer<T extends (...args: any[]) => any>(callback?: T): (...args: Parameters<T>) => ReturnType<T>;
|
|
2439
|
+
|
|
2542
2440
|
type ElementHandle = Record<string, HTMLElement | null>;
|
|
2543
2441
|
declare function useHandleRefs<T extends ElementHandle>(handleRef: RefObject<T>): RefObject<HTMLElement | null>[];
|
|
2544
2442
|
|
|
2545
|
-
type UseHoverStateProps = {
|
|
2546
|
-
/**
|
|
2547
|
-
* The delay after which the menu is closed in milliseconds
|
|
2548
|
-
*
|
|
2549
|
-
* default: 200ms
|
|
2550
|
-
*/
|
|
2551
|
-
closingDelay: number;
|
|
2552
|
-
/**
|
|
2553
|
-
* Whether the hover state management should be disabled
|
|
2554
|
-
*
|
|
2555
|
-
* default: false
|
|
2556
|
-
*/
|
|
2557
|
-
isDisabled: boolean;
|
|
2558
|
-
};
|
|
2559
|
-
type UseHoverStateReturnType = {
|
|
2560
|
-
/**
|
|
2561
|
-
* Whether the element is hovered
|
|
2562
|
-
*/
|
|
2563
|
-
isHovered: boolean;
|
|
2564
|
-
/**
|
|
2565
|
-
* Function to change the current hover status
|
|
2566
|
-
*/
|
|
2567
|
-
setIsHovered: Dispatch<SetStateAction<boolean>>;
|
|
2568
|
-
/**
|
|
2569
|
-
* Handlers to pass on to the component that should be hovered
|
|
2570
|
-
*/
|
|
2571
|
-
handlers: {
|
|
2572
|
-
onMouseEnter: () => void;
|
|
2573
|
-
onMouseLeave: () => void;
|
|
2574
|
-
};
|
|
2575
|
-
};
|
|
2576
|
-
/**
|
|
2577
|
-
* @param props See UseHoverStateProps
|
|
2578
|
-
*
|
|
2579
|
-
* A react hook for managing the hover state of a component. The handlers provided should be
|
|
2580
|
-
* forwarded to the component which should be hovered over
|
|
2581
|
-
*/
|
|
2582
|
-
declare const useHoverState: (props?: Partial<UseHoverStateProps> | undefined) => UseHoverStateReturnType;
|
|
2583
|
-
|
|
2584
2443
|
type OptionsResolved = {
|
|
2585
2444
|
type?: 'info' | 'error' | 'warning';
|
|
2586
2445
|
};
|
|
@@ -2899,7 +2758,6 @@ declare const PromiseUtils: {
|
|
|
2899
2758
|
};
|
|
2900
2759
|
|
|
2901
2760
|
declare function bool(isActive: boolean): string | undefined;
|
|
2902
|
-
declare function name(name: string, props?: Record<string, unknown>): string;
|
|
2903
2761
|
type InteractionStateDataAttributes = {
|
|
2904
2762
|
'data-disabled': string | undefined;
|
|
2905
2763
|
'data-invalid': string | undefined;
|
|
@@ -2939,7 +2797,6 @@ declare const PropsUtil: {
|
|
|
2939
2797
|
};
|
|
2940
2798
|
dataAttributes: {
|
|
2941
2799
|
bool: typeof bool;
|
|
2942
|
-
name: typeof name;
|
|
2943
2800
|
interactionStates: typeof interactionStatesData;
|
|
2944
2801
|
};
|
|
2945
2802
|
aria: {
|
|
@@ -3004,4 +2861,4 @@ declare const SimpleSearch: (search: string, objects: string[]) => string[];
|
|
|
3004
2861
|
|
|
3005
2862
|
declare const writeToClipboard: (text: string) => Promise<void>;
|
|
3006
2863
|
|
|
3007
|
-
export { ASTNodeInterpreter, type ASTNodeInterpreterProps, AnchoredFloatingContainer, type AnchoredFloatingContainerProps, AnimatedRing, type AnimatedRingProps, 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, CheckboxUncontrolled, type CheckboxUncontrolledProps, Chip, type ChipColor, ChipList, type ChipListProps, type ChipProps, ChipUtil, Circle, type CircleProps, 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, 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, IconButton, IconButtonBase, type IconButtonBaseProps, type IconButtonColor, type IconButtonProps, IconButtonUtil, 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, 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, type SharedSelectRootProps, SimpleSearch, SimpleSearchWithMapping, type SingleOrArray, SingleSelectProperty, type SingleSelectPropertyProps, StepperBar, type StepperBarProps, StepperBarUncontrolled, type StepperState, StorageListener, type StorageSubscriber, 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, 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, TextareaUncontrolled, 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, TimePickerUncontrolled, ToggleableInput, ToggleableInputUncontrolled, 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, 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, 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 };
|
|
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 };
|