@wix/form-elements 1.63.0 → 1.64.0

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 (111) hide show
  1. package/dist/component/{appointment-rac-B1VVk_Ui.js → appointment-rac-DojiZqx9.js} +35 -35
  2. package/dist/component/{bookings-address-rac-IQeHFdHT.js → bookings-address-rac-Bm_lQchD.js} +1 -1
  3. package/dist/component/{bookings-email-rac-z26A790r.js → bookings-email-rac-vwuy0kW8.js} +1 -1
  4. package/dist/component/{bookings-first-name-rac-Djf0GPP4.js → bookings-first-name-rac-BbWuLoeg.js} +1 -1
  5. package/dist/component/{bookings-header-rac-CXOzAOpz.js → bookings-header-rac-DVknNH29.js} +1 -1
  6. package/dist/component/{bookings-last-name-rac-CbB8alM9.js → bookings-last-name-rac-BnT3Cq0b.js} +1 -1
  7. package/dist/component/{bookings-login-bar-rac-CXrLx7Pn.js → bookings-login-bar-rac-DKi-VAXc.js} +5 -5
  8. package/dist/component/{bookings-phone-rac-DGYx7h5g.js → bookings-phone-rac-Bfy8rheB.js} +1 -1
  9. package/dist/component/{bookings-rich-text-rac-viJG57XF.js → bookings-rich-text-rac-DGiBDcXw.js} +1 -1
  10. package/dist/component/{checkbox-field-rac-e-RAmupX.js → checkbox-field-rac-CYADRY54.js} +5 -5
  11. package/dist/component/checkbox-group-field-headless-BDAFpX5F.js +210 -0
  12. package/dist/component/checkbox-group-field-rac-2YUsOmDI.js +40 -0
  13. package/dist/component/{checkbox-group-rac-CDfDTWqz.js → checkbox-group-rac-CQf1C9H5.js} +1 -1
  14. package/dist/component/{checkbox-rac-BRBKYD_5.js → checkbox-rac-Bjv8jZjs.js} +1 -1
  15. package/dist/component/{contacts-address-rac-BtWWQi77.js → contacts-address-rac-BBTiEec9.js} +1 -1
  16. package/dist/component/{contacts-birthdate-rac-DaEUXJTf.js → contacts-birthdate-rac-XReeFHVW.js} +1 -1
  17. package/dist/component/{contacts-company-rac-IgRyjtcM.js → contacts-company-rac-B-fUQszu.js} +1 -1
  18. package/dist/component/{contacts-email-rac-BS1MDrMk.js → contacts-email-rac-DBtcCcsV.js} +1 -1
  19. package/dist/component/{contacts-first-name-rac-BAvXypDF.js → contacts-first-name-rac-mkwU3706.js} +1 -1
  20. package/dist/component/{contacts-last-name-rac-C289RYPl.js → contacts-last-name-rac-DY5N-AZx.js} +1 -1
  21. package/dist/component/{contacts-phone-rac-DIpyskam.js → contacts-phone-rac-Ce1rMz_z.js} +1 -1
  22. package/dist/component/{contacts-position-rac-nPeh3lKU.js → contacts-position-rac-B65H8PDu.js} +1 -1
  23. package/dist/component/contacts-subscribe-rac-BxO8rIyL.js +13 -0
  24. package/dist/component/{contacts-tax-id-rac-C4WB-SR0.js → contacts-tax-id-rac-Jtt0ySK2.js} +1 -1
  25. package/dist/component/{date-availability-HHjPx4Uv.js → date-availability-B8UwvTJa.js} +1 -1
  26. package/dist/component/{date-input-field-rac-GFgFcpX2.js → date-input-field-rac-RL2a0xoD.js} +33 -33
  27. package/dist/component/{date-input-rac-B9BUEIA-.js → date-input-rac-ak3G7V07.js} +1 -1
  28. package/dist/component/{date-picker-field-rac-BfjYIIuY.js → date-picker-field-rac-SL_Roltf.js} +31 -31
  29. package/dist/component/{date-picker-rac-Bd2UN0ZF.js → date-picker-rac-ByrM0YIX.js} +1 -1
  30. package/dist/component/{date-time-input-field-rac-CAXnxLQP.js → date-time-input-field-rac-DOE7xcKi.js} +36 -36
  31. package/dist/component/{date-time-input-rac-BuJ3Awlh.js → date-time-input-rac-BA-GyrAc.js} +1 -1
  32. package/dist/component/{dext-checkbox-group-rac-DKp4cBVa.js → dext-checkbox-group-rac-EwUnBO80.js} +2 -2
  33. package/dist/component/{dext-checkbox-rac-BMu_k06A.js → dext-checkbox-rac-CIRKi4B5.js} +1 -1
  34. package/dist/component/{dext-date-picker-rac-L3sdldhT.js → dext-date-picker-rac-BYO_Q1zM.js} +1 -1
  35. package/dist/component/{dext-date-time-input-rac-UmabFzDN.js → dext-date-time-input-rac-BOahPeaH.js} +1 -1
  36. package/dist/component/{dext-dropdown-rac-DbjgYaG-.js → dext-dropdown-rac-sTD_r-0H.js} +1 -1
  37. package/dist/component/{dext-email-rac-rNudrOOK.js → dext-email-rac-e-2_h3he.js} +1 -1
  38. package/dist/component/{dext-number-input-rac-hw1FTrJL.js → dext-number-input-rac-D6LACzWl.js} +1 -1
  39. package/dist/component/{dext-phone-rac-DrZ_Vwv2.js → dext-phone-rac-kUycy5Od.js} +1 -1
  40. package/dist/component/{dext-radio-group-rac-DAt2ax-I.js → dext-radio-group-rac-DPD2UkrV.js} +2 -2
  41. package/dist/component/{dext-rating-input-rac-BW2Ike11.js → dext-rating-input-rac-DUsnrl9W.js} +1 -1
  42. package/dist/component/{dext-tags-rac-DDzwlKrR.js → dext-tags-rac-D6z69HuO.js} +2 -2
  43. package/dist/component/{dext-text-area-rac-D0xf4z3z.js → dext-text-area-rac-C-DVtFJ1.js} +1 -1
  44. package/dist/component/{dext-text-input-rac-Da04OLmq.js → dext-text-input-rac-CIa2MdC6.js} +1 -1
  45. package/dist/component/{dext-url-input-rac-B-g4xTqh.js → dext-url-input-rac-8rVVW5us.js} +1 -1
  46. package/dist/component/{donation-rac-gKeq72jg.js → donation-rac-BjmSBabc.js} +60 -60
  47. package/dist/component/{dropdown-field-headless-Js5TxdU4.js → dropdown-field-headless-DReo519l.js} +16 -16
  48. package/dist/component/{dropdown-field-rac-BDxcvX00.js → dropdown-field-rac-DzrjA2O6.js} +7 -7
  49. package/dist/component/{dropdown-rac-B5UHNzV-.js → dropdown-rac-CS7oLTp_.js} +1 -1
  50. package/dist/component/{ecom-address-rac-0zm4bX37.js → ecom-address-rac-EIb88J_6.js} +1 -1
  51. package/dist/component/{ecom-subscription-checkbox-rac-DCXoI33l.js → ecom-subscription-checkbox-rac-CE0Ks6qS.js} +5 -5
  52. package/dist/component/{email-input-field-rac-svf6hUHF.js → email-input-field-rac-BScZxYHw.js} +47 -47
  53. package/dist/component/{events-repeater-rac-DMIqzuVK.js → events-repeater-rac-Y0rH2Jli.js} +45 -45
  54. package/dist/component/{events-rsvp-rac-B_YD4ckO.js → events-rsvp-rac-BiAYVv_b.js} +12 -12
  55. package/dist/component/{field-error-headless-DTKnr5Zx.js → field-error-headless-DrnFrGun.js} +3 -3
  56. package/dist/component/{field-label-headless-DV4aNd5Y.js → field-label-headless-BIYf1BIh.js} +4 -4
  57. package/dist/component/field-rac.module-CWkwwhq4.js +21 -0
  58. package/dist/component/{file-upload-rac-lGKJjG3m.js → file-upload-rac-br--tZLp.js} +73 -73
  59. package/dist/component/{fixed-payment-rac-BVS6glii.js → fixed-payment-rac-XEtrsaMy.js} +11 -11
  60. package/dist/component/{form-DzjdnO7t.js → form-9yjqDnxY.js} +1563 -1556
  61. package/dist/component/form-element-classes-KRzHUNLu.js +57 -0
  62. package/dist/component/form.css +1 -1
  63. package/dist/component/form.js +1 -1
  64. package/dist/component/{header-field-rac-tzBH-8Yh.js → header-field-rac-CLELgzqY.js} +7 -7
  65. package/dist/component/{header-rac-6thQAvVF.js → header-rac-D8KGkVVp.js} +1 -1
  66. package/dist/component/{image-choice-rac-Dx1b-saW.js → image-choice-rac-Cl09CLP4.js} +14 -14
  67. package/dist/component/{index-DIP7KB8P.js → index-C4y71e1i.js} +2 -2
  68. package/dist/component/{index-Lnx0829a.js → index-PHkE0Ru4.js} +4 -4
  69. package/dist/component/{isObjectLike-B_1KizZV.js → isObjectLike-srCDplej.js} +1 -1
  70. package/dist/component/{multiline-address-field-rac-BY2SUp2d.js → multiline-address-field-rac-CsBLI9y-.js} +80 -80
  71. package/dist/component/{multiline-address-rac-BL8Yp4F0.js → multiline-address-rac-DFDPFfXh.js} +1 -1
  72. package/dist/component/{number-input-field-rac-x0yFmXbe.js → number-input-field-rac-DZRR7gdt.js} +16 -16
  73. package/dist/component/{number-input-rac-pJXc2YsD.js → number-input-rac-BCS5lkff.js} +1 -1
  74. package/dist/component/{password-rac-B4XCP64b.js → password-rac-ClDGgR3E.js} +16 -16
  75. package/dist/component/{payment-input-rac-CZdOAjK4.js → payment-input-rac-COydWmUE.js} +28 -28
  76. package/dist/component/{phone-input-field-rac-DO_V5Z_T.js → phone-input-field-rac-DYCibqe1.js} +42 -42
  77. package/dist/component/{phone-rac-D16nLDjP.js → phone-rac-BS-dmWkJ.js} +1 -1
  78. package/dist/component/{product-list-rac-DER8gVqy.js → product-list-rac-hxOhaA-r.js} +75 -75
  79. package/dist/component/quiz-radio-group-rac-BT-YZO2Q.js +13 -0
  80. package/dist/component/{radio-group-field-rac-Dt2pU0VV.js → radio-group-field-rac-DKqWnMBJ.js} +3 -3
  81. package/dist/component/{radio-group-field-rac.module--sO0VqCA.js → radio-group-field-rac.module-BwUynK_5.js} +7 -7
  82. package/dist/component/{radio-group-rac-CqCmtkNQ.js → radio-group-rac-DHURQZKK.js} +1 -1
  83. package/dist/component/{rating-input-field-rac-xDrHHcL2.js → rating-input-field-rac-CZRdSVrf.js} +30 -30
  84. package/dist/component/{rating-input-rac-Bo5E9N87.js → rating-input-rac-BaH52DYm.js} +1 -1
  85. package/dist/component/{rich-content-rac.module-CJXbNca9.js → rich-content-rac.module-ILBfxEmN.js} +1 -1
  86. package/dist/component/{rich-text-field-rac-CkV0Z9F-.js → rich-text-field-rac-B58q8Is7.js} +5 -5
  87. package/dist/component/{rich-text-rac-59DbKpXz.js → rich-text-rac-DGbZh1eX.js} +1 -1
  88. package/dist/component/{service-dropdown-rac-BLnflnUr.js → service-dropdown-rac-DUiNIbdv.js} +45 -45
  89. package/dist/component/services-multi-choice-rac-B7y9s2l8.js +76 -0
  90. package/dist/component/{signature-rac-Bb5IaS28.js → signature-rac-CydpvQJZ.js} +25 -25
  91. package/dist/component/{submit-button-rac-Bjyi8sUA.js → submit-button-rac-OO53h4H8.js} +6 -6
  92. package/dist/component/{tags-field-rac-C_VO3_69.js → tags-field-rac-eX3d3JEH.js} +44 -44
  93. package/dist/component/{tags-rac-CKiutCWe.js → tags-rac-CdIB_48Z.js} +1 -1
  94. package/dist/component/{text-area-field-rac-Cg-vIhFe.js → text-area-field-rac-Bir5Q7gz.js} +17 -17
  95. package/dist/component/{text-area-rac-tMFx38UD.js → text-area-rac-Ct1UNU04.js} +1 -1
  96. package/dist/component/{text-input-field-rac-CgN_2hOD.js → text-input-field-rac-onGUXC9J.js} +6 -6
  97. package/dist/component/{text-input-headless-CkhvKrFp.js → text-input-headless-Bs9m7QFg.js} +11 -11
  98. package/dist/component/{text-input-rac-BsyBgd3b.js → text-input-rac-DK4nEw4D.js} +1 -1
  99. package/dist/component/{time-input-rac-BxRVJtHE.js → time-input-rac-BCG9ktFa.js} +35 -35
  100. package/dist/component/{url-input-field-rac-B_1yVniS.js → url-input-field-rac-mUkrVTcL.js} +24 -24
  101. package/dist/component/{url-input-rac-D8VrKYVe.js → url-input-rac-Cl7LFYlr.js} +1 -1
  102. package/dist/component/{use-service-options-base-Ci9gIluo.js → use-service-options-base-BYVuKRj2.js} +6 -6
  103. package/dist/form.d.ts +3 -1
  104. package/package.json +2 -2
  105. package/dist/component/checkbox-group-field-headless-Cvia4lL6.js +0 -204
  106. package/dist/component/checkbox-group-field-rac-BXxk90dk.js +0 -33
  107. package/dist/component/contacts-subscribe-rac-Ci5OLk68.js +0 -13
  108. package/dist/component/field-rac.module-DtugsLiL.js +0 -21
  109. package/dist/component/form-element-classes-Bi-nNM8q.js +0 -55
  110. package/dist/component/quiz-radio-group-rac-BgTmHHi4.js +0 -13
  111. package/dist/component/services-multi-choice-rac-C-bFjwx8.js +0 -76
@@ -2,20 +2,20 @@ import { RicosViewer as S } from "@wix/ricos/viewer";
2
2
  import n from "classnames";
3
3
  import r, { useCallback as O, useRef as T } from "react";
4
4
  import { TextField as N, TextArea as y } from "react-aria-components";
5
- import { ah as E, ae as d, aj as h } from "./form-DzjdnO7t.js";
5
+ import { ai as E, af as d, ak as x } from "./form-9yjqDnxY.js";
6
6
  import { f as c } from "./find-child-C60k4CxG.js";
7
- import { D as x, E as M } from "./field-error-headless-DTKnr5Zx.js";
8
- import { L as g } from "./field-label-headless-DV4aNd5Y.js";
9
- import { E as q } from "./error-icon-hZxQ6DEy.js";
10
- import { s } from "./field-rac.module-DtugsLiL.js";
11
- import { r as v, H as B, q as P, l as k, h as U } from "./form-element-classes-Bi-nNM8q.js";
7
+ import { D as h, E as M } from "./field-error-headless-DrnFrGun.js";
8
+ import { L as g } from "./field-label-headless-BIYf1BIh.js";
9
+ import { E as v } from "./error-icon-hZxQ6DEy.js";
10
+ import { s } from "./field-rac.module-CWkwwhq4.js";
11
+ import { t as q, J as B, s as k, n as P, j as U } from "./form-element-classes-KRzHUNLu.js";
12
12
  const e = ({ children: t }) => {
13
- const { id: a, value: m, onChange: l, disabled: u, required: o, readOnly: i, onBlur: p, onFocus: I, FieldLayout: f, hasError: F } = E(), { labelId: L } = d(), R = O((C) => {
13
+ const { id: a, value: m, onChange: l, disabled: u, required: o, readOnly: i, onBlur: p, onFocus: f, FieldLayout: I, hasError: F } = E(), { labelId: L } = d(), R = O((C) => {
14
14
  l(C);
15
15
  }, [
16
16
  l
17
17
  ]), _ = c(t, e.Label), b = c(t, e.Input), D = c(t, e.Description), A = c(t, e.Error);
18
- return /* @__PURE__ */ r.createElement(f, {
18
+ return /* @__PURE__ */ r.createElement(I, {
19
19
  fieldId: a,
20
20
  renderLabel: () => _,
21
21
  renderInput: () => /* @__PURE__ */ r.createElement(N, {
@@ -27,13 +27,13 @@ const e = ({ children: t }) => {
27
27
  isRequired: o,
28
28
  isInvalid: F,
29
29
  onBlur: p,
30
- onFocus: I
30
+ onFocus: f
31
31
  }, b),
32
32
  renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, A, D)
33
33
  });
34
34
  }, V = ({ className: t }) => {
35
35
  const { inputId: a, ariaDescribedBy: m } = d(), { id: l, placeholder: u } = E(), o = T(null);
36
- return h(() => {
36
+ return x(() => {
37
37
  var i;
38
38
  (i = o.current) == null || i.focus();
39
39
  }, l), /* @__PURE__ */ r.createElement(y, {
@@ -46,24 +46,24 @@ const e = ({ children: t }) => {
46
46
  };
47
47
  e.Label = g;
48
48
  e.Input = V;
49
- e.Description = x;
49
+ e.Description = h;
50
50
  e.Error = M;
51
51
  const j = "_input_ug5v8_1", w = {
52
52
  input: j
53
- }, H = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(S, {
53
+ }, J = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(S, {
54
54
  content: t,
55
55
  locale: a
56
56
  }), re = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
57
- className: n(v, s.label)
57
+ className: n(q, s.label)
58
58
  }, /* @__PURE__ */ r.createElement(e.Label.Required, {
59
59
  className: n(B, s.requiredMark)
60
60
  })), /* @__PURE__ */ r.createElement(e.Input, {
61
- className: n(P, s.input, w.input)
61
+ className: n(k, s.input, w.input)
62
62
  }), /* @__PURE__ */ r.createElement(e.Error, {
63
- className: n(k, s.error)
64
- }, /* @__PURE__ */ r.createElement(q, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
63
+ className: n(P, s.error)
64
+ }, /* @__PURE__ */ r.createElement(v, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
65
65
  className: n(U, s.description)
66
- }, H));
66
+ }, J));
67
67
  export {
68
68
  re as T
69
69
  };
@@ -1,5 +1,5 @@
1
1
  import e from "react";
2
- import { T as r } from "./text-area-field-rac-Cg-vIhFe.js";
2
+ import { T as r } from "./text-area-field-rac-Bir5Q7gz.js";
3
3
  const a = () => /* @__PURE__ */ e.createElement(r, null);
4
4
  export {
5
5
  a as TextAreaRAC
@@ -1,13 +1,13 @@
1
1
  import { RicosViewer as m } from "@wix/ricos/viewer";
2
2
  import t from "classnames";
3
3
  import e from "react";
4
- import { T as r } from "./text-input-headless-CkhvKrFp.js";
4
+ import { T as r } from "./text-input-headless-Bs9m7QFg.js";
5
5
  import { E as o } from "./error-icon-hZxQ6DEy.js";
6
- import { s as a } from "./field-rac.module-DtugsLiL.js";
7
- import { r as n, H as c, q as E, l as i, h as R } from "./form-element-classes-Bi-nNM8q.js";
8
- const _ = ({ content: l, locale: s }) => /* @__PURE__ */ e.createElement(m, {
9
- content: l,
10
- locale: s
6
+ import { s as a } from "./field-rac.module-CWkwwhq4.js";
7
+ import { t as n, J as c, s as E, n as i, j as R } from "./form-element-classes-KRzHUNLu.js";
8
+ const _ = ({ content: s, locale: l }) => /* @__PURE__ */ e.createElement(m, {
9
+ content: s,
10
+ locale: l
11
11
  }), N = () => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
12
12
  className: t(n, a.label)
13
13
  }, /* @__PURE__ */ e.createElement(r.Label.Required, {
@@ -1,12 +1,12 @@
1
1
  import t, { useRef as L } from "react";
2
- import { TextField as R, Input as h } from "react-aria-components";
3
- import { ah as d, ae as c, aj as v } from "./form-DzjdnO7t.js";
2
+ import { TextField as R, Input as v } from "react-aria-components";
3
+ import { ai as d, af as c, ak as T } from "./form-9yjqDnxY.js";
4
4
  import { f as a } from "./find-child-C60k4CxG.js";
5
- import { D as T, E as g } from "./field-error-headless-DTKnr5Zx.js";
6
- import { L as x } from "./field-label-headless-DV4aNd5Y.js";
5
+ import { D as g, E as h } from "./field-error-headless-DrnFrGun.js";
6
+ import { L as x } from "./field-label-headless-BIYf1BIh.js";
7
7
  const e = ({ children: r }) => {
8
- const { id: s, value: i, onChange: l, disabled: u, readOnly: n, required: o, hasError: p, onBlur: m, onFocus: b, FieldLayout: f } = d(), { labelId: E } = c(), I = a(r, e.Label), F = a(r, e.Input), y = a(r, e.Description), D = a(r, e.Error);
9
- return /* @__PURE__ */ t.createElement(f, {
8
+ const { id: s, value: i, onChange: l, disabled: u, readOnly: n, required: o, hasError: p, onBlur: m, onFocus: f, FieldLayout: b } = d(), { labelId: E } = c(), I = a(r, e.Label), F = a(r, e.Input), y = a(r, e.Description), D = a(r, e.Error);
9
+ return /* @__PURE__ */ t.createElement(b, {
10
10
  fieldId: s,
11
11
  renderLabel: () => I,
12
12
  renderInput: () => /* @__PURE__ */ t.createElement(R, {
@@ -18,16 +18,16 @@ const e = ({ children: r }) => {
18
18
  isRequired: o,
19
19
  isInvalid: p,
20
20
  onBlur: m,
21
- onFocus: b
21
+ onFocus: f
22
22
  }, F),
23
23
  renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, D, y)
24
24
  });
25
25
  }, B = ({ className: r }) => {
26
26
  const { id: s, placeholder: i } = d(), { inputId: l, ariaDescribedBy: u } = c(), n = L(null);
27
- return v(() => {
27
+ return T(() => {
28
28
  var o;
29
29
  (o = n.current) == null || o.focus();
30
- }, s), /* @__PURE__ */ t.createElement(h, {
30
+ }, s), /* @__PURE__ */ t.createElement(v, {
31
31
  ref: n,
32
32
  id: l,
33
33
  "aria-describedby": u,
@@ -37,8 +37,8 @@ const e = ({ children: r }) => {
37
37
  };
38
38
  e.Label = x;
39
39
  e.Input = B;
40
- e.Description = T;
41
- e.Error = g;
40
+ e.Description = g;
41
+ e.Error = h;
42
42
  export {
43
43
  e as T
44
44
  };
@@ -1,5 +1,5 @@
1
1
  import t from "react";
2
- import { T as e } from "./text-input-field-rac-CgN_2hOD.js";
2
+ import { T as e } from "./text-input-field-rac-onGUXC9J.js";
3
3
  const o = () => /* @__PURE__ */ t.createElement(e, null);
4
4
  export {
5
5
  o as TextInputRAC
@@ -1,34 +1,34 @@
1
- import e, { useCallback as H, useRef as V, useContext as q } from "react";
2
- import { RicosViewer as v } from "@wix/ricos/viewer";
1
+ import e, { useCallback as H, useRef as V, useContext as k } from "react";
2
+ import { RicosViewer as q } from "@wix/ricos/viewer";
3
3
  import c from "classnames";
4
- import { parseTime as x } from "@internationalized/date";
5
- import { TimeField as B, DateInput as U, DateSegment as h, TimeFieldStateContext as k } from "react-aria-components";
6
- import { ah as p, ae as j, ar as T, aj as Q } from "./form-DzjdnO7t.js";
4
+ import { parseTime as v } from "@internationalized/date";
5
+ import { TimeField as x, DateInput as B, DateSegment as h, TimeFieldStateContext as U } from "react-aria-components";
6
+ import { ai as p, af as j, as as T, ak as J } from "./form-9yjqDnxY.js";
7
7
  import { f as m, a as F } from "./find-child-C60k4CxG.js";
8
- import { D as z, E as G } from "./field-error-headless-DTKnr5Zx.js";
9
- import { L as J } from "./field-label-headless-DV4aNd5Y.js";
8
+ import { D as Q, E as z } from "./field-error-headless-DrnFrGun.js";
9
+ import { L as G } from "./field-label-headless-BIYf1BIh.js";
10
10
  import { E as K } from "./error-icon-hZxQ6DEy.js";
11
11
  import { H as S } from "./custom-focus-class-_483Pkwp.js";
12
- import { s as E } from "./field-rac.module-DtugsLiL.js";
13
- import { r as W, H as X, q as Y, l as Z, h as $ } from "./form-element-classes-Bi-nNM8q.js";
12
+ import { s as E } from "./field-rac.module-CWkwwhq4.js";
13
+ import { t as W, J as X, s as Y, n as Z, j as $ } from "./form-element-classes-KRzHUNLu.js";
14
14
  const r = ({ children: t }) => {
15
- const { id: n, value: s, onChange: o, disabled: i, readOnly: l, required: a, onBlur: d, onFocus: f, use24HourFormat: b, FieldLayout: I, hasError: C } = p(), { inputId: L, ariaDescribedBy: g, labelId: D } = j(), R = H((M) => {
15
+ const { id: n, value: l, onChange: o, disabled: i, readOnly: s, required: a, onBlur: d, onFocus: f, use24HourFormat: b, FieldLayout: I, hasError: C } = p(), { inputId: L, ariaDescribedBy: g, labelId: D } = j(), R = H((M) => {
16
16
  const w = ae(M);
17
17
  o(w);
18
18
  }, [
19
19
  o
20
- ]), N = m(t, r.Label), y = m(t, r.Time), P = m(t, r.Description), A = m(t, r.Error), O = ne(s);
20
+ ]), N = m(t, r.Label), y = m(t, r.Time), P = m(t, r.Description), A = m(t, r.Error), O = ne(l);
21
21
  return /* @__PURE__ */ e.createElement(I, {
22
22
  fieldId: n,
23
23
  renderLabel: () => N,
24
- renderInput: () => /* @__PURE__ */ e.createElement(B, {
24
+ renderInput: () => /* @__PURE__ */ e.createElement(x, {
25
25
  "aria-labelledby": D,
26
26
  id: L,
27
27
  "aria-describedby": g,
28
28
  value: O,
29
29
  onChange: R,
30
30
  isDisabled: i,
31
- isReadOnly: l,
31
+ isReadOnly: s,
32
32
  isInvalid: C,
33
33
  isRequired: a,
34
34
  onBlur: d,
@@ -38,10 +38,10 @@ const r = ({ children: t }) => {
38
38
  renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, A, P)
39
39
  });
40
40
  }, u = ({ children: t, className: n }) => {
41
- const { hasError: s } = p(), o = m(t, u.Hour), i = m(t, u.Minute), l = m(t, u.Period);
42
- return /* @__PURE__ */ e.createElement(U, {
41
+ const { hasError: l } = p(), o = m(t, u.Hour), i = m(t, u.Minute), s = m(t, u.Period);
42
+ return /* @__PURE__ */ e.createElement(B, {
43
43
  className: n,
44
- "data-invalid": s || void 0
44
+ "data-invalid": l || void 0
45
45
  }, (a) => {
46
46
  switch (a.type) {
47
47
  case "hour":
@@ -53,7 +53,7 @@ const r = ({ children: t }) => {
53
53
  segment: a
54
54
  }) || /* @__PURE__ */ e.createElement(e.Fragment, null);
55
55
  case "dayPeriod":
56
- return F(l, {
56
+ return F(s, {
57
57
  segment: a
58
58
  }) || /* @__PURE__ */ e.createElement(e.Fragment, null);
59
59
  case "literal":
@@ -65,12 +65,12 @@ const r = ({ children: t }) => {
65
65
  }
66
66
  });
67
67
  }, ee = ({ className: t, ...n }) => {
68
- const { id: s, hidePlaceholder: o } = p(), { segment: i } = n, { t: l } = T(), a = V(null);
69
- Q(() => {
68
+ const { id: l, hidePlaceholder: o } = p(), { segment: i } = n, { t: s } = T(), a = V(null);
69
+ J(() => {
70
70
  var f;
71
71
  (f = a.current) == null || f.focus();
72
- }, s);
73
- const d = o ? void 0 : l("field.date.placeholder.hour");
72
+ }, l);
73
+ const d = o ? void 0 : s("field.date.placeholder.hour");
74
74
  return /* @__PURE__ */ e.createElement(h, {
75
75
  ref: a,
76
76
  segment: i,
@@ -80,16 +80,16 @@ const r = ({ children: t }) => {
80
80
  }
81
81
  });
82
82
  }, te = ({ className: t, ...n }) => {
83
- const { hidePlaceholder: s } = p(), { segment: o } = n, { t: i } = T(), l = s ? void 0 : i("field.date.placeholder.minute");
83
+ const { hidePlaceholder: l } = p(), { segment: o } = n, { t: i } = T(), s = l ? void 0 : i("field.date.placeholder.minute");
84
84
  return /* @__PURE__ */ e.createElement(h, {
85
85
  segment: o,
86
86
  className: t,
87
- ...l && {
88
- placeholder: l
87
+ ...s && {
88
+ placeholder: s
89
89
  }
90
90
  });
91
91
  }, re = ({ className: t, ...n }) => {
92
- const { hidePlaceholder: s } = p(), { segment: o } = n, { t: i } = T(), l = q(k), a = s ? void 0 : i("field.date.placeholder.period"), d = () => l == null ? void 0 : l.increment("dayPeriod");
92
+ const { hidePlaceholder: l } = p(), { segment: o } = n, { t: i } = T(), s = k(U), a = l ? void 0 : i("field.date.placeholder.period"), d = () => s == null ? void 0 : s.increment("dayPeriod");
93
93
  return /* @__PURE__ */ e.createElement(h, {
94
94
  segment: o,
95
95
  className: t,
@@ -102,15 +102,15 @@ const r = ({ children: t }) => {
102
102
  u.Hour = ee;
103
103
  u.Minute = te;
104
104
  u.Period = re;
105
- r.Label = J;
105
+ r.Label = G;
106
106
  r.Time = u;
107
- r.Description = z;
108
- r.Error = G;
107
+ r.Description = Q;
108
+ r.Error = z;
109
109
  function ne(t) {
110
110
  if (!t)
111
111
  return null;
112
112
  try {
113
- return x(t);
113
+ return v(t);
114
114
  } catch {
115
115
  return null;
116
116
  }
@@ -118,19 +118,19 @@ function ne(t) {
118
118
  function ae(t) {
119
119
  if (!t)
120
120
  return null;
121
- const n = String(t.hour).padStart(2, "0"), s = String(t.minute).padStart(2, "0"), o = String(t.second).padStart(2, "0");
121
+ const n = String(t.hour).padStart(2, "0"), l = String(t.minute).padStart(2, "0"), o = String(t.second).padStart(2, "0");
122
122
  return [
123
123
  n,
124
- s,
124
+ l,
125
125
  o
126
126
  ].join(":");
127
127
  }
128
- const oe = "_time_1wbmw_1", le = "_hour_1wbmw_14", se = "_minute_1wbmw_15", ie = "_period_1wbmw_16", _ = {
128
+ const oe = "_time_1wbmw_1", se = "_hour_1wbmw_14", le = "_minute_1wbmw_15", ie = "_period_1wbmw_16", _ = {
129
129
  time: oe,
130
- hour: le,
131
- minute: se,
130
+ hour: se,
131
+ minute: le,
132
132
  period: ie
133
- }, ce = ({ content: t, locale: n }) => /* @__PURE__ */ e.createElement(v, {
133
+ }, ce = ({ content: t, locale: n }) => /* @__PURE__ */ e.createElement(q, {
134
134
  content: t,
135
135
  locale: n
136
136
  }), me = () => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
@@ -1,18 +1,18 @@
1
- import { RicosViewer as h } from "@wix/ricos/viewer";
1
+ import { RicosViewer as O } from "@wix/ricos/viewer";
2
2
  import l from "classnames";
3
- import r, { useCallback as O, useRef as N } from "react";
3
+ import r, { useCallback as h, useRef as N } from "react";
4
4
  import { TextField as y, Input as A } from "react-aria-components";
5
- import { ah as E, ae as d, aj as B } from "./form-DzjdnO7t.js";
5
+ import { ai as E, af as d, ak as k } from "./form-9yjqDnxY.js";
6
6
  import { f as u } from "./find-child-C60k4CxG.js";
7
- import { D as M, E as P } from "./field-error-headless-DTKnr5Zx.js";
8
- import { L as T } from "./field-label-headless-DV4aNd5Y.js";
9
- import { u as k } from "./use-invoke-callback-UH73A_J3.js";
10
- import { E as q } from "./error-icon-hZxQ6DEy.js";
11
- import { s } from "./field-rac.module-DtugsLiL.js";
12
- import { r as v, H as U, q as g, l as x, h as w } from "./form-element-classes-Bi-nNM8q.js";
13
- const H = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e = ({ children: t }) => {
14
- const { id: o, value: n, onChange: a, disabled: m, readOnly: i, required: c, hasError: I, onBlur: f, onFocus: F, FieldLayout: L } = E(), { labelId: R } = d(), p = k(f), b = u(t, e.Label), D = u(t, e.Input), _ = u(t, e.Description), C = u(t, e.Error), S = O(() => {
15
- a(H(n)), p();
7
+ import { D as B, E as M } from "./field-error-headless-DrnFrGun.js";
8
+ import { L as P } from "./field-label-headless-BIYf1BIh.js";
9
+ import { u as T } from "./use-invoke-callback-UH73A_J3.js";
10
+ import { E as v } from "./error-icon-hZxQ6DEy.js";
11
+ import { s } from "./field-rac.module-CWkwwhq4.js";
12
+ import { t as U, J as g, s as q, n as x, j as w } from "./form-element-classes-KRzHUNLu.js";
13
+ const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e = ({ children: t }) => {
14
+ const { id: o, value: n, onChange: a, disabled: m, readOnly: i, required: c, hasError: I, onBlur: f, onFocus: F, FieldLayout: L } = E(), { labelId: R } = d(), p = T(f), b = u(t, e.Label), D = u(t, e.Input), _ = u(t, e.Description), C = u(t, e.Error), S = h(() => {
15
+ a(V(n)), p();
16
16
  }, [
17
17
  p,
18
18
  a,
@@ -34,9 +34,9 @@ const H = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
34
34
  }, D),
35
35
  renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, C, _)
36
36
  });
37
- }, V = ({ className: t }) => {
37
+ }, W = ({ className: t }) => {
38
38
  const { id: o, placeholder: n } = E(), { inputId: a, ariaDescribedBy: m } = d(), i = N(null);
39
- return B(() => {
39
+ return k(() => {
40
40
  var c;
41
41
  (c = i.current) == null || c.focus();
42
42
  }, o), /* @__PURE__ */ r.createElement(A, {
@@ -48,24 +48,24 @@ const H = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e
48
48
  placeholder: n
49
49
  });
50
50
  };
51
- e.Label = T;
52
- e.Input = V;
53
- e.Description = M;
54
- e.Error = P;
55
- const W = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(h, {
51
+ e.Label = P;
52
+ e.Input = W;
53
+ e.Description = B;
54
+ e.Error = M;
55
+ const $ = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(O, {
56
56
  content: t,
57
57
  locale: o
58
58
  }), te = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
59
- className: l(v, s.label)
59
+ className: l(U, s.label)
60
60
  }, /* @__PURE__ */ r.createElement(e.Label.Required, {
61
- className: l(U, s.requiredMark)
61
+ className: l(g, s.requiredMark)
62
62
  })), /* @__PURE__ */ r.createElement(e.Input, {
63
- className: l(g, s.input)
63
+ className: l(q, s.input)
64
64
  }), /* @__PURE__ */ r.createElement(e.Error, {
65
65
  className: l(x, s.error)
66
- }, /* @__PURE__ */ r.createElement(q, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
66
+ }, /* @__PURE__ */ r.createElement(v, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
67
67
  className: l(w, s.description)
68
- }, W));
68
+ }, $));
69
69
  export {
70
70
  te as U
71
71
  };
@@ -1,5 +1,5 @@
1
1
  import r from "react";
2
- import { U as t } from "./url-input-field-rac-B_1yVniS.js";
2
+ import { U as t } from "./url-input-field-rac-mUkrVTcL.js";
3
3
  const n = () => /* @__PURE__ */ r.createElement(t, null);
4
4
  export {
5
5
  n as UrlInputRAC
@@ -1,7 +1,7 @@
1
1
  import { useState as o, useCallback as D, useEffect as m, useMemo as b } from "react";
2
- import { ag as v } from "./form-DzjdnO7t.js";
3
- const k = (I) => {
4
- const { fieldType: L, isEditor: t = !1, postProcessOptions: i, customFetchLogic: a, onInitialDataLoaded: n } = I, [O, g] = o(!1), [h, p] = o([]), [E, u] = o(!1), [c, f] = o(!1), s = v(L), r = D((e) => {
2
+ import { ah as v } from "./form-9yjqDnxY.js";
3
+ const k = (h) => {
4
+ const { fieldType: I, isEditor: t = !1, postProcessOptions: i, customFetchLogic: a, onInitialDataLoaded: n } = h, [L, O] = o(!1), [g, p] = o([]), [E, u] = o(!1), [c, f] = o(!1), s = v(I), r = D((e) => {
5
5
  let d = e.map((l) => ({
6
6
  value: l.id ?? "",
7
7
  label: l.name ?? "",
@@ -31,12 +31,12 @@ const k = (I) => {
31
31
  c
32
32
  ]);
33
33
  return {
34
- isLoading: O,
35
- options: h,
34
+ isLoading: L,
35
+ options: g,
36
36
  isEmpty: E,
37
37
  hasInitialDataLoaded: c,
38
38
  shouldRender: y,
39
- setIsLoading: g,
39
+ setIsLoading: O,
40
40
  setOptions: p,
41
41
  setIsEmpty: u,
42
42
  setHasInitialDataLoaded: f,
package/dist/form.d.ts CHANGED
@@ -6907,11 +6907,13 @@ type FormHandle = {
6907
6907
  validateStep?: (stepId: string) => Promise<boolean>;
6908
6908
  getValues?: () => FormValues;
6909
6909
  };
6910
+ type ElementProps = Record<string, unknown>;
6910
6911
  type FormProps = {
6911
6912
  id?: string;
6912
6913
  className?: string;
6913
6914
  compId?: string;
6914
6915
  form?: FormSchema;
6916
+ elementProps?: ElementProps;
6915
6917
  values: FormValues;
6916
6918
  onChange: (values: FormValues) => void;
6917
6919
  errors: ValidationError[];
@@ -6927,4 +6929,4 @@ declare const defaultProps: {};
6927
6929
  declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<FormHandle>>;
6928
6930
 
6929
6931
  export { Form as default, defaultProps };
6930
- export type { FormHandle, FormProps, FormSchema, FormSubmission, FormValue, FormValues, ValidationError };
6932
+ export type { ElementProps, FormHandle, FormProps, FormSchema, FormSubmission, FormValue, FormValues, ValidationError };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/form-elements",
3
- "version": "1.63.0",
3
+ "version": "1.64.0",
4
4
  "description": "The Wix Forms rendering element for Builder apps, loaded at runtime as @wix/form-elements/Form",
5
5
  "license": "MIT",
6
6
  "files": [
@@ -151,5 +151,5 @@
151
151
  ]
152
152
  }
153
153
  },
154
- "falconPackageHash": "ceca4ba400e894c9f62e0f27ba30b756661135d9a581458098ac5453"
154
+ "falconPackageHash": "098a9a84be69ae07ff11774bc84010816990bb2013beab3e8ba5018d"
155
155
  }