@candidhealth/react-vitals 1.0.0-alpha.12 → 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 +48 -179
- package/dist/index.d.ts +48 -179
- package/dist/index.js +5 -133
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -99
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -54,7 +54,6 @@ __export(index_exports, {
|
|
|
54
54
|
Drawer: () => Drawer,
|
|
55
55
|
DrawerHeader: () => DrawerHeader,
|
|
56
56
|
DrawerHeaderSkeleton: () => DrawerHeaderSkeleton,
|
|
57
|
-
DrawerStateContext: () => DrawerStateContext,
|
|
58
57
|
DropdownChevron: () => DropdownChevron,
|
|
59
58
|
EmptyState: () => EmptyState,
|
|
60
59
|
ErrorText: () => ErrorText,
|
|
@@ -64,7 +63,6 @@ __export(index_exports, {
|
|
|
64
63
|
FormInput: () => FormInput,
|
|
65
64
|
FormMultiSelect: () => FormMultiSelect,
|
|
66
65
|
FormPercentInput: () => FormPercentInput,
|
|
67
|
-
FormProvider: () => import_react_hook_form3.FormProvider,
|
|
68
66
|
FormRadioButtonGroup: () => FormRadioButtonGroup,
|
|
69
67
|
FormSelect: () => FormSelect,
|
|
70
68
|
FormSwitch: () => FormSwitch,
|
|
@@ -76,14 +74,10 @@ __export(index_exports, {
|
|
|
76
74
|
IndeterminateCheckbox: () => IndeterminateCheckbox,
|
|
77
75
|
Input: () => Input,
|
|
78
76
|
InputBox: () => InputBox,
|
|
79
|
-
IsEditingProvider: () => IsEditingProvider,
|
|
80
|
-
IsVisibleProvider: () => IsVisibleProvider,
|
|
81
77
|
Label: () => Label,
|
|
82
78
|
LoadingBar: () => LoadingBar,
|
|
83
79
|
LoadingState: () => LoadingState,
|
|
84
80
|
Menu: () => Menu,
|
|
85
|
-
MenuRoot: () => MenuRoot,
|
|
86
|
-
MenuSeparator: () => MenuSeparator,
|
|
87
81
|
Modal: () => Modal,
|
|
88
82
|
MultiSelect: () => MultiSelect,
|
|
89
83
|
OverflowTooltip: () => OverflowTooltip,
|
|
@@ -91,7 +85,6 @@ __export(index_exports, {
|
|
|
91
85
|
PercentInput: () => PercentInput,
|
|
92
86
|
PhoneNumber: () => PhoneNumber,
|
|
93
87
|
Popover: () => Popover,
|
|
94
|
-
RESPONSIVE_PADDING: () => RESPONSIVE_PADDING,
|
|
95
88
|
RadioButtonGroup: () => RadioButtonGroup,
|
|
96
89
|
RadioButtonItem: () => RadioButtonItem,
|
|
97
90
|
ScreenHeightPageContainer: () => ScreenHeightPageContainer,
|
|
@@ -113,57 +106,31 @@ __export(index_exports, {
|
|
|
113
106
|
Tag: () => Tag,
|
|
114
107
|
Text: () => Text,
|
|
115
108
|
TextArea: () => TextArea,
|
|
116
|
-
TextAreaComp: () => TextAreaComp,
|
|
117
109
|
Tooltip: () => Tooltip,
|
|
118
|
-
TooltipContent: () => TooltipContent,
|
|
119
110
|
TwoCirclesSpinner: () => TwoCirclesSpinner,
|
|
120
111
|
UncontrolledField: () => UncontrolledField,
|
|
121
112
|
UncontrolledFieldProvider: () => UncontrolledFieldProvider,
|
|
122
113
|
VirtualizedTable: () => VirtualizedTable,
|
|
123
|
-
bodyClassNames: () => bodyClassNames,
|
|
124
|
-
buttonStyles: () => buttonStyles,
|
|
125
|
-
copyToClipboard: () => copyToClipboard,
|
|
126
|
-
createContextHelper: () => createContextHelper,
|
|
127
|
-
createToggleContextHelper: () => createToggleContextHelper,
|
|
128
114
|
doesSelectItemMatch: () => doesSelectItemMatch,
|
|
129
|
-
|
|
130
|
-
formatPhoneNumberForDisplay: () => formatPhoneNumberForDisplay,
|
|
131
|
-
getCountry: () => import_react_international_phone.getCountry,
|
|
115
|
+
drawerSizes: () => drawerSizes,
|
|
132
116
|
getFieldError: () => getFieldError,
|
|
133
|
-
getInitials: () => getInitials,
|
|
134
|
-
headerClassNames: () => headerClassNames,
|
|
135
|
-
inputBoxStyles: () => inputBoxStyles,
|
|
136
|
-
inputStyles: () => inputStyles,
|
|
137
|
-
isValidPhoneNumber: () => isValidPhoneNumber,
|
|
138
|
-
linkStyles: () => linkStyles,
|
|
139
|
-
localStoragePersist: () => localStoragePersist,
|
|
140
117
|
tableVariants: () => tableVariants,
|
|
141
118
|
useAsyncMultiSelect: () => useAsyncMultiSelect,
|
|
142
119
|
useAsyncSelect: () => useAsyncSelect,
|
|
143
120
|
useColumnResizing: () => useColumnResizing,
|
|
144
121
|
useControlledField: () => useControlledField,
|
|
145
122
|
useControlledFormField: () => useControlledFormField,
|
|
146
|
-
useController: () => import_react_hook_form3.useController,
|
|
147
123
|
useCopyable: () => useCopyable,
|
|
148
|
-
useDebounce: () => useDebounce,
|
|
149
124
|
useDrawer: () => useDrawer,
|
|
150
125
|
useDrawerResize: () => useDrawerResize,
|
|
151
|
-
useFieldArray: () => import_react_hook_form3.useFieldArray,
|
|
152
126
|
useForm: () => useForm,
|
|
153
|
-
useFormContext: () => import_react_hook_form3.useFormContext,
|
|
154
|
-
useFormState: () => import_react_hook_form3.useFormState,
|
|
155
127
|
useIntersectionObserver: () => useIntersectionObserver,
|
|
156
|
-
useIsEditing: () => useIsEditing,
|
|
157
128
|
useIsHovered: () => useIsHovered,
|
|
158
|
-
useIsVisible: () => useIsVisible,
|
|
159
129
|
useOverflowObserver: () => useOverflowObserver,
|
|
160
130
|
useSwitchId: () => useSwitchId,
|
|
161
|
-
useSyncState: () => useSyncState,
|
|
162
131
|
useTable: () => useTable,
|
|
163
|
-
useToggle: () => useToggle,
|
|
164
132
|
useUncontrolledField: () => useUncontrolledField,
|
|
165
|
-
useUncontrolledFormField: () => useUncontrolledFormField
|
|
166
|
-
useWatch: () => import_react_hook_form3.useWatch
|
|
133
|
+
useUncontrolledFormField: () => useUncontrolledFormField
|
|
167
134
|
});
|
|
168
135
|
module.exports = __toCommonJS(index_exports);
|
|
169
136
|
|
|
@@ -308,7 +275,6 @@ var React = __toESM(require("react"), 1);
|
|
|
308
275
|
|
|
309
276
|
// src/core/button/buttonStyles.ts
|
|
310
277
|
var import_tailwind_merge4 = require("tailwind-merge");
|
|
311
|
-
var linkStyles = "text-indigo-600 hover:underline active:text-indigo-400 focus:outline-indigo-400 focus:outline-offset-2";
|
|
312
278
|
var roundedMdStyles = {
|
|
313
279
|
none: "",
|
|
314
280
|
right: "rounded-r-md",
|
|
@@ -905,7 +871,7 @@ var Copyable = ({ children, value, tooltip, onClick, asChild, className }) => {
|
|
|
905
871
|
children: asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children })
|
|
906
872
|
}
|
|
907
873
|
),
|
|
908
|
-
tooltip && state === "idle" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
874
|
+
tooltip && state === "idle" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Tooltip.Content, { side: "bottom", children: tooltip }),
|
|
909
875
|
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(RadixTooltip2.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
910
876
|
RadixTooltip2.Content,
|
|
911
877
|
{
|
|
@@ -1288,9 +1254,6 @@ var ErrorTextImpl = ({ className, ...props }, ref) => {
|
|
|
1288
1254
|
};
|
|
1289
1255
|
var ErrorText = (0, import_react11.forwardRef)(ErrorTextImpl);
|
|
1290
1256
|
|
|
1291
|
-
// src/core/form/index.ts
|
|
1292
|
-
var import_react_hook_form3 = require("react-hook-form");
|
|
1293
|
-
|
|
1294
1257
|
// src/core/form/components/ControlledField.tsx
|
|
1295
1258
|
var import_react12 = require("react");
|
|
1296
1259
|
|
|
@@ -3111,26 +3074,6 @@ var import_react30 = require("react");
|
|
|
3111
3074
|
var MIN_LEFT_SPACE = 240;
|
|
3112
3075
|
var MIN_WIDTH_PCT = 0.5;
|
|
3113
3076
|
var MIN_WIDTH_PX = 500;
|
|
3114
|
-
var constraintPct = (val) => Math.min(1, Math.max(0, val));
|
|
3115
|
-
var localStoragePersist = (key) => ({
|
|
3116
|
-
load: () => {
|
|
3117
|
-
try {
|
|
3118
|
-
const val = localStorage.getItem(key);
|
|
3119
|
-
if (val && !Number.isNaN(Number(val))) {
|
|
3120
|
-
return constraintPct(Number(val));
|
|
3121
|
-
}
|
|
3122
|
-
return void 0;
|
|
3123
|
-
} catch {
|
|
3124
|
-
return void 0;
|
|
3125
|
-
}
|
|
3126
|
-
},
|
|
3127
|
-
save: (size) => {
|
|
3128
|
-
try {
|
|
3129
|
-
localStorage.setItem(key, constraintPct(size).toString());
|
|
3130
|
-
} catch {
|
|
3131
|
-
}
|
|
3132
|
-
}
|
|
3133
|
-
});
|
|
3134
3077
|
var computeWidth = (pct) => window.innerWidth * pct;
|
|
3135
3078
|
var computePct = (widthPx) => widthPx / window.innerWidth;
|
|
3136
3079
|
var constrainedWidth = (width) => {
|
|
@@ -3906,44 +3849,6 @@ var PhoneNumber = ({
|
|
|
3906
3849
|
}
|
|
3907
3850
|
);
|
|
3908
3851
|
};
|
|
3909
|
-
var formatPhoneNumber = (input) => {
|
|
3910
|
-
if (!input) {
|
|
3911
|
-
return input;
|
|
3912
|
-
}
|
|
3913
|
-
const digitsOnly = input.replace(/\D/g, "");
|
|
3914
|
-
if (digitsOnly.length === 10) {
|
|
3915
|
-
return `+1${digitsOnly}`;
|
|
3916
|
-
}
|
|
3917
|
-
if (digitsOnly.length === 11 && digitsOnly.startsWith("1")) {
|
|
3918
|
-
return `+${digitsOnly}`;
|
|
3919
|
-
}
|
|
3920
|
-
return input;
|
|
3921
|
-
};
|
|
3922
|
-
var formatPhoneNumberForDisplay = (input) => {
|
|
3923
|
-
if (!input) {
|
|
3924
|
-
return input;
|
|
3925
|
-
}
|
|
3926
|
-
const digitsOnly = input.replace(/\D/g, "");
|
|
3927
|
-
if (digitsOnly.length === 11 && digitsOnly.startsWith("1")) {
|
|
3928
|
-
return `+1 (${digitsOnly.slice(1, 4)}) ${digitsOnly.slice(4, 7)}-${digitsOnly.slice(7)}`;
|
|
3929
|
-
}
|
|
3930
|
-
if (digitsOnly.length === 10) {
|
|
3931
|
-
return `(${digitsOnly.slice(0, 3)}) ${digitsOnly.slice(3, 6)}-${digitsOnly.slice(6)}`;
|
|
3932
|
-
}
|
|
3933
|
-
return input;
|
|
3934
|
-
};
|
|
3935
|
-
var isValidPhoneNumber = (input) => {
|
|
3936
|
-
if (!input) {
|
|
3937
|
-
return false;
|
|
3938
|
-
}
|
|
3939
|
-
if (input.startsWith("+1")) {
|
|
3940
|
-
return input.length === 12;
|
|
3941
|
-
}
|
|
3942
|
-
if (input.startsWith("1")) {
|
|
3943
|
-
return input.length === 11;
|
|
3944
|
-
}
|
|
3945
|
-
return true;
|
|
3946
|
-
};
|
|
3947
3852
|
|
|
3948
3853
|
// src/core/stepper/Stepper.tsx
|
|
3949
3854
|
var import_tailwind_merge38 = require("tailwind-merge");
|
|
@@ -5032,7 +4937,6 @@ var useIsHovered = (ref) => {
|
|
|
5032
4937
|
Drawer,
|
|
5033
4938
|
DrawerHeader,
|
|
5034
4939
|
DrawerHeaderSkeleton,
|
|
5035
|
-
DrawerStateContext,
|
|
5036
4940
|
DropdownChevron,
|
|
5037
4941
|
EmptyState,
|
|
5038
4942
|
ErrorText,
|
|
@@ -5042,7 +4946,6 @@ var useIsHovered = (ref) => {
|
|
|
5042
4946
|
FormInput,
|
|
5043
4947
|
FormMultiSelect,
|
|
5044
4948
|
FormPercentInput,
|
|
5045
|
-
FormProvider,
|
|
5046
4949
|
FormRadioButtonGroup,
|
|
5047
4950
|
FormSelect,
|
|
5048
4951
|
FormSwitch,
|
|
@@ -5054,14 +4957,10 @@ var useIsHovered = (ref) => {
|
|
|
5054
4957
|
IndeterminateCheckbox,
|
|
5055
4958
|
Input,
|
|
5056
4959
|
InputBox,
|
|
5057
|
-
IsEditingProvider,
|
|
5058
|
-
IsVisibleProvider,
|
|
5059
4960
|
Label,
|
|
5060
4961
|
LoadingBar,
|
|
5061
4962
|
LoadingState,
|
|
5062
4963
|
Menu,
|
|
5063
|
-
MenuRoot,
|
|
5064
|
-
MenuSeparator,
|
|
5065
4964
|
Modal,
|
|
5066
4965
|
MultiSelect,
|
|
5067
4966
|
OverflowTooltip,
|
|
@@ -5069,7 +4968,6 @@ var useIsHovered = (ref) => {
|
|
|
5069
4968
|
PercentInput,
|
|
5070
4969
|
PhoneNumber,
|
|
5071
4970
|
Popover,
|
|
5072
|
-
RESPONSIVE_PADDING,
|
|
5073
4971
|
RadioButtonGroup,
|
|
5074
4972
|
RadioButtonItem,
|
|
5075
4973
|
ScreenHeightPageContainer,
|
|
@@ -5091,56 +4989,30 @@ var useIsHovered = (ref) => {
|
|
|
5091
4989
|
Tag,
|
|
5092
4990
|
Text,
|
|
5093
4991
|
TextArea,
|
|
5094
|
-
TextAreaComp,
|
|
5095
4992
|
Tooltip,
|
|
5096
|
-
TooltipContent,
|
|
5097
4993
|
TwoCirclesSpinner,
|
|
5098
4994
|
UncontrolledField,
|
|
5099
4995
|
UncontrolledFieldProvider,
|
|
5100
4996
|
VirtualizedTable,
|
|
5101
|
-
bodyClassNames,
|
|
5102
|
-
buttonStyles,
|
|
5103
|
-
copyToClipboard,
|
|
5104
|
-
createContextHelper,
|
|
5105
|
-
createToggleContextHelper,
|
|
5106
4997
|
doesSelectItemMatch,
|
|
5107
|
-
|
|
5108
|
-
formatPhoneNumberForDisplay,
|
|
5109
|
-
getCountry,
|
|
4998
|
+
drawerSizes,
|
|
5110
4999
|
getFieldError,
|
|
5111
|
-
getInitials,
|
|
5112
|
-
headerClassNames,
|
|
5113
|
-
inputBoxStyles,
|
|
5114
|
-
inputStyles,
|
|
5115
|
-
isValidPhoneNumber,
|
|
5116
|
-
linkStyles,
|
|
5117
|
-
localStoragePersist,
|
|
5118
5000
|
tableVariants,
|
|
5119
5001
|
useAsyncMultiSelect,
|
|
5120
5002
|
useAsyncSelect,
|
|
5121
5003
|
useColumnResizing,
|
|
5122
5004
|
useControlledField,
|
|
5123
5005
|
useControlledFormField,
|
|
5124
|
-
useController,
|
|
5125
5006
|
useCopyable,
|
|
5126
|
-
useDebounce,
|
|
5127
5007
|
useDrawer,
|
|
5128
5008
|
useDrawerResize,
|
|
5129
|
-
useFieldArray,
|
|
5130
5009
|
useForm,
|
|
5131
|
-
useFormContext,
|
|
5132
|
-
useFormState,
|
|
5133
5010
|
useIntersectionObserver,
|
|
5134
|
-
useIsEditing,
|
|
5135
5011
|
useIsHovered,
|
|
5136
|
-
useIsVisible,
|
|
5137
5012
|
useOverflowObserver,
|
|
5138
5013
|
useSwitchId,
|
|
5139
|
-
useSyncState,
|
|
5140
5014
|
useTable,
|
|
5141
|
-
useToggle,
|
|
5142
5015
|
useUncontrolledField,
|
|
5143
|
-
useUncontrolledFormField
|
|
5144
|
-
useWatch
|
|
5016
|
+
useUncontrolledFormField
|
|
5145
5017
|
});
|
|
5146
5018
|
//# sourceMappingURL=index.js.map
|