@oneplatformdev/ui 0.0.1-beta.72 → 0.0.1-beta.74
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/Checkbox/index.d.ts +2 -2
- package/Combobox/Combobox.mjs +1 -1
- package/Combobox/Combobox.types.d.ts +4 -6
- package/Combobox/ComboboxOptionItem.mjs +4 -3
- package/Combobox/ComboboxOptions.d.ts +1 -1
- package/Combobox/ComboboxOptions.mjs +5 -60
- package/Combobox/index.mjs +1 -1
- package/{Combobox-CxJOBiHk.js → Combobox-E9X4tg-I.js} +101 -98
- package/FormCombobox/FormCombobox.mjs +1 -1
- package/FormInput/FormInput.d.ts +4 -1
- package/FormInput/FormInput.mjs +13 -9
- package/index.mjs +1 -1
- package/package.json +1 -1
package/Checkbox/index.d.ts
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
export * from './Checkbox
|
2
|
-
export type * from './Checkbox.types
|
1
|
+
export * from './Checkbox';
|
2
|
+
export type * from './Checkbox.types';
|
package/Combobox/Combobox.mjs
CHANGED
@@ -9,7 +9,7 @@ import "../Command/Command.mjs";
|
|
9
9
|
import "@oneplatformdev/utils";
|
10
10
|
import "@oneplatformdev/hooks";
|
11
11
|
import "lucide-react";
|
12
|
-
import { C as c } from "../Combobox-
|
12
|
+
import { C as c } from "../Combobox-E9X4tg-I.js";
|
13
13
|
export {
|
14
14
|
c as Combobox
|
15
15
|
};
|
@@ -11,17 +11,15 @@ export interface ComboboxPropsOnMountParams {
|
|
11
11
|
open: boolean;
|
12
12
|
setOpen: Dispatch<SetStateAction<boolean>>;
|
13
13
|
}
|
14
|
-
export interface IComboboxOptionsProps {
|
15
|
-
value?: string;
|
16
|
-
options?: ComboboxOption[];
|
17
|
-
onChangeOption?: (option: ComboboxOption) => void;
|
18
|
-
deep?: number;
|
19
|
-
}
|
20
14
|
export interface IComboboxOptionsNodeProps {
|
21
15
|
value?: string;
|
22
16
|
option: ComboboxOption;
|
23
17
|
onChangeOption?: (option: ComboboxOption) => void;
|
24
18
|
deep?: number;
|
19
|
+
setOpen: Dispatch<SetStateAction<boolean>>;
|
20
|
+
}
|
21
|
+
export interface IComboboxOptionsProps extends Omit<IComboboxOptionsNodeProps, 'option'> {
|
22
|
+
options?: ComboboxOption[];
|
25
23
|
}
|
26
24
|
export interface ComboboxProps {
|
27
25
|
value: string;
|
@@ -20,7 +20,7 @@ import "../Card/Card.mjs";
|
|
20
20
|
import "../Carousel/Carousel.mjs";
|
21
21
|
import "../Checkbox/Checkbox.mjs";
|
22
22
|
import "@radix-ui/react-collapsible";
|
23
|
-
import { a as
|
23
|
+
import { a as no } from "../Combobox-E9X4tg-I.js";
|
24
24
|
import "../Command/Command.mjs";
|
25
25
|
import "../DropdownMenu/DropdownMenu.mjs";
|
26
26
|
import "../Table/Table.mjs";
|
@@ -30,11 +30,12 @@ import "../DatePicker/DatePicker.mjs";
|
|
30
30
|
import "../Dialog/Dialog.mjs";
|
31
31
|
import "../Drawer/Drawer.mjs";
|
32
32
|
import "../Form/Form.mjs";
|
33
|
-
import "../
|
33
|
+
import "../FormInput/FormInput.mjs";
|
34
34
|
import "../Select/SelectRoot.mjs";
|
35
35
|
import "../Textarea/Textarea.mjs";
|
36
36
|
import "../Separator/Separator.mjs";
|
37
37
|
import "../HoverCard/HoverCard.mjs";
|
38
|
+
import "../Input/Input.mjs";
|
38
39
|
import "../InputOTP/InputOTP.mjs";
|
39
40
|
import "../Label/Label.mjs";
|
40
41
|
import "../Label/labelVariants.mjs";
|
@@ -62,5 +63,5 @@ import "../ToggleGroup/ToggleGroup.mjs";
|
|
62
63
|
import "../Tooltip/TooltipRoot.mjs";
|
63
64
|
import "../Dropzone/Dropzone.mjs";
|
64
65
|
export {
|
65
|
-
|
66
|
+
no as ComboboxOptionItem
|
66
67
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { IComboboxOptionsNodeProps, IComboboxOptionsProps } from '
|
1
|
+
import { IComboboxOptionsNodeProps, IComboboxOptionsProps } from './Combobox.types';
|
2
2
|
|
3
3
|
export declare const ComboboxOptionsNode: import('react').ForwardRefExoticComponent<IComboboxOptionsNodeProps & import('react').RefAttributes<HTMLDivElement>>;
|
4
4
|
export declare const ComboboxOptions: import('react').ForwardRefExoticComponent<IComboboxOptionsProps & import('react').RefAttributes<HTMLDivElement>>;
|
@@ -1,67 +1,12 @@
|
|
1
1
|
import "react/jsx-runtime";
|
2
|
-
import "../Accordion/Accordion.mjs";
|
3
|
-
import "../Alert/Alert.mjs";
|
4
|
-
import "../AlertDialog/AlertDialogRoot.mjs";
|
5
|
-
import "react";
|
6
|
-
import "@oneplatformdev/utils";
|
7
|
-
import "recharts";
|
8
|
-
import "../Chart/Chart.mjs";
|
9
|
-
import "../Sidebar/Sidebar.mjs";
|
10
|
-
import "@radix-ui/react-aspect-ratio";
|
11
|
-
import "../Avatar/Avatar.mjs";
|
12
|
-
import "../Badge/badgeVariants.mjs";
|
13
|
-
import "../Breadcrumb/Breadcrumb.mjs";
|
14
2
|
import "../Button/Button.mjs";
|
15
3
|
import "../Button/buttonVariants.mjs";
|
16
|
-
import "
|
17
|
-
import "../ButtonIcon/buttonIconVariants.mjs";
|
18
|
-
import "../Calendar/Calendar.mjs";
|
19
|
-
import "../Card/Card.mjs";
|
20
|
-
import "../Carousel/Carousel.mjs";
|
21
|
-
import "../Checkbox/Checkbox.mjs";
|
4
|
+
import "react";
|
22
5
|
import "../Collapsible/Collapsible.mjs";
|
23
|
-
import { c as
|
24
|
-
import "../Command/Command.mjs";
|
25
|
-
import "../DropdownMenu/DropdownMenu.mjs";
|
26
|
-
import "../Table/Table.mjs";
|
27
|
-
import "@tanstack/react-table";
|
6
|
+
import { c as a, b as e } from "../Combobox-E9X4tg-I.js";
|
28
7
|
import "lucide-react";
|
29
|
-
import "
|
30
|
-
import "../Dialog/Dialog.mjs";
|
31
|
-
import "../Drawer/Drawer.mjs";
|
32
|
-
import "../Form/Form.mjs";
|
33
|
-
import "../Input/Input.mjs";
|
34
|
-
import "../Select/SelectRoot.mjs";
|
35
|
-
import "../Textarea/Textarea.mjs";
|
36
|
-
import "../Separator/Separator.mjs";
|
37
|
-
import "../HoverCard/HoverCard.mjs";
|
38
|
-
import "../InputOTP/InputOTP.mjs";
|
39
|
-
import "../Label/Label.mjs";
|
40
|
-
import "../Label/labelVariants.mjs";
|
41
|
-
import "../LoadingMask/RenderLoadingMask.mjs";
|
42
|
-
import "../LoadingProgress/loadingProgressVariants.mjs";
|
43
|
-
import "../Menubar/Menubar.mjs";
|
44
|
-
import "../NavigationMenu/NavigationMenu.mjs";
|
45
|
-
import "../NavigationMenu/navigationMenuVariants.mjs";
|
46
|
-
import "../Pagination/Pagination.mjs";
|
47
|
-
import "../Popover/Popover.mjs";
|
48
|
-
import "../Progress/Progress.mjs";
|
49
|
-
import "../RadioGroup/RadioGroup.mjs";
|
50
|
-
import "react-resizable-panels";
|
51
|
-
import "../ScrollArea/ScrollArea.mjs";
|
52
|
-
import "@oneplatformdev/hooks";
|
53
|
-
import "../Sheet/Sheet.mjs";
|
54
|
-
import "../Slider/Slider.mjs";
|
55
|
-
import "next-themes";
|
56
|
-
import "sonner";
|
57
|
-
import "../Switch/Switch.mjs";
|
58
|
-
import "../Tabs/TabsRoot.mjs";
|
59
|
-
import "../Toast/Toast.mjs";
|
60
|
-
import "../Toggle/Toggle.mjs";
|
61
|
-
import "../ToggleGroup/ToggleGroup.mjs";
|
62
|
-
import "../Tooltip/TooltipRoot.mjs";
|
63
|
-
import "../Dropzone/Dropzone.mjs";
|
8
|
+
import "@oneplatformdev/utils";
|
64
9
|
export {
|
65
|
-
|
66
|
-
|
10
|
+
a as ComboboxOptions,
|
11
|
+
e as ComboboxOptionsNode
|
67
12
|
};
|
package/Combobox/index.mjs
CHANGED
@@ -1,14 +1,15 @@
|
|
1
|
-
import { jsxs as
|
2
|
-
import g, { forwardRef as
|
1
|
+
import { jsxs as m, jsx as e, Fragment as A } from "react/jsx-runtime";
|
2
|
+
import g, { forwardRef as w, useState as V, useRef as W, useEffect as X, useCallback as v, useLayoutEffect as H } from "react";
|
3
3
|
import { LoadingMask as J } from "./LoadingMask/LoadingMask.mjs";
|
4
4
|
import "./LoadingMask/RenderLoadingMask.mjs";
|
5
5
|
import { Popover as K, PopoverTrigger as Q, PopoverContent as Y } from "./Popover/Popover.mjs";
|
6
6
|
import { Button as _ } from "./Button/Button.mjs";
|
7
7
|
import "./Button/buttonVariants.mjs";
|
8
8
|
import { CommandItem as Z, Command as $, CommandInput as ee, CommandList as te, CommandGroup as oe, CommandEmpty as F } from "./Command/Command.mjs";
|
9
|
-
import { cn as
|
9
|
+
import { cn as c } from "@oneplatformdev/utils";
|
10
10
|
import { useDebounceCallback as re } from "@oneplatformdev/hooks";
|
11
|
-
import { Check as ae, ChevronDownIcon as
|
11
|
+
import { Check as ae, ChevronDownIcon as ie, X as ne, ChevronsUpDown as le } from "lucide-react";
|
12
|
+
import { Collapsible as se, CollapsibleTrigger as pe, CollapsibleContent as me } from "./Collapsible/Collapsible.mjs";
|
12
13
|
import "./Accordion/Accordion.mjs";
|
13
14
|
import "./Alert/Alert.mjs";
|
14
15
|
import "./AlertDialog/AlertDialogRoot.mjs";
|
@@ -25,7 +26,7 @@ import "./Calendar/Calendar.mjs";
|
|
25
26
|
import "./Card/Card.mjs";
|
26
27
|
import "./Carousel/Carousel.mjs";
|
27
28
|
import "./Checkbox/Checkbox.mjs";
|
28
|
-
import
|
29
|
+
import "@radix-ui/react-collapsible";
|
29
30
|
import "./DropdownMenu/DropdownMenu.mjs";
|
30
31
|
import "./Table/Table.mjs";
|
31
32
|
import "@tanstack/react-table";
|
@@ -33,11 +34,12 @@ import "./DatePicker/DatePicker.mjs";
|
|
33
34
|
import "./Dialog/Dialog.mjs";
|
34
35
|
import "./Drawer/Drawer.mjs";
|
35
36
|
import "./Form/Form.mjs";
|
36
|
-
import "./
|
37
|
+
import "./FormInput/FormInput.mjs";
|
37
38
|
import "./Select/SelectRoot.mjs";
|
38
39
|
import "./Textarea/Textarea.mjs";
|
39
40
|
import "./Separator/Separator.mjs";
|
40
41
|
import "./HoverCard/HoverCard.mjs";
|
42
|
+
import "./Input/Input.mjs";
|
41
43
|
import "./InputOTP/InputOTP.mjs";
|
42
44
|
import "./Label/Label.mjs";
|
43
45
|
import "./Label/labelVariants.mjs";
|
@@ -61,26 +63,25 @@ import "./Toggle/Toggle.mjs";
|
|
61
63
|
import "./ToggleGroup/ToggleGroup.mjs";
|
62
64
|
import "./Tooltip/TooltipRoot.mjs";
|
63
65
|
import "./Dropzone/Dropzone.mjs";
|
64
|
-
|
65
|
-
const
|
66
|
-
|
67
|
-
return /* @__PURE__ */ p(
|
66
|
+
const ce = 8, I = w((i, l) => {
|
67
|
+
const { children: t, setOpen: d, option: r, onChangeOption: n, value: s = "", deep: u = 0 } = i;
|
68
|
+
return /* @__PURE__ */ m(
|
68
69
|
Z,
|
69
70
|
{
|
70
|
-
ref:
|
71
|
+
ref: l,
|
71
72
|
value: r.value,
|
72
73
|
onSelect: () => {
|
73
|
-
|
74
|
+
s === r.value ? n == null || n({ value: "", label: "" }) : n == null || n(r), d(!1);
|
74
75
|
},
|
75
76
|
style: {
|
76
|
-
paddingLeft: (
|
77
|
+
paddingLeft: (u + 1) * ce
|
77
78
|
},
|
78
79
|
children: [
|
79
80
|
t,
|
80
81
|
/* @__PURE__ */ e(
|
81
82
|
"span",
|
82
83
|
{
|
83
|
-
className:
|
84
|
+
className: c(
|
84
85
|
"overflow-hidden whitespace-wrap text-ellipsis line-clamp-2"
|
85
86
|
),
|
86
87
|
children: r.label
|
@@ -89,9 +90,9 @@ const ce = 8, I = y((n, i) => {
|
|
89
90
|
/* @__PURE__ */ e(
|
90
91
|
ae,
|
91
92
|
{
|
92
|
-
className:
|
93
|
+
className: c(
|
93
94
|
"ml-auto",
|
94
|
-
|
95
|
+
s === r.value ? "opacity-100" : "opacity-0"
|
95
96
|
)
|
96
97
|
}
|
97
98
|
)
|
@@ -99,36 +100,36 @@ const ce = 8, I = y((n, i) => {
|
|
99
100
|
},
|
100
101
|
r.value
|
101
102
|
);
|
102
|
-
}), M =
|
103
|
-
var
|
104
|
-
const { option: t, onChangeOption:
|
105
|
-
return (
|
103
|
+
}), M = w((i, l) => {
|
104
|
+
var p;
|
105
|
+
const { option: t, onChangeOption: d, value: r = "", deep: n = 0 } = i, [s, u] = V(!0);
|
106
|
+
return (p = t == null ? void 0 : t.items) != null && p.length ? /* @__PURE__ */ m(
|
106
107
|
se,
|
107
108
|
{
|
108
|
-
ref:
|
109
|
-
open:
|
110
|
-
onOpenChange:
|
111
|
-
"data-opened":
|
112
|
-
className:
|
109
|
+
ref: l,
|
110
|
+
open: s,
|
111
|
+
onOpenChange: u,
|
112
|
+
"data-opened": s,
|
113
|
+
className: c("group/collapsible"),
|
113
114
|
children: [
|
114
|
-
/* @__PURE__ */ e(I, { ...
|
115
|
+
/* @__PURE__ */ e(I, { ...i, children: /* @__PURE__ */ e(pe, { asChild: !0, children: /* @__PURE__ */ m(
|
115
116
|
_,
|
116
117
|
{
|
117
118
|
onClick: (a) => {
|
118
|
-
a == null || a.preventDefault(), a == null || a.stopPropagation(),
|
119
|
+
a == null || a.preventDefault(), a == null || a.stopPropagation(), u((h) => !h);
|
119
120
|
},
|
120
121
|
type: "button",
|
121
122
|
variant: "ghost",
|
122
123
|
size: "sm",
|
123
|
-
className:
|
124
|
+
className: c("aspect-square size-6", "transition-transform"),
|
124
125
|
children: [
|
125
126
|
/* @__PURE__ */ e(
|
126
|
-
|
127
|
+
ie,
|
127
128
|
{
|
128
|
-
className:
|
129
|
+
className: c(
|
129
130
|
"!size-5",
|
130
131
|
"transition-transform",
|
131
|
-
|
132
|
+
s && "rotate-180"
|
132
133
|
)
|
133
134
|
}
|
134
135
|
),
|
@@ -136,98 +137,99 @@ const ce = 8, I = y((n, i) => {
|
|
136
137
|
]
|
137
138
|
}
|
138
139
|
) }) }),
|
139
|
-
/* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: t == null ? void 0 : t.items.map((a) => /* @__PURE__ */ e(
|
140
|
+
/* @__PURE__ */ e(me, { children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-0", children: t == null ? void 0 : t.items.map((a) => /* @__PURE__ */ e(
|
141
|
+
M,
|
142
|
+
{
|
143
|
+
...i,
|
144
|
+
deep: n + 1,
|
145
|
+
option: a
|
146
|
+
},
|
147
|
+
t.value
|
148
|
+
)) }) })
|
140
149
|
]
|
141
150
|
}
|
142
|
-
) : /* @__PURE__ */ e(I, { ...
|
143
|
-
}), de =
|
144
|
-
const { options: t = [], ...
|
145
|
-
return /* @__PURE__ */ e(
|
146
|
-
|
147
|
-
|
148
|
-
ref: i,
|
149
|
-
className: "flex flex-col gap-0",
|
150
|
-
children: t.map((l) => /* @__PURE__ */ e(M, { ...r, option: l }, l.value))
|
151
|
-
}
|
152
|
-
);
|
153
|
-
}), Nt = y(
|
154
|
-
(n, i) => {
|
151
|
+
) : /* @__PURE__ */ e(I, { ...i, ref: l });
|
152
|
+
}), de = w((i, l) => {
|
153
|
+
const { options: t = [], ...d } = i;
|
154
|
+
return /* @__PURE__ */ e("div", { ref: l, className: "flex flex-col gap-0", children: t.map((r) => /* @__PURE__ */ e(M, { ...d, option: r }, r.value)) });
|
155
|
+
}), St = w(
|
156
|
+
(i, l) => {
|
155
157
|
var j;
|
156
158
|
const {
|
157
159
|
value: t,
|
158
|
-
onChange:
|
159
|
-
placeholder:
|
160
|
-
disabled:
|
161
|
-
searchLabel:
|
162
|
-
fetchOptions:
|
163
|
-
options:
|
160
|
+
onChange: d,
|
161
|
+
placeholder: r,
|
162
|
+
disabled: n,
|
163
|
+
searchLabel: s = "Type to search...",
|
164
|
+
fetchOptions: u,
|
165
|
+
options: p,
|
164
166
|
emptyLabel: a = "No options",
|
165
|
-
emptyAction:
|
167
|
+
emptyAction: h,
|
166
168
|
onMount: P
|
167
|
-
} =
|
169
|
+
} = i, N = W(!1), [f, C] = g.useState(!1), [x, T] = g.useState(""), [S, y] = g.useState([]), [O, k] = g.useState(), [D, b] = g.useState(!1);
|
168
170
|
X(() => {
|
169
|
-
|
170
|
-
}, [
|
171
|
+
p != null && p.length && y(p);
|
172
|
+
}, [p]);
|
171
173
|
const R = async () => {
|
172
|
-
|
173
|
-
}, E =
|
174
|
-
|
174
|
+
f || (E(), T(""));
|
175
|
+
}, E = v(async (o) => {
|
176
|
+
b(!0);
|
175
177
|
try {
|
176
|
-
const L = await
|
177
|
-
|
178
|
+
const L = await u(o);
|
179
|
+
y(L);
|
178
180
|
} catch (L) {
|
179
181
|
console.error("Unexpected error while get option:", L);
|
180
182
|
} finally {
|
181
|
-
|
183
|
+
b(!1);
|
182
184
|
}
|
183
185
|
}, []), q = re(E, 1e3, {
|
184
186
|
leading: !1,
|
185
187
|
trailing: !0
|
186
|
-
}), B =
|
187
|
-
|
188
|
-
}, []), z =
|
189
|
-
|
190
|
-
}, []), G =
|
191
|
-
z({ value: "", label: "" }), k(void 0),
|
192
|
-
}, []), U =
|
188
|
+
}), B = v((o) => {
|
189
|
+
b(!0), T(o), q(o);
|
190
|
+
}, []), z = v((o) => {
|
191
|
+
d(o.value), k(o), b(!1);
|
192
|
+
}, []), G = v(() => {
|
193
|
+
z({ value: "", label: "" }), k(void 0), b(!1);
|
194
|
+
}, []), U = v(() => {
|
193
195
|
if (!P) {
|
194
|
-
|
196
|
+
N.current = !0;
|
195
197
|
return;
|
196
198
|
}
|
197
|
-
P({ setOptions:
|
199
|
+
P({ setOptions: y, search: x || "", open: f, setOpen: C }).finally(
|
198
200
|
() => {
|
199
|
-
|
201
|
+
N.current = !0;
|
200
202
|
}
|
201
203
|
);
|
202
204
|
}, []);
|
203
205
|
return H(() => (U(), () => {
|
204
|
-
|
205
|
-
}), []), /* @__PURE__ */ e("div", { className: "w-full", ref:
|
206
|
+
N.current = !1;
|
207
|
+
}), []), /* @__PURE__ */ e("div", { className: "w-full", ref: l, children: /* @__PURE__ */ m(
|
206
208
|
K,
|
207
209
|
{
|
208
|
-
open:
|
210
|
+
open: f,
|
209
211
|
onOpenChange: (o) => {
|
210
|
-
|
212
|
+
C(o), o && R();
|
211
213
|
},
|
212
214
|
children: [
|
213
|
-
/* @__PURE__ */ e(Q, { asChild: !0, className: "border-input", children: /* @__PURE__ */
|
215
|
+
/* @__PURE__ */ e(Q, { asChild: !0, className: "border-input", children: /* @__PURE__ */ m(
|
214
216
|
_,
|
215
217
|
{
|
216
218
|
variant: "outline",
|
217
219
|
role: "combobox",
|
218
220
|
size: "lg",
|
219
|
-
"aria-expanded":
|
220
|
-
className:
|
221
|
+
"aria-expanded": f,
|
222
|
+
className: c(
|
221
223
|
"w-full justify-between font-normal text-sm border bg-transparent relative p-3",
|
222
|
-
|
224
|
+
f ? "border-2 border-sidebar-accent" : "border-border"
|
223
225
|
),
|
224
|
-
disabled:
|
226
|
+
disabled: n,
|
225
227
|
children: [
|
226
|
-
/* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: t ? ((j =
|
228
|
+
/* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: t ? ((j = S.find((o) => o.value === t)) == null ? void 0 : j.label) || (O == null ? void 0 : O.label) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: r }) }),
|
227
229
|
t ? /* @__PURE__ */ e(
|
228
230
|
"div",
|
229
231
|
{
|
230
|
-
className:
|
232
|
+
className: c(
|
231
233
|
"absolute top-0 right-1",
|
232
234
|
"flex items-center justify-center",
|
233
235
|
"w-9 aspect-square [&_svg]:size-5",
|
@@ -236,7 +238,7 @@ const ce = 8, I = y((n, i) => {
|
|
236
238
|
onClick: (o) => {
|
237
239
|
o.stopPropagation(), G();
|
238
240
|
},
|
239
|
-
children: /* @__PURE__ */ e(
|
241
|
+
children: /* @__PURE__ */ e(ne, {})
|
240
242
|
}
|
241
243
|
) : /* @__PURE__ */ e(le, { className: "opacity-50 w-4 h-4" })
|
242
244
|
]
|
@@ -247,36 +249,37 @@ const ce = 8, I = y((n, i) => {
|
|
247
249
|
{
|
248
250
|
className: "w-[var(--radix-popper-anchor-width)] max-w-none p-0",
|
249
251
|
align: "start",
|
250
|
-
children: /* @__PURE__ */
|
252
|
+
children: /* @__PURE__ */ m($, { shouldFilter: !1, children: [
|
251
253
|
/* @__PURE__ */ e(
|
252
254
|
ee,
|
253
255
|
{
|
254
|
-
placeholder:
|
255
|
-
value:
|
256
|
+
placeholder: s,
|
257
|
+
value: x,
|
256
258
|
onValueChange: B
|
257
259
|
}
|
258
260
|
),
|
259
|
-
/* @__PURE__ */ e(te, { children: /* @__PURE__ */
|
261
|
+
/* @__PURE__ */ e(te, { children: /* @__PURE__ */ m(
|
260
262
|
oe,
|
261
263
|
{
|
262
|
-
className:
|
264
|
+
className: c(!S.length && "p-0 shadow-none"),
|
263
265
|
children: [
|
264
266
|
D && /* @__PURE__ */ e(J, { fullWidth: !0 }),
|
265
|
-
!D && !!
|
267
|
+
!D && !!x && /* @__PURE__ */ e(A, { children: h ? /* @__PURE__ */ m(F, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
|
266
268
|
/* @__PURE__ */ e("span", { children: a }),
|
267
|
-
typeof
|
268
|
-
setOptions:
|
269
|
-
search:
|
270
|
-
open:
|
271
|
-
setOpen:
|
272
|
-
}) :
|
269
|
+
typeof h == "function" ? h({
|
270
|
+
setOptions: y,
|
271
|
+
search: x || "",
|
272
|
+
open: f,
|
273
|
+
setOpen: C
|
274
|
+
}) : h
|
273
275
|
] }) : /* @__PURE__ */ e(F, { children: a }) }),
|
274
276
|
!D && /* @__PURE__ */ e(
|
275
277
|
de,
|
276
278
|
{
|
277
279
|
value: t,
|
278
|
-
options:
|
279
|
-
onChangeOption: z
|
280
|
+
options: S,
|
281
|
+
onChangeOption: z,
|
282
|
+
setOpen: C
|
280
283
|
}
|
281
284
|
)
|
282
285
|
]
|
@@ -291,7 +294,7 @@ const ce = 8, I = y((n, i) => {
|
|
291
294
|
}
|
292
295
|
);
|
293
296
|
export {
|
294
|
-
|
297
|
+
St as C,
|
295
298
|
I as a,
|
296
299
|
M as b,
|
297
300
|
de as c
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
2
2
|
import { FormControl as a } from "../Form/Form.mjs";
|
3
3
|
import { FormRenderControl as b } from "../Form/FormRenderControl.mjs";
|
4
|
-
import { C as p } from "../Combobox-
|
4
|
+
import { C as p } from "../Combobox-E9X4tg-I.js";
|
5
5
|
const x = (m) => {
|
6
6
|
const { form: n, label: e, name: t, ...C } = m;
|
7
7
|
return /* @__PURE__ */ o(
|
package/FormInput/FormInput.d.ts
CHANGED
@@ -1,4 +1,7 @@
|
|
1
|
+
import { ReactElement, Ref } from 'react';
|
1
2
|
import { FieldValues } from 'react-hook-form';
|
2
3
|
import { FormInputProps } from './FormInput.types';
|
3
4
|
|
4
|
-
export declare const FormInput: <Data extends FieldValues>(props: FormInputProps<Data>
|
5
|
+
export declare const FormInput: <Data extends FieldValues>(props: FormInputProps<Data> & {
|
6
|
+
ref?: Ref<HTMLInputElement>;
|
7
|
+
}) => ReactElement;
|
package/FormInput/FormInput.mjs
CHANGED
@@ -1,20 +1,23 @@
|
|
1
1
|
import { jsx as p } from "react/jsx-runtime";
|
2
|
-
import { FormControl as
|
2
|
+
import { FormControl as C } from "../Form/Form.mjs";
|
3
3
|
import { FormRenderControl as h } from "../Form/FormRenderControl.mjs";
|
4
4
|
import { Input as v } from "../Input/Input.mjs";
|
5
|
-
|
6
|
-
|
5
|
+
import { forwardRef as x } from "react";
|
6
|
+
function R(u, a) {
|
7
|
+
const { form: c, label: e, name: s, onChange: m, onBlur: t, style: F, ...I } = u;
|
7
8
|
return /* @__PURE__ */ p(
|
8
9
|
h,
|
9
10
|
{
|
10
|
-
form:
|
11
|
+
form: c,
|
11
12
|
name: s,
|
12
|
-
label:
|
13
|
-
render: ({ field: r }) => /* @__PURE__ */ p(
|
13
|
+
label: e,
|
14
|
+
render: ({ field: r }) => /* @__PURE__ */ p(C, { children: /* @__PURE__ */ p(
|
14
15
|
v,
|
15
16
|
{
|
16
17
|
...r,
|
17
|
-
...
|
18
|
+
...I,
|
19
|
+
ref: a,
|
20
|
+
style: F,
|
18
21
|
value: r.value || "",
|
19
22
|
onChange: (...n) => {
|
20
23
|
var o;
|
@@ -28,7 +31,8 @@ const g = (u) => {
|
|
28
31
|
) })
|
29
32
|
}
|
30
33
|
);
|
31
|
-
}
|
34
|
+
}
|
35
|
+
const B = x(R);
|
32
36
|
export {
|
33
|
-
|
37
|
+
B as FormInput
|
34
38
|
};
|
package/index.mjs
CHANGED
@@ -20,7 +20,7 @@ import { Carousel as go, CarouselContent as xo, CarouselItem as fo, CarouselNext
|
|
20
20
|
import { ChartContainer as To, ChartLegend as Do, ChartLegendContent as co, ChartStyle as Mo, ChartTooltip as Po, ChartTooltipContent as Ao } from "./Chart/Chart.mjs";
|
21
21
|
import { Checkbox as wo, CheckboxLabel as ho } from "./Checkbox/Checkbox.mjs";
|
22
22
|
import { Collapsible as Fo, CollapsibleContent as Lo, CollapsibleTrigger as Ro } from "./Collapsible/Collapsible.mjs";
|
23
|
-
import { C as Go } from "./Combobox-
|
23
|
+
import { C as Go } from "./Combobox-E9X4tg-I.js";
|
24
24
|
import { Command as Ho, CommandDialog as No, CommandEmpty as Vo, CommandGroup as yo, CommandInput as Eo, CommandItem as Oo, CommandList as zo, CommandSeparator as _o, CommandShortcut as Uo } from "./Command/Command.mjs";
|
25
25
|
import { DataTable as jo } from "./DataTable/DataTable.mjs";
|
26
26
|
import { DatePicker as Jo } from "./DatePicker/DatePicker.mjs";
|