docthub-core-components 3.2.2 → 3.2.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/dist/components/overrides/ui/autocomplete-checkbox.js +362 -356
- package/dist/components/overrides/ui/login-dialog/login-dialog.js +344 -0
- package/dist/components/overrides/ui/login-dialog/presets.js +38 -0
- package/dist/components/overrides/ui/login-dialog/types.js +7 -0
- package/dist/index.esm.js +3061 -3071
- package/dist/index.js +149 -136
- package/dist/src/components/overrides/ui/autocomplete-checkbox.d.ts +12 -1
- package/dist/src/components/overrides/ui/login-dialog/index.d.ts +3 -0
- package/dist/src/components/overrides/ui/login-dialog/login-dialog.d.ts +2 -0
- package/dist/src/components/overrides/ui/login-dialog/presets.d.ts +15 -0
- package/dist/src/components/overrides/ui/login-dialog/types.d.ts +44 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2,120 +2,123 @@
|
|
|
2
2
|
/* empty css */
|
|
3
3
|
import { DoctAutocomplete as t } from "./components/overrides/ui/auto-complete.js";
|
|
4
4
|
import { AutocompleteCheckbox as D } from "./components/overrides/ui/autocomplete-checkbox.js";
|
|
5
|
-
import { Chip as
|
|
5
|
+
import { Chip as p } from "./components/overrides/ui/chips/doct-chip.js";
|
|
6
6
|
import { CircularProgress as s } from "./components/overrides/ui/circular-progress.js";
|
|
7
7
|
import { AddressFormSection as m } from "./components/overrides/ui/composed/address-form-section.js";
|
|
8
8
|
import { ContactFormSection as d } from "./components/overrides/ui/composed/contact-form-section.js";
|
|
9
|
-
import { SearchFilterSection as
|
|
10
|
-
import { UserRegistrationSection as
|
|
9
|
+
import { SearchFilterSection as C } from "./components/overrides/ui/composed/search-filter-section.js";
|
|
10
|
+
import { UserRegistrationSection as I } from "./components/overrides/ui/composed/user-registration-section.js";
|
|
11
11
|
import { CurrencyInput as T } from "./components/overrides/ui/currencyInput/currency-input.js";
|
|
12
|
-
import { DoctAnimationLoader as
|
|
13
|
-
import { ExpandableCard as
|
|
14
|
-
import { LabeledInput as
|
|
15
|
-
import { OtpInput as
|
|
16
|
-
import { PasswordInput as
|
|
17
|
-
import { DoctPhoneInput as
|
|
18
|
-
import { DatePickerField as
|
|
19
|
-
import { DateRangePickerField as
|
|
20
|
-
import { SelectField as
|
|
21
|
-
import { AutoComplete as
|
|
22
|
-
import { SearchInput as
|
|
23
|
-
import { ComponentVariant as Q, ComponentSection as
|
|
24
|
-
import { Alert as
|
|
25
|
-
import { Avatar as
|
|
12
|
+
import { DoctAnimationLoader as b } from "./components/overrides/ui/doct-animation-loader.js";
|
|
13
|
+
import { ExpandableCard as w } from "./components/overrides/ui/expandable-card.js";
|
|
14
|
+
import { LabeledInput as _ } from "./components/overrides/ui/inputs/labeled-input.js";
|
|
15
|
+
import { OtpInput as P } from "./components/overrides/ui/inputs/otp-input.js";
|
|
16
|
+
import { PasswordInput as O } from "./components/overrides/ui/inputs/password-input.js";
|
|
17
|
+
import { DoctPhoneInput as G } from "./components/overrides/ui/inputs/phone-input.js";
|
|
18
|
+
import { DatePickerField as R } from "./components/overrides/ui/pickers/date-picker-field.js";
|
|
19
|
+
import { DateRangePickerField as B } from "./components/overrides/ui/pickers/date-range-picker-field.js";
|
|
20
|
+
import { SelectField as F } from "./components/overrides/ui/pickers/select-field.js";
|
|
21
|
+
import { AutoComplete as U } from "./components/overrides/ui/search/auto-complete.js";
|
|
22
|
+
import { SearchInput as H } from "./components/overrides/ui/search/search-input.js";
|
|
23
|
+
import { ComponentVariant as Q, ComponentSection as W } from "./components/overrides/ui/showcase/component-section.js";
|
|
24
|
+
import { Alert as Z, AlertDescription as z, AlertTitle as K } from "./components/ui/alert.js";
|
|
25
|
+
import { Avatar as q, AvatarFallback as J, AvatarImage as X } from "./components/ui/avatar.js";
|
|
26
26
|
import { Badge as oo, badgeVariants as ro } from "./components/ui/badge.js";
|
|
27
|
-
import { Breadcrumb as to, BreadcrumbEllipsis as ao, BreadcrumbItem as Do, BreadcrumbLink as no, BreadcrumbList as
|
|
27
|
+
import { Breadcrumb as to, BreadcrumbEllipsis as ao, BreadcrumbItem as Do, BreadcrumbLink as no, BreadcrumbList as po, BreadcrumbPage as co, BreadcrumbSeparator as so } from "./components/ui/breadcrumb.js";
|
|
28
28
|
import { DoctButton as mo } from "./components/ui/button.js";
|
|
29
|
-
import { CalendarDayButton as uo, Calendar as
|
|
30
|
-
import { Checkbox as
|
|
31
|
-
import { Collapsible as To, CollapsibleContent as
|
|
32
|
-
import { Command as
|
|
33
|
-
import { Dialog as
|
|
34
|
-
import { Drawer as Qo, DrawerClose as
|
|
35
|
-
import { DropdownMenu as
|
|
29
|
+
import { CalendarDayButton as uo, Calendar as Co } from "./components/ui/calendar.js";
|
|
30
|
+
import { Checkbox as Io } from "./components/ui/checkbox.js";
|
|
31
|
+
import { Collapsible as To, CollapsibleContent as Ao, CollapsibleTrigger as bo } from "./components/ui/collapsible.js";
|
|
32
|
+
import { Command as wo, CommandDialog as So, CommandEmpty as _o, CommandGroup as Lo, CommandInput as Po, CommandItem as No, CommandList as Oo, CommandSeparator as vo, CommandShortcut as Go } from "./components/ui/command.js";
|
|
33
|
+
import { Dialog as Ro, DialogClose as Eo, DialogContent as Bo, DialogDescription as ho, DialogFooter as Fo, DialogHeader as ko, DialogScrollableBody as Uo, DialogTitle as Vo, DialogTrigger as Ho } from "./components/ui/dialog.js";
|
|
34
|
+
import { Drawer as Qo, DrawerClose as Wo, DrawerContent as Yo, DrawerDescription as Zo, DrawerFooter as zo, DrawerHeader as Ko, DrawerTitle as jo, DrawerTrigger as qo } from "./components/ui/drawer.js";
|
|
35
|
+
import { DropdownMenu as Xo, DropdownMenuCheckboxItem as $o, DropdownMenuContent as or, DropdownMenuGroup as rr, DropdownMenuItem as er, DropdownMenuLabel as tr, DropdownMenuRadioGroup as ar, DropdownMenuRadioItem as Dr, DropdownMenuSeparator as nr, DropdownMenuShortcut as pr, DropdownMenuSub as cr, DropdownMenuSubContent as sr, DropdownMenuSubTrigger as ir, DropdownMenuTrigger as mr } from "./components/ui/dropdown-menu.js";
|
|
36
36
|
import { Input as dr } from "./components/ui/input.js";
|
|
37
|
-
import { Label as
|
|
38
|
-
import { Popover as
|
|
37
|
+
import { Label as Cr } from "./components/ui/label.js";
|
|
38
|
+
import { Popover as Ir, PopoverArrow as xr, PopoverBackdrop as Tr, PopoverClose as Ar, PopoverContent as br, PopoverDescription as fr, PopoverHeader as wr, PopoverTitle as Sr, PopoverTrigger as _r, PopoverViewport as Lr } from "./components/ui/popover.js";
|
|
39
39
|
import { Progress as Nr } from "./components/ui/progress.js";
|
|
40
|
-
import { RadioGroup as
|
|
41
|
-
import { Skeleton as
|
|
42
|
-
import { Tabs as
|
|
43
|
-
import { Textarea as
|
|
44
|
-
import { Timeline as
|
|
45
|
-
import { toast as
|
|
46
|
-
import { Tooltip as
|
|
47
|
-
import { DoctTypography as
|
|
40
|
+
import { RadioGroup as vr, RadioGroupItem as Gr } from "./components/ui/radio-group.js";
|
|
41
|
+
import { Skeleton as Rr } from "./components/ui/skeleton.js";
|
|
42
|
+
import { Tabs as Br, TabsContent as hr, TabsList as Fr, TabsTrigger as kr } from "./components/ui/tabs.js";
|
|
43
|
+
import { Textarea as Vr } from "./components/ui/textarea.js";
|
|
44
|
+
import { Timeline as yr } from "./components/ui/timeline.js";
|
|
45
|
+
import { toast as Wr, Toaster as Yr } from "./components/ui/toast.js";
|
|
46
|
+
import { Tooltip as zr, TooltipContent as Kr, TooltipProvider as jr, TooltipTrigger as qr } from "./components/ui/tooltip.js";
|
|
47
|
+
import { DoctTypography as Xr } from "./components/ui/typography.js";
|
|
48
48
|
import { useAutocompleteCheckbox as oe } from "./hooks/useAutocompleteCheckbox.js";
|
|
49
49
|
import { DoctFooter as ee } from "./components/overrides/ui/footer/doct-footer.js";
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
50
|
+
import { DoctLoginDialog as ae } from "./components/overrides/ui/login-dialog/login-dialog.js";
|
|
51
|
+
import { DoctNavigationMenu as ne } from "./components/overrides/ui/navigation-menu/doct-navigation-menu.js";
|
|
52
|
+
import { INDIVIDUAL_NAV_ROUTES as ce, INDIVIDUAL_NAV_ROUTES_PROD as se, INDIVIDUAL_NAV_ROUTES_QA as ie } from "./components/overrides/ui/navigation-menu/individual-nav-routes.js";
|
|
53
|
+
import { IndividualNavigationMenu as le } from "./components/overrides/ui/navigation-menu/individual-navigation-menu.js";
|
|
54
|
+
import { LOGIN_DIALOG_ASSETS as ue, LOGIN_DIALOG_CONTINUE_ANOTHER_WAY_LABEL as Ce, LOGIN_DIALOG_CONTINUE_PHONE_EMAIL_LABEL as ge, LOGIN_DIALOG_DEFAULT_COPY as Ie, LOGIN_DIALOG_RETURNING_HINT as xe, LOGIN_DIALOG_RETURNING_PRIMARY_LABEL as Te } from "./components/overrides/ui/login-dialog/presets.js";
|
|
55
|
+
import { LOGIN_DIALOG_IMAGE_HEIGHT as be, LOGIN_DIALOG_IMAGE_WIDTH as fe, LOGIN_DRAWER_BACKDROP_CLASS as we } from "./components/overrides/ui/login-dialog/types.js";
|
|
56
|
+
import { ORGANIZATION_NAV_ROUTES as _e, ORGANIZATION_NAV_ROUTES_PROD as Le, ORGANIZATION_NAV_ROUTES_QA as Pe } from "./components/overrides/ui/navigation-menu/organization-nav-routes.js";
|
|
57
|
+
import { OrganizationNavigationMenu as Oe } from "./components/overrides/ui/navigation-menu/organization-navigation-menu.js";
|
|
58
|
+
import { isPossiblePhoneNumber as Ge, isValidPhoneNumber as Me } from "react-phone-number-input";
|
|
59
|
+
import { isProdNav as Ee, isQaNav as Be, resolveNavEnv as he } from "./components/overrides/ui/navigation-menu/nav-env.js";
|
|
57
60
|
export {
|
|
58
61
|
uo as CalendarDayButton,
|
|
59
62
|
Q as ComponentVariant,
|
|
60
63
|
m as DoctAddressFormSection,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
64
|
+
Z as DoctAlert,
|
|
65
|
+
z as DoctAlertDescription,
|
|
66
|
+
K as DoctAlertTitle,
|
|
67
|
+
b as DoctAnimationLoader,
|
|
68
|
+
U as DoctAutoComplete,
|
|
66
69
|
t as DoctAutocomplete,
|
|
67
70
|
D as DoctAutocompleteCheckbox,
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
+
q as DoctAvatar,
|
|
72
|
+
J as DoctAvatarFallback,
|
|
73
|
+
X as DoctAvatarImage,
|
|
71
74
|
oo as DoctBadge,
|
|
72
75
|
to as DoctBreadcrumb,
|
|
73
76
|
ao as DoctBreadcrumbEllipsis,
|
|
74
77
|
Do as DoctBreadcrumbItem,
|
|
75
78
|
no as DoctBreadcrumbLink,
|
|
76
|
-
|
|
77
|
-
|
|
79
|
+
po as DoctBreadcrumbList,
|
|
80
|
+
co as DoctBreadcrumbPage,
|
|
78
81
|
so as DoctBreadcrumbSeparator,
|
|
79
82
|
mo as DoctButton,
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
+
Co as DoctCalendar,
|
|
84
|
+
Io as DoctCheckbox,
|
|
85
|
+
p as DoctChip,
|
|
83
86
|
s as DoctCircularProgress,
|
|
84
87
|
To as DoctCollapsible,
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
88
|
+
Ao as DoctCollapsibleContent,
|
|
89
|
+
bo as DoctCollapsibleTrigger,
|
|
90
|
+
wo as DoctCommand,
|
|
91
|
+
So as DoctCommandDialog,
|
|
92
|
+
_o as DoctCommandEmpty,
|
|
93
|
+
Lo as DoctCommandGroup,
|
|
94
|
+
Po as DoctCommandInput,
|
|
92
95
|
No as DoctCommandItem,
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
96
|
+
Oo as DoctCommandList,
|
|
97
|
+
vo as DoctCommandSeparator,
|
|
98
|
+
Go as DoctCommandShortcut,
|
|
99
|
+
W as DoctComponentSection,
|
|
97
100
|
d as DoctContactFormSection,
|
|
98
101
|
T as DoctCurrencyInput,
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
102
|
+
R as DoctDatePickerField,
|
|
103
|
+
B as DoctDateRangePickerField,
|
|
104
|
+
Ro as DoctDialog,
|
|
105
|
+
Eo as DoctDialogClose,
|
|
106
|
+
Bo as DoctDialogContent,
|
|
107
|
+
ho as DoctDialogDescription,
|
|
108
|
+
Fo as DoctDialogFooter,
|
|
109
|
+
ko as DoctDialogHeader,
|
|
110
|
+
Uo as DoctDialogScrollableBody,
|
|
111
|
+
Vo as DoctDialogTitle,
|
|
112
|
+
Ho as DoctDialogTrigger,
|
|
110
113
|
Qo as DoctDrawer,
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
114
|
+
Wo as DoctDrawerClose,
|
|
115
|
+
Yo as DoctDrawerContent,
|
|
116
|
+
Zo as DoctDrawerDescription,
|
|
117
|
+
zo as DoctDrawerFooter,
|
|
118
|
+
Ko as DoctDrawerHeader,
|
|
119
|
+
jo as DoctDrawerTitle,
|
|
120
|
+
qo as DoctDrawerTrigger,
|
|
121
|
+
Xo as DoctDropdownMenu,
|
|
119
122
|
$o as DoctDropdownMenuCheckboxItem,
|
|
120
123
|
or as DoctDropdownMenuContent,
|
|
121
124
|
rr as DoctDropdownMenuGroup,
|
|
@@ -124,64 +127,74 @@ export {
|
|
|
124
127
|
ar as DoctDropdownMenuRadioGroup,
|
|
125
128
|
Dr as DoctDropdownMenuRadioItem,
|
|
126
129
|
nr as DoctDropdownMenuSeparator,
|
|
127
|
-
|
|
128
|
-
|
|
130
|
+
pr as DoctDropdownMenuShortcut,
|
|
131
|
+
cr as DoctDropdownMenuSub,
|
|
129
132
|
sr as DoctDropdownMenuSubContent,
|
|
130
133
|
ir as DoctDropdownMenuSubTrigger,
|
|
131
134
|
mr as DoctDropdownMenuTrigger,
|
|
132
|
-
|
|
135
|
+
w as DoctExpandableCard,
|
|
133
136
|
ee as DoctFooter,
|
|
134
137
|
dr as DoctInput,
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
ae as
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
138
|
+
Cr as DoctLabel,
|
|
139
|
+
_ as DoctLabeledInput,
|
|
140
|
+
ae as DoctLoginDialog,
|
|
141
|
+
ne as DoctNavigationMenu,
|
|
142
|
+
P as DoctOtpInput,
|
|
143
|
+
O as DoctPasswordInput,
|
|
144
|
+
G as DoctPhoneInput,
|
|
145
|
+
Ir as DoctPopover,
|
|
146
|
+
xr as DoctPopoverArrow,
|
|
143
147
|
Tr as DoctPopoverBackdrop,
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
148
|
+
Ar as DoctPopoverClose,
|
|
149
|
+
br as DoctPopoverContent,
|
|
150
|
+
fr as DoctPopoverDescription,
|
|
151
|
+
wr as DoctPopoverHeader,
|
|
152
|
+
Sr as DoctPopoverTitle,
|
|
153
|
+
_r as DoctPopoverTrigger,
|
|
154
|
+
Lr as DoctPopoverViewport,
|
|
151
155
|
Nr as DoctProgress,
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
156
|
+
vr as DoctRadioGroup,
|
|
157
|
+
Gr as DoctRadioGroupItem,
|
|
158
|
+
C as DoctSearchFilterSection,
|
|
159
|
+
H as DoctSearchInput,
|
|
160
|
+
F as DoctSelectField,
|
|
161
|
+
Rr as DoctSkeleton,
|
|
162
|
+
Br as DoctTabs,
|
|
163
|
+
hr as DoctTabsContent,
|
|
164
|
+
Fr as DoctTabsList,
|
|
165
|
+
kr as DoctTabsTrigger,
|
|
166
|
+
Vr as DoctTextareaField,
|
|
167
|
+
yr as DoctTimeline,
|
|
168
|
+
Wr as DoctToast,
|
|
169
|
+
Yr as DoctToaster,
|
|
170
|
+
zr as DoctTooltip,
|
|
171
|
+
Kr as DoctTooltipContent,
|
|
172
|
+
jr as DoctTooltipProvider,
|
|
173
|
+
qr as DoctTooltipTrigger,
|
|
174
|
+
Xr as DoctTypography,
|
|
175
|
+
I as DoctUserRegistrationSection,
|
|
176
|
+
ce as INDIVIDUAL_NAV_ROUTES,
|
|
177
|
+
se as INDIVIDUAL_NAV_ROUTES_PROD,
|
|
178
|
+
ie as INDIVIDUAL_NAV_ROUTES_QA,
|
|
179
|
+
le as IndividualNavigationMenu,
|
|
180
|
+
ue as LOGIN_DIALOG_ASSETS,
|
|
181
|
+
Ce as LOGIN_DIALOG_CONTINUE_ANOTHER_WAY_LABEL,
|
|
182
|
+
ge as LOGIN_DIALOG_CONTINUE_PHONE_EMAIL_LABEL,
|
|
183
|
+
Ie as LOGIN_DIALOG_DEFAULT_COPY,
|
|
184
|
+
be as LOGIN_DIALOG_IMAGE_HEIGHT,
|
|
185
|
+
fe as LOGIN_DIALOG_IMAGE_WIDTH,
|
|
186
|
+
xe as LOGIN_DIALOG_RETURNING_HINT,
|
|
187
|
+
Te as LOGIN_DIALOG_RETURNING_PRIMARY_LABEL,
|
|
188
|
+
we as LOGIN_DRAWER_BACKDROP_CLASS,
|
|
189
|
+
_e as ORGANIZATION_NAV_ROUTES,
|
|
190
|
+
Le as ORGANIZATION_NAV_ROUTES_PROD,
|
|
191
|
+
Pe as ORGANIZATION_NAV_ROUTES_QA,
|
|
192
|
+
Oe as OrganizationNavigationMenu,
|
|
180
193
|
ro as badgeVariants,
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
194
|
+
Ge as isPossiblePhoneNumber,
|
|
195
|
+
Ee as isProdNav,
|
|
196
|
+
Be as isQaNav,
|
|
197
|
+
Me as isValidPhoneNumber,
|
|
198
|
+
he as resolveNavEnv,
|
|
186
199
|
oe as useAutocompleteCheckbox
|
|
187
200
|
};
|
|
@@ -61,6 +61,17 @@ export interface AutocompleteCheckboxProps<T = unknown> {
|
|
|
61
61
|
triggerButtonProps?: Omit<React.ComponentProps<typeof DoctButton>, "children" | "variant" | "size" | "icon" | "iconPosition">;
|
|
62
62
|
triggerButtonIcon?: React.ReactNode;
|
|
63
63
|
triggerButtonIconPosition?: React.ComponentProps<typeof DoctButton>["iconPosition"];
|
|
64
|
+
/**
|
|
65
|
+
* Icon rendered on the left side of the trigger button label.
|
|
66
|
+
* Takes precedence over `triggerButtonIcon` when set.
|
|
67
|
+
*/
|
|
68
|
+
triggerButtonLeftIcon?: React.ReactNode;
|
|
69
|
+
/**
|
|
70
|
+
* Icon rendered on the right side of the trigger button label.
|
|
71
|
+
* Takes precedence over `triggerButtonIcon` when set.
|
|
72
|
+
* If neither left nor right icon is provided, a default chevron is shown on the right.
|
|
73
|
+
*/
|
|
74
|
+
triggerButtonRightIcon?: React.ReactNode;
|
|
64
75
|
/**
|
|
65
76
|
* Portal container for dropdown. If null, renders inline. Defaults to document.body
|
|
66
77
|
*/
|
|
@@ -95,5 +106,5 @@ export interface AutocompleteCheckboxProps<T = unknown> {
|
|
|
95
106
|
* Autocomplete component with checkbox selection.
|
|
96
107
|
* Supports two modes: "input" (default) with tags display, or "button" for filter bars.
|
|
97
108
|
*/
|
|
98
|
-
export declare function AutocompleteCheckbox<T extends OptionType>({ options, dataSource, value, onChange, change, onInputChange, placeholder, label, helperText, error, noOptionsText, emptyMessage, disabled, loading, required, clearable, disableCloseOnSelect, freeSolo, size, variant, fullWidth, className, inputClassName, checkboxPosition, showChip, showTags, checkboxProps, chipProps, checkboxColor, showSearch, searchPlaceholder, showScroller, multiple, hideCheckbox, triggerType, triggerButtonLabel, triggerButtonVariant, triggerButtonSize, triggerButtonProps, triggerButtonIcon, triggerButtonIconPosition, portalContainer, disablePortal, dropdownWidth, getOptionLabel, getOptionValue, isOptionEqualToValue, filterOptions, renderOption, renderTags, limitTags, fields, }: AutocompleteCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
109
|
+
export declare function AutocompleteCheckbox<T extends OptionType>({ options, dataSource, value, onChange, change, onInputChange, placeholder, label, helperText, error, noOptionsText, emptyMessage, disabled, loading, required, clearable, disableCloseOnSelect, freeSolo, size, variant, fullWidth, className, inputClassName, checkboxPosition, showChip, showTags, checkboxProps, chipProps, checkboxColor, showSearch, searchPlaceholder, showScroller, multiple, hideCheckbox, triggerType, triggerButtonLabel, triggerButtonVariant, triggerButtonSize, triggerButtonProps, triggerButtonIcon, triggerButtonIconPosition, triggerButtonLeftIcon, triggerButtonRightIcon, portalContainer, disablePortal, dropdownWidth, getOptionLabel, getOptionValue, isOptionEqualToValue, filterOptions, renderOption, renderTags, limitTags, fields, }: AutocompleteCheckboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
99
110
|
export default AutocompleteCheckbox;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { DoctLoginDialog } from './login-dialog';
|
|
2
|
+
export { LOGIN_DIALOG_ASSETS, LOGIN_DIALOG_CONTINUE_ANOTHER_WAY_LABEL, LOGIN_DIALOG_CONTINUE_PHONE_EMAIL_LABEL, LOGIN_DIALOG_DEFAULT_COPY, LOGIN_DIALOG_RETURNING_HINT, LOGIN_DIALOG_RETURNING_PRIMARY_LABEL, } from './presets';
|
|
3
|
+
export { type DoctLoginDialogProps, LOGIN_DIALOG_IMAGE_HEIGHT, LOGIN_DIALOG_IMAGE_WIDTH, LOGIN_DRAWER_BACKDROP_CLASS, type LoginDialogLastProvider, type LoginDialogVariant, } from './types';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { DoctLoginDialogProps } from './types';
|
|
2
|
+
export declare function DoctLoginDialog({ open, onOpenChange, variant, lastLoginProvider, onContinueWithPhoneEmail, onContinueWithMobile, onContinueWithEmail, onContinueWithGoogle, onContinueWithApple, onContinueAnotherWay, onTermsClick, onPrivacyClick, termsHref, privacyHref, imageSrc, imageAlt, googleIconSrc, appleIconSrc, image, title, description, continueButtonLabel, isMobileOverride, className, }: Readonly<DoctLoginDialogProps>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LoginDialogLastProvider, LoginDialogVariant } from './types';
|
|
2
|
+
/** Default public paths (Storybook / apps that copy `public/login`). Override via props. */
|
|
3
|
+
export declare const LOGIN_DIALOG_ASSETS: {
|
|
4
|
+
readonly illustration: "/login/login-image.png";
|
|
5
|
+
readonly googleIcon: "/login/google-icon.svg";
|
|
6
|
+
readonly appleIcon: "/login/apple-icon.svg";
|
|
7
|
+
};
|
|
8
|
+
export declare const LOGIN_DIALOG_DEFAULT_COPY: Record<LoginDialogVariant, {
|
|
9
|
+
title: string;
|
|
10
|
+
description: string;
|
|
11
|
+
}>;
|
|
12
|
+
export declare const LOGIN_DIALOG_RETURNING_HINT: Record<LoginDialogLastProvider, string>;
|
|
13
|
+
export declare const LOGIN_DIALOG_RETURNING_PRIMARY_LABEL: Record<LoginDialogLastProvider, string>;
|
|
14
|
+
export declare const LOGIN_DIALOG_CONTINUE_PHONE_EMAIL_LABEL = "Continue with Phone/Email";
|
|
15
|
+
export declare const LOGIN_DIALOG_CONTINUE_ANOTHER_WAY_LABEL = "Continue Another Way";
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/** Body class when login drawer is open on small screens – lighter scrim in `index.css`. */
|
|
3
|
+
export declare const LOGIN_DRAWER_BACKDROP_CLASS = "login-drawer-backdrop";
|
|
4
|
+
/** Shared image dimensions – match Figma illustration (288×163). */
|
|
5
|
+
export declare const LOGIN_DIALOG_IMAGE_WIDTH = 288;
|
|
6
|
+
export declare const LOGIN_DIALOG_IMAGE_HEIGHT = 163;
|
|
7
|
+
/**
|
|
8
|
+
* - `guest` — single “Continue with Phone/Email” CTA (Figma bottom sheet / dialog).
|
|
9
|
+
* - `signup` — mobile, email, Google, and Apple options for new users.
|
|
10
|
+
* - `returning` — primary last-used provider + “Continue Another Way”.
|
|
11
|
+
*/
|
|
12
|
+
export type LoginDialogVariant = "guest" | "signup" | "returning";
|
|
13
|
+
export type LoginDialogLastProvider = "google" | "apple" | "mobile" | "email";
|
|
14
|
+
export interface DoctLoginDialogProps {
|
|
15
|
+
open: boolean;
|
|
16
|
+
onOpenChange: (open: boolean) => void;
|
|
17
|
+
/** Layout and actions preset. Default `guest`. */
|
|
18
|
+
variant?: LoginDialogVariant;
|
|
19
|
+
/** Used with `variant="returning"` for hint text and primary CTA. Default `google`. */
|
|
20
|
+
lastLoginProvider?: LoginDialogLastProvider;
|
|
21
|
+
onContinueWithPhoneEmail?: () => void;
|
|
22
|
+
onContinueWithMobile?: () => void;
|
|
23
|
+
onContinueWithEmail?: () => void;
|
|
24
|
+
onContinueWithGoogle?: () => void;
|
|
25
|
+
onContinueWithApple?: () => void;
|
|
26
|
+
onContinueAnotherWay?: () => void;
|
|
27
|
+
onTermsClick?: () => void;
|
|
28
|
+
onPrivacyClick?: () => void;
|
|
29
|
+
termsHref?: string;
|
|
30
|
+
privacyHref?: string;
|
|
31
|
+
/** Illustration URL (288×163). Ignored when `image` is set. */
|
|
32
|
+
imageSrc?: string;
|
|
33
|
+
imageAlt?: string;
|
|
34
|
+
googleIconSrc?: string;
|
|
35
|
+
appleIconSrc?: string;
|
|
36
|
+
/** Custom illustration; overrides `imageSrc`. */
|
|
37
|
+
image?: ReactNode;
|
|
38
|
+
title?: string;
|
|
39
|
+
description?: string;
|
|
40
|
+
continueButtonLabel?: string;
|
|
41
|
+
/** Force mobile drawer or desktop dialog (e.g. Storybook). */
|
|
42
|
+
isMobileOverride?: boolean;
|
|
43
|
+
className?: string;
|
|
44
|
+
}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ export { OtpInput as DoctOtpInput } from './components/overrides/ui/inputs/otp-i
|
|
|
15
15
|
export { PasswordInput as DoctPasswordInput } from './components/overrides/ui/inputs/password-input';
|
|
16
16
|
export type { CustomCountry, DoctPhoneInputProps, } from './components/overrides/ui/inputs/phone-input';
|
|
17
17
|
export { DoctPhoneInput, isPossiblePhoneNumber, isValidPhoneNumber, } from './components/overrides/ui/inputs/phone-input';
|
|
18
|
+
export { DoctLoginDialog, type DoctLoginDialogProps, LOGIN_DIALOG_ASSETS, LOGIN_DIALOG_CONTINUE_ANOTHER_WAY_LABEL, LOGIN_DIALOG_CONTINUE_PHONE_EMAIL_LABEL, LOGIN_DIALOG_DEFAULT_COPY, LOGIN_DIALOG_IMAGE_HEIGHT, LOGIN_DIALOG_IMAGE_WIDTH, LOGIN_DIALOG_RETURNING_HINT, LOGIN_DIALOG_RETURNING_PRIMARY_LABEL, LOGIN_DRAWER_BACKDROP_CLASS, type LoginDialogLastProvider, type LoginDialogVariant, } from './components/overrides/ui/login-dialog';
|
|
18
19
|
export { DoctNavigationMenu, type DoctNavigationMenuProps, type DoctNavigationMenuVariant, INDIVIDUAL_NAV_ROUTES, INDIVIDUAL_NAV_ROUTES_PROD, INDIVIDUAL_NAV_ROUTES_QA, IndividualNavigationMenu, type IndividualNavigationMenuProps, type IndividualNavRoutes, isProdNav, isQaNav, type MobileMenuCategory, type NavigationMenuGroup, type NavigationMenuGroupVariant, type NavigationMenuItem, type NavigationMenuSection, ORGANIZATION_NAV_ROUTES, ORGANIZATION_NAV_ROUTES_PROD, ORGANIZATION_NAV_ROUTES_QA, OrganizationNavigationMenu, type OrganizationNavigationMenuProps, type OrganizationNavRoutes, resolveNavEnv, } from './components/overrides/ui/navigation-menu';
|
|
19
20
|
export { DatePickerField as DoctDatePickerField } from './components/overrides/ui/pickers/date-picker-field';
|
|
20
21
|
export { DateRangePickerField as DoctDateRangePickerField } from './components/overrides/ui/pickers/date-range-picker-field';
|