@candidhealth/react-vitals 1.0.0-alpha.2 → 1.0.0-alpha.4
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/README.md +7 -7
- package/dist/index.css +9 -9
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +178 -190
- package/dist/index.d.ts +178 -190
- package/dist/index.js +1673 -1265
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1607 -1185
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +187 -0
- package/dist/styles.css.map +1 -0
- package/dist/styles.d.mts +2 -0
- package/dist/styles.d.ts +2 -0
- package/package.json +63 -62
- package/base.css +0 -105
- package/theme.css +0 -456
package/dist/index.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
|
-
import React__default, {
|
|
2
|
+
import React__default, { ComponentPropsWithoutRef, PropsWithChildren, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, RefObject, ElementType } from 'react';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
4
|
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, UseFormProps, FieldValues, FieldErrors, FieldPath, FieldError } from 'react-hook-form';
|
|
9
|
-
export { ControllerRenderProps, Field, FieldArrayWithId, FieldError, FieldErrors, FieldPath, FieldValues, FormProvider, Path, UseControllerProps, UseControllerReturn, UseFieldArrayMove, UseFieldArrayProps, UseFieldArrayRemove, UseFieldArrayReturn, UseFieldArrayUpdate, UseFormGetValues, UseFormProps, UseFormReset, UseFormReturn, useController, useFieldArray, useFormState, useWatch } from 'react-hook-form';
|
|
8
|
+
import { SubmitHandler, DefaultValues, UseFormProps, FieldValues, FieldErrors, FieldPath, FieldError } from 'react-hook-form';
|
|
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';
|
|
10
10
|
import { z } from 'zod';
|
|
11
11
|
import * as _radix_ui_react_dropdown_menu from '@radix-ui/react-dropdown-menu';
|
|
12
12
|
import { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps } from '@radix-ui/react-dropdown-menu';
|
|
@@ -16,15 +16,48 @@ import { PhoneInputProps } from 'react-international-phone';
|
|
|
16
16
|
export { getCountry } from 'react-international-phone';
|
|
17
17
|
import * as RadixPopover from '@radix-ui/react-popover';
|
|
18
18
|
import * as RadixSwitch from '@radix-ui/react-switch';
|
|
19
|
-
import
|
|
20
|
-
import {
|
|
21
|
-
|
|
19
|
+
import { Table as Table$1, TableOptions, ColumnSort, TableMeta } from '@tanstack/react-table';
|
|
20
|
+
import { TabsContentProps } from '@radix-ui/react-tabs';
|
|
21
|
+
|
|
22
|
+
type AvatarVariant = "active" | "inactive";
|
|
23
|
+
type AvatarSize = "sm" | "md";
|
|
24
|
+
declare const getInitials: (name: string) => string;
|
|
25
|
+
type AvatarProps = ComponentPropsWithoutRef<"div"> & {
|
|
26
|
+
name: string;
|
|
27
|
+
variant?: AvatarVariant;
|
|
28
|
+
size?: AvatarSize;
|
|
29
|
+
};
|
|
30
|
+
declare const Avatar: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
31
|
+
name: string;
|
|
32
|
+
variant?: AvatarVariant;
|
|
33
|
+
size?: AvatarSize;
|
|
34
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
35
|
+
|
|
36
|
+
type AvatarGroupItem = {
|
|
37
|
+
name: string;
|
|
38
|
+
variant?: AvatarVariant;
|
|
39
|
+
tooltipContent?: React__default.ReactNode;
|
|
40
|
+
};
|
|
41
|
+
type AvatarGroupProps = {
|
|
42
|
+
items: AvatarGroupItem[];
|
|
43
|
+
maxVisible?: number;
|
|
44
|
+
overflowTitle?: string;
|
|
45
|
+
size?: AvatarSize;
|
|
46
|
+
};
|
|
47
|
+
declare const AvatarGroup: ({ items, maxVisible, overflowTitle, size }: AvatarGroupProps) => react_jsx_runtime.JSX.Element;
|
|
48
|
+
|
|
49
|
+
type AvatarWithNameProps = {
|
|
50
|
+
name: string;
|
|
51
|
+
variant?: AvatarVariant;
|
|
52
|
+
className?: string;
|
|
53
|
+
};
|
|
54
|
+
declare const AvatarWithName: ({ name, variant, className }: AvatarWithNameProps) => react_jsx_runtime.JSX.Element;
|
|
22
55
|
|
|
23
56
|
type Size = "xs" | "sm" | "md" | "lg";
|
|
24
57
|
type Intent = "primary" | "default" | "danger" | "warning" | "success";
|
|
25
58
|
type Justify = "start" | "center" | "end" | "between" | "around";
|
|
26
59
|
type Soften = "left" | "right" | "both" | "none";
|
|
27
|
-
type Variant
|
|
60
|
+
type Variant = "default" | "transparent" | "dark";
|
|
28
61
|
|
|
29
62
|
declare const linkStyles = "text-indigo-600 hover:underline active:text-indigo-400 focus:outline-indigo-400 focus:outline-offset-2";
|
|
30
63
|
type ButtonSize = Extract<Size, "xs" | "sm" | "md" | "lg">;
|
|
@@ -34,7 +67,7 @@ type ButtonStyleProps = {
|
|
|
34
67
|
fullWidth?: boolean;
|
|
35
68
|
size?: ButtonSize;
|
|
36
69
|
intent?: ButtonIntent;
|
|
37
|
-
variant?: Variant
|
|
70
|
+
variant?: Variant;
|
|
38
71
|
disabled?: boolean;
|
|
39
72
|
loading?: boolean;
|
|
40
73
|
soften?: Soften;
|
|
@@ -45,26 +78,19 @@ declare const buttonStyles: ({ fullWidth, size, intent, variant, soften, loading
|
|
|
45
78
|
type ButtonProps = Simplify<ButtonStyleProps & React$1.ComponentPropsWithoutRef<"button">>;
|
|
46
79
|
declare const Button: React$1.ForwardRefExoticComponent<{
|
|
47
80
|
fullWidth?: boolean | undefined;
|
|
48
|
-
size?: ("
|
|
49
|
-
intent?: ("
|
|
50
|
-
variant?:
|
|
81
|
+
size?: ("sm" | "md" | "xs" | "lg") | undefined;
|
|
82
|
+
intent?: ("error" | "primary" | "default" | "danger") | undefined;
|
|
83
|
+
variant?: undefined | undefined;
|
|
51
84
|
disabled?: boolean | undefined;
|
|
52
85
|
loading?: boolean | undefined;
|
|
53
|
-
soften?:
|
|
86
|
+
soften?: undefined | undefined;
|
|
54
87
|
roundedness?: ("default" | "large") | undefined;
|
|
55
88
|
form?: string | undefined | undefined;
|
|
56
89
|
slot?: string | undefined | undefined;
|
|
57
90
|
style?: React$1.CSSProperties | undefined;
|
|
58
91
|
title?: string | undefined | undefined;
|
|
92
|
+
children?: React$1.ReactNode;
|
|
59
93
|
key?: React$1.Key | null | undefined;
|
|
60
|
-
formAction?: string | undefined;
|
|
61
|
-
formEncType?: string | undefined | undefined;
|
|
62
|
-
formMethod?: string | undefined | undefined;
|
|
63
|
-
formNoValidate?: boolean | undefined | undefined;
|
|
64
|
-
formTarget?: string | undefined | undefined;
|
|
65
|
-
name?: string | undefined | undefined;
|
|
66
|
-
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
67
|
-
value?: string | number | readonly string[] | undefined;
|
|
68
94
|
defaultChecked?: boolean | undefined | undefined;
|
|
69
95
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
70
96
|
suppressContentEditableWarning?: boolean | undefined | undefined;
|
|
@@ -166,7 +192,6 @@ declare const Button: React$1.ForwardRefExoticComponent<{
|
|
|
166
192
|
"aria-valuemin"?: number | undefined | undefined;
|
|
167
193
|
"aria-valuenow"?: number | undefined | undefined;
|
|
168
194
|
"aria-valuetext"?: string | undefined | undefined;
|
|
169
|
-
children?: React$1.ReactNode;
|
|
170
195
|
dangerouslySetInnerHTML?: {
|
|
171
196
|
__html: string | TrustedHTML;
|
|
172
197
|
} | undefined | undefined;
|
|
@@ -328,6 +353,14 @@ declare const Button: React$1.ForwardRefExoticComponent<{
|
|
|
328
353
|
onAnimationIterationCapture?: React$1.AnimationEventHandler<HTMLButtonElement> | undefined;
|
|
329
354
|
onTransitionEnd?: React$1.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
330
355
|
onTransitionEndCapture?: React$1.TransitionEventHandler<HTMLButtonElement> | undefined;
|
|
356
|
+
name?: string | undefined | undefined;
|
|
357
|
+
formAction?: string | undefined;
|
|
358
|
+
formEncType?: string | undefined | undefined;
|
|
359
|
+
formMethod?: string | undefined | undefined;
|
|
360
|
+
formNoValidate?: boolean | undefined | undefined;
|
|
361
|
+
formTarget?: string | undefined | undefined;
|
|
362
|
+
type?: "submit" | "reset" | "button" | undefined | undefined;
|
|
363
|
+
value?: string | number | readonly string[] | undefined;
|
|
331
364
|
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
332
365
|
|
|
333
366
|
type ButtonGroupProps<TValue extends string | number> = {
|
|
@@ -344,7 +377,7 @@ declare const ButtonGroup: <TValue extends string | number>({ size, value, onCha
|
|
|
344
377
|
type CalloutIntent = Extract<Intent, "default" | "warning" | "primary" | "danger">;
|
|
345
378
|
type CalloutProps = {
|
|
346
379
|
intent?: CalloutIntent;
|
|
347
|
-
title?:
|
|
380
|
+
title?: React.ReactNode;
|
|
348
381
|
rightSlot?: React.ReactNode;
|
|
349
382
|
children?: React.ReactNode;
|
|
350
383
|
customIcon?: IconDefinition;
|
|
@@ -353,12 +386,41 @@ type CalloutProps = {
|
|
|
353
386
|
};
|
|
354
387
|
declare const Callout: ({ title, intent, rightSlot, children, customIcon, isAttachedAtBottom, isCentered, }: CalloutProps) => react_jsx_runtime.JSX.Element;
|
|
355
388
|
|
|
389
|
+
type FalsyValues = false | null | undefined | 0;
|
|
390
|
+
type ClassNameProps = {
|
|
391
|
+
className?: string;
|
|
392
|
+
};
|
|
393
|
+
type ChildrenProps$2 = PropsWithChildren<unknown>;
|
|
394
|
+
type DisabledProps = {
|
|
395
|
+
disabled?: boolean;
|
|
396
|
+
};
|
|
397
|
+
type StylesProps = {
|
|
398
|
+
styles?: string | FalsyValues;
|
|
399
|
+
};
|
|
400
|
+
type PropsWithClassName<T> = T & ClassNameProps;
|
|
356
401
|
type ErrorProps$1 = {
|
|
402
|
+
hasError?: boolean;
|
|
403
|
+
errorNode?: ReactNode;
|
|
404
|
+
};
|
|
405
|
+
type AllAsNever<T> = {
|
|
406
|
+
[P in keyof Partial<T>]: T[P] extends object ? AllAsNever<T[P]> : never;
|
|
407
|
+
};
|
|
408
|
+
|
|
409
|
+
type CardProps = {
|
|
410
|
+
onClick?: React__default.MouseEventHandler<HTMLDivElement>;
|
|
411
|
+
} & ClassNameProps & ChildrenProps$2;
|
|
412
|
+
declare const Card: React__default.ForwardRefExoticComponent<{
|
|
413
|
+
onClick?: React__default.MouseEventHandler<HTMLDivElement>;
|
|
414
|
+
} & ClassNameProps & {
|
|
415
|
+
children?: React__default.ReactNode | undefined;
|
|
416
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
417
|
+
|
|
418
|
+
type ErrorProps = {
|
|
357
419
|
hasError?: boolean;
|
|
358
420
|
errorNode?: React.ReactNode;
|
|
359
421
|
};
|
|
360
|
-
type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & ErrorProps
|
|
361
|
-
declare const Checkbox: React$1.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & ErrorProps
|
|
422
|
+
type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & ErrorProps;
|
|
423
|
+
declare const Checkbox: React$1.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & ErrorProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
362
424
|
declare const IndeterminateCheckbox: ({ indeterminate, ...rest }: {
|
|
363
425
|
indeterminate?: boolean;
|
|
364
426
|
} & CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -394,8 +456,9 @@ type CopyEasyProps = {
|
|
|
394
456
|
tooltip?: React$1.ReactNode;
|
|
395
457
|
onClick?: () => void;
|
|
396
458
|
asChild?: boolean;
|
|
459
|
+
className?: string;
|
|
397
460
|
};
|
|
398
|
-
declare const Copyable: ({ children, value, tooltip, onClick, asChild }: CopyEasyProps) => string | number | boolean | Iterable<React$1.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
|
|
461
|
+
declare const Copyable: ({ children, value, tooltip, onClick, asChild, className }: CopyEasyProps) => string | number | boolean | Iterable<React$1.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
|
|
399
462
|
|
|
400
463
|
declare const copyToClipboard: (value: string) => Promise<void>;
|
|
401
464
|
declare const useCopyable: () => {
|
|
@@ -403,34 +466,13 @@ declare const useCopyable: () => {
|
|
|
403
466
|
copy: (value: string | undefined, onClick?: () => void) => Promise<void>;
|
|
404
467
|
};
|
|
405
468
|
|
|
406
|
-
type FalsyValues = false | null | undefined | 0;
|
|
407
|
-
type ClassNameProps = {
|
|
408
|
-
className?: string;
|
|
409
|
-
};
|
|
410
|
-
type ChildrenProps$2 = PropsWithChildren<unknown>;
|
|
411
|
-
type DisabledProps = {
|
|
412
|
-
disabled?: boolean;
|
|
413
|
-
};
|
|
414
|
-
type StylesProps = {
|
|
415
|
-
styles?: string | FalsyValues;
|
|
416
|
-
};
|
|
417
|
-
type PropsWithClassName<T> = T & ClassNameProps;
|
|
418
|
-
type ErrorProps = {
|
|
419
|
-
hasError?: boolean;
|
|
420
|
-
errorNode?: ReactNode;
|
|
421
|
-
};
|
|
422
|
-
type AllAsNever<T> = {
|
|
423
|
-
[P in keyof Partial<T>]: T[P] extends object ? AllAsNever<T[P]> : never;
|
|
424
|
-
};
|
|
425
|
-
declare const RING_COLOR_CLASSNAME = "focus:ring-2 focus:ring-indigo-200";
|
|
426
|
-
|
|
427
469
|
type DatePickerInputProps = InputHTMLAttributes<HTMLInputElement>;
|
|
428
470
|
|
|
429
471
|
type DatePickerSharedProps = Pick<DatePickerProps$1, "inline" | "autoFocus" | "showTimeInput" | "preventOpenOnFocus" | "minDate" | "maxDate" | "disabled"> & {
|
|
430
472
|
inputProps?: DatePickerInputProps;
|
|
431
473
|
placeholder?: string;
|
|
432
474
|
position?: Placement;
|
|
433
|
-
} & ErrorProps;
|
|
475
|
+
} & ErrorProps$1;
|
|
434
476
|
|
|
435
477
|
type DatePickerRangeProps = DatePickerSharedProps & {
|
|
436
478
|
value: [Date | undefined, Date | undefined];
|
|
@@ -456,6 +498,8 @@ declare const ErrorText: React__default.ForwardRefExoticComponent<Omit<React__de
|
|
|
456
498
|
} & React__default.RefAttributes<HTMLParagraphElement>>;
|
|
457
499
|
|
|
458
500
|
type FormSchema = z.ZodTypeAny;
|
|
501
|
+
/** Prevents passing empty `{}` as defaultValues while allowing all-optional objects */
|
|
502
|
+
type NonEmpty<T extends object> = keyof T extends never ? never : T;
|
|
459
503
|
type OnSubmitHandler<T extends FormSchema> = SubmitHandler<z.infer<T>>;
|
|
460
504
|
type GetEventHandlers<T extends keyof JSX.IntrinsicElements> = Extract<keyof JSX.IntrinsicElements[T], `on${string}`>;
|
|
461
505
|
/**
|
|
@@ -467,7 +511,6 @@ type GetEventHandlers<T extends keyof JSX.IntrinsicElements> = Extract<keyof JSX
|
|
|
467
511
|
*/
|
|
468
512
|
type EventFor<TElement extends keyof JSX.IntrinsicElements, THandler extends GetEventHandlers<TElement>> = JSX.IntrinsicElements[TElement][THandler] extends ((e: infer TEvent) => any) | undefined ? TEvent : never;
|
|
469
513
|
|
|
470
|
-
type UseFormOptions<TSchema extends FormSchema> = Pick<UseFormProps<z.infer<TSchema>>, "defaultValues" | "shouldUnregister" | "values" | "reValidateMode">;
|
|
471
514
|
type FormFieldNameProps = {
|
|
472
515
|
name: string;
|
|
473
516
|
};
|
|
@@ -475,48 +518,11 @@ type UncontrolledFormFieldProps = FormFieldNameProps & {
|
|
|
475
518
|
onChange?: (e: EventFor<"input" | "textarea", "onChange">) => void;
|
|
476
519
|
onBlur?: (e: EventFor<"input" | "textarea", "onBlur">) => void;
|
|
477
520
|
};
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
setRootError: (message: string) => void;
|
|
481
|
-
watch: react_hook_form.UseFormWatch<z.TypeOf<T>>;
|
|
482
|
-
getValues: react_hook_form.UseFormGetValues<z.TypeOf<T>>;
|
|
483
|
-
getFieldState: react_hook_form.UseFormGetFieldState<z.TypeOf<T>>;
|
|
484
|
-
setError: react_hook_form.UseFormSetError<z.TypeOf<T>>;
|
|
485
|
-
clearErrors: react_hook_form.UseFormClearErrors<z.TypeOf<T>>;
|
|
486
|
-
setValue: react_hook_form.UseFormSetValue<z.TypeOf<T>>;
|
|
487
|
-
trigger: react_hook_form.UseFormTrigger<z.TypeOf<T>>;
|
|
488
|
-
formState: react_hook_form.FormState<z.TypeOf<T>>;
|
|
489
|
-
resetField: react_hook_form.UseFormResetField<z.TypeOf<T>>;
|
|
490
|
-
reset: react_hook_form.UseFormReset<z.TypeOf<T>>;
|
|
491
|
-
handleSubmit: react_hook_form.UseFormHandleSubmit<z.TypeOf<T>, z.TypeOf<T>>;
|
|
492
|
-
unregister: react_hook_form.UseFormUnregister<z.TypeOf<T>>;
|
|
493
|
-
control: react_hook_form.Control<z.TypeOf<T>, any, z.TypeOf<T>>;
|
|
494
|
-
register: react_hook_form.UseFormRegister<z.TypeOf<T>>;
|
|
495
|
-
setFocus: react_hook_form.UseFormSetFocus<z.TypeOf<T>>;
|
|
496
|
-
subscribe: react_hook_form.UseFormSubscribe<z.TypeOf<T>>;
|
|
497
|
-
};
|
|
498
|
-
displayName: string;
|
|
521
|
+
type UseFormOptions<TSchema extends FormSchema, TDefaults extends object> = Pick<UseFormProps<z.infer<TSchema>>, "shouldUnregister" | "values" | "reValidateMode" | "mode"> & {
|
|
522
|
+
defaultValues?: NonEmpty<TDefaults>;
|
|
499
523
|
};
|
|
500
|
-
declare const
|
|
501
|
-
<T extends
|
|
502
|
-
setRootError: (message: string) => void;
|
|
503
|
-
watch: react_hook_form.UseFormWatch<T>;
|
|
504
|
-
getValues: react_hook_form.UseFormGetValues<T>;
|
|
505
|
-
getFieldState: react_hook_form.UseFormGetFieldState<T>;
|
|
506
|
-
setError: react_hook_form.UseFormSetError<T>;
|
|
507
|
-
clearErrors: react_hook_form.UseFormClearErrors<T>;
|
|
508
|
-
setValue: react_hook_form.UseFormSetValue<T>;
|
|
509
|
-
trigger: react_hook_form.UseFormTrigger<T>;
|
|
510
|
-
formState: react_hook_form.FormState<T>;
|
|
511
|
-
resetField: react_hook_form.UseFormResetField<T>;
|
|
512
|
-
reset: react_hook_form.UseFormReset<T>;
|
|
513
|
-
handleSubmit: react_hook_form.UseFormHandleSubmit<T, T>;
|
|
514
|
-
unregister: react_hook_form.UseFormUnregister<T>;
|
|
515
|
-
control: react_hook_form.Control<T, any, T>;
|
|
516
|
-
register: react_hook_form.UseFormRegister<T>;
|
|
517
|
-
setFocus: react_hook_form.UseFormSetFocus<T>;
|
|
518
|
-
subscribe: react_hook_form.UseFormSubscribe<T>;
|
|
519
|
-
};
|
|
524
|
+
declare const useForm: {
|
|
525
|
+
<T extends FormSchema, TDefaults extends DefaultValues<z.infer<T>> = DefaultValues<z.TypeOf<T>>>(schema: T, options?: UseFormOptions<T, TDefaults>): react_hook_form.UseFormReturn<z.TypeOf<T>, any, z.TypeOf<T>>;
|
|
520
526
|
displayName: string;
|
|
521
527
|
};
|
|
522
528
|
declare const useControlledFormField: {
|
|
@@ -615,9 +621,10 @@ type InputBoxStyleProps = {
|
|
|
615
621
|
variant?: InputVariants;
|
|
616
622
|
hasError?: boolean;
|
|
617
623
|
hasWarning?: boolean;
|
|
624
|
+
hasSuccess?: boolean;
|
|
618
625
|
};
|
|
619
|
-
declare const inputBoxStyles: ({ size, variant, hasError, hasWarning }: InputBoxStyleProps) => string;
|
|
620
|
-
declare const inputStyles = "w-full text-gray-800 placeholder:text-
|
|
626
|
+
declare const inputBoxStyles: ({ size, variant, hasError, hasWarning, hasSuccess, }: InputBoxStyleProps) => string;
|
|
627
|
+
declare const inputStyles = "w-full text-gray-800 placeholder:text-placeholder disabled:text-placeholder";
|
|
621
628
|
|
|
622
629
|
type InputBoxProps = InputBoxStyleProps & {
|
|
623
630
|
children: React$1.ReactNode;
|
|
@@ -648,6 +655,7 @@ type ItemOptions = InfoTooltip & {
|
|
|
648
655
|
bottomSlot?: React.ReactNode;
|
|
649
656
|
};
|
|
650
657
|
type SharedFormItemProps = {
|
|
658
|
+
htmlFor?: string;
|
|
651
659
|
label?: React.ReactNode;
|
|
652
660
|
options?: ItemOptions;
|
|
653
661
|
};
|
|
@@ -666,8 +674,10 @@ type DollarInputProps = {
|
|
|
666
674
|
value: number | null | undefined;
|
|
667
675
|
onChange?: (cents: number | null | undefined) => void;
|
|
668
676
|
disabled?: boolean;
|
|
677
|
+
autoFocus?: boolean;
|
|
669
678
|
hasError?: boolean;
|
|
670
679
|
hasWarning?: boolean;
|
|
680
|
+
hasSuccess?: boolean;
|
|
671
681
|
message?: string;
|
|
672
682
|
};
|
|
673
683
|
/**
|
|
@@ -676,13 +686,13 @@ type DollarInputProps = {
|
|
|
676
686
|
* Exposes `cents` to consuming components, which is the value in cents.
|
|
677
687
|
*/
|
|
678
688
|
declare const DollarInput: React$1.ForwardRefExoticComponent<DollarInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
679
|
-
declare const FormDollarInput: React$1.ForwardRefExoticComponent<
|
|
689
|
+
declare const FormDollarInput: React$1.ForwardRefExoticComponent<undefined & {
|
|
680
690
|
name: string;
|
|
681
691
|
layout?: FormItemVariants;
|
|
682
692
|
disabled?: boolean;
|
|
683
693
|
} & SharedFormItemProps & {
|
|
684
694
|
onChange?: (cents: number | null | undefined) => void;
|
|
685
|
-
} & Pick<DollarInputProps, "message" | "hasWarning"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
695
|
+
} & Pick<DollarInputProps, "autoFocus" | "message" | "hasWarning" | "hasSuccess"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
686
696
|
|
|
687
697
|
type PercentInputProps = {
|
|
688
698
|
value: number | null | undefined;
|
|
@@ -690,6 +700,7 @@ type PercentInputProps = {
|
|
|
690
700
|
disabled?: boolean;
|
|
691
701
|
hasError?: boolean;
|
|
692
702
|
hasWarning?: boolean;
|
|
703
|
+
hasSuccess?: boolean;
|
|
693
704
|
message?: string;
|
|
694
705
|
};
|
|
695
706
|
/**
|
|
@@ -698,13 +709,13 @@ type PercentInputProps = {
|
|
|
698
709
|
* Exposes `percent` to consuming components, which is the value as a number (0-100).
|
|
699
710
|
*/
|
|
700
711
|
declare const PercentInput: React$1.ForwardRefExoticComponent<PercentInputProps & React$1.RefAttributes<HTMLInputElement>>;
|
|
701
|
-
declare const FormPercentInput: React$1.ForwardRefExoticComponent<
|
|
712
|
+
declare const FormPercentInput: React$1.ForwardRefExoticComponent<undefined & {
|
|
702
713
|
name: string;
|
|
703
714
|
layout?: FormItemVariants;
|
|
704
715
|
disabled?: boolean;
|
|
705
716
|
} & SharedFormItemProps & {
|
|
706
717
|
onChange?: (percent: number | null | undefined) => void;
|
|
707
|
-
} & Pick<PercentInputProps, "message" | "hasWarning"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
718
|
+
} & Pick<PercentInputProps, "message" | "hasWarning" | "hasSuccess"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
708
719
|
|
|
709
720
|
type FormCheckboxProps = Pick<SharedFormControlProps, "name" | "disabled"> & {
|
|
710
721
|
children?: React.ReactNode;
|
|
@@ -846,8 +857,6 @@ type AsyncMultiSelectProps<T extends SelectValue> = {
|
|
|
846
857
|
};
|
|
847
858
|
emptyState?: React.ReactNode;
|
|
848
859
|
size?: "sm" | "md" | "lg";
|
|
849
|
-
onOpen?: () => void;
|
|
850
|
-
onClose?: () => void;
|
|
851
860
|
};
|
|
852
861
|
/**
|
|
853
862
|
* Props for the AsyncSelect component, which is a wrapper around AsyncMultiSelect that only allows
|
|
@@ -953,6 +962,7 @@ type UseAsyncMultiSelectArgs<TValue extends SelectValue, TObj, TPage> = {
|
|
|
953
962
|
* Utility hook for fetching data and getting props for AsyncMultiSelect.
|
|
954
963
|
*/
|
|
955
964
|
declare function useAsyncMultiSelect<TValue extends SelectValue, TObj, TPage>({ value, fetchValues, fetchOptions, objToItem, customValueToItem, queryKeyPrefix, }: UseAsyncMultiSelectArgs<TValue, TObj, TPage>): {
|
|
965
|
+
query: string;
|
|
956
966
|
setQuery: React$1.Dispatch<React$1.SetStateAction<string>>;
|
|
957
967
|
selectItems: SelectItem<TValue>[];
|
|
958
968
|
loadProps: LoadProps;
|
|
@@ -966,6 +976,7 @@ type UseAsyncSelectArgs<TValue extends SelectValue, TObj, TPage> = {
|
|
|
966
976
|
* Utility hook for fetching data and getting props for AsyncSelect.
|
|
967
977
|
*/
|
|
968
978
|
declare const useAsyncSelect: <TValue extends SelectValue, TObj, TPage>({ value, fetchValue, ...rest }: UseAsyncSelectArgs<TValue, TObj, TPage>) => {
|
|
979
|
+
query: string;
|
|
969
980
|
setQuery: React$1.Dispatch<React$1.SetStateAction<string>>;
|
|
970
981
|
selectItems: SelectItem<TValue>[];
|
|
971
982
|
loadProps: LoadProps;
|
|
@@ -977,7 +988,7 @@ declare const useAsyncSelect: <TValue extends SelectValue, TObj, TPage>({ value,
|
|
|
977
988
|
* Supports asynchronous loading (and does not assume that all available options are provided
|
|
978
989
|
* in the `options` prop).
|
|
979
990
|
*/
|
|
980
|
-
declare const AsyncMultiSelect: <TValue extends string | number>({ value, onChange, disabled, ordered, variant, triggerPlaceholder, hideSearch, searchPlaceholder, items, loadProps, onSearchChange, minSelection, maxSelection, allowCustomValues, hasError, popover, isValidCustomValue, onSelectAll, numValuesToShow, emptyState, size,
|
|
991
|
+
declare const AsyncMultiSelect: <TValue extends string | number>({ value, onChange, disabled, ordered, variant, triggerPlaceholder, hideSearch, searchPlaceholder, items, loadProps, onSearchChange, minSelection, maxSelection, allowCustomValues, hasError, popover, isValidCustomValue, onSelectAll, numValuesToShow, emptyState, size, }: AsyncMultiSelectProps<TValue>) => react_jsx_runtime.JSX.Element;
|
|
981
992
|
|
|
982
993
|
/**
|
|
983
994
|
* Thin wrapper around AsyncMultiSelect that only allows a single value to be selected.
|
|
@@ -1020,7 +1031,7 @@ declare const FormSelect: <TValue extends SelectValue>({ name, styles, layout, l
|
|
|
1020
1031
|
type FormMultiSelectProps<TValue extends SelectValue> = SharedFormControlProps & SharedFormItemProps & Pick<MultiSelectProps<TValue>, CommonSelectProps | "allowCustomValues" | "minSelection" | "maxSelection">;
|
|
1021
1032
|
declare const FormMultiSelect: <TValue extends SelectValue>({ name, styles, layout, label, options, onChange, ...rest }: FormMultiSelectProps<TValue>) => react_jsx_runtime.JSX.Element;
|
|
1022
1033
|
|
|
1023
|
-
type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & Simplify<ErrorProps>;
|
|
1034
|
+
type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & Simplify<ErrorProps$1>;
|
|
1024
1035
|
declare const TextAreaComp: React$1.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
1025
1036
|
hasError?: boolean | undefined;
|
|
1026
1037
|
errorNode?: React$1.ReactNode;
|
|
@@ -1061,7 +1072,12 @@ type RadioButtonGroupProps = PropsWithClassName<{
|
|
|
1061
1072
|
onChange?: (newValue: string) => void;
|
|
1062
1073
|
asCards?: boolean;
|
|
1063
1074
|
}>;
|
|
1064
|
-
declare const RadioButtonGroup:
|
|
1075
|
+
declare const RadioButtonGroup: React$1.ForwardRefExoticComponent<{
|
|
1076
|
+
items: RadioButtonGroupItem[];
|
|
1077
|
+
value?: string | undefined;
|
|
1078
|
+
onChange?: (newValue: string) => void;
|
|
1079
|
+
asCards?: boolean;
|
|
1080
|
+
} & ClassNameProps & React$1.RefAttributes<HTMLFieldSetElement>>;
|
|
1065
1081
|
|
|
1066
1082
|
type FormRadioButtonGroupProps = Simplify<Pick<SharedFormControlProps, "name"> & Pick<RadioButtonGroupProps, "items" | "onChange" | "className" | "asCards">>;
|
|
1067
1083
|
declare const FormRadioButtonGroup: ({ name, items, onChange, asCards, className, }: FormRadioButtonGroupProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -1071,47 +1087,6 @@ type FormDatePickerProps = SharedFormControlProps & SharedFormItemProps & Pick<D
|
|
|
1071
1087
|
};
|
|
1072
1088
|
declare const FormDatePicker: ({ name, styles, layout, label, onChange, options, containerRef, disabled, ...rest }: FormDatePickerProps) => react_jsx_runtime.JSX.Element;
|
|
1073
1089
|
|
|
1074
|
-
/** This regex will match currency values like `123`, `-123`, `1,234`, `12,345.67`, `.12`, etc.
|
|
1075
|
-
*/
|
|
1076
|
-
declare const CURRENCY_REGEX: RegExp;
|
|
1077
|
-
declare const dollarsStrSchema: z.ZodString;
|
|
1078
|
-
declare const requiredDollarsStrSchema: z.ZodString;
|
|
1079
|
-
declare const requiredDollarsStrSchemaWithCustomMessage: (requiredError: string, invalidTypeError: string) => z.ZodString;
|
|
1080
|
-
declare const requiredNonZeroDollarsStrSchema: z.ZodEffects<z.ZodString, string, string>;
|
|
1081
|
-
declare const requiredPositiveDollarsStrSchema: z.ZodEffects<z.ZodString, string, string>;
|
|
1082
|
-
declare const requiredPositiveOrZeroDollarsStrSchema: z.ZodEffects<z.ZodString, string, string>;
|
|
1083
|
-
|
|
1084
|
-
declare const npiSchema: z.ZodString;
|
|
1085
|
-
declare const npiSchemaOptional: z.ZodUnion<[z.ZodEffects<z.ZodLiteral<null>, undefined, null>, z.ZodEffects<z.ZodLiteral<"">, undefined, "">, z.ZodPipeline<z.ZodEffects<z.ZodString, string | undefined, string>, z.ZodUndefined>, z.ZodOptional<z.ZodString>]>;
|
|
1086
|
-
declare const taxonomyCodeSchema: z.ZodString;
|
|
1087
|
-
declare const taxIdSchema: z.ZodString;
|
|
1088
|
-
|
|
1089
|
-
/** Handles empty values (`""`, `null`) and marks schema as `.optional()`. */
|
|
1090
|
-
declare const asOptional: <T extends z.ZodTypeAny>(schema: T) => z.ZodUnion<[z.ZodEffects<z.ZodLiteral<null>, undefined, null>, z.ZodEffects<z.ZodLiteral<"">, undefined, "">, z.ZodPipeline<z.ZodEffects<z.ZodString, string | undefined, string>, z.ZodUndefined>, z.ZodOptional<T>]>;
|
|
1091
|
-
/** Handles empty values (`""`, `null`) and marks schema as `.nullish()`. */
|
|
1092
|
-
declare const asNullish: <T extends z.ZodTypeAny>(schema: T) => z.ZodUnion<[z.ZodEffects<z.ZodLiteral<null>, undefined, null>, z.ZodEffects<z.ZodLiteral<"">, undefined, "">, z.ZodPipeline<z.ZodEffects<z.ZodString, string | undefined, string>, z.ZodUndefined>, z.ZodOptional<z.ZodNullable<T>>]>;
|
|
1093
|
-
/** Adds validation on string to ensure only numbers are allowed. */
|
|
1094
|
-
declare const asNumericStr: <T extends z.ZodString>(schema: T, message?: string) => z.ZodString;
|
|
1095
|
-
declare const asRequiredCustom: <T>(message?: string) => z.ZodType<T, z.ZodTypeDef, T>;
|
|
1096
|
-
|
|
1097
|
-
declare const selectedAmountSchema: z.ZodObject<{
|
|
1098
|
-
selected: z.ZodUnion<[z.ZodEffects<z.ZodLiteral<null>, undefined, null>, z.ZodEffects<z.ZodLiteral<"">, undefined, "">, z.ZodPipeline<z.ZodEffects<z.ZodString, string | undefined, string>, z.ZodUndefined>, z.ZodOptional<z.ZodBoolean>]>;
|
|
1099
|
-
amountStr: z.ZodUnion<[z.ZodEffects<z.ZodLiteral<null>, undefined, null>, z.ZodEffects<z.ZodLiteral<"">, undefined, "">, z.ZodPipeline<z.ZodEffects<z.ZodString, string | undefined, string>, z.ZodUndefined>, z.ZodOptional<z.ZodString>]>;
|
|
1100
|
-
}, "strip", z.ZodTypeAny, {
|
|
1101
|
-
selected?: boolean | undefined;
|
|
1102
|
-
amountStr?: string | undefined;
|
|
1103
|
-
}, {
|
|
1104
|
-
selected?: string | boolean | null | undefined;
|
|
1105
|
-
amountStr?: string | null | undefined;
|
|
1106
|
-
}>;
|
|
1107
|
-
type SelectedAmountSchema = z.infer<typeof selectedAmountSchema>;
|
|
1108
|
-
|
|
1109
|
-
declare const buildZodIssue: (path: string | string[], message: string) => {
|
|
1110
|
-
path: string[];
|
|
1111
|
-
message: string;
|
|
1112
|
-
code: "custom";
|
|
1113
|
-
};
|
|
1114
|
-
|
|
1115
1090
|
type UseDrawerResizeParams = {
|
|
1116
1091
|
slider: RefObject<HTMLDivElement>;
|
|
1117
1092
|
drawer: RefObject<HTMLDivElement>;
|
|
@@ -1210,15 +1185,26 @@ type LoaderProps = {
|
|
|
1210
1185
|
};
|
|
1211
1186
|
declare const Spinner: ({ className, ...props }: LoaderProps) => react_jsx_runtime.JSX.Element;
|
|
1212
1187
|
|
|
1213
|
-
|
|
1188
|
+
type LoadingStateProps = {
|
|
1214
1189
|
size?: SizeProp;
|
|
1215
|
-
|
|
1190
|
+
title?: React.ReactNode;
|
|
1191
|
+
description?: React.ReactNode;
|
|
1192
|
+
};
|
|
1193
|
+
declare const LoadingState: ({ size, title, description }: LoadingStateProps) => react_jsx_runtime.JSX.Element;
|
|
1216
1194
|
|
|
1217
1195
|
type LoadingBarProps = {
|
|
1218
1196
|
className?: string;
|
|
1219
1197
|
};
|
|
1220
1198
|
declare const LoadingBar: ({ className }: LoadingBarProps) => react_jsx_runtime.JSX.Element;
|
|
1221
1199
|
|
|
1200
|
+
type TwoCirclesSpinnerProps = {
|
|
1201
|
+
className?: string;
|
|
1202
|
+
size?: "sm" | "md" | "lg" | "xl";
|
|
1203
|
+
title?: React.ReactNode;
|
|
1204
|
+
description?: React.ReactNode;
|
|
1205
|
+
};
|
|
1206
|
+
declare const TwoCirclesSpinner: ({ className, size, title, description }: TwoCirclesSpinnerProps) => react_jsx_runtime.JSX.Element;
|
|
1207
|
+
|
|
1222
1208
|
type MenuContentProps = DropdownMenuContentProps & {
|
|
1223
1209
|
unrestrictedHeight?: boolean;
|
|
1224
1210
|
};
|
|
@@ -1321,8 +1307,8 @@ type ModalProps$2 = DiscriminatedVisibilityProps & ModalContentBaseProps & Modal
|
|
|
1321
1307
|
declare const Modal: {
|
|
1322
1308
|
({ children, trigger, isOpen, onClose, onOpenChange, content, title, error, description, actions, ...rest }: ModalProps$2): react_jsx_runtime.JSX.Element;
|
|
1323
1309
|
Body: ({ children, title, error, description, actions, showX, }: ModalBodyImplProps$1 & ChildrenProps$1) => react_jsx_runtime.JSX.Element;
|
|
1324
|
-
TriggerButton: (props:
|
|
1325
|
-
CloseButton: (props:
|
|
1310
|
+
TriggerButton: (props: undefined) => react_jsx_runtime.JSX.Element;
|
|
1311
|
+
CloseButton: (props: undefined) => react_jsx_runtime.JSX.Element;
|
|
1326
1312
|
};
|
|
1327
1313
|
|
|
1328
1314
|
type FullscreenModalHeaderProps = {
|
|
@@ -1339,10 +1325,9 @@ type ModalProps$1 = DiscriminatedVisibilityProps & ModalContentBaseProps & {
|
|
|
1339
1325
|
title?: React$1.ReactNode;
|
|
1340
1326
|
showX?: boolean;
|
|
1341
1327
|
};
|
|
1342
|
-
declare const
|
|
1343
|
-
(
|
|
1344
|
-
|
|
1345
|
-
CloseButton: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
1328
|
+
declare const FullscreenModalNamespace: React$1.ForwardRefExoticComponent<ModalProps$1 & React$1.RefAttributes<HTMLDivElement>> & {
|
|
1329
|
+
TriggerButton: (props: undefined) => react_jsx_runtime.JSX.Element;
|
|
1330
|
+
CloseButton: (props: undefined) => react_jsx_runtime.JSX.Element;
|
|
1346
1331
|
Header: ({ className, title, description, leftSlot, rightSlot, }: FullscreenModalHeaderProps) => react_jsx_runtime.JSX.Element;
|
|
1347
1332
|
};
|
|
1348
1333
|
|
|
@@ -1372,8 +1357,8 @@ type ModalProps = Simplify<DiscriminatedVisibilityProps & Pick<ModalContentProps
|
|
|
1372
1357
|
declare const AlertModal: {
|
|
1373
1358
|
({ children, trigger, isOpen, onOpenChange, onClose, content, title, error, description, actions, ...rest }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
1374
1359
|
Body: ({ children, title, error, description, actions }: ModalBodyImplProps & ChildrenProps) => react_jsx_runtime.JSX.Element;
|
|
1375
|
-
TriggerButton: (props:
|
|
1376
|
-
CloseButton: (props:
|
|
1360
|
+
TriggerButton: (props: undefined) => react_jsx_runtime.JSX.Element;
|
|
1361
|
+
CloseButton: (props: undefined) => react_jsx_runtime.JSX.Element;
|
|
1377
1362
|
};
|
|
1378
1363
|
|
|
1379
1364
|
type TooltipContentProps = Pick<RadixTooltip.TooltipContentProps, "side"> & {
|
|
@@ -1509,45 +1494,45 @@ declare const Switch: {
|
|
|
1509
1494
|
Label: (props: React$1.ComponentPropsWithoutRef<"label">) => react_jsx_runtime.JSX.Element;
|
|
1510
1495
|
};
|
|
1511
1496
|
|
|
1512
|
-
declare const
|
|
1497
|
+
declare const tableVariants: {
|
|
1513
1498
|
readonly default: "default";
|
|
1514
1499
|
readonly seamless: "seamless";
|
|
1515
1500
|
readonly transparent: "transparent";
|
|
1516
1501
|
readonly subtable: "subtable";
|
|
1517
1502
|
};
|
|
1518
|
-
type
|
|
1503
|
+
type TableVariant = (typeof tableVariants)[keyof typeof tableVariants];
|
|
1504
|
+
type ConfigClassNames = {
|
|
1505
|
+
rootClassName?: string;
|
|
1506
|
+
rowClassName?: string;
|
|
1507
|
+
cellClassName?: string;
|
|
1508
|
+
};
|
|
1509
|
+
declare const headerClassNames: (variant: TableVariant) => ConfigClassNames;
|
|
1510
|
+
declare const bodyClassNames: (variant: TableVariant) => ConfigClassNames;
|
|
1519
1511
|
type TableProps<T> = {
|
|
1520
1512
|
table: Table$1<T>;
|
|
1521
|
-
variant?:
|
|
1513
|
+
variant?: TableVariant;
|
|
1522
1514
|
loading?: boolean;
|
|
1523
|
-
fillHeight?: boolean;
|
|
1524
1515
|
};
|
|
1525
|
-
declare const Table: <T>({ variant, loading
|
|
1516
|
+
declare const Table: <T>({ variant, loading: loadingProp, ...props }: TableProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1517
|
+
|
|
1518
|
+
type VirtualizedTableProps<T> = {
|
|
1519
|
+
table: Table$1<T>;
|
|
1520
|
+
variant?: Extract<TableVariant, "default" | "subtable">;
|
|
1521
|
+
loading?: boolean;
|
|
1522
|
+
rowHeight?: number;
|
|
1523
|
+
overscan?: number;
|
|
1524
|
+
};
|
|
1525
|
+
declare const VirtualizedTable: <T>({ table, variant, loading: loadingProp, rowHeight, overscan, }: VirtualizedTableProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1526
1526
|
|
|
1527
1527
|
type SortOptions = {
|
|
1528
1528
|
sort: string | undefined;
|
|
1529
1529
|
onSortColumn?: (newSort: ColumnSort | undefined) => void;
|
|
1530
1530
|
};
|
|
1531
|
-
type CustomTableMeta<T> = {
|
|
1532
|
-
emptyText?: React.ReactNode;
|
|
1533
|
-
activeRowId?: string;
|
|
1534
|
-
onRowClick?: (row: Row<T>) => void;
|
|
1535
|
-
staticSubRows?: boolean;
|
|
1536
|
-
};
|
|
1537
1531
|
type DiscriminatedSortOptions = SortOptions | AllAsNever<SortOptions>;
|
|
1538
|
-
type CustomTableOptions<T> = Simplify<Omit<TableOptions<T>, "getCoreRowModel"> & DiscriminatedSortOptions &
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
id: TabId;
|
|
1543
|
-
label: React.ReactNode;
|
|
1544
|
-
disabled?: boolean;
|
|
1545
|
-
dataTestId?: string;
|
|
1546
|
-
fsId?: string;
|
|
1547
|
-
extra?: React.ReactNode;
|
|
1548
|
-
className?: string;
|
|
1549
|
-
};
|
|
1550
|
-
declare const TabsTrigger: <TabId extends string>({ id, label, disabled, dataTestId, fsId, extra, className, }: TabsTriggerProps<TabId>) => react_jsx_runtime.JSX.Element;
|
|
1532
|
+
type CustomTableOptions<T> = Simplify<Omit<TableOptions<T>, "getCoreRowModel"> & DiscriminatedSortOptions & TableMeta<T> & {
|
|
1533
|
+
tableRef?: (table: Table$1<T>) => void;
|
|
1534
|
+
}>;
|
|
1535
|
+
declare const useTable: <T>({ tableRef, ...options }: CustomTableOptions<T>) => Table$1<T>;
|
|
1551
1536
|
|
|
1552
1537
|
type TabDefinition<TabId extends string> = {
|
|
1553
1538
|
id: TabId;
|
|
@@ -1575,18 +1560,18 @@ declare const Tabs: {
|
|
|
1575
1560
|
type TabContentProps<TabId = string> = {
|
|
1576
1561
|
id: TabId;
|
|
1577
1562
|
} & Omit<TabsContentProps, "value">;
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1563
|
+
|
|
1564
|
+
type TabsTriggerProps<TabId extends string> = {
|
|
1565
|
+
id: TabId;
|
|
1566
|
+
label: React.ReactNode;
|
|
1567
|
+
disabled?: boolean;
|
|
1568
|
+
fsId?: string;
|
|
1569
|
+
extra?: React.ReactNode;
|
|
1582
1570
|
className?: string;
|
|
1571
|
+
isActive: boolean;
|
|
1572
|
+
layoutId?: string;
|
|
1583
1573
|
};
|
|
1584
|
-
declare const
|
|
1585
|
-
Root: ({ currentTab, setCurrentTab, ...props }: TabsRootProps<TabId>) => react_jsx_runtime.JSX.Element;
|
|
1586
|
-
List: ({ className, ...props }: TabsListProps) => react_jsx_runtime.JSX.Element;
|
|
1587
|
-
Trigger: ({ id, label, disabled, dataTestId, fsId, extra, className, }: TabsTriggerProps<TabId>) => react_jsx_runtime.JSX.Element;
|
|
1588
|
-
Content: ({ id, ...rest }: TabContentProps<TabId>) => react_jsx_runtime.JSX.Element;
|
|
1589
|
-
};
|
|
1574
|
+
declare const TabsTrigger: <TabId extends string>({ id, label, disabled, fsId, extra, className, isActive, layoutId, }: TabsTriggerProps<TabId>) => react_jsx_runtime.JSX.Element;
|
|
1590
1575
|
|
|
1591
1576
|
type ScrollTab = {
|
|
1592
1577
|
tabName: string;
|
|
@@ -1636,8 +1621,9 @@ type TabGroupProps<TabId extends string> = {
|
|
|
1636
1621
|
tabs: TabDefinition<TabId>[];
|
|
1637
1622
|
currentTab: TabId;
|
|
1638
1623
|
setCurrentTab: (id: TabId) => void;
|
|
1624
|
+
size?: "sm" | "md";
|
|
1639
1625
|
};
|
|
1640
|
-
declare const TabGroup: <TabId extends string>({ tabs, currentTab, setCurrentTab }: TabGroupProps<TabId>) => react_jsx_runtime.JSX.Element;
|
|
1626
|
+
declare const TabGroup: <TabId extends string>({ tabs, currentTab, setCurrentTab, size, }: TabGroupProps<TabId>) => react_jsx_runtime.JSX.Element;
|
|
1641
1627
|
|
|
1642
1628
|
type TagLabelProps = {
|
|
1643
1629
|
children: React$1.ReactNode;
|
|
@@ -1664,7 +1650,7 @@ declare const VARIANT_STYLES: {
|
|
|
1664
1650
|
readonly "body-2": "text-body-2";
|
|
1665
1651
|
readonly label: "text-label";
|
|
1666
1652
|
readonly footnote: "text-footnote";
|
|
1667
|
-
readonly smallcaps: "text-smallcaps";
|
|
1653
|
+
readonly smallcaps: "text-smallcaps uppercase";
|
|
1668
1654
|
};
|
|
1669
1655
|
type TextVariant = keyof typeof VARIANT_STYLES;
|
|
1670
1656
|
/**
|
|
@@ -1724,7 +1710,7 @@ type TextProps<T extends TextTag = "p"> = TextOwnProps<T> & Omit<ComponentPropsW
|
|
|
1724
1710
|
* @example With Variants
|
|
1725
1711
|
* <Text variant="headline-1">Large Heading</Text>
|
|
1726
1712
|
* <Text variant="body-1">Body text</Text>
|
|
1727
|
-
* <Text variant="
|
|
1713
|
+
* <Text variant="footnote">Label text</Text>
|
|
1728
1714
|
*/
|
|
1729
1715
|
declare const Text: <T extends TextTag = "p">({ as, variant, children, className, ...props }: TextProps<T>) => react_jsx_runtime.JSX.Element;
|
|
1730
1716
|
|
|
@@ -1737,9 +1723,11 @@ declare const createContextHelper: <ContextValue extends object | null>(defaultC
|
|
|
1737
1723
|
children: React$1.ReactNode;
|
|
1738
1724
|
}) => react_jsx_runtime.JSX.Element, () => ContextValue];
|
|
1739
1725
|
|
|
1726
|
+
declare const useIntersectionObserver: <T extends Element>(options?: IntersectionObserverInit) => [React.RefCallback<T>, IntersectionObserverEntry | null];
|
|
1727
|
+
|
|
1740
1728
|
/**
|
|
1741
1729
|
* I've found managing hover state with onMouseOver and onMouseOut events can be unreliable
|
|
1742
|
-
* when moving the mouse quickly. So this hook uses an event listener to more reliably track
|
|
1730
|
+
* when moving the mouse quickly over small targets. So this hook uses an event listener to more reliably track
|
|
1743
1731
|
* mouse movement.
|
|
1744
1732
|
*/
|
|
1745
1733
|
declare const useIsHovered: (ref: React.RefObject<HTMLElement>) => boolean;
|
|
@@ -1818,4 +1806,4 @@ declare const useToggle: (initState?: boolean) => {
|
|
|
1818
1806
|
toggle: () => void;
|
|
1819
1807
|
};
|
|
1820
1808
|
|
|
1821
|
-
export { AlertModal, type AllAsNever, AsyncMultiSelect, type AsyncMultiSelectControlledProps, type AsyncMultiSelectProps, AsyncSelect, type AsyncSelectControlledProps, type AsyncSelectProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonStyleProps,
|
|
1809
|
+
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 FormFieldNameProps, FormInput, FormMultiSelect, FormPercentInput, FormRadioButtonGroup, type FormSchema, FormSelect, type FormSelectProps, FormSwitch, FormTextArea, FullscreenModalNamespace as FullscreenModal, HeaderTile, 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, PercentInput, type PersistDrawerWidth, PhoneNumber, Popover, type PopoverProps, type PropsWithClassName, RadioButtonGroup, type RadioButtonGroupItem, type RadioButtonGroupProps, RadioButtonItem, 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, type TextTag, type TextVariant, 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, useControlledField, useControlledFormField, useCopyable, useDebounce, useDrawer, useDrawerResize, useForm, useIntersectionObserver, useIsEditing, useIsHovered, useIsVisible, useOverflowObserver, useSwitchId, useSyncState, useTable, useToggle, useUncontrolledField, useUncontrolledFormField };
|