@candidhealth/react-vitals 1.0.0-alpha.11 → 1.0.0-alpha.13
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 +55 -179
- package/dist/index.d.ts +55 -179
- package/dist/index.js +153 -257
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +151 -223
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -5,15 +5,13 @@ import { IconDefinition, SizeProp } from '@fortawesome/fontawesome-svg-core';
|
|
|
5
5
|
import { Placement } from '@floating-ui/react';
|
|
6
6
|
import { DatePickerProps as DatePickerProps$1 } from 'react-datepicker';
|
|
7
7
|
import * as react_hook_form from 'react-hook-form';
|
|
8
|
-
import { SubmitHandler,
|
|
9
|
-
export { ControllerRenderProps, Field, FieldArrayWithId, FieldError, FieldErrors, FieldPath, FieldValues, FormProvider, Path, UseControllerProps, UseControllerReturn, UseFieldArrayMove, UseFieldArrayProps, UseFieldArrayRemove, UseFieldArrayReturn, UseFieldArrayUpdate, UseFormGetValues, UseFormProps, UseFormReset, UseFormReturn, useController, useFieldArray, useFormContext, useFormState, useWatch } from 'react-hook-form';
|
|
8
|
+
import { SubmitHandler, UseFormProps, DefaultValues, FieldValues, FieldErrors, FieldPath, FieldError } from 'react-hook-form';
|
|
10
9
|
import { z } from 'zod';
|
|
11
10
|
import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
|
|
12
11
|
import { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps } from '@radix-ui/react-dropdown-menu';
|
|
13
12
|
import { DialogContentProps } from '@radix-ui/react-dialog';
|
|
14
13
|
import * as RadixTooltip from '@radix-ui/react-tooltip';
|
|
15
14
|
import { PhoneInputProps } from 'react-international-phone';
|
|
16
|
-
export { getCountry } from 'react-international-phone';
|
|
17
15
|
import * as RadixPopover from '@radix-ui/react-popover';
|
|
18
16
|
import * as RadixSwitch from '@radix-ui/react-switch';
|
|
19
17
|
import * as _tanstack_react_table from '@tanstack/react-table';
|
|
@@ -22,7 +20,6 @@ import { TabsContentProps } from '@radix-ui/react-tabs';
|
|
|
22
20
|
|
|
23
21
|
type AvatarVariant = "active" | "inactive";
|
|
24
22
|
type AvatarSize = "sm" | "md";
|
|
25
|
-
declare const getInitials: (name: string) => string;
|
|
26
23
|
type AvatarProps = ComponentPropsWithoutRef<"div"> & {
|
|
27
24
|
name: string;
|
|
28
25
|
variant?: AvatarVariant;
|
|
@@ -60,7 +57,6 @@ type Justify = "start" | "center" | "end" | "between" | "around";
|
|
|
60
57
|
type Soften = "left" | "right" | "both" | "none";
|
|
61
58
|
type Variant = "default" | "transparent" | "dark";
|
|
62
59
|
|
|
63
|
-
declare const linkStyles = "text-indigo-600 hover:underline active:text-indigo-400 focus:outline-indigo-400 focus:outline-offset-2";
|
|
64
60
|
type ButtonSize = Extract<Size, "xs" | "sm" | "md" | "lg">;
|
|
65
61
|
type ButtonIntent = Extract<Intent, "primary" | "default" | "danger"> | "error";
|
|
66
62
|
type ButtonRoundedness = "default" | "large";
|
|
@@ -74,7 +70,6 @@ type ButtonStyleProps = {
|
|
|
74
70
|
soften?: Soften;
|
|
75
71
|
roundedness?: ButtonRoundedness;
|
|
76
72
|
};
|
|
77
|
-
declare const buttonStyles: ({ fullWidth, size, intent, variant, soften, loading, roundedness, }: Omit<ButtonStyleProps, "disabled">) => string;
|
|
78
73
|
|
|
79
74
|
type ButtonProps = Simplify<ButtonStyleProps & React$1.ComponentPropsWithoutRef<"button">>;
|
|
80
75
|
declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -106,7 +101,7 @@ type FalsyValues = false | null | undefined | 0;
|
|
|
106
101
|
type ClassNameProps = {
|
|
107
102
|
className?: string;
|
|
108
103
|
};
|
|
109
|
-
type ChildrenProps
|
|
104
|
+
type ChildrenProps = PropsWithChildren<unknown>;
|
|
110
105
|
type DisabledProps = {
|
|
111
106
|
disabled?: boolean;
|
|
112
107
|
};
|
|
@@ -114,7 +109,7 @@ type StylesProps = {
|
|
|
114
109
|
styles?: string | FalsyValues;
|
|
115
110
|
};
|
|
116
111
|
type PropsWithClassName<T> = T & ClassNameProps;
|
|
117
|
-
type ErrorProps
|
|
112
|
+
type ErrorProps = {
|
|
118
113
|
hasError?: boolean;
|
|
119
114
|
errorNode?: ReactNode;
|
|
120
115
|
};
|
|
@@ -124,17 +119,13 @@ type AllAsNever<T> = {
|
|
|
124
119
|
|
|
125
120
|
type CardProps = {
|
|
126
121
|
onClick?: React__default.MouseEventHandler<HTMLDivElement>;
|
|
127
|
-
} & ClassNameProps & ChildrenProps
|
|
122
|
+
} & ClassNameProps & ChildrenProps;
|
|
128
123
|
declare const Card: React__default.ForwardRefExoticComponent<{
|
|
129
124
|
onClick?: React__default.MouseEventHandler<HTMLDivElement>;
|
|
130
125
|
} & ClassNameProps & {
|
|
131
126
|
children?: React__default.ReactNode | undefined;
|
|
132
127
|
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
133
128
|
|
|
134
|
-
type ErrorProps = {
|
|
135
|
-
hasError?: boolean;
|
|
136
|
-
errorNode?: React.ReactNode;
|
|
137
|
-
};
|
|
138
129
|
type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & ErrorProps;
|
|
139
130
|
declare const Checkbox: React$1.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & ErrorProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
140
131
|
declare const IndeterminateCheckbox: ({ indeterminate, ...rest }: {
|
|
@@ -176,7 +167,6 @@ type CopyEasyProps = {
|
|
|
176
167
|
};
|
|
177
168
|
declare const Copyable: ({ children, value, tooltip, onClick, asChild, className }: CopyEasyProps) => string | number | boolean | Iterable<React$1.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
|
|
178
169
|
|
|
179
|
-
declare const copyToClipboard: (value: string) => Promise<void>;
|
|
180
170
|
declare const useCopyable: () => {
|
|
181
171
|
state: "idle" | "copying" | "copied";
|
|
182
172
|
copy: (value: string | undefined, onClick?: () => void) => Promise<void>;
|
|
@@ -188,7 +178,7 @@ type DatePickerSharedProps = Pick<DatePickerProps$1, "inline" | "autoFocus" | "s
|
|
|
188
178
|
inputProps?: DatePickerInputProps;
|
|
189
179
|
placeholder?: string;
|
|
190
180
|
position?: Placement;
|
|
191
|
-
} & ErrorProps
|
|
181
|
+
} & ErrorProps;
|
|
192
182
|
|
|
193
183
|
type DatePickerRangeProps = DatePickerSharedProps & {
|
|
194
184
|
value: [Date | undefined, Date | undefined];
|
|
@@ -328,32 +318,6 @@ declare const UncontrolledField: {
|
|
|
328
318
|
displayName: string;
|
|
329
319
|
};
|
|
330
320
|
|
|
331
|
-
declare const getFieldError: <TFieldValues extends FieldValues>(errors: FieldErrors<TFieldValues> | undefined, name: FieldPath<TFieldValues> | undefined) => FieldError | undefined;
|
|
332
|
-
|
|
333
|
-
type InputSize = Extract<Size, "sm" | "md" | "lg">;
|
|
334
|
-
type InputVariants = "default" | "transparent";
|
|
335
|
-
type InputBoxStyleProps = {
|
|
336
|
-
size?: InputSize;
|
|
337
|
-
variant?: InputVariants;
|
|
338
|
-
hasError?: boolean;
|
|
339
|
-
hasWarning?: boolean;
|
|
340
|
-
hasSuccess?: boolean;
|
|
341
|
-
};
|
|
342
|
-
declare const inputBoxStyles: ({ size, variant, hasError, hasWarning, hasSuccess, }: InputBoxStyleProps) => string;
|
|
343
|
-
declare const inputStyles = "w-full text-gray-800 placeholder:text-placeholder disabled:text-placeholder";
|
|
344
|
-
|
|
345
|
-
type InputBoxProps = InputBoxStyleProps & {
|
|
346
|
-
children: React$1.ReactNode;
|
|
347
|
-
};
|
|
348
|
-
type InputBaseProps = React$1.ComponentPropsWithoutRef<"input">;
|
|
349
|
-
declare const NestedInput: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
350
|
-
type CompoundInputBox = React$1.ForwardRefExoticComponent<InputBoxProps & React$1.RefAttributes<HTMLLabelElement>> & {
|
|
351
|
-
Input: typeof NestedInput;
|
|
352
|
-
};
|
|
353
|
-
declare const InputBox: CompoundInputBox;
|
|
354
|
-
type InputProps = InputBoxStyleProps & InputBaseProps;
|
|
355
|
-
declare const Input: React$1.ForwardRefExoticComponent<InputBoxStyleProps & Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
356
|
-
|
|
357
321
|
type FormItemVariants = "none" | "stacked" | "side-by-side" | "inline";
|
|
358
322
|
type InfoTooltip = {
|
|
359
323
|
tooltip: string | undefined;
|
|
@@ -383,6 +347,30 @@ type SharedFormControlProps = StylesProps & {
|
|
|
383
347
|
};
|
|
384
348
|
type CommonSelectProps = "items" | "hideSearch" | "triggerPlaceholder" | "onChange" | "disabled";
|
|
385
349
|
|
|
350
|
+
declare const getFieldError: <TFieldValues extends FieldValues>(errors: FieldErrors<TFieldValues> | undefined, name: FieldPath<TFieldValues> | undefined) => FieldError | undefined;
|
|
351
|
+
|
|
352
|
+
type InputSize = Extract<Size, "sm" | "md" | "lg">;
|
|
353
|
+
type InputVariants = "default" | "transparent";
|
|
354
|
+
type InputBoxStyleProps = {
|
|
355
|
+
size?: InputSize;
|
|
356
|
+
variant?: InputVariants;
|
|
357
|
+
hasError?: boolean;
|
|
358
|
+
hasWarning?: boolean;
|
|
359
|
+
hasSuccess?: boolean;
|
|
360
|
+
};
|
|
361
|
+
|
|
362
|
+
type InputBoxProps = InputBoxStyleProps & {
|
|
363
|
+
children: React$1.ReactNode;
|
|
364
|
+
};
|
|
365
|
+
type InputBaseProps = React$1.ComponentPropsWithoutRef<"input">;
|
|
366
|
+
declare const NestedInput: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
367
|
+
type CompoundInputBox = React$1.ForwardRefExoticComponent<InputBoxProps & React$1.RefAttributes<HTMLLabelElement>> & {
|
|
368
|
+
Input: typeof NestedInput;
|
|
369
|
+
};
|
|
370
|
+
declare const InputBox: CompoundInputBox;
|
|
371
|
+
type InputProps = InputBoxStyleProps & InputBaseProps;
|
|
372
|
+
declare const Input: React$1.ForwardRefExoticComponent<InputBoxStyleProps & Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
373
|
+
|
|
386
374
|
type FormInputProps = SharedFormControlProps & SharedFormItemProps & Pick<UncontrolledFormFieldProps, "onChange" | "onBlur"> & Pick<InputProps, "placeholder" | "variant" | "prefix" | "type" | "step" | "autoFocus" | "min" | "max">;
|
|
387
375
|
declare const FormInput: ({ name, styles, layout, label, options, onChange, onBlur, disabled, ...rest }: FormInputProps) => react_jsx_runtime.JSX.Element;
|
|
388
376
|
|
|
@@ -617,7 +605,6 @@ type AsyncMultiSelectControlledProps<TValue extends SelectValue, TObj> = {
|
|
|
617
605
|
onChange: (value: TValue[] | undefined, objs: TObj[]) => void;
|
|
618
606
|
};
|
|
619
607
|
|
|
620
|
-
declare function useDebounce<T>(value: T, delay: number): T;
|
|
621
608
|
type ErrorOr<T> = {
|
|
622
609
|
error: true;
|
|
623
610
|
} | {
|
|
@@ -741,11 +728,7 @@ declare const FormSelect: <TValue extends SelectValue>({ name, styles, layout, l
|
|
|
741
728
|
type FormMultiSelectProps<TValue extends SelectValue> = SharedFormControlProps & SharedFormItemProps & Pick<MultiSelectProps<TValue>, CommonSelectProps | "allowCustomValues" | "minSelection" | "maxSelection">;
|
|
742
729
|
declare const FormMultiSelect: <TValue extends SelectValue>({ name, styles, layout, label, options, onChange, ...rest }: FormMultiSelectProps<TValue>) => react_jsx_runtime.JSX.Element;
|
|
743
730
|
|
|
744
|
-
type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & Simplify<ErrorProps
|
|
745
|
-
declare const TextAreaComp: React$1.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
746
|
-
hasError?: boolean | undefined;
|
|
747
|
-
errorNode?: React$1.ReactNode;
|
|
748
|
-
} & React$1.RefAttributes<HTMLTextAreaElement>>;
|
|
731
|
+
type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & Simplify<ErrorProps>;
|
|
749
732
|
declare const TextArea: React$1.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
750
733
|
hasError?: boolean | undefined;
|
|
751
734
|
errorNode?: React$1.ReactNode;
|
|
@@ -808,7 +791,6 @@ type PersistDrawerWidth = {
|
|
|
808
791
|
load: () => number | undefined;
|
|
809
792
|
save: (widthPct: number) => void;
|
|
810
793
|
};
|
|
811
|
-
declare const localStoragePersist: (key: string) => PersistDrawerWidth;
|
|
812
794
|
declare const useDrawerResize: ({ slider, drawer, isOpen, defaultSizePct, persistWidth }: UseDrawerResizeParams) => void;
|
|
813
795
|
|
|
814
796
|
declare const drawerSizes: {
|
|
@@ -852,7 +834,6 @@ type DrawerState = {
|
|
|
852
834
|
isOpen: boolean;
|
|
853
835
|
onClose: () => void;
|
|
854
836
|
};
|
|
855
|
-
declare const DrawerStateContext: React$1.Context<DrawerState>;
|
|
856
837
|
declare const useDrawer: () => DrawerState;
|
|
857
838
|
|
|
858
839
|
declare const DropdownChevron: () => react_jsx_runtime.JSX.Element;
|
|
@@ -894,13 +875,11 @@ type LabelStyleProps = {
|
|
|
894
875
|
intent?: LabelIntent;
|
|
895
876
|
size?: Size;
|
|
896
877
|
};
|
|
897
|
-
declare const labelStyles: ({ intent, size, variant }: LabelStyleProps) => string;
|
|
898
878
|
|
|
899
879
|
declare const Label: React$1.ForwardRefExoticComponent<{
|
|
900
880
|
children: React$1.ReactNode;
|
|
901
881
|
} & LabelStyleProps & React$1.RefAttributes<HTMLSpanElement>>;
|
|
902
882
|
|
|
903
|
-
declare const RESPONSIVE_PADDING = "px-4 md:px-8 lg:px-12 xl:px-16";
|
|
904
883
|
/**
|
|
905
884
|
The content container used across the app to get content centered, use consistent padding, and get whole page
|
|
906
885
|
scrolling to work cohesively.
|
|
@@ -951,8 +930,6 @@ type MenuItemWithToolTipProps = MenuItemProps & {
|
|
|
951
930
|
*/
|
|
952
931
|
tooltip?: React$1.ReactNode;
|
|
953
932
|
};
|
|
954
|
-
declare const MenuRoot: (props: DropdownMenuProps) => react_jsx_runtime.JSX.Element;
|
|
955
|
-
declare const MenuSeparator: () => react_jsx_runtime.JSX.Element;
|
|
956
933
|
type MenuProps = DropdownMenuProps & Pick<DropdownMenuContentProps, "align"> & {
|
|
957
934
|
trigger?: React$1.ReactNode;
|
|
958
935
|
triggerSize?: ButtonProps["size"];
|
|
@@ -994,10 +971,7 @@ type ModalContentProps = SoftDismissProps & {
|
|
|
994
971
|
overflowYClassName?: `overflow-y-${string}`;
|
|
995
972
|
};
|
|
996
973
|
|
|
997
|
-
type
|
|
998
|
-
children?: React$1.ReactNode;
|
|
999
|
-
};
|
|
1000
|
-
type ModalBodyImplProps$1 = {
|
|
974
|
+
type ModalBodyImplProps = {
|
|
1001
975
|
title?: React$1.ReactNode;
|
|
1002
976
|
error?: React$1.ReactNode;
|
|
1003
977
|
description?: React$1.ReactNode;
|
|
@@ -1030,16 +1004,16 @@ type DiscriminatedContentProps$1 = {
|
|
|
1030
1004
|
error?: never;
|
|
1031
1005
|
description?: never;
|
|
1032
1006
|
actions?: never;
|
|
1033
|
-
} | (ModalBodyImplProps
|
|
1007
|
+
} | (ModalBodyImplProps & {
|
|
1034
1008
|
children?: never;
|
|
1035
1009
|
content?: React$1.ReactNode;
|
|
1036
1010
|
});
|
|
1037
|
-
type ModalProps
|
|
1011
|
+
type ModalProps = DiscriminatedVisibilityProps & ModalContentBaseProps & ModalContentProps & DiscriminatedContentProps$1 & {
|
|
1038
1012
|
trigger?: React$1.ReactNode;
|
|
1039
1013
|
};
|
|
1040
1014
|
declare const Modal: {
|
|
1041
|
-
({ children, trigger, isOpen, onClose, onOpenChange, content, title, error, description, actions, ...rest }: ModalProps
|
|
1042
|
-
Body: ({ children, title, error, description, actions, showX, }: ModalBodyImplProps
|
|
1015
|
+
({ children, trigger, isOpen, onClose, onOpenChange, content, title, error, description, actions, ...rest }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
1016
|
+
Body: ({ children, title, error, description, actions, showX, }: ModalBodyImplProps & ChildrenProps) => react_jsx_runtime.JSX.Element;
|
|
1043
1017
|
TriggerButton: (props: undefined) => react_jsx_runtime.JSX.Element;
|
|
1044
1018
|
CloseButton: (props: undefined) => react_jsx_runtime.JSX.Element;
|
|
1045
1019
|
};
|
|
@@ -1052,22 +1026,19 @@ type FullscreenModalHeaderProps = {
|
|
|
1052
1026
|
className?: string;
|
|
1053
1027
|
};
|
|
1054
1028
|
|
|
1055
|
-
type
|
|
1029
|
+
type FullscreenModalProps = DiscriminatedVisibilityProps & ModalContentBaseProps & {
|
|
1056
1030
|
trigger?: React$1.ReactNode;
|
|
1057
1031
|
fullscreen?: boolean;
|
|
1058
1032
|
title?: React$1.ReactNode;
|
|
1059
1033
|
showX?: boolean;
|
|
1060
1034
|
};
|
|
1061
|
-
declare const FullscreenModalNamespace: React$1.ForwardRefExoticComponent<
|
|
1035
|
+
declare const FullscreenModalNamespace: React$1.ForwardRefExoticComponent<FullscreenModalProps & React$1.RefAttributes<HTMLDivElement>> & {
|
|
1062
1036
|
TriggerButton: (props: undefined) => react_jsx_runtime.JSX.Element;
|
|
1063
1037
|
CloseButton: (props: undefined) => react_jsx_runtime.JSX.Element;
|
|
1064
1038
|
Header: ({ className, title, description, leftSlot, rightSlot, }: FullscreenModalHeaderProps) => react_jsx_runtime.JSX.Element;
|
|
1065
1039
|
};
|
|
1066
1040
|
|
|
1067
|
-
type
|
|
1068
|
-
children?: React$1.ReactNode;
|
|
1069
|
-
};
|
|
1070
|
-
type ModalBodyImplProps = {
|
|
1041
|
+
type AlertModalBodyProps = {
|
|
1071
1042
|
title?: React$1.ReactNode;
|
|
1072
1043
|
error?: React$1.ReactNode;
|
|
1073
1044
|
description?: React$1.ReactNode;
|
|
@@ -1080,16 +1051,16 @@ type DiscriminatedContentProps = {
|
|
|
1080
1051
|
error?: never;
|
|
1081
1052
|
description?: never;
|
|
1082
1053
|
actions?: never;
|
|
1083
|
-
} | (
|
|
1054
|
+
} | (AlertModalBodyProps & {
|
|
1084
1055
|
children?: never;
|
|
1085
1056
|
content?: React$1.ReactNode;
|
|
1086
1057
|
});
|
|
1087
|
-
type
|
|
1058
|
+
type AlertModalProps = Simplify<DiscriminatedVisibilityProps & Pick<ModalContentProps, "maxWidthClassName"> & DiscriminatedContentProps & {
|
|
1088
1059
|
trigger?: React$1.ReactNode;
|
|
1089
1060
|
}>;
|
|
1090
1061
|
declare const AlertModal: {
|
|
1091
|
-
({ children, trigger, isOpen, onOpenChange, onClose, content, title, error, description, actions, ...rest }:
|
|
1092
|
-
Body: ({ children, title, error, description, actions }:
|
|
1062
|
+
({ children, trigger, isOpen, onOpenChange, onClose, content, title, error, description, actions, ...rest }: AlertModalProps): react_jsx_runtime.JSX.Element;
|
|
1063
|
+
Body: ({ children, title, error, description, actions }: AlertModalBodyProps & ChildrenProps) => react_jsx_runtime.JSX.Element;
|
|
1093
1064
|
TriggerButton: (props: undefined) => react_jsx_runtime.JSX.Element;
|
|
1094
1065
|
CloseButton: (props: undefined) => react_jsx_runtime.JSX.Element;
|
|
1095
1066
|
};
|
|
@@ -1098,10 +1069,6 @@ type TooltipContentProps = Pick<RadixTooltip.TooltipContentProps, "side"> & {
|
|
|
1098
1069
|
children: React$1.ReactNode;
|
|
1099
1070
|
variant?: "dark" | "light";
|
|
1100
1071
|
};
|
|
1101
|
-
declare const TooltipContent: {
|
|
1102
|
-
({ children, variant, ...rest }: TooltipContentProps): react_jsx_runtime.JSX.Element;
|
|
1103
|
-
displayName: string | undefined;
|
|
1104
|
-
};
|
|
1105
1072
|
type OverflowTriggerProps<TElement extends HTMLElement> = Omit<RadixTooltip.TooltipTriggerProps, "children"> & {
|
|
1106
1073
|
/** The `elementRef` render prop should attach to a measurable DOM element.
|
|
1107
1074
|
*
|
|
@@ -1156,9 +1123,6 @@ declare const PhoneNumber: React__default.FC<PhoneInputProps & {
|
|
|
1156
1123
|
hasError?: boolean;
|
|
1157
1124
|
onChange: (value?: string) => void;
|
|
1158
1125
|
}>;
|
|
1159
|
-
declare const formatPhoneNumber: (input: string | undefined) => string | undefined;
|
|
1160
|
-
declare const formatPhoneNumberForDisplay: (input: string | undefined) => string | undefined;
|
|
1161
|
-
declare const isValidPhoneNumber: (input: string | undefined) => boolean;
|
|
1162
1126
|
|
|
1163
1127
|
type Align = "start" | "center" | "end";
|
|
1164
1128
|
type Side = "top" | "right" | "bottom" | "left";
|
|
@@ -1202,22 +1166,29 @@ type TabsSkeletonProps = {
|
|
|
1202
1166
|
};
|
|
1203
1167
|
declare const TabsSkeleton: ({ numTabs, className, tabClassName }: TabsSkeletonProps) => react_jsx_runtime.JSX.Element;
|
|
1204
1168
|
|
|
1205
|
-
type TableSkeletonProps
|
|
1169
|
+
type TableSkeletonProps = {
|
|
1206
1170
|
numTableCols?: number;
|
|
1207
1171
|
numTableRows?: number;
|
|
1208
1172
|
className?: string;
|
|
1209
1173
|
rowHeight?: number;
|
|
1210
1174
|
hasBorder?: boolean;
|
|
1211
1175
|
};
|
|
1212
|
-
declare const TableSkeleton: ({ numTableCols, numTableRows, className, rowHeight, hasBorder, }: TableSkeletonProps
|
|
1176
|
+
declare const TableSkeleton: ({ numTableCols, numTableRows, className, rowHeight, hasBorder, }: TableSkeletonProps) => react_jsx_runtime.JSX.Element;
|
|
1213
1177
|
|
|
1214
|
-
type
|
|
1178
|
+
type TableCheckboxSkeletonProps = {
|
|
1215
1179
|
numTableRows?: number;
|
|
1216
1180
|
className?: string;
|
|
1217
1181
|
rowHeight?: number;
|
|
1218
1182
|
hasBorder?: boolean;
|
|
1219
1183
|
};
|
|
1220
|
-
declare const TableCheckboxSkeleton: ({ numTableRows, className, rowHeight, hasBorder, }:
|
|
1184
|
+
declare const TableCheckboxSkeleton: ({ numTableRows, className, rowHeight, hasBorder, }: TableCheckboxSkeletonProps) => react_jsx_runtime.JSX.Element;
|
|
1185
|
+
|
|
1186
|
+
type StepperProps = {
|
|
1187
|
+
steps: string[];
|
|
1188
|
+
currentStep: number;
|
|
1189
|
+
className?: string;
|
|
1190
|
+
};
|
|
1191
|
+
declare const Stepper: ({ steps, currentStep, className }: StepperProps) => react_jsx_runtime.JSX.Element;
|
|
1221
1192
|
|
|
1222
1193
|
type SwitchIdValue = string | undefined;
|
|
1223
1194
|
declare const useSwitchId: () => SwitchIdValue;
|
|
@@ -1239,8 +1210,6 @@ type ConfigClassNames = {
|
|
|
1239
1210
|
rowClassName?: string;
|
|
1240
1211
|
cellClassName?: string;
|
|
1241
1212
|
};
|
|
1242
|
-
declare const headerClassNames: (variant: TableVariant) => ConfigClassNames;
|
|
1243
|
-
declare const bodyClassNames: (variant: TableVariant) => ConfigClassNames;
|
|
1244
1213
|
type TableProps<T> = {
|
|
1245
1214
|
table: Table$1<T>;
|
|
1246
1215
|
variant?: TableVariant;
|
|
@@ -2035,22 +2004,7 @@ type TextTagElementMap = {
|
|
|
2035
2004
|
label: HTMLLabelElement;
|
|
2036
2005
|
};
|
|
2037
2006
|
type TextTag = keyof TextTagElementMap;
|
|
2038
|
-
|
|
2039
|
-
readonly "marketing-headline": "text-marketing-headline";
|
|
2040
|
-
readonly "headline-1": "text-headline-1";
|
|
2041
|
-
readonly "headline-2": "text-headline-2";
|
|
2042
|
-
readonly "headline-3": "text-headline-3";
|
|
2043
|
-
readonly "headline-4": "text-headline-4";
|
|
2044
|
-
readonly "title-1": "text-title-1";
|
|
2045
|
-
readonly "title-2": "text-title-2";
|
|
2046
|
-
readonly "title-3": "text-title-3";
|
|
2047
|
-
readonly "body-1": "text-body-1";
|
|
2048
|
-
readonly "body-2": "text-body-2";
|
|
2049
|
-
readonly label: "text-label";
|
|
2050
|
-
readonly footnote: "text-footnote";
|
|
2051
|
-
readonly smallcaps: "text-smallcaps uppercase";
|
|
2052
|
-
};
|
|
2053
|
-
type TextVariant = keyof typeof VARIANT_STYLES;
|
|
2007
|
+
type TextVariant = "marketing-headline" | "headline-1" | "headline-2" | "headline-3" | "headline-4" | "title-1" | "title-2" | "title-3" | "body-1" | "body-2" | "label" | "footnote" | "smallcaps";
|
|
2054
2008
|
/**
|
|
2055
2009
|
* Props specific to Text component (excluding native HTML props)
|
|
2056
2010
|
*/
|
|
@@ -2078,15 +2032,6 @@ declare const Text: <T extends TextTag = "p">(props: TextProps<T> & {
|
|
|
2078
2032
|
ref?: React.ForwardedRef<TextTagElementMap[T]>;
|
|
2079
2033
|
}) => React.ReactElement;
|
|
2080
2034
|
|
|
2081
|
-
/**
|
|
2082
|
-
* @example
|
|
2083
|
-
* type FooContextValue = { foo: string };
|
|
2084
|
-
* const [FooProvider, useFoo] = createContextHelper<FooContextValue>({ foo: "bar" });
|
|
2085
|
-
*/
|
|
2086
|
-
declare const createContextHelper: <ContextValue extends object | null>(defaultContext?: ContextValue) => readonly [({ children, ...rest }: ContextValue & {
|
|
2087
|
-
children: React$1.ReactNode;
|
|
2088
|
-
}) => react_jsx_runtime.JSX.Element, () => ContextValue];
|
|
2089
|
-
|
|
2090
2035
|
declare const useIntersectionObserver: <T extends Element>(options?: IntersectionObserverInit) => [React.RefCallback<T>, IntersectionObserverEntry | null];
|
|
2091
2036
|
|
|
2092
2037
|
/**
|
|
@@ -2101,73 +2046,4 @@ declare const useOverflowObserver: <T extends HTMLElement>() => {
|
|
|
2101
2046
|
hasOverflow: boolean;
|
|
2102
2047
|
};
|
|
2103
2048
|
|
|
2104
|
-
|
|
2105
|
-
|
|
2106
|
-
/**
|
|
2107
|
-
* @example
|
|
2108
|
-
* const defaultState = false; // optional as false is the default
|
|
2109
|
-
* const [Provider, useToggle] = createToggleContextHelper(defaultState);
|
|
2110
|
-
*
|
|
2111
|
-
* const {
|
|
2112
|
-
* state, // boolean
|
|
2113
|
-
* update, // (state: boolean) => void
|
|
2114
|
-
* toggle // () => void
|
|
2115
|
-
* } = useToggle();
|
|
2116
|
-
*/
|
|
2117
|
-
declare const createToggleContextHelper: (defaultState?: boolean) => readonly [{
|
|
2118
|
-
({ children, state: initState }: {
|
|
2119
|
-
children: React$1.ReactNode;
|
|
2120
|
-
state?: boolean;
|
|
2121
|
-
}): react_jsx_runtime.JSX.Element;
|
|
2122
|
-
displayName: string;
|
|
2123
|
-
}, () => {
|
|
2124
|
-
state: boolean;
|
|
2125
|
-
update: React$1.Dispatch<React$1.SetStateAction<boolean>>;
|
|
2126
|
-
toggle: () => void;
|
|
2127
|
-
}];
|
|
2128
|
-
/**
|
|
2129
|
-
* @example
|
|
2130
|
-
* const defaultState = true;
|
|
2131
|
-
* const { state, update, toggle } = useIsVisible(defaultState);
|
|
2132
|
-
*/
|
|
2133
|
-
declare const IsVisibleProvider: {
|
|
2134
|
-
({ children, state: initState }: {
|
|
2135
|
-
children: React$1.ReactNode;
|
|
2136
|
-
state?: boolean;
|
|
2137
|
-
}): react_jsx_runtime.JSX.Element;
|
|
2138
|
-
displayName: string;
|
|
2139
|
-
};
|
|
2140
|
-
declare const useIsVisible: () => {
|
|
2141
|
-
state: boolean;
|
|
2142
|
-
update: React$1.Dispatch<React$1.SetStateAction<boolean>>;
|
|
2143
|
-
toggle: () => void;
|
|
2144
|
-
};
|
|
2145
|
-
/**
|
|
2146
|
-
* @example
|
|
2147
|
-
* const defaultState = false;
|
|
2148
|
-
* const { state, update, toggle } = useIsEditing(defaultState);
|
|
2149
|
-
*/
|
|
2150
|
-
declare const IsEditingProvider: {
|
|
2151
|
-
({ children, state: initState }: {
|
|
2152
|
-
children: React$1.ReactNode;
|
|
2153
|
-
state?: boolean;
|
|
2154
|
-
}): react_jsx_runtime.JSX.Element;
|
|
2155
|
-
displayName: string;
|
|
2156
|
-
};
|
|
2157
|
-
declare const useIsEditing: () => {
|
|
2158
|
-
state: boolean;
|
|
2159
|
-
update: React$1.Dispatch<React$1.SetStateAction<boolean>>;
|
|
2160
|
-
toggle: () => void;
|
|
2161
|
-
};
|
|
2162
|
-
/**
|
|
2163
|
-
* @example
|
|
2164
|
-
* const defaultState = false; // optional as false is the default
|
|
2165
|
-
* const { state, update, toggle } = useToggle(defaultState);
|
|
2166
|
-
*/
|
|
2167
|
-
declare const useToggle: (initState?: boolean) => {
|
|
2168
|
-
state: boolean;
|
|
2169
|
-
update: React$1.Dispatch<React$1.SetStateAction<boolean>>;
|
|
2170
|
-
toggle: () => void;
|
|
2171
|
-
};
|
|
2172
|
-
|
|
2173
|
-
export { AlertModal, type AllAsNever, AsyncMultiSelect, type AsyncMultiSelectControlledProps, type AsyncMultiSelectProps, AsyncSelect, type AsyncSelectControlledProps, type AsyncSelectProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarVariant, AvatarWithName, type AvatarWithNameProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonStyleProps, Callout, type CalloutIntent, type CalloutProps, Card, type CardProps, Checkbox, type CheckboxProps, type ChildrenProps$2 as ChildrenProps, type ClassNameProps, Collapsible, CollapsibleSection, type ComposableTabDefinition, ComposableTabs, type ComposableTabsProps, type ConfigClassNames, ControlledField, ControlledFieldProvider, Copyable, type CustomTableOptions, DEFAULT_NUM_VALUES_TO_SHOW, DatePicker, type DatePickerProps, type DisabledProps, type DiscriminatedVisibilityProps, Divider, type DividerProps, DollarInput, Drawer, DrawerHeader, type DrawerHeaderProps, DrawerHeaderSkeleton, type DrawerState, DrawerStateContext, DropdownChevron, EmptyState, type ErrorProps$1 as ErrorProps, ErrorText, type EventFor, type FalsyValues, FormCheckbox, FormDatePicker, FormDollarInput, type FormDollarInputProps, type FormFieldNameProps, FormInput, FormMultiSelect, FormPercentInput, type FormPercentInputProps, FormRadioButtonGroup, type FormSchema, FormSelect, type FormSelectProps, FormSwitch, FormTextArea, FullscreenModalNamespace as FullscreenModal, HeaderTile, HeaderTileGroup, Icon, IndeterminateCheckbox, Input, InputBox, type InputBoxProps, type InputBoxStyleProps, type InputProps, type Intent, IsEditingProvider, IsVisibleProvider, type Justify, Label, type LabelStyleProps, type LoadProps, LoadingBar, LoadingState, Menu, type MenuProps, MenuRoot, MenuSeparator, Modal, type ModalBodyImplProps$1 as ModalBodyImplProps, MultiSelect, type MultiSelectProps, type NonEmpty, type OnSubmitHandler, OverflowTooltip, PageContainer, PercentInput, type PersistDrawerWidth, PhoneNumber, Popover, type PopoverProps, type PropsWithClassName, RESPONSIVE_PADDING, RadioButtonGroup, type RadioButtonGroupItem, type RadioButtonGroupProps, RadioButtonItem, ScreenHeightPageContainer, ScrollTabsLayout, Select, type SelectItem, SelectListItem, type SelectListItemProps, type SelectProps, type SelectValue, SelectWithUnselect, type SelectWithUnselectProps, type SharedModalProps, type Size, Skeleton, type SkeletonProps, type Soften, Spinner, type StylesProps, Switch, type TabDefinition, TabGroup, Table, TableCheckboxSkeleton, type TableProps, TableSkeleton, type TableVariant, Tabs, type TabsProps, TabsSkeleton, TabsTrigger, type TabsTriggerProps, Tag, Text, TextArea, TextAreaComp, type TextAreaProps, type TextProps, Tooltip, TooltipContent, type TooltipProps, TwoCirclesSpinner, UncontrolledField, UncontrolledFieldProvider, type UncontrolledFormFieldProps, type UseAsyncMultiSelectArgs, type UseAsyncSelectArgs, type UseDrawerResizeParams, type Variant, VirtualizedTable, type VirtualizedTableProps, bodyClassNames, buttonStyles, copyToClipboard, createContextHelper, createToggleContextHelper, doesSelectItemMatch, formatPhoneNumber, formatPhoneNumberForDisplay, getFieldError, getInitials, headerClassNames, inputBoxStyles, inputStyles, isValidPhoneNumber, labelStyles, linkStyles, localStoragePersist, tableVariants, useAsyncMultiSelect, useAsyncSelect, useColumnResizing, useControlledField, useControlledFormField, useCopyable, useDebounce, useDrawer, useDrawerResize, useForm, useIntersectionObserver, useIsEditing, useIsHovered, useIsVisible, useOverflowObserver, useSwitchId, useSyncState, useTable, useToggle, useUncontrolledField, useUncontrolledFormField };
|
|
2049
|
+
export { AlertModal, type AlertModalBodyProps, type AlertModalProps, type Align, type AllAsNever, AsyncMultiSelect, type AsyncMultiSelectControlledProps, type AsyncMultiSelectProps, AsyncSelect, type AsyncSelectControlledProps, type AsyncSelectProps, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarVariant, AvatarWithName, type AvatarWithNameProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonIntent, type ButtonProps, type ButtonRoundedness, type ButtonSize, type ButtonStyleProps, Callout, type CalloutIntent, type CalloutProps, Card, type CardProps, Checkbox, type CheckboxProps, type ChildrenProps, type ClassNameProps, Collapsible, type CollapsibleProps, CollapsibleSection, type CollapsibleSectionProps, type CommonSelectProps, type ComposableTabContentProps, type ComposableTabDefinition, ComposableTabs, type ComposableTabsListProps, type ComposableTabsProps, type ConfigClassNames, ControlledField, type ControlledFieldProps, ControlledFieldProvider, type CopyEasyProps, Copyable, type CustomTableOptions, DEFAULT_NUM_VALUES_TO_SHOW, DatePicker, type DatePickerInputProps, type DatePickerProps, type DatePickerRangeProps, type DatePickerSharedProps, type DatePickerSingleProps, type DisabledProps, type DiscriminatedSortOptions, type DiscriminatedVisibilityProps, Divider, type DividerProps, DollarInput, type DollarInputProps, Drawer, DrawerHeader, type DrawerHeaderProps, DrawerHeaderSkeleton, type DrawerProps, type DrawerState, DropdownChevron, EmptyState, type EmptyStateProps, type ErrorOr, type ErrorProps, ErrorText, type EventFor, type FalsyValues, FormCheckbox, type FormCheckboxProps, FormDatePicker, type FormDatePickerProps, FormDollarInput, type FormDollarInputProps, type FormFieldNameProps, FormInput, type FormInputProps, type FormItemVariants, FormMultiSelect, type FormMultiSelectProps, FormPercentInput, type FormPercentInputProps, FormRadioButtonGroup, type FormRadioButtonGroupProps, type FormSchema, FormSelect, type FormSelectProps, FormSwitch, type FormSwitchProps, FormTextArea, type FormTextAreaProps, FullscreenModalNamespace as FullscreenModal, type FullscreenModalHeaderProps, type FullscreenModalProps, type GetEventHandlers, HeaderTile, HeaderTileGroup, type HeaderTileGroupProps, type HeaderTileProps, Icon, type IconProps, IndeterminateCheckbox, type InfoTooltip, Input, type InputBaseProps, InputBox, type InputBoxProps, type InputBoxStyleProps, type InputProps, type InputSize, type InputVariants, type Intent, type ItemOptions, type Justify, Label, type LabelIntent, type LabelStyleProps, type LabelVariant, type LoadProps, type LoaderProps, LoadingBar, type LoadingBarProps, LoadingState, type LoadingStateProps, Menu, type MenuContentProps, type MenuItemProps, type MenuItemWithToolTipProps, type MenuProps, Modal, type ModalBodyImplProps, type ModalContentBaseProps, type ModalContentProps, type ModalProps, MultiSelect, type MultiSelectProps, type NonEmpty, type NotUnselectableProps, type OnSubmitHandler, OverflowTooltip, type OverflowTooltipProps, type OverflowTriggerProps, PageContainer, PercentInput, type PercentInputProps, type PersistDrawerWidth, PhoneNumber, Popover, type PopoverBodyProps, type PopoverProps, type PropsWithClassName, RadioButtonGroup, type RadioButtonGroupItem, type RadioButtonGroupProps, RadioButtonItem, type RadioButtonItemProps, ScreenHeightPageContainer, type ScrollTab, ScrollTabsLayout, type ScrollTabsProps, Select, type SelectItem, SelectListItem, type SelectListItemProps, type SelectProps, type SelectValue, SelectWithUnselect, type SelectWithUnselectProps, type SharedFormControlProps, type SharedFormItemProps, type SharedModalProps, type Side, type Size, Skeleton, type SkeletonProps, type SoftDismissProps, type Soften, type SortOptions, Spinner, Stepper, type StepperProps, type StylesProps, Switch, type SwitchIdValue, type TabContentProps, type TabDefinition, TabGroup, type TabGroupProps, Table, TableCheckboxSkeleton, type TableCheckboxSkeletonProps, type TableProps, TableSkeleton, type TableSkeletonProps, type TableVariant, Tabs, type TabsProps, TabsSkeleton, type TabsSkeletonProps, TabsTrigger, type TabsTriggerProps, Tag, type TagLabelProps, type TagProps, Text, TextArea, type TextAreaProps, type TextOwnProps, type TextProps, type TextTag, type TextTagElementMap, type TextVariant, type ToggleButtonProps, Tooltip, type TooltipContentProps, type TooltipProps, TwoCirclesSpinner, type TwoCirclesSpinnerProps, UncontrolledField, type UncontrolledFieldProps, UncontrolledFieldProvider, type UncontrolledFormFieldProps, type UnselectableProps, type UseAsyncMultiSelectArgs, type UseAsyncSelectArgs, type UseDrawerResizeParams, type UseFormOptions, type Variant, VirtualizedTable, type VirtualizedTableProps, doesSelectItemMatch, drawerSizes, getFieldError, tableVariants, useAsyncMultiSelect, useAsyncSelect, useColumnResizing, useControlledField, useControlledFormField, useCopyable, useDrawer, useDrawerResize, useForm, useIntersectionObserver, useIsHovered, useOverflowObserver, useSwitchId, useTable, useUncontrolledField, useUncontrolledFormField };
|