@okam/stack-ui 1.27.0 → 1.27.2

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.
Files changed (391) hide show
  1. package/components/Carousel/components/CarouselNavigationButton.d.ts +1 -1
  2. package/index.d.ts +2 -0
  3. package/index.js +1 -1
  4. package/index.mjs +158 -151
  5. package/index10.js +1 -1
  6. package/index10.mjs +2 -2
  7. package/index100.js +1 -2
  8. package/index100.mjs +17 -12
  9. package/index101.js +2 -1
  10. package/index101.mjs +22 -45
  11. package/index102.js +1 -1
  12. package/index102.mjs +1 -1
  13. package/index103.js +1 -1
  14. package/index103.mjs +1 -1
  15. package/index107.js +1 -1
  16. package/index107.mjs +1 -1
  17. package/index108.js +1 -1
  18. package/index108.mjs +1 -1
  19. package/index11.js +1 -1
  20. package/index11.mjs +3 -3
  21. package/index112.js +1 -1
  22. package/index112.mjs +1 -1
  23. package/index113.js +1 -1
  24. package/index113.mjs +1 -1
  25. package/index114.js +1 -1
  26. package/index114.mjs +2 -2
  27. package/index116.js +1 -1
  28. package/index116.mjs +3 -3
  29. package/index118.js +1 -1
  30. package/index118.mjs +1 -1
  31. package/index119.js +1 -1
  32. package/index119.mjs +1 -1
  33. package/index12.js +1 -1
  34. package/index12.mjs +44 -15
  35. package/index121.js +1 -1
  36. package/index121.mjs +1 -1
  37. package/index122.js +1 -1
  38. package/index122.mjs +3 -3
  39. package/index124.js +1 -1
  40. package/index124.mjs +2 -2
  41. package/index125.js +1 -1
  42. package/index125.mjs +2 -2
  43. package/index126.js +1 -1
  44. package/index126.mjs +1 -1
  45. package/index128.js +1 -1
  46. package/index128.mjs +1 -1
  47. package/index13.js +1 -2
  48. package/index13.mjs +17 -20
  49. package/index131.js +1 -1
  50. package/index131.mjs +1 -1
  51. package/index132.js +1 -1
  52. package/index132.mjs +1 -1
  53. package/index133.js +1 -1
  54. package/index133.mjs +19 -49
  55. package/index134.js +1 -1
  56. package/index134.mjs +49 -25
  57. package/index135.js +1 -1
  58. package/index135.mjs +25 -19
  59. package/index137.js +1 -1
  60. package/index137.mjs +14 -14
  61. package/index138.js +1 -1
  62. package/index138.mjs +1 -1
  63. package/index139.js +1 -1
  64. package/index139.mjs +3 -3
  65. package/index14.js +1 -1
  66. package/index14.mjs +18 -17
  67. package/index140.js +1 -1
  68. package/index140.mjs +2 -2
  69. package/index143.js +1 -1
  70. package/index143.mjs +1 -1
  71. package/index147.js +1 -1
  72. package/index147.mjs +1 -1
  73. package/index15.js +1 -1
  74. package/index15.mjs +16 -83
  75. package/index159.js +11 -1
  76. package/index159.mjs +116 -2
  77. package/index16.js +1 -1
  78. package/index16.mjs +81 -28
  79. package/index160.js +1 -1
  80. package/index160.mjs +2 -6
  81. package/index161.js +1 -1
  82. package/index161.mjs +5 -64
  83. package/index162.js +1 -1
  84. package/index162.mjs +54 -16
  85. package/index163.js +1 -1
  86. package/index163.mjs +21 -49
  87. package/index164.js +1 -1
  88. package/index164.mjs +42 -143
  89. package/index165.js +1 -1
  90. package/index165.mjs +151 -18
  91. package/index166.js +1 -1
  92. package/index166.mjs +17 -14
  93. package/index167.js +1 -1
  94. package/index167.mjs +14 -34
  95. package/index168.js +1 -1
  96. package/index168.mjs +36 -79
  97. package/index169.js +1 -1
  98. package/index169.mjs +75 -23
  99. package/index17.js +1 -1
  100. package/index17.mjs +30 -32
  101. package/index170.js +1 -1
  102. package/index170.mjs +22 -13
  103. package/index171.js +1 -1
  104. package/index171.mjs +16 -48
  105. package/index172.js +1 -1
  106. package/index172.mjs +54 -2
  107. package/index173.js +1 -11
  108. package/index173.mjs +2 -116
  109. package/index174.js +1 -1
  110. package/index174.mjs +2 -2
  111. package/index175.js +1 -1
  112. package/index175.mjs +2 -2
  113. package/index176.js +1 -1
  114. package/index176.mjs +2 -2
  115. package/index177.js +1 -1
  116. package/index177.mjs +2 -2
  117. package/index178.js +1 -1
  118. package/index178.mjs +3 -3
  119. package/index179.js +1 -1
  120. package/index179.mjs +4 -4
  121. package/index18.js +1 -1
  122. package/index18.mjs +33 -31
  123. package/index180.js +1 -1
  124. package/index180.mjs +1 -1
  125. package/index181.js +1 -1
  126. package/index181.mjs +2 -2
  127. package/index182.js +1 -1
  128. package/index182.mjs +1 -1
  129. package/index183.js +1 -1
  130. package/index183.mjs +2 -2
  131. package/index184.js +1 -1
  132. package/index184.mjs +1 -1
  133. package/index185.js +1 -1
  134. package/index185.mjs +2 -2
  135. package/index186.js +1 -1
  136. package/index186.mjs +1 -1
  137. package/index187.js +1 -1
  138. package/index187.mjs +2 -2
  139. package/index188.js +1 -1
  140. package/index188.mjs +1 -1
  141. package/index19.js +1 -1
  142. package/index19.mjs +30 -33
  143. package/index191.js +1 -1
  144. package/index191.mjs +4 -4
  145. package/index192.js +1 -1
  146. package/index192.mjs +2 -2
  147. package/index193.js +1 -1
  148. package/index193.mjs +5 -5
  149. package/index194.js +1 -1
  150. package/index194.mjs +4 -4
  151. package/index195.js +1 -1
  152. package/index195.mjs +5 -5
  153. package/index196.js +1 -1
  154. package/index196.mjs +5 -5
  155. package/index197.js +1 -1
  156. package/index197.mjs +2 -2
  157. package/index2.js +1 -1
  158. package/index2.mjs +20 -20
  159. package/index20.js +1 -1
  160. package/index20.mjs +32 -67
  161. package/index21.js +1 -1
  162. package/index21.mjs +61 -58
  163. package/index22.js +1 -1
  164. package/index22.mjs +66 -52
  165. package/index224.js +1 -1
  166. package/index224.mjs +123 -306
  167. package/index225.js +1 -1
  168. package/index225.mjs +173 -186
  169. package/index226.js +1 -1
  170. package/index226.mjs +9 -8
  171. package/index227.js +1 -1
  172. package/index227.mjs +3 -26
  173. package/index228.js +1 -1
  174. package/index228.mjs +34 -53
  175. package/index229.js +1 -1
  176. package/index229.mjs +5 -46
  177. package/index23.js +1 -1
  178. package/index23.mjs +37 -41
  179. package/index230.js +1 -1
  180. package/index230.mjs +28 -123
  181. package/index231.js +1 -1
  182. package/index231.mjs +6 -130
  183. package/index232.js +1 -1
  184. package/index232.mjs +293 -159
  185. package/index233.js +1 -1
  186. package/index233.mjs +192 -9
  187. package/index234.js +1 -1
  188. package/index234.mjs +8 -3
  189. package/index235.js +1 -1
  190. package/index235.mjs +25 -35
  191. package/index236.js +1 -1
  192. package/index236.mjs +55 -5
  193. package/index237.js +1 -1
  194. package/index237.mjs +44 -27
  195. package/index238.js +1 -1
  196. package/index238.mjs +124 -6
  197. package/index24.js +1 -1
  198. package/index24.mjs +57 -20
  199. package/index242.js +1 -1
  200. package/index242.mjs +1 -1
  201. package/index243.js +1 -1
  202. package/index243.mjs +1 -1
  203. package/index245.js +1 -1
  204. package/index245.mjs +1 -1
  205. package/index246.js +1 -1
  206. package/index246.mjs +2 -2
  207. package/index248.js +1 -1
  208. package/index248.mjs +2 -2
  209. package/index249.js +1 -1
  210. package/index249.mjs +3 -3
  211. package/index25.js +1 -1
  212. package/index25.mjs +20 -50
  213. package/index251.js +1 -1
  214. package/index251.mjs +1 -1
  215. package/index26.js +1 -1
  216. package/index26.mjs +50 -17
  217. package/index260.js +1 -1
  218. package/index260.mjs +6 -2
  219. package/index261.mjs +2 -2
  220. package/index262.mjs +2 -2
  221. package/index263.mjs +2 -2
  222. package/index264.js +1 -1
  223. package/index264.mjs +2 -72
  224. package/index265.js +1 -1
  225. package/index265.mjs +72 -2
  226. package/index266.mjs +2 -2
  227. package/index267.js +1 -1
  228. package/index267.mjs +2 -19
  229. package/index268.js +1 -1
  230. package/index268.mjs +19 -2
  231. package/index269.js +1 -1
  232. package/index269.mjs +2 -6
  233. package/index27.js +1 -1
  234. package/index27.mjs +16 -32
  235. package/index28.js +1 -1
  236. package/index28.mjs +32 -23
  237. package/index29.js +1 -1
  238. package/index29.mjs +24 -8
  239. package/index3.js +1 -1
  240. package/index3.mjs +1 -1
  241. package/index30.js +1 -1
  242. package/index30.mjs +8 -32
  243. package/index31.js +1 -1
  244. package/index31.mjs +29 -30
  245. package/index32.js +1 -1
  246. package/index32.mjs +28 -98
  247. package/index33.js +1 -1
  248. package/index33.mjs +102 -8
  249. package/index34.js +1 -1
  250. package/index34.mjs +8 -46
  251. package/index35.js +1 -1
  252. package/index35.mjs +46 -18
  253. package/index36.js +2 -1
  254. package/index36.mjs +19 -6
  255. package/index37.js +1 -1
  256. package/index37.mjs +6 -46
  257. package/index38.js +1 -1
  258. package/index38.mjs +45 -23
  259. package/index39.js +2 -1
  260. package/index39.mjs +26 -5
  261. package/index4.js +1 -1
  262. package/index4.mjs +5 -5
  263. package/index40.js +1 -1
  264. package/index40.mjs +4 -7
  265. package/index41.js +1 -1
  266. package/index41.mjs +5 -5
  267. package/index42.js +1 -1
  268. package/index42.mjs +8 -5
  269. package/index43.js +1 -1
  270. package/index43.mjs +2 -2
  271. package/index44.js +1 -1
  272. package/index44.mjs +1 -1
  273. package/index45.js +1 -1
  274. package/index45.mjs +4 -4
  275. package/index46.js +1 -1
  276. package/index46.mjs +3 -9
  277. package/index47.js +1 -1
  278. package/index47.mjs +7 -9
  279. package/index48.js +1 -1
  280. package/index48.mjs +9 -9
  281. package/index49.js +1 -1
  282. package/index49.mjs +13 -46
  283. package/index50.js +1 -1
  284. package/index50.mjs +46 -8
  285. package/index51.js +1 -1
  286. package/index51.mjs +6 -69
  287. package/index52.js +1 -1
  288. package/index52.mjs +71 -8
  289. package/index53.js +1 -1
  290. package/index53.mjs +7 -12
  291. package/index54.js +1 -1
  292. package/index54.mjs +12 -9
  293. package/index55.js +1 -1
  294. package/index55.mjs +10 -17
  295. package/index56.js +1 -1
  296. package/index56.mjs +17 -13
  297. package/index57.js +1 -1
  298. package/index57.mjs +5 -5
  299. package/index58.js +1 -1
  300. package/index58.mjs +6 -6
  301. package/index59.js +1 -1
  302. package/index59.mjs +10 -8
  303. package/index6.js +1 -1
  304. package/index6.mjs +1 -1
  305. package/index60.js +1 -1
  306. package/index60.mjs +5 -5
  307. package/index61.js +1 -1
  308. package/index61.mjs +6 -8
  309. package/index62.js +1 -1
  310. package/index62.mjs +13 -14
  311. package/index63.js +1 -2
  312. package/index63.mjs +14 -23
  313. package/index64.js +1 -1
  314. package/index64.mjs +21 -15
  315. package/index65.js +1 -1
  316. package/index65.mjs +16 -14
  317. package/index66.js +1 -1
  318. package/index66.mjs +13 -40
  319. package/index67.js +1 -1
  320. package/index67.mjs +39 -36
  321. package/index68.js +1 -1
  322. package/index68.mjs +37 -11
  323. package/index69.js +1 -1
  324. package/index69.mjs +11 -10
  325. package/index7.js +1 -1
  326. package/index7.mjs +2 -2
  327. package/index70.js +1 -1
  328. package/index70.mjs +10 -13
  329. package/index71.js +2 -1
  330. package/index71.mjs +15 -2
  331. package/index72.js +1 -1
  332. package/index72.mjs +11 -8
  333. package/index73.js +1 -2
  334. package/index73.mjs +1 -7
  335. package/index74.js +1 -1
  336. package/index74.mjs +7 -6
  337. package/index75.js +1 -1
  338. package/index75.mjs +6 -6
  339. package/index76.js +2 -1
  340. package/index76.mjs +8 -25
  341. package/index77.js +2 -1
  342. package/index77.mjs +8 -2
  343. package/index78.js +1 -6
  344. package/index78.mjs +25 -94
  345. package/index79.js +1 -1
  346. package/index79.mjs +2 -69
  347. package/index8.js +1 -1
  348. package/index8.mjs +5 -5
  349. package/index80.js +6 -1
  350. package/index80.mjs +82 -29
  351. package/index81.js +1 -42
  352. package/index81.mjs +64 -65
  353. package/index82.js +1 -1
  354. package/index82.mjs +32 -150
  355. package/index83.js +42 -9
  356. package/index83.mjs +65 -52
  357. package/index84.js +1 -1
  358. package/index84.mjs +145 -31
  359. package/index85.js +9 -1
  360. package/index85.mjs +54 -10
  361. package/index86.js +1 -1
  362. package/index86.mjs +38 -28
  363. package/index87.js +1 -1
  364. package/index87.mjs +12 -5
  365. package/index88.js +1 -12
  366. package/index88.mjs +31 -36
  367. package/index89.js +1 -1
  368. package/index89.mjs +6 -29
  369. package/index9.js +1 -1
  370. package/index9.mjs +4 -4
  371. package/index90.js +12 -1
  372. package/index90.mjs +39 -12
  373. package/index91.js +1 -7
  374. package/index91.mjs +23 -13
  375. package/index92.js +1 -15
  376. package/index92.mjs +9 -67
  377. package/index93.js +7 -1
  378. package/index93.mjs +17 -5
  379. package/index94.js +13 -14
  380. package/index94.mjs +63 -17
  381. package/index95.js +1 -1
  382. package/index95.mjs +7 -42
  383. package/index96.js +16 -1
  384. package/index96.mjs +24 -44
  385. package/index97.js +1 -1
  386. package/index97.mjs +42 -48
  387. package/index98.js +1 -1
  388. package/index98.mjs +45 -17
  389. package/index99.js +1 -2
  390. package/index99.mjs +47 -21
  391. package/package.json +1 -1
package/index21.mjs CHANGED
@@ -1,70 +1,73 @@
1
1
  "use client";
2
- import { jsxs as f, jsx as c } from "react/jsx-runtime";
3
- import { FocusRing as I } from "@react-aria/focus";
4
- import { useRef as O } from "react";
5
- import { useTextField as k } from "react-aria";
6
- import { useFormContext as P, get as $ } from "react-hook-form";
7
- import { useTranslation as C } from "react-i18next";
8
- import d from "./index64.mjs";
9
- import D from "./index3.mjs";
10
- const w = (s) => {
2
+ import { jsxs as T, jsx as e } from "react/jsx-runtime";
3
+ import { FocusRing as C } from "@react-aria/focus";
4
+ import { isEmpty as $ } from "radash";
5
+ import { useRef as q } from "react";
6
+ import { useTextField as y } from "react-aria";
7
+ import { useFormContext as A, get as H } from "react-hook-form";
8
+ import { useTranslation as P } from "react-i18next";
9
+ import g from "./index65.mjs";
10
+ import j from "./index3.mjs";
11
+ const w = (r) => {
11
12
  const {
12
- label: t,
13
- isRequired: m = !1,
14
- isDisabled: a = !1,
15
- required: i,
16
- disabled: p,
17
- errorMessage: n,
18
- fieldRef: o,
19
- children: g,
20
- themeName: e = "textInput",
21
- tokens: R,
22
- customTheme: r,
23
- ariaLabel: h
24
- } = s, u = i ?? m, b = p ?? a, x = O(null), { errorMessageProps: T, inputProps: q, labelProps: N } = k(
25
- { "aria-label": h, ...s, isRequired: u, isDisabled: b },
26
- x
27
- ), { "aria-labelledby": H, ...E } = {
28
- ...q,
29
- required: u,
30
- disabled: b
31
- }, l = { ...R, isDisabled: a, isRequired: m, isError: !!n }, F = d(`${e}.wrapper`, l, r), L = d(`${e}.label`, l, r), v = d(`${e}.input`, l, r), y = d(`${e}.container`, l, r);
32
- return /* @__PURE__ */ f("div", { children: [
33
- /* @__PURE__ */ c(I, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ f("div", { "aria-disabled": a, className: F, children: [
34
- t && // eslint-disable-next-line jsx-a11y/label-has-associated-control
35
- /* @__PURE__ */ c("label", { className: L, ...N, children: t }),
36
- /* @__PURE__ */ f("div", { className: y, children: [
37
- g,
38
- /* @__PURE__ */ c(
39
- "input",
40
- {
41
- ...E,
42
- className: v,
43
- ref: (M) => {
44
- o == null || o(M), x.current = M;
45
- }
46
- }
47
- )
48
- ] })
49
- ] }) }),
50
- n && /* @__PURE__ */ c(D, { themeName: `${e}.errorMessage`, tokens: l, ...T, children: n })
13
+ id: s,
14
+ label: u,
15
+ name: a,
16
+ placeholder: h,
17
+ required: f,
18
+ disabled: t = !1,
19
+ errorMessage: o,
20
+ ariaLabel: n,
21
+ value: d,
22
+ onBlur: i,
23
+ onChange: R,
24
+ fieldRef: l,
25
+ themeName: m = "textarea",
26
+ tokens: E,
27
+ customTheme: p
28
+ } = r, b = q(null), { errorMessageProps: M, inputProps: N, labelProps: v } = y(r, b), c = { ...E, isDisabled: t, isError: o != null }, F = g(`${m}.wrapper`, c, p), L = g(`${m}.input`, c, p), O = g(`${m}.label`, c, p), k = g(`${m}.container`, c, p);
29
+ return /* @__PURE__ */ T("div", { children: [
30
+ /* @__PURE__ */ T("div", { className: F, "aria-disabled": t, children: [
31
+ u && /* @__PURE__ */ e("label", { className: O, ...v, children: u }),
32
+ /* @__PURE__ */ e("div", { className: k, children: /* @__PURE__ */ e(C, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ e(
33
+ "textarea",
34
+ {
35
+ ...N,
36
+ ref: (x) => {
37
+ l == null || l(x), b.current = x;
38
+ },
39
+ className: L,
40
+ placeholder: h,
41
+ disabled: t,
42
+ required: f,
43
+ id: s,
44
+ name: a,
45
+ "aria-label": n,
46
+ "aria-labelledby": s,
47
+ value: d,
48
+ onBlur: i,
49
+ onChange: R
50
+ }
51
+ ) }) })
52
+ ] }),
53
+ o && /* @__PURE__ */ e(j, { themeName: `${m}.errorMessage`, tokens: c, ...M, children: o })
51
54
  ] });
52
- }, X = (s) => {
53
- const { name: t, required: m, isRequired: a, minLength: i = 0, maxLength: p = 99999999, validation: n } = s, { register: o, formState: g } = P(), e = $(g.errors, t), R = (e == null ? void 0 : e.message) ?? void 0, { t: r } = C("components"), { ref: h, ...u } = o(t, {
54
- required: m ?? a ? r("FORM.ERROR.REQUIRED") ?? "required" : !1,
55
+ }, z = (r) => {
56
+ const { name: s, required: u, minLength: a = 0, maxLength: h = 99999999, validation: f } = r, { register: t, formState: o } = A(), n = H(o.errors, s), d = (n == null ? void 0 : n.message) ?? void 0, { t: i } = P("components"), { ref: R, ...l } = t(s, {
57
+ required: u ? i("FORM.ERROR.REQUIRED") ?? "required" : !1,
55
58
  minLength: {
56
- value: i,
57
- message: r("FORM.ERROR.MIN_LENGTH", { length: i })
59
+ value: a,
60
+ message: i("FORM.ERROR.MIN_LENGTH", { length: a })
58
61
  },
59
62
  maxLength: {
60
- value: p,
61
- message: r("FORM.ERROR.MAX_LENGTH", { length: i })
63
+ value: h,
64
+ message: i("FORM.ERROR.MAX_LENGTH", { length: a })
62
65
  },
63
- ...n
66
+ ...f
64
67
  });
65
- return /* @__PURE__ */ c(w, { fieldRef: h, ...u, ...s, errorMessage: R });
68
+ return /* @__PURE__ */ e(w, { fieldRef: R, ...l, ...r, isError: !$(d), errorMessage: d });
66
69
  };
67
70
  export {
68
- X as ReactHookFormInput,
71
+ z as ReactHookFormTextArea,
69
72
  w as default
70
73
  };
package/index22.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";const e=require("react/jsx-runtime"),D=require("@react-aria/datepicker"),g=require("@react-stately/datepicker"),k=require("react"),o=require("./index64.js"),T=require("./index6.js"),F=require("./index25.js"),R=require("./index111.js"),S=require("./index13.js"),w=require("./index112.js"),x=require("./index113.js");function C({popoverPlacement:p="bottom start",tokens:r,customTheme:y,themeName:s="datePicker",icon:P="ArrowDown",description:c,buttonLabel:a,...n}){const i=g.useDatePickerState({...n}),t=k.useRef(null),{groupProps:h,fieldProps:d,labelProps:j,descriptionProps:q,buttonProps:l,dialogProps:v,calendarProps:$}=D.useDatePicker({...n},i,t),{label:u}={...n},b=o(`${s}.container`,r),f=o(`${s}.dateField`,r),m=o(`${s}.label`,r);return e.jsxs("div",{className:b,children:[u&&e.jsx("span",{...j,children:u}),c&&e.jsx("div",{...q,children:c}),e.jsx("div",{...h,ref:t,children:e.jsxs(T.default,{themeName:`${s}.button`,tokens:{...r},type:"button",...l,handlePress:l.onPress,children:[a&&e.jsx("p",{className:m,children:a}),e.jsxs("div",{className:f,children:[e.jsx(x,{...d}),i.validationState==="invalid"&&"❌"]}),e.jsx(S,{themeName:`${s}.icon`,tokens:{...r},icon:P})]})}),i.isOpen&&e.jsx(w.CalendarPopover,{triggerRef:t,state:i,placement:p,children:e.jsxs(R.Dialog,{...v,children:[e.jsxs("div",{children:[e.jsx(x,{...d}),i.validationState==="invalid"&&""]}),e.jsx(F,{...$})]})})]})}module.exports=C;
2
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),L=require("@react-aria/focus"),O=require("react"),$=require("react-aria"),f=require("react-hook-form"),P=require("react-i18next"),m=require("./index65.js"),y=require("./index3.js"),M=t=>{const{label:n,isRequired:u=!1,isDisabled:a=!1,required:i,disabled:R,errorMessage:o,fieldRef:l,children:g,themeName:e="textInput",tokens:b,customTheme:s,ariaLabel:h}=t,d=i??u,p=R??a,q=O.useRef(null),{errorMessageProps:F,inputProps:j,labelProps:v}=$.useTextField({"aria-label":h,...t,isRequired:d,isDisabled:p},q),{"aria-labelledby":D,...N}={...j,required:d,disabled:p},c={...b,isDisabled:a,isRequired:u,isError:!!o},T=m(`${e}.wrapper`,c,s),k=m(`${e}.label`,c,s),E=m(`${e}.input`,c,s),I=m(`${e}.container`,c,s);return r.jsxs("div",{children:[r.jsx(L.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:r.jsxs("div",{"aria-disabled":a,className:T,children:[n&&r.jsx("label",{className:k,...v,children:n}),r.jsxs("div",{className:I,children:[g,r.jsx("input",{...N,className:E,ref:x=>{l==null||l(x),q.current=x}})]})]})}),o&&r.jsx(y.default,{themeName:`${e}.errorMessage`,tokens:c,...F,children:o})]})},H=t=>{const{name:n,required:u,isRequired:a,minLength:i=0,maxLength:R=99999999,validation:o}=t,{register:l,formState:g}=f.useFormContext(),e=f.get(g.errors,n),b=(e==null?void 0:e.message)??void 0,{t:s}=P.useTranslation("components"),{ref:h,...d}=l(n,{required:u??a?s("FORM.ERROR.REQUIRED")??"required":!1,minLength:{value:i,message:s("FORM.ERROR.MIN_LENGTH",{length:i})},maxLength:{value:R,message:s("FORM.ERROR.MAX_LENGTH",{length:i})},...o});return r.jsx(M,{fieldRef:h,...d,...t,errorMessage:b})};exports.ReactHookFormInput=H;exports.default=M;
package/index22.mjs CHANGED
@@ -1,56 +1,70 @@
1
1
  "use client";
2
- import { jsxs as i, jsx as e } from "react/jsx-runtime";
3
- import { useDatePicker as C } from "@react-aria/datepicker";
4
- import { useDatePickerState as F } from "@react-stately/datepicker";
5
- import { useRef as S } from "react";
6
- import l from "./index64.mjs";
7
- import j from "./index6.mjs";
8
- import k from "./index25.mjs";
9
- import { Dialog as w } from "./index111.mjs";
10
- import R from "./index13.mjs";
11
- import { CalendarPopover as y } from "./index112.mjs";
12
- import f from "./index113.mjs";
13
- function M({
14
- popoverPlacement: h = "bottom start",
15
- tokens: r,
16
- customTheme: A,
17
- themeName: o = "datePicker",
18
- icon: P = "ArrowDown",
19
- description: s,
20
- buttonLabel: c,
21
- ...n
22
- }) {
23
- const t = F({ ...n }), a = S(null), { groupProps: u, fieldProps: d, labelProps: v, descriptionProps: D, buttonProps: m, dialogProps: b, calendarProps: g } = C({ ...n }, t, a), { label: p } = { ...n }, T = l(`${o}.container`, r), $ = l(`${o}.dateField`, r), x = l(`${o}.label`, r);
24
- return /* @__PURE__ */ i("div", { className: T, children: [
25
- p && /* @__PURE__ */ e("span", { ...v, children: p }),
26
- s && /* @__PURE__ */ e("div", { ...D, children: s }),
27
- /* @__PURE__ */ e("div", { ...u, ref: a, children: /* @__PURE__ */ i(
28
- j,
29
- {
30
- themeName: `${o}.button`,
31
- tokens: { ...r },
32
- type: "button",
33
- ...m,
34
- handlePress: m.onPress,
35
- children: [
36
- c && /* @__PURE__ */ e("p", { className: x, children: c }),
37
- /* @__PURE__ */ i("div", { className: $, children: [
38
- /* @__PURE__ */ e(f, { ...d }),
39
- t.validationState === "invalid" && "❌"
40
- ] }),
41
- /* @__PURE__ */ e(R, { themeName: `${o}.icon`, tokens: { ...r }, icon: P })
42
- ]
43
- }
44
- ) }),
45
- t.isOpen && /* @__PURE__ */ e(y, { triggerRef: a, state: t, placement: h, children: /* @__PURE__ */ i(w, { ...b, children: [
46
- /* @__PURE__ */ i("div", { children: [
47
- /* @__PURE__ */ e(f, { ...d }),
48
- t.validationState === "invalid" && "❌"
49
- ] }),
50
- /* @__PURE__ */ e(k, { ...g })
51
- ] }) })
2
+ import { jsxs as f, jsx as c } from "react/jsx-runtime";
3
+ import { FocusRing as I } from "@react-aria/focus";
4
+ import { useRef as O } from "react";
5
+ import { useTextField as k } from "react-aria";
6
+ import { useFormContext as P, get as $ } from "react-hook-form";
7
+ import { useTranslation as C } from "react-i18next";
8
+ import d from "./index65.mjs";
9
+ import D from "./index3.mjs";
10
+ const w = (s) => {
11
+ const {
12
+ label: t,
13
+ isRequired: m = !1,
14
+ isDisabled: a = !1,
15
+ required: i,
16
+ disabled: p,
17
+ errorMessage: n,
18
+ fieldRef: o,
19
+ children: g,
20
+ themeName: e = "textInput",
21
+ tokens: R,
22
+ customTheme: r,
23
+ ariaLabel: h
24
+ } = s, u = i ?? m, b = p ?? a, x = O(null), { errorMessageProps: T, inputProps: q, labelProps: N } = k(
25
+ { "aria-label": h, ...s, isRequired: u, isDisabled: b },
26
+ x
27
+ ), { "aria-labelledby": H, ...E } = {
28
+ ...q,
29
+ required: u,
30
+ disabled: b
31
+ }, l = { ...R, isDisabled: a, isRequired: m, isError: !!n }, F = d(`${e}.wrapper`, l, r), L = d(`${e}.label`, l, r), v = d(`${e}.input`, l, r), y = d(`${e}.container`, l, r);
32
+ return /* @__PURE__ */ f("div", { children: [
33
+ /* @__PURE__ */ c(I, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ f("div", { "aria-disabled": a, className: F, children: [
34
+ t && // eslint-disable-next-line jsx-a11y/label-has-associated-control
35
+ /* @__PURE__ */ c("label", { className: L, ...N, children: t }),
36
+ /* @__PURE__ */ f("div", { className: y, children: [
37
+ g,
38
+ /* @__PURE__ */ c(
39
+ "input",
40
+ {
41
+ ...E,
42
+ className: v,
43
+ ref: (M) => {
44
+ o == null || o(M), x.current = M;
45
+ }
46
+ }
47
+ )
48
+ ] })
49
+ ] }) }),
50
+ n && /* @__PURE__ */ c(D, { themeName: `${e}.errorMessage`, tokens: l, ...T, children: n })
52
51
  ] });
53
- }
52
+ }, X = (s) => {
53
+ const { name: t, required: m, isRequired: a, minLength: i = 0, maxLength: p = 99999999, validation: n } = s, { register: o, formState: g } = P(), e = $(g.errors, t), R = (e == null ? void 0 : e.message) ?? void 0, { t: r } = C("components"), { ref: h, ...u } = o(t, {
54
+ required: m ?? a ? r("FORM.ERROR.REQUIRED") ?? "required" : !1,
55
+ minLength: {
56
+ value: i,
57
+ message: r("FORM.ERROR.MIN_LENGTH", { length: i })
58
+ },
59
+ maxLength: {
60
+ value: p,
61
+ message: r("FORM.ERROR.MAX_LENGTH", { length: i })
62
+ },
63
+ ...n
64
+ });
65
+ return /* @__PURE__ */ c(w, { fieldRef: h, ...u, ...s, errorMessage: R });
66
+ };
54
67
  export {
55
- M as default
68
+ X as ReactHookFormInput,
69
+ w as default
56
70
  };
package/index224.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index272.js"),B=require("./index273.js"),N=require("./index274.js"),j=require("./index148.js"),U=require("./index275.js"),o=require("@react-aria/utils"),w=require("react");function z(i){let s=w.useContext(B.PressResponderContext);if(s){let{register:u,...c}=s;i=o.mergeProps(c,i),u()}return o.useSyncRef(s,i.ref),i}var x=new WeakMap;class C{continuePropagation(){U._class_private_field_set(this,x,!1)}get shouldStopPropagation(){return N._class_private_field_get(this,x)}constructor(s,u,c){j._class_private_field_init(this,x,{writable:!0,value:void 0}),U._class_private_field_set(this,x,!0),this.type=s,this.pointerType=u,this.target=c.currentTarget,this.shiftKey=c.shiftKey,this.metaKey=c.metaKey,this.ctrlKey=c.ctrlKey,this.altKey=c.altKey}}const R=Symbol("linkClicked");function J(i){let{onPress:s,onPressChange:u,onPressStart:c,onPressEnd:g,onPressUp:M,isDisabled:v,isPressed:H,preventFocusOnPress:k,shouldCancelOnPointerExit:G,allowTextSelectionOnPress:y,ref:re,...V}=z(i),[X,A]=w.useState(!1),S=w.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:h,removeAllGlobalListeners:$}=o.useGlobalListeners(),T=o.useEffectEvent((e,a)=>{let d=S.current;if(v||d.didFirePressStart)return!1;let n=!0;if(d.isTriggeringEvent=!0,c){let l=new C("pressstart",a,e);c(l),n=l.shouldStopPropagation}return u&&u(!0),d.isTriggeringEvent=!1,d.didFirePressStart=!0,A(!0),n}),p=o.useEffectEvent((e,a,d=!0)=>{let n=S.current;if(!n.didFirePressStart)return!1;n.ignoreClickAfterPress=!0,n.didFirePressStart=!1,n.isTriggeringEvent=!0;let l=!0;if(g){let t=new C("pressend",a,e);g(t),l=t.shouldStopPropagation}if(u&&u(!1),A(!1),s&&d&&!v){let t=new C("press",a,e);s(t),l&&(l=t.shouldStopPropagation)}return n.isTriggeringEvent=!1,l}),m=o.useEffectEvent((e,a)=>{let d=S.current;if(v)return!1;if(M){d.isTriggeringEvent=!0;let n=new C("pressup",a,e);return M(n),d.isTriggeringEvent=!1,n.shouldStopPropagation}return!0}),E=o.useEffectEvent(e=>{let a=S.current;a.isPressed&&a.target&&(a.isOverTarget&&a.pointerType!=null&&p(P(a.target,e),a.pointerType,!1),a.isPressed=!1,a.isOverTarget=!1,a.activePointerId=null,a.pointerType=null,$(),y||b.restoreTextSelection(a.target))}),_=o.useEffectEvent(e=>{G&&E(e)}),Y=w.useMemo(()=>{let e=S.current,a={onKeyDown(n){if(D(n.nativeEvent,n.currentTarget)&&n.currentTarget.contains(n.target)){var l;W(n.target,n.key)&&n.preventDefault();let t=!0;if(!e.isPressed&&!n.repeat){e.target=n.currentTarget,e.isPressed=!0,t=T(n,"keyboard");let r=n.currentTarget,f=O=>{D(O,r)&&!O.repeat&&r.contains(O.target)&&e.target&&m(P(e.target,O),"keyboard")};h(o.getOwnerDocument(n.currentTarget),"keyup",o.chain(f,d),!0)}t&&n.stopPropagation(),n.metaKey&&o.isMac()&&((l=e.metaKeyEvents)===null||l===void 0||l.set(n.key,n.nativeEvent))}else n.key==="Meta"&&(e.metaKeyEvents=new Map)},onClick(n){if(!(n&&!n.currentTarget.contains(n.target))&&n&&n.button===0&&!e.isTriggeringEvent&&!o.openLink.isOpening){let l=!0;if(v&&n.preventDefault(),!e.ignoreClickAfterPress&&!e.ignoreEmulatedMouseEvents&&!e.isPressed&&(e.pointerType==="virtual"||o.isVirtualClick(n.nativeEvent))){!v&&!k&&o.focusWithoutScrolling(n.currentTarget);let t=T(n,"virtual"),r=m(n,"virtual"),f=p(n,"virtual");l=t&&r&&f}e.ignoreEmulatedMouseEvents=!1,e.ignoreClickAfterPress=!1,l&&n.stopPropagation()}}},d=n=>{var l;if(e.isPressed&&e.target&&D(n,e.target)){var t;W(n.target,n.key)&&n.preventDefault();let f=n.target;p(P(e.target,n),"keyboard",e.target.contains(f)),$(),n.key!=="Enter"&&L(e.target)&&e.target.contains(f)&&!n[R]&&(n[R]=!0,o.openLink(e.target,n,!1)),e.isPressed=!1,(t=e.metaKeyEvents)===null||t===void 0||t.delete(n.key)}else if(n.key==="Meta"&&(!((l=e.metaKeyEvents)===null||l===void 0)&&l.size)){var r;let f=e.metaKeyEvents;e.metaKeyEvents=void 0;for(let O of f.values())(r=e.target)===null||r===void 0||r.dispatchEvent(new KeyboardEvent("keyup",O))}};if(typeof PointerEvent<"u"){a.onPointerDown=r=>{if(r.button!==0||!r.currentTarget.contains(r.target))return;if(o.isVirtualPointerEvent(r.nativeEvent)){e.pointerType="virtual";return}I(r.currentTarget)&&r.preventDefault(),e.pointerType=r.pointerType;let f=!0;e.isPressed||(e.isPressed=!0,e.isOverTarget=!0,e.activePointerId=r.pointerId,e.target=r.currentTarget,!v&&!k&&o.focusWithoutScrolling(r.currentTarget),y||b.disableTextSelection(e.target),f=T(r,e.pointerType),h(o.getOwnerDocument(r.currentTarget),"pointermove",n,!1),h(o.getOwnerDocument(r.currentTarget),"pointerup",l,!1),h(o.getOwnerDocument(r.currentTarget),"pointercancel",t,!1)),f&&r.stopPropagation()},a.onMouseDown=r=>{r.currentTarget.contains(r.target)&&r.button===0&&(I(r.currentTarget)&&r.preventDefault(),r.stopPropagation())},a.onPointerUp=r=>{!r.currentTarget.contains(r.target)||e.pointerType==="virtual"||r.button===0&&K(r,r.currentTarget)&&m(r,e.pointerType||r.pointerType)};let n=r=>{r.pointerId===e.activePointerId&&(e.target&&K(r,e.target)?!e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!0,T(P(e.target,r),e.pointerType)):e.target&&e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!1,p(P(e.target,r),e.pointerType,!1),_(r)))},l=r=>{r.pointerId===e.activePointerId&&e.isPressed&&r.button===0&&e.target&&(K(r,e.target)&&e.pointerType!=null?p(P(e.target,r),e.pointerType):e.isOverTarget&&e.pointerType!=null&&p(P(e.target,r),e.pointerType,!1),e.isPressed=!1,e.isOverTarget=!1,e.activePointerId=null,e.pointerType=null,$(),y||b.restoreTextSelection(e.target))},t=r=>{E(r)};a.onDragStart=r=>{r.currentTarget.contains(r.target)&&E(r)}}else{a.onMouseDown=t=>{if(t.button!==0||!t.currentTarget.contains(t.target))return;if(I(t.currentTarget)&&t.preventDefault(),e.ignoreEmulatedMouseEvents){t.stopPropagation();return}e.isPressed=!0,e.isOverTarget=!0,e.target=t.currentTarget,e.pointerType=o.isVirtualClick(t.nativeEvent)?"virtual":"mouse",!v&&!k&&o.focusWithoutScrolling(t.currentTarget),T(t,e.pointerType)&&t.stopPropagation(),h(o.getOwnerDocument(t.currentTarget),"mouseup",n,!1)},a.onMouseEnter=t=>{if(!t.currentTarget.contains(t.target))return;let r=!0;e.isPressed&&!e.ignoreEmulatedMouseEvents&&e.pointerType!=null&&(e.isOverTarget=!0,r=T(t,e.pointerType)),r&&t.stopPropagation()},a.onMouseLeave=t=>{if(!t.currentTarget.contains(t.target))return;let r=!0;e.isPressed&&!e.ignoreEmulatedMouseEvents&&e.pointerType!=null&&(e.isOverTarget=!1,r=p(t,e.pointerType,!1),_(t)),r&&t.stopPropagation()},a.onMouseUp=t=>{t.currentTarget.contains(t.target)&&!e.ignoreEmulatedMouseEvents&&t.button===0&&m(t,e.pointerType||"mouse")};let n=t=>{if(t.button===0){if(e.isPressed=!1,$(),e.ignoreEmulatedMouseEvents){e.ignoreEmulatedMouseEvents=!1;return}e.target&&K(t,e.target)&&e.pointerType!=null?p(P(e.target,t),e.pointerType):e.target&&e.isOverTarget&&e.pointerType!=null&&p(P(e.target,t),e.pointerType,!1),e.isOverTarget=!1}};a.onTouchStart=t=>{if(!t.currentTarget.contains(t.target))return;let r=Q(t.nativeEvent);if(!r)return;e.activePointerId=r.identifier,e.ignoreEmulatedMouseEvents=!0,e.isOverTarget=!0,e.isPressed=!0,e.target=t.currentTarget,e.pointerType="touch",!v&&!k&&o.focusWithoutScrolling(t.currentTarget),y||b.disableTextSelection(e.target),T(t,e.pointerType)&&t.stopPropagation(),h(o.getOwnerWindow(t.currentTarget),"scroll",l,!0)},a.onTouchMove=t=>{if(!t.currentTarget.contains(t.target))return;if(!e.isPressed){t.stopPropagation();return}let r=F(t.nativeEvent,e.activePointerId),f=!0;r&&K(r,t.currentTarget)?!e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!0,f=T(t,e.pointerType)):e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!1,f=p(t,e.pointerType,!1),_(t)),f&&t.stopPropagation()},a.onTouchEnd=t=>{if(!t.currentTarget.contains(t.target))return;if(!e.isPressed){t.stopPropagation();return}let r=F(t.nativeEvent,e.activePointerId),f=!0;r&&K(r,t.currentTarget)&&e.pointerType!=null?(m(t,e.pointerType),f=p(t,e.pointerType)):e.isOverTarget&&e.pointerType!=null&&(f=p(t,e.pointerType,!1)),f&&t.stopPropagation(),e.isPressed=!1,e.activePointerId=null,e.isOverTarget=!1,e.ignoreEmulatedMouseEvents=!0,e.target&&!y&&b.restoreTextSelection(e.target),$()},a.onTouchCancel=t=>{t.currentTarget.contains(t.target)&&(t.stopPropagation(),e.isPressed&&E(t))};let l=t=>{e.isPressed&&t.target.contains(e.target)&&E({currentTarget:e.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};a.onDragStart=t=>{t.currentTarget.contains(t.target)&&E(t)}}return a},[h,v,k,$,y,E,_,p,T,m]);return w.useEffect(()=>()=>{var e;y||b.restoreTextSelection((e=S.current.target)!==null&&e!==void 0?e:void 0)},[y]),{isPressed:H||X,pressProps:o.mergeProps(V,Y)}}function L(i){return i.tagName==="A"&&i.hasAttribute("href")}function D(i,s){const{key:u,code:c}=i,g=s,M=g.getAttribute("role");return(u==="Enter"||u===" "||u==="Spacebar"||c==="Space")&&!(g instanceof o.getOwnerWindow(g).HTMLInputElement&&!q(g,u)||g instanceof o.getOwnerWindow(g).HTMLTextAreaElement||g.isContentEditable)&&!((M==="link"||!M&&L(g))&&u!=="Enter")}function Q(i){const{targetTouches:s}=i;return s.length>0?s[0]:null}function F(i,s){const u=i.changedTouches;for(let c=0;c<u.length;c++){const g=u[c];if(g.identifier===s)return g}return null}function P(i,s){return{currentTarget:i,shiftKey:s.shiftKey,ctrlKey:s.ctrlKey,metaKey:s.metaKey,altKey:s.altKey}}function Z(i){let s=0,u=0;return i.width!==void 0?s=i.width/2:i.radiusX!==void 0&&(s=i.radiusX),i.height!==void 0?u=i.height/2:i.radiusY!==void 0&&(u=i.radiusY),{top:i.clientY-u,right:i.clientX+s,bottom:i.clientY+u,left:i.clientX-s}}function ee(i,s){return!(i.left>s.right||s.left>i.right||i.top>s.bottom||s.top>i.bottom)}function K(i,s){let u=s.getBoundingClientRect(),c=Z(i);return ee(u,c)}function I(i){return!(i instanceof HTMLElement)||!i.hasAttribute("draggable")}function W(i,s){return i instanceof HTMLInputElement?!q(i,s):i instanceof HTMLButtonElement?i.type!=="submit"&&i.type!=="reset":!L(i)}const te=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function q(i,s){return i.type==="checkbox"||i.type==="radio"?s===" ":te.has(i.type)}exports.usePress=J;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e){return e!==null&&typeof e=="object"&&"constructor"in e&&e.constructor===Object}function o(e,n){e===void 0&&(e={}),n===void 0&&(n={}),Object.keys(n).forEach(t=>{typeof e[t]>"u"?e[t]=n[t]:r(n[t])&&r(e[t])&&Object.keys(n[t]).length>0&&o(e[t],n[t])})}const u={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector(){return null},querySelectorAll(){return[]},getElementById(){return null},createEvent(){return{initEvent(){}}},createElement(){return{children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName(){return[]}}},createElementNS(){return{}},importNode(){return null},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function i(){const e=typeof document<"u"?document:{};return o(e,u),e}const c={document:u,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(e){return typeof setTimeout>"u"?(e(),null):setTimeout(e,0)},cancelAnimationFrame(e){typeof setTimeout>"u"||clearTimeout(e)}};function s(){const e=typeof window<"u"?window:{};return o(e,c),e}exports.a=s;exports.g=i;