@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.
- package/dist/component/{appointment-rac-B1VVk_Ui.js → appointment-rac-DojiZqx9.js} +35 -35
- package/dist/component/{bookings-address-rac-IQeHFdHT.js → bookings-address-rac-Bm_lQchD.js} +1 -1
- package/dist/component/{bookings-email-rac-z26A790r.js → bookings-email-rac-vwuy0kW8.js} +1 -1
- package/dist/component/{bookings-first-name-rac-Djf0GPP4.js → bookings-first-name-rac-BbWuLoeg.js} +1 -1
- package/dist/component/{bookings-header-rac-CXOzAOpz.js → bookings-header-rac-DVknNH29.js} +1 -1
- package/dist/component/{bookings-last-name-rac-CbB8alM9.js → bookings-last-name-rac-BnT3Cq0b.js} +1 -1
- package/dist/component/{bookings-login-bar-rac-CXrLx7Pn.js → bookings-login-bar-rac-DKi-VAXc.js} +5 -5
- package/dist/component/{bookings-phone-rac-DGYx7h5g.js → bookings-phone-rac-Bfy8rheB.js} +1 -1
- package/dist/component/{bookings-rich-text-rac-viJG57XF.js → bookings-rich-text-rac-DGiBDcXw.js} +1 -1
- package/dist/component/{checkbox-field-rac-e-RAmupX.js → checkbox-field-rac-CYADRY54.js} +5 -5
- package/dist/component/checkbox-group-field-headless-BDAFpX5F.js +210 -0
- package/dist/component/checkbox-group-field-rac-2YUsOmDI.js +40 -0
- package/dist/component/{checkbox-group-rac-CDfDTWqz.js → checkbox-group-rac-CQf1C9H5.js} +1 -1
- package/dist/component/{checkbox-rac-BRBKYD_5.js → checkbox-rac-Bjv8jZjs.js} +1 -1
- package/dist/component/{contacts-address-rac-BtWWQi77.js → contacts-address-rac-BBTiEec9.js} +1 -1
- package/dist/component/{contacts-birthdate-rac-DaEUXJTf.js → contacts-birthdate-rac-XReeFHVW.js} +1 -1
- package/dist/component/{contacts-company-rac-IgRyjtcM.js → contacts-company-rac-B-fUQszu.js} +1 -1
- package/dist/component/{contacts-email-rac-BS1MDrMk.js → contacts-email-rac-DBtcCcsV.js} +1 -1
- package/dist/component/{contacts-first-name-rac-BAvXypDF.js → contacts-first-name-rac-mkwU3706.js} +1 -1
- package/dist/component/{contacts-last-name-rac-C289RYPl.js → contacts-last-name-rac-DY5N-AZx.js} +1 -1
- package/dist/component/{contacts-phone-rac-DIpyskam.js → contacts-phone-rac-Ce1rMz_z.js} +1 -1
- package/dist/component/{contacts-position-rac-nPeh3lKU.js → contacts-position-rac-B65H8PDu.js} +1 -1
- package/dist/component/contacts-subscribe-rac-BxO8rIyL.js +13 -0
- package/dist/component/{contacts-tax-id-rac-C4WB-SR0.js → contacts-tax-id-rac-Jtt0ySK2.js} +1 -1
- package/dist/component/{date-availability-HHjPx4Uv.js → date-availability-B8UwvTJa.js} +1 -1
- package/dist/component/{date-input-field-rac-GFgFcpX2.js → date-input-field-rac-RL2a0xoD.js} +33 -33
- package/dist/component/{date-input-rac-B9BUEIA-.js → date-input-rac-ak3G7V07.js} +1 -1
- package/dist/component/{date-picker-field-rac-BfjYIIuY.js → date-picker-field-rac-SL_Roltf.js} +31 -31
- package/dist/component/{date-picker-rac-Bd2UN0ZF.js → date-picker-rac-ByrM0YIX.js} +1 -1
- package/dist/component/{date-time-input-field-rac-CAXnxLQP.js → date-time-input-field-rac-DOE7xcKi.js} +36 -36
- package/dist/component/{date-time-input-rac-BuJ3Awlh.js → date-time-input-rac-BA-GyrAc.js} +1 -1
- package/dist/component/{dext-checkbox-group-rac-DKp4cBVa.js → dext-checkbox-group-rac-EwUnBO80.js} +2 -2
- package/dist/component/{dext-checkbox-rac-BMu_k06A.js → dext-checkbox-rac-CIRKi4B5.js} +1 -1
- package/dist/component/{dext-date-picker-rac-L3sdldhT.js → dext-date-picker-rac-BYO_Q1zM.js} +1 -1
- package/dist/component/{dext-date-time-input-rac-UmabFzDN.js → dext-date-time-input-rac-BOahPeaH.js} +1 -1
- package/dist/component/{dext-dropdown-rac-DbjgYaG-.js → dext-dropdown-rac-sTD_r-0H.js} +1 -1
- package/dist/component/{dext-email-rac-rNudrOOK.js → dext-email-rac-e-2_h3he.js} +1 -1
- package/dist/component/{dext-number-input-rac-hw1FTrJL.js → dext-number-input-rac-D6LACzWl.js} +1 -1
- package/dist/component/{dext-phone-rac-DrZ_Vwv2.js → dext-phone-rac-kUycy5Od.js} +1 -1
- package/dist/component/{dext-radio-group-rac-DAt2ax-I.js → dext-radio-group-rac-DPD2UkrV.js} +2 -2
- package/dist/component/{dext-rating-input-rac-BW2Ike11.js → dext-rating-input-rac-DUsnrl9W.js} +1 -1
- package/dist/component/{dext-tags-rac-DDzwlKrR.js → dext-tags-rac-D6z69HuO.js} +2 -2
- package/dist/component/{dext-text-area-rac-D0xf4z3z.js → dext-text-area-rac-C-DVtFJ1.js} +1 -1
- package/dist/component/{dext-text-input-rac-Da04OLmq.js → dext-text-input-rac-CIa2MdC6.js} +1 -1
- package/dist/component/{dext-url-input-rac-B-g4xTqh.js → dext-url-input-rac-8rVVW5us.js} +1 -1
- package/dist/component/{donation-rac-gKeq72jg.js → donation-rac-BjmSBabc.js} +60 -60
- package/dist/component/{dropdown-field-headless-Js5TxdU4.js → dropdown-field-headless-DReo519l.js} +16 -16
- package/dist/component/{dropdown-field-rac-BDxcvX00.js → dropdown-field-rac-DzrjA2O6.js} +7 -7
- package/dist/component/{dropdown-rac-B5UHNzV-.js → dropdown-rac-CS7oLTp_.js} +1 -1
- package/dist/component/{ecom-address-rac-0zm4bX37.js → ecom-address-rac-EIb88J_6.js} +1 -1
- package/dist/component/{ecom-subscription-checkbox-rac-DCXoI33l.js → ecom-subscription-checkbox-rac-CE0Ks6qS.js} +5 -5
- package/dist/component/{email-input-field-rac-svf6hUHF.js → email-input-field-rac-BScZxYHw.js} +47 -47
- package/dist/component/{events-repeater-rac-DMIqzuVK.js → events-repeater-rac-Y0rH2Jli.js} +45 -45
- package/dist/component/{events-rsvp-rac-B_YD4ckO.js → events-rsvp-rac-BiAYVv_b.js} +12 -12
- package/dist/component/{field-error-headless-DTKnr5Zx.js → field-error-headless-DrnFrGun.js} +3 -3
- package/dist/component/{field-label-headless-DV4aNd5Y.js → field-label-headless-BIYf1BIh.js} +4 -4
- package/dist/component/field-rac.module-CWkwwhq4.js +21 -0
- package/dist/component/{file-upload-rac-lGKJjG3m.js → file-upload-rac-br--tZLp.js} +73 -73
- package/dist/component/{fixed-payment-rac-BVS6glii.js → fixed-payment-rac-XEtrsaMy.js} +11 -11
- package/dist/component/{form-DzjdnO7t.js → form-9yjqDnxY.js} +1563 -1556
- package/dist/component/form-element-classes-KRzHUNLu.js +57 -0
- package/dist/component/form.css +1 -1
- package/dist/component/form.js +1 -1
- package/dist/component/{header-field-rac-tzBH-8Yh.js → header-field-rac-CLELgzqY.js} +7 -7
- package/dist/component/{header-rac-6thQAvVF.js → header-rac-D8KGkVVp.js} +1 -1
- package/dist/component/{image-choice-rac-Dx1b-saW.js → image-choice-rac-Cl09CLP4.js} +14 -14
- package/dist/component/{index-DIP7KB8P.js → index-C4y71e1i.js} +2 -2
- package/dist/component/{index-Lnx0829a.js → index-PHkE0Ru4.js} +4 -4
- package/dist/component/{isObjectLike-B_1KizZV.js → isObjectLike-srCDplej.js} +1 -1
- package/dist/component/{multiline-address-field-rac-BY2SUp2d.js → multiline-address-field-rac-CsBLI9y-.js} +80 -80
- package/dist/component/{multiline-address-rac-BL8Yp4F0.js → multiline-address-rac-DFDPFfXh.js} +1 -1
- package/dist/component/{number-input-field-rac-x0yFmXbe.js → number-input-field-rac-DZRR7gdt.js} +16 -16
- package/dist/component/{number-input-rac-pJXc2YsD.js → number-input-rac-BCS5lkff.js} +1 -1
- package/dist/component/{password-rac-B4XCP64b.js → password-rac-ClDGgR3E.js} +16 -16
- package/dist/component/{payment-input-rac-CZdOAjK4.js → payment-input-rac-COydWmUE.js} +28 -28
- package/dist/component/{phone-input-field-rac-DO_V5Z_T.js → phone-input-field-rac-DYCibqe1.js} +42 -42
- package/dist/component/{phone-rac-D16nLDjP.js → phone-rac-BS-dmWkJ.js} +1 -1
- package/dist/component/{product-list-rac-DER8gVqy.js → product-list-rac-hxOhaA-r.js} +75 -75
- package/dist/component/quiz-radio-group-rac-BT-YZO2Q.js +13 -0
- package/dist/component/{radio-group-field-rac-Dt2pU0VV.js → radio-group-field-rac-DKqWnMBJ.js} +3 -3
- package/dist/component/{radio-group-field-rac.module--sO0VqCA.js → radio-group-field-rac.module-BwUynK_5.js} +7 -7
- package/dist/component/{radio-group-rac-CqCmtkNQ.js → radio-group-rac-DHURQZKK.js} +1 -1
- package/dist/component/{rating-input-field-rac-xDrHHcL2.js → rating-input-field-rac-CZRdSVrf.js} +30 -30
- package/dist/component/{rating-input-rac-Bo5E9N87.js → rating-input-rac-BaH52DYm.js} +1 -1
- package/dist/component/{rich-content-rac.module-CJXbNca9.js → rich-content-rac.module-ILBfxEmN.js} +1 -1
- package/dist/component/{rich-text-field-rac-CkV0Z9F-.js → rich-text-field-rac-B58q8Is7.js} +5 -5
- package/dist/component/{rich-text-rac-59DbKpXz.js → rich-text-rac-DGbZh1eX.js} +1 -1
- package/dist/component/{service-dropdown-rac-BLnflnUr.js → service-dropdown-rac-DUiNIbdv.js} +45 -45
- package/dist/component/services-multi-choice-rac-B7y9s2l8.js +76 -0
- package/dist/component/{signature-rac-Bb5IaS28.js → signature-rac-CydpvQJZ.js} +25 -25
- package/dist/component/{submit-button-rac-Bjyi8sUA.js → submit-button-rac-OO53h4H8.js} +6 -6
- package/dist/component/{tags-field-rac-C_VO3_69.js → tags-field-rac-eX3d3JEH.js} +44 -44
- package/dist/component/{tags-rac-CKiutCWe.js → tags-rac-CdIB_48Z.js} +1 -1
- package/dist/component/{text-area-field-rac-Cg-vIhFe.js → text-area-field-rac-Bir5Q7gz.js} +17 -17
- package/dist/component/{text-area-rac-tMFx38UD.js → text-area-rac-Ct1UNU04.js} +1 -1
- package/dist/component/{text-input-field-rac-CgN_2hOD.js → text-input-field-rac-onGUXC9J.js} +6 -6
- package/dist/component/{text-input-headless-CkhvKrFp.js → text-input-headless-Bs9m7QFg.js} +11 -11
- package/dist/component/{text-input-rac-BsyBgd3b.js → text-input-rac-DK4nEw4D.js} +1 -1
- package/dist/component/{time-input-rac-BxRVJtHE.js → time-input-rac-BCG9ktFa.js} +35 -35
- package/dist/component/{url-input-field-rac-B_1yVniS.js → url-input-field-rac-mUkrVTcL.js} +24 -24
- package/dist/component/{url-input-rac-D8VrKYVe.js → url-input-rac-Cl7LFYlr.js} +1 -1
- package/dist/component/{use-service-options-base-Ci9gIluo.js → use-service-options-base-BYVuKRj2.js} +6 -6
- package/dist/form.d.ts +3 -1
- package/package.json +2 -2
- package/dist/component/checkbox-group-field-headless-Cvia4lL6.js +0 -204
- package/dist/component/checkbox-group-field-rac-BXxk90dk.js +0 -33
- package/dist/component/contacts-subscribe-rac-Ci5OLk68.js +0 -13
- package/dist/component/field-rac.module-DtugsLiL.js +0 -21
- package/dist/component/form-element-classes-Bi-nNM8q.js +0 -55
- package/dist/component/quiz-radio-group-rac-BgTmHHi4.js +0 -13
- 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 {
|
|
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
|
|
8
|
-
import { L as g } from "./field-label-headless-
|
|
9
|
-
import { E as
|
|
10
|
-
import { s } from "./field-rac.module-
|
|
11
|
-
import {
|
|
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:
|
|
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(
|
|
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:
|
|
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
|
|
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 =
|
|
49
|
+
e.Description = h;
|
|
50
50
|
e.Error = M;
|
|
51
51
|
const j = "_input_ug5v8_1", w = {
|
|
52
52
|
input: j
|
|
53
|
-
},
|
|
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(
|
|
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(
|
|
61
|
+
className: n(k, s.input, w.input)
|
|
62
62
|
}), /* @__PURE__ */ r.createElement(e.Error, {
|
|
63
|
-
className: n(
|
|
64
|
-
}, /* @__PURE__ */ r.createElement(
|
|
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
|
-
},
|
|
66
|
+
}, J));
|
|
67
67
|
export {
|
|
68
68
|
re as T
|
|
69
69
|
};
|
package/dist/component/{text-input-field-rac-CgN_2hOD.js → text-input-field-rac-onGUXC9J.js}
RENAMED
|
@@ -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-
|
|
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-
|
|
7
|
-
import {
|
|
8
|
-
const _ = ({ content:
|
|
9
|
-
content:
|
|
10
|
-
locale:
|
|
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
|
|
3
|
-
import {
|
|
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
|
|
6
|
-
import { L as x } from "./field-label-headless-
|
|
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:
|
|
9
|
-
return /* @__PURE__ */ t.createElement(
|
|
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:
|
|
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
|
|
27
|
+
return T(() => {
|
|
28
28
|
var o;
|
|
29
29
|
(o = n.current) == null || o.focus();
|
|
30
|
-
}, s), /* @__PURE__ */ t.createElement(
|
|
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 =
|
|
41
|
-
e.Error =
|
|
40
|
+
e.Description = g;
|
|
41
|
+
e.Error = h;
|
|
42
42
|
export {
|
|
43
43
|
e as T
|
|
44
44
|
};
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import e, { useCallback as H, useRef as V, useContext as
|
|
2
|
-
import { RicosViewer as
|
|
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
|
|
5
|
-
import { TimeField as
|
|
6
|
-
import {
|
|
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
|
|
9
|
-
import { L as
|
|
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-
|
|
13
|
-
import {
|
|
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:
|
|
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(
|
|
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(
|
|
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:
|
|
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:
|
|
42
|
-
return /* @__PURE__ */ e.createElement(
|
|
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":
|
|
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(
|
|
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:
|
|
69
|
-
|
|
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
|
-
},
|
|
73
|
-
const d = o ? void 0 :
|
|
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:
|
|
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
|
-
...
|
|
88
|
-
placeholder:
|
|
87
|
+
...s && {
|
|
88
|
+
placeholder: s
|
|
89
89
|
}
|
|
90
90
|
});
|
|
91
91
|
}, re = ({ className: t, ...n }) => {
|
|
92
|
-
const { hidePlaceholder:
|
|
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 =
|
|
105
|
+
r.Label = G;
|
|
106
106
|
r.Time = u;
|
|
107
|
-
r.Description =
|
|
108
|
-
r.Error =
|
|
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
|
|
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"),
|
|
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
|
-
|
|
124
|
+
l,
|
|
125
125
|
o
|
|
126
126
|
].join(":");
|
|
127
127
|
}
|
|
128
|
-
const oe = "_time_1wbmw_1",
|
|
128
|
+
const oe = "_time_1wbmw_1", se = "_hour_1wbmw_14", le = "_minute_1wbmw_15", ie = "_period_1wbmw_16", _ = {
|
|
129
129
|
time: oe,
|
|
130
|
-
hour:
|
|
131
|
-
minute:
|
|
130
|
+
hour: se,
|
|
131
|
+
minute: le,
|
|
132
132
|
period: ie
|
|
133
|
-
}, ce = ({ content: t, locale: n }) => /* @__PURE__ */ e.createElement(
|
|
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
|
|
1
|
+
import { RicosViewer as O } from "@wix/ricos/viewer";
|
|
2
2
|
import l from "classnames";
|
|
3
|
-
import r, { useCallback as
|
|
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 {
|
|
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
|
|
8
|
-
import { L as
|
|
9
|
-
import { u as
|
|
10
|
-
import { E as
|
|
11
|
-
import { s } from "./field-rac.module-
|
|
12
|
-
import {
|
|
13
|
-
const
|
|
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 =
|
|
15
|
-
a(
|
|
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
|
-
},
|
|
37
|
+
}, W = ({ className: t }) => {
|
|
38
38
|
const { id: o, placeholder: n } = E(), { inputId: a, ariaDescribedBy: m } = d(), i = N(null);
|
|
39
|
-
return
|
|
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 =
|
|
52
|
-
e.Input =
|
|
53
|
-
e.Description =
|
|
54
|
-
e.Error =
|
|
55
|
-
const
|
|
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(
|
|
59
|
+
className: l(U, s.label)
|
|
60
60
|
}, /* @__PURE__ */ r.createElement(e.Label.Required, {
|
|
61
|
-
className: l(
|
|
61
|
+
className: l(g, s.requiredMark)
|
|
62
62
|
})), /* @__PURE__ */ r.createElement(e.Input, {
|
|
63
|
-
className: l(
|
|
63
|
+
className: l(q, s.input)
|
|
64
64
|
}), /* @__PURE__ */ r.createElement(e.Error, {
|
|
65
65
|
className: l(x, s.error)
|
|
66
|
-
}, /* @__PURE__ */ r.createElement(
|
|
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
|
-
},
|
|
68
|
+
}, $));
|
|
69
69
|
export {
|
|
70
70
|
te as U
|
|
71
71
|
};
|
package/dist/component/{use-service-options-base-Ci9gIluo.js → use-service-options-base-BYVuKRj2.js}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useState as o, useCallback as D, useEffect as m, useMemo as b } from "react";
|
|
2
|
-
import {
|
|
3
|
-
const k = (
|
|
4
|
-
const { fieldType:
|
|
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:
|
|
35
|
-
options:
|
|
34
|
+
isLoading: L,
|
|
35
|
+
options: g,
|
|
36
36
|
isEmpty: E,
|
|
37
37
|
hasInitialDataLoaded: c,
|
|
38
38
|
shouldRender: y,
|
|
39
|
-
setIsLoading:
|
|
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.
|
|
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": "
|
|
154
|
+
"falconPackageHash": "098a9a84be69ae07ff11774bc84010816990bb2013beab3e8ba5018d"
|
|
155
155
|
}
|