@wix/form-elements 1.61.0 → 1.63.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-CTKF3-Jr.js → appointment-rac-B1VVk_Ui.js} +3 -3
- package/dist/component/{bookings-address-rac-gBn88bZA.js → bookings-address-rac-IQeHFdHT.js} +1 -1
- package/dist/component/{bookings-email-rac-C7TKRvTj.js → bookings-email-rac-z26A790r.js} +1 -1
- package/dist/component/{bookings-first-name-rac-C5wAAcjj.js → bookings-first-name-rac-Djf0GPP4.js} +1 -1
- package/dist/component/{bookings-header-rac-Dv81vh1Z.js → bookings-header-rac-CXOzAOpz.js} +1 -1
- package/dist/component/{bookings-last-name-rac-DylKhXli.js → bookings-last-name-rac-CbB8alM9.js} +1 -1
- package/dist/component/{bookings-login-bar-rac-DCr8PseD.js → bookings-login-bar-rac-CXrLx7Pn.js} +16 -16
- package/dist/component/{bookings-phone-rac-Cem6T4kN.js → bookings-phone-rac-DGYx7h5g.js} +1 -1
- package/dist/component/{bookings-rich-text-rac-B9CXzAM3.js → bookings-rich-text-rac-viJG57XF.js} +1 -1
- package/dist/component/checkbox-field-rac-e-RAmupX.js +1312 -0
- package/dist/component/{checkbox-group-field-headless-VzENoIsb.js → checkbox-group-field-headless-Cvia4lL6.js} +30 -30
- package/dist/component/{checkbox-group-field-rac-BYq7Rkja.js → checkbox-group-field-rac-BXxk90dk.js} +1 -1
- package/dist/component/{checkbox-group-rac-BMdQUrnq.js → checkbox-group-rac-CDfDTWqz.js} +1 -1
- package/dist/component/{checkbox-rac-s_6gOTt9.js → checkbox-rac-BRBKYD_5.js} +1 -1
- package/dist/component/{contacts-address-rac-Btk7NX5p.js → contacts-address-rac-BtWWQi77.js} +1 -1
- package/dist/component/{contacts-birthdate-rac-C-Vqjs2i.js → contacts-birthdate-rac-DaEUXJTf.js} +1 -1
- package/dist/component/{contacts-company-rac-DJdSHFAG.js → contacts-company-rac-IgRyjtcM.js} +1 -1
- package/dist/component/{contacts-email-rac-BX7tSRIa.js → contacts-email-rac-BS1MDrMk.js} +1 -1
- package/dist/component/{contacts-first-name-rac-jyVnjAH8.js → contacts-first-name-rac-BAvXypDF.js} +1 -1
- package/dist/component/{contacts-last-name-rac-Ca8W_-d3.js → contacts-last-name-rac-C289RYPl.js} +1 -1
- package/dist/component/{contacts-phone-rac-B3lVx79m.js → contacts-phone-rac-DIpyskam.js} +1 -1
- package/dist/component/{contacts-position-rac-D4utrlBz.js → contacts-position-rac-nPeh3lKU.js} +1 -1
- package/dist/component/{contacts-subscribe-rac-V1p9UnIO.js → contacts-subscribe-rac-Ci5OLk68.js} +1 -1
- package/dist/component/{contacts-tax-id-rac-BCFMQf3P.js → contacts-tax-id-rac-C4WB-SR0.js} +1 -1
- package/dist/component/{date-availability-sElYepkM.js → date-availability-HHjPx4Uv.js} +1 -1
- package/dist/component/{date-input-field-rac-BVRp-Q9t.js → date-input-field-rac-GFgFcpX2.js} +17 -17
- package/dist/component/{date-input-rac-OVoxroB_.js → date-input-rac-B9BUEIA-.js} +1 -1
- package/dist/component/{date-picker-field-rac-vOmCmb8f.js → date-picker-field-rac-BfjYIIuY.js} +4 -4
- package/dist/component/{date-picker-rac-BViyESWE.js → date-picker-rac-Bd2UN0ZF.js} +1 -1
- package/dist/component/{date-time-input-field-rac-CmTGH0Ur.js → date-time-input-field-rac-CAXnxLQP.js} +78 -78
- package/dist/component/{date-time-input-rac-DhuQjbd-.js → date-time-input-rac-BuJ3Awlh.js} +1 -1
- package/dist/component/{dext-checkbox-group-rac-DiK0ofyJ.js → dext-checkbox-group-rac-DKp4cBVa.js} +2 -2
- package/dist/component/{dext-checkbox-rac-hsIaGjBL.js → dext-checkbox-rac-BMu_k06A.js} +1 -1
- package/dist/component/{dext-date-picker-rac-BkEDrDm9.js → dext-date-picker-rac-L3sdldhT.js} +1 -1
- package/dist/component/{dext-date-time-input-rac-CCwMKmSa.js → dext-date-time-input-rac-UmabFzDN.js} +1 -1
- package/dist/component/{dext-dropdown-rac-CtoqxSUG.js → dext-dropdown-rac-DbjgYaG-.js} +1 -1
- package/dist/component/{dext-email-rac-BvK4NOz2.js → dext-email-rac-rNudrOOK.js} +1 -1
- package/dist/component/{dext-number-input-rac-CYgCbltu.js → dext-number-input-rac-hw1FTrJL.js} +1 -1
- package/dist/component/{dext-phone-rac-eQ9DRDh0.js → dext-phone-rac-DrZ_Vwv2.js} +1 -1
- package/dist/component/{dext-radio-group-rac-D1j2iY7w.js → dext-radio-group-rac-DAt2ax-I.js} +2 -2
- package/dist/component/{dext-rating-input-rac-C482gkW3.js → dext-rating-input-rac-BW2Ike11.js} +1 -1
- package/dist/component/{dext-tags-rac-4fBjF0ou.js → dext-tags-rac-DDzwlKrR.js} +2 -2
- package/dist/component/{dext-text-area-rac-7Vg2U7Mu.js → dext-text-area-rac-D0xf4z3z.js} +1 -1
- package/dist/component/{dext-text-input-rac-CGhjmk-l.js → dext-text-input-rac-Da04OLmq.js} +1 -1
- package/dist/component/{dext-url-input-rac-LwoSpkJq.js → dext-url-input-rac-B-g4xTqh.js} +1 -1
- package/dist/component/{donation-rac-sABSCHMJ.js → donation-rac-gKeq72jg.js} +10 -10
- package/dist/component/{dropdown-field-headless-C0Pk5_33.js → dropdown-field-headless-Js5TxdU4.js} +14 -14
- package/dist/component/{dropdown-field-rac-Gpctf74Y.js → dropdown-field-rac-BDxcvX00.js} +1 -1
- package/dist/component/{dropdown-rac-DKHO9H4r.js → dropdown-rac-B5UHNzV-.js} +1 -1
- package/dist/component/{ecom-address-rac-BR6IpZFw.js → ecom-address-rac-0zm4bX37.js} +1 -1
- package/dist/component/{ecom-subscription-checkbox-rac-v6GRysJr.js → ecom-subscription-checkbox-rac-DCXoI33l.js} +2 -2
- package/dist/component/{email-input-field-rac-CoD-mJA-.js → email-input-field-rac-svf6hUHF.js} +2 -2
- package/dist/component/{events-repeater-rac-CH5fjXUm.js → events-repeater-rac-DMIqzuVK.js} +29 -29
- package/dist/component/{events-rsvp-rac-HfajrqWn.js → events-rsvp-rac-B_YD4ckO.js} +1 -1
- package/dist/component/{field-error-headless-B5J2ESBQ.js → field-error-headless-DTKnr5Zx.js} +6 -6
- package/dist/component/{field-label-headless-g8SR5uWH.js → field-label-headless-DV4aNd5Y.js} +5 -5
- package/dist/component/{file-upload-rac-CuWH6kzP.js → file-upload-rac-lGKJjG3m.js} +49 -49
- package/dist/component/{fixed-payment-rac-DDCoECZF.js → fixed-payment-rac-BVS6glii.js} +13 -13
- package/dist/component/{form-Cd3D7IPH.js → form-DzjdnO7t.js} +2271 -2267
- package/dist/component/form.css +1 -1
- package/dist/component/form.js +1 -1
- package/dist/component/{header-field-rac-B86qWasN.js → header-field-rac-tzBH-8Yh.js} +5 -5
- package/dist/component/{header-rac-CKI3uVHK.js → header-rac-6thQAvVF.js} +1 -1
- package/dist/component/{image-choice-rac-BX9iq3FQ.js → image-choice-rac-Dx1b-saW.js} +23 -23
- package/dist/component/{index-BD0o63Sr.js → index-DIP7KB8P.js} +2 -2
- package/dist/component/{index-B1OGAoBr.js → index-Lnx0829a.js} +4 -4
- package/dist/component/isObjectLike-B_1KizZV.js +86 -0
- package/dist/component/multiline-address-field-rac-BY2SUp2d.js +1613 -0
- package/dist/component/{multiline-address-rac-pz8SF31j.js → multiline-address-rac-BL8Yp4F0.js} +1 -1
- package/dist/component/{number-input-field-rac-Du1lioEq.js → number-input-field-rac-x0yFmXbe.js} +14 -14
- package/dist/component/{number-input-rac-CX5zLtYJ.js → number-input-rac-pJXc2YsD.js} +1 -1
- package/dist/component/{password-rac-Gg7TJanM.js → password-rac-B4XCP64b.js} +19 -19
- package/dist/component/{payment-input-rac-DZcNoPdt.js → payment-input-rac-CZdOAjK4.js} +12 -12
- package/dist/component/{phone-input-field-rac-DXjS0M3S.js → phone-input-field-rac-DO_V5Z_T.js} +19 -19
- package/dist/component/{phone-rac-B4__qDbh.js → phone-rac-D16nLDjP.js} +1 -1
- package/dist/component/{product-list-rac-BZkCqyAe.js → product-list-rac-DER8gVqy.js} +44 -44
- package/dist/component/{quiz-radio-group-rac-Bl-4IPWK.js → quiz-radio-group-rac-BgTmHHi4.js} +1 -1
- package/dist/component/{radio-group-field-rac-YMWHcvyM.js → radio-group-field-rac-Dt2pU0VV.js} +1 -1
- package/dist/component/{radio-group-field-rac.module-DAtE0KVG.js → radio-group-field-rac.module--sO0VqCA.js} +12 -12
- package/dist/component/{radio-group-rac-DsidBDwT.js → radio-group-rac-CqCmtkNQ.js} +1 -1
- package/dist/component/{rating-input-field-rac-wrhjzIr8.js → rating-input-field-rac-xDrHHcL2.js} +10 -10
- package/dist/component/{rating-input-rac-uoY8q1LS.js → rating-input-rac-Bo5E9N87.js} +1 -1
- package/dist/component/{rich-content-rac.module-CJQVma69.js → rich-content-rac.module-CJXbNca9.js} +4 -4
- package/dist/component/{rich-text-field-rac-Dm-9BjTR.js → rich-text-field-rac-CkV0Z9F-.js} +5 -5
- package/dist/component/{rich-text-rac-k4a8Eawy.js → rich-text-rac-59DbKpXz.js} +1 -1
- package/dist/component/{service-dropdown-rac-CBOZY8wj.js → service-dropdown-rac-BLnflnUr.js} +25 -25
- package/dist/component/{services-multi-choice-rac-DTkLnNLM.js → services-multi-choice-rac-C-bFjwx8.js} +6 -6
- package/dist/component/{signature-rac-CMDroAUe.js → signature-rac-Bb5IaS28.js} +15 -15
- package/dist/component/{submit-button-rac-f339m0YR.js → submit-button-rac-Bjyi8sUA.js} +12 -12
- package/dist/component/{tags-field-rac-ChvUyucB.js → tags-field-rac-C_VO3_69.js} +12 -12
- package/dist/component/{tags-rac-D-KUrSn_.js → tags-rac-CKiutCWe.js} +1 -1
- package/dist/component/{text-area-field-rac-BKTMRopV.js → text-area-field-rac-Cg-vIhFe.js} +12 -12
- package/dist/component/{text-area-rac-C1cecxIB.js → text-area-rac-tMFx38UD.js} +1 -1
- package/dist/component/{text-input-field-rac-Drw_3E1W.js → text-input-field-rac-CgN_2hOD.js} +1 -1
- package/dist/component/{text-input-headless-CFi61Cyb.js → text-input-headless-CkhvKrFp.js} +6 -6
- package/dist/component/{text-input-rac-CSKYfTyX.js → text-input-rac-BsyBgd3b.js} +1 -1
- package/dist/component/{time-input-rac-D2ALW8mD.js → time-input-rac-BxRVJtHE.js} +12 -12
- package/dist/component/{url-input-field-rac-BLd1-70z.js → url-input-field-rac-B_1yVniS.js} +12 -12
- package/dist/component/{url-input-rac-CJ0W10C7.js → url-input-rac-D8VrKYVe.js} +1 -1
- package/dist/component/{use-service-options-base-CFrVxHKr.js → use-service-options-base-Ci9gIluo.js} +7 -7
- package/package.json +2 -14
- package/dist/component/checkbox-field-rac-BPsvcqaB.js +0 -625
- package/dist/component/isObject-BAwJJxQ3.js +0 -34
- package/dist/component/multiline-address-field-rac-BWfGsGnK.js +0 -1574
|
@@ -1,53 +1,53 @@
|
|
|
1
1
|
import { RicosViewer as ne } from "@wix/ricos/viewer";
|
|
2
2
|
import p from "classnames";
|
|
3
3
|
import t, { useMemo as T, useState as G, useCallback as w, useRef as q, useContext as re } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { ah as g, ae as K, ab as B, J as Q, a1 as W, r as d, ar as O, a5 as j, O as oe, x as le, a8 as se, y as J, aj as z } from "./form-DzjdnO7t.js";
|
|
5
5
|
import { parseTime as ie } from "@internationalized/date";
|
|
6
6
|
import { UNSAFE_PortalProvider as ce } from "react-aria";
|
|
7
|
-
import { ListBoxItem as me, ListBox as de, Select as ue, TextField as X, TimeField as pe, SelectValue as Ee, Input as Z, DateInput as
|
|
7
|
+
import { ListBoxItem as me, ListBox as de, Select as ue, TextField as X, TimeField as pe, SelectValue as Ee, Input as Z, DateInput as he, DateSegment as U, TimeFieldStateContext as fe } from "react-aria-components";
|
|
8
8
|
import { f as u, a as R } from "./find-child-C60k4CxG.js";
|
|
9
9
|
import { g as be } from "./helpers-HmkkXrh2.js";
|
|
10
|
-
import { D as ge, E as Ie } from "./field-error-headless-
|
|
11
|
-
import { L as _e } from "./field-label-headless-
|
|
12
|
-
import { F as
|
|
13
|
-
import { N as
|
|
10
|
+
import { D as ge, E as Ie } from "./field-error-headless-DTKnr5Zx.js";
|
|
11
|
+
import { L as _e } from "./field-label-headless-DV4aNd5Y.js";
|
|
12
|
+
import { F as ye } from "./fieldset-headless-CD3fds9J.js";
|
|
13
|
+
import { N as De, S as Ne } from "./non-modal-popover-DtIMXHbe.js";
|
|
14
14
|
import { C as Le } from "./chevron-down-icon-CcpVm6B-.js";
|
|
15
15
|
import { E as Te } from "./error-icon-hZxQ6DEy.js";
|
|
16
16
|
import { H as Y } from "./custom-focus-class-_483Pkwp.js";
|
|
17
17
|
import { s as E } from "./field-rac.module-DtugsLiL.js";
|
|
18
18
|
import { r as S, H as Oe, q as H, u as Fe, l as Pe, h as Ce } from "./form-element-classes-Bi-nNM8q.js";
|
|
19
19
|
const l = ({ children: e, className: a }) => {
|
|
20
|
-
const { id: n, required: o, onBlur: s, onFocus: r, FieldLayout: i } = g(), { inputId: m, labelId: c, ariaDescribedBy:
|
|
20
|
+
const { id: n, required: o, onBlur: s, onFocus: r, FieldLayout: i } = g(), { inputId: m, labelId: c, ariaDescribedBy: f } = K(), { regionalFormat: b } = B(), y = T(() => Q(b).filter(W).map((M) => M.toUpperCase()), [
|
|
21
21
|
b
|
|
22
|
-
]), C = u(e, l.Label),
|
|
22
|
+
]), C = u(e, l.Label), V = u(e, l.Description), L = u(e, l.Error), _ = {
|
|
23
23
|
[d.MONTH]: u(e, l.Month),
|
|
24
24
|
[d.DAY]: u(e, l.Day),
|
|
25
25
|
[d.YEAR]: u(e, l.Year)
|
|
26
|
-
},
|
|
26
|
+
}, D = u(e, l.Time);
|
|
27
27
|
return /* @__PURE__ */ t.createElement(i, {
|
|
28
28
|
fieldId: n,
|
|
29
29
|
renderLabel: () => R(C, {
|
|
30
30
|
as: "div"
|
|
31
31
|
}),
|
|
32
|
-
renderInput: () => /* @__PURE__ */ t.createElement(
|
|
32
|
+
renderInput: () => /* @__PURE__ */ t.createElement(ye, {
|
|
33
33
|
id: m,
|
|
34
34
|
ariaLabelledBy: c,
|
|
35
|
-
ariaDescribedBy:
|
|
35
|
+
ariaDescribedBy: f,
|
|
36
36
|
required: o,
|
|
37
37
|
onBlur: s,
|
|
38
38
|
onFocus: r,
|
|
39
39
|
className: a
|
|
40
|
-
}, _[
|
|
41
|
-
renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, L,
|
|
40
|
+
}, _[y[0]], _[y[1]], _[y[2]], D),
|
|
41
|
+
renderDescription: () => /* @__PURE__ */ t.createElement(t.Fragment, null, L, V)
|
|
42
42
|
});
|
|
43
43
|
}, F = ({ children: e, className: a }) => {
|
|
44
|
-
const { disabled: n, readOnly: o, showDateLabels: s, hidePlaceholder: r } = g(), { labelId: i } = N(d.MONTH), { partValue: m, partError: c, onPartChange:
|
|
45
|
-
o ||
|
|
44
|
+
const { disabled: n, readOnly: o, showDateLabels: s, hidePlaceholder: r } = g(), { labelId: i } = N(d.MONTH), { partValue: m, partError: c, onPartChange: f } = P(d.MONTH), { t: b } = O(), [y, C] = G(!1), [V, L] = G(null), _ = r ? void 0 : b("field.date.placeholder.month"), D = w((k) => {
|
|
45
|
+
o || f(typeof k == "string" ? k : "");
|
|
46
46
|
}, [
|
|
47
|
-
|
|
47
|
+
f,
|
|
48
48
|
o
|
|
49
|
-
]), M = w((
|
|
50
|
-
C(
|
|
49
|
+
]), M = w((k) => {
|
|
50
|
+
C(k && !o);
|
|
51
51
|
}, [
|
|
52
52
|
o
|
|
53
53
|
]), ee = u(e, F.Label), te = u(e, F.Trigger), ae = u(e, F.Options);
|
|
@@ -60,15 +60,15 @@ const l = ({ children: e, className: a }) => {
|
|
|
60
60
|
display: "contents"
|
|
61
61
|
}
|
|
62
62
|
}), /* @__PURE__ */ t.createElement(ce, {
|
|
63
|
-
getContainer: () =>
|
|
63
|
+
getContainer: () => V
|
|
64
64
|
}, /* @__PURE__ */ t.createElement(ue, {
|
|
65
65
|
"aria-labelledby": s ? i : void 0,
|
|
66
66
|
value: m || null,
|
|
67
|
-
onChange:
|
|
67
|
+
onChange: D,
|
|
68
68
|
isDisabled: n,
|
|
69
69
|
isInvalid: c,
|
|
70
70
|
placeholder: _,
|
|
71
|
-
isOpen:
|
|
71
|
+
isOpen: y,
|
|
72
72
|
onOpenChange: M
|
|
73
73
|
}, te, ae)));
|
|
74
74
|
}, Me = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
|
|
@@ -87,11 +87,11 @@ const l = ({ children: e, className: a }) => {
|
|
|
87
87
|
"data-invalid": r || void 0,
|
|
88
88
|
"data-readonly": o || void 0
|
|
89
89
|
}, /* @__PURE__ */ t.createElement(Ee, null), e);
|
|
90
|
-
},
|
|
91
|
-
const { language: n } =
|
|
90
|
+
}, x = ({ children: e, className: a }) => {
|
|
91
|
+
const { language: n } = B(), o = T(() => be(n), [
|
|
92
92
|
n
|
|
93
|
-
]), s = u(e,
|
|
94
|
-
return /* @__PURE__ */ t.createElement(
|
|
93
|
+
]), s = u(e, x.Option) ?? /* @__PURE__ */ t.createElement(x.Option, null);
|
|
94
|
+
return /* @__PURE__ */ t.createElement(De, {
|
|
95
95
|
className: a,
|
|
96
96
|
containerPadding: 0,
|
|
97
97
|
offset: 0
|
|
@@ -110,14 +110,14 @@ const l = ({ children: e, className: a }) => {
|
|
|
110
110
|
};
|
|
111
111
|
F.Label = Me;
|
|
112
112
|
F.Trigger = Se;
|
|
113
|
-
F.Options =
|
|
114
|
-
|
|
113
|
+
F.Options = x;
|
|
114
|
+
x.Option = Re;
|
|
115
115
|
const A = ({ children: e, className: a }) => {
|
|
116
|
-
const { disabled: n, readOnly: o, showDateLabels: s } = g(), { labelId: r } = N(d.DAY), { partValue: i, partError: m, onPartChange: c } = P(d.DAY),
|
|
116
|
+
const { disabled: n, readOnly: o, showDateLabels: s } = g(), { labelId: r } = N(d.DAY), { partValue: i, partError: m, onPartChange: c } = P(d.DAY), f = u(e, A.Label), b = u(e, A.Input);
|
|
117
117
|
return /* @__PURE__ */ t.createElement("div", {
|
|
118
118
|
className: a,
|
|
119
119
|
"data-date-field": !0
|
|
120
|
-
}, s &&
|
|
120
|
+
}, s && f, /* @__PURE__ */ t.createElement(X, {
|
|
121
121
|
"aria-labelledby": s ? r : void 0,
|
|
122
122
|
value: i,
|
|
123
123
|
onChange: c,
|
|
@@ -128,7 +128,7 @@ const A = ({ children: e, className: a }) => {
|
|
|
128
128
|
}, Ae = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
|
|
129
129
|
datePart: d.DAY,
|
|
130
130
|
className: e
|
|
131
|
-
}),
|
|
131
|
+
}), ve = ({ className: e }) => {
|
|
132
132
|
const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.DAY), { isFirstPart: s } = P(d.DAY), { t: r } = O(), i = q(null), m = n ? void 0 : r("field.date.placeholder.day");
|
|
133
133
|
return z(() => {
|
|
134
134
|
var c;
|
|
@@ -144,13 +144,13 @@ const A = ({ children: e, className: a }) => {
|
|
|
144
144
|
});
|
|
145
145
|
};
|
|
146
146
|
A.Label = Ae;
|
|
147
|
-
A.Input =
|
|
148
|
-
const
|
|
149
|
-
const { disabled: n, readOnly: o, showDateLabels: s } = g(), { labelId: r } = N(d.YEAR), { partValue: i, partError: m, onPartChange: c } = P(d.YEAR),
|
|
147
|
+
A.Input = ve;
|
|
148
|
+
const v = ({ children: e, className: a }) => {
|
|
149
|
+
const { disabled: n, readOnly: o, showDateLabels: s } = g(), { labelId: r } = N(d.YEAR), { partValue: i, partError: m, onPartChange: c } = P(d.YEAR), f = u(e, v.Label), b = u(e, v.Input);
|
|
150
150
|
return /* @__PURE__ */ t.createElement("div", {
|
|
151
151
|
className: a,
|
|
152
152
|
"data-date-field": !0
|
|
153
|
-
}, s &&
|
|
153
|
+
}, s && f, /* @__PURE__ */ t.createElement(X, {
|
|
154
154
|
"aria-labelledby": s ? r : void 0,
|
|
155
155
|
value: i,
|
|
156
156
|
onChange: c,
|
|
@@ -158,10 +158,10 @@ const x = ({ children: e, className: a }) => {
|
|
|
158
158
|
isReadOnly: o,
|
|
159
159
|
isInvalid: m
|
|
160
160
|
}, b));
|
|
161
|
-
},
|
|
161
|
+
}, Ve = ({ className: e }) => /* @__PURE__ */ t.createElement($, {
|
|
162
162
|
datePart: d.YEAR,
|
|
163
163
|
className: e
|
|
164
|
-
}),
|
|
164
|
+
}), ke = ({ className: e }) => {
|
|
165
165
|
const { id: a, hidePlaceholder: n } = g(), { inputId: o } = N(d.YEAR), { isFirstPart: s } = P(d.YEAR), { t: r } = O(), i = q(null), m = n ? void 0 : r("field.date.placeholder.year");
|
|
166
166
|
return z(() => {
|
|
167
167
|
var c;
|
|
@@ -176,22 +176,22 @@ const x = ({ children: e, className: a }) => {
|
|
|
176
176
|
"data-hook": d.YEAR
|
|
177
177
|
});
|
|
178
178
|
};
|
|
179
|
-
|
|
180
|
-
|
|
179
|
+
v.Label = Ve;
|
|
180
|
+
v.Input = ke;
|
|
181
181
|
const I = ({ children: e, className: a }) => {
|
|
182
|
-
const { disabled: n, readOnly: o, use24HourFormat: s, showDateLabels: r } = g(), { labelId: i } = N("time"), { partValue: m, partError: c, onPartChange:
|
|
182
|
+
const { disabled: n, readOnly: o, use24HourFormat: s, showDateLabels: r } = g(), { labelId: i } = N("time"), { partValue: m, partError: c, onPartChange: f } = P("time"), b = u(e, I.Label), y = u(e, I.Input);
|
|
183
183
|
return /* @__PURE__ */ t.createElement("div", {
|
|
184
184
|
className: a,
|
|
185
185
|
"data-date-field": !0
|
|
186
186
|
}, r && b, /* @__PURE__ */ t.createElement(pe, {
|
|
187
187
|
"aria-labelledby": r ? i : void 0,
|
|
188
188
|
value: m,
|
|
189
|
-
onChange:
|
|
189
|
+
onChange: f,
|
|
190
190
|
isDisabled: n,
|
|
191
191
|
isReadOnly: o,
|
|
192
192
|
isInvalid: c,
|
|
193
193
|
hourCycle: s ? 24 : 12
|
|
194
|
-
},
|
|
194
|
+
}, y));
|
|
195
195
|
}, Ye = ({ className: e }) => {
|
|
196
196
|
const { inputId: a, labelId: n } = N("time"), { t: o } = O(), s = o("field.date.label.time");
|
|
197
197
|
return /* @__PURE__ */ t.createElement("label", {
|
|
@@ -201,7 +201,7 @@ const I = ({ children: e, className: a }) => {
|
|
|
201
201
|
}, s);
|
|
202
202
|
}, He = ({ children: e, className: a }) => {
|
|
203
203
|
const n = u(e, I.Hour), o = u(e, I.Minute), s = u(e, I.Period);
|
|
204
|
-
return /* @__PURE__ */ t.createElement(
|
|
204
|
+
return /* @__PURE__ */ t.createElement(he, {
|
|
205
205
|
className: a,
|
|
206
206
|
"data-hook": "time"
|
|
207
207
|
}, (r) => {
|
|
@@ -235,7 +235,7 @@ const I = ({ children: e, className: a }) => {
|
|
|
235
235
|
placeholder: r
|
|
236
236
|
}
|
|
237
237
|
});
|
|
238
|
-
},
|
|
238
|
+
}, xe = ({ className: e, ...a }) => {
|
|
239
239
|
const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = n ? void 0 : s("field.date.placeholder.minute");
|
|
240
240
|
return /* @__PURE__ */ t.createElement(U, {
|
|
241
241
|
segment: o,
|
|
@@ -244,8 +244,8 @@ const I = ({ children: e, className: a }) => {
|
|
|
244
244
|
placeholder: r
|
|
245
245
|
}
|
|
246
246
|
});
|
|
247
|
-
},
|
|
248
|
-
const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = re(
|
|
247
|
+
}, Be = ({ className: e, ...a }) => {
|
|
248
|
+
const { hidePlaceholder: n } = g(), { segment: o } = a, { t: s } = O(), r = re(fe), i = n ? void 0 : s("field.date.placeholder.period"), m = () => r == null ? void 0 : r.increment("dayPeriod");
|
|
249
249
|
return /* @__PURE__ */ t.createElement(U, {
|
|
250
250
|
segment: o,
|
|
251
251
|
className: e,
|
|
@@ -258,17 +258,17 @@ const I = ({ children: e, className: a }) => {
|
|
|
258
258
|
I.Label = Ye;
|
|
259
259
|
I.Input = He;
|
|
260
260
|
I.Hour = we;
|
|
261
|
-
I.Minute =
|
|
262
|
-
I.Period =
|
|
261
|
+
I.Minute = xe;
|
|
262
|
+
I.Period = Be;
|
|
263
263
|
l.Label = _e;
|
|
264
264
|
l.Month = F;
|
|
265
265
|
l.Day = A;
|
|
266
|
-
l.Year =
|
|
266
|
+
l.Year = v;
|
|
267
267
|
l.Time = I;
|
|
268
268
|
l.Description = ge;
|
|
269
269
|
l.Error = Ie;
|
|
270
270
|
function N(e) {
|
|
271
|
-
const { inputId: a } =
|
|
271
|
+
const { inputId: a } = K();
|
|
272
272
|
return T(() => {
|
|
273
273
|
const n = e.toLowerCase();
|
|
274
274
|
return {
|
|
@@ -281,42 +281,42 @@ function N(e) {
|
|
|
281
281
|
]);
|
|
282
282
|
}
|
|
283
283
|
function P(e) {
|
|
284
|
-
const { value: a, onChange: n, hasError: o = !1 } = g(), { regionalFormat: s } =
|
|
284
|
+
const { value: a, onChange: n, hasError: o = !1 } = g(), { regionalFormat: s } = B(), [r, i] = T(() => j(a ?? ""), [
|
|
285
285
|
a
|
|
286
286
|
]), m = T(() => oe(o, a ?? ""), [
|
|
287
287
|
a,
|
|
288
288
|
o
|
|
289
289
|
]), c = T(() => le(r), [
|
|
290
290
|
r
|
|
291
|
-
]),
|
|
291
|
+
]), f = T(() => Ue(i), [
|
|
292
292
|
i
|
|
293
293
|
]), b = w((L) => {
|
|
294
|
-
const _ = qe(L),
|
|
295
|
-
n(
|
|
294
|
+
const _ = qe(L), D = J(r, _);
|
|
295
|
+
n(D);
|
|
296
296
|
}, [
|
|
297
297
|
n,
|
|
298
298
|
r
|
|
299
|
-
]),
|
|
300
|
-
const [, _] =
|
|
299
|
+
]), y = w((L) => {
|
|
300
|
+
const [, _] = j(a ?? ""), D = se(L, e, c), M = J(D, _);
|
|
301
301
|
n(M);
|
|
302
302
|
}, [
|
|
303
303
|
n,
|
|
304
304
|
a,
|
|
305
305
|
c,
|
|
306
306
|
e
|
|
307
|
-
]), C = T(() => e === "time" ? !1 :
|
|
307
|
+
]), C = T(() => e === "time" ? !1 : Q(s).filter(W).map((D) => D.toUpperCase())[0] === e, [
|
|
308
308
|
s,
|
|
309
309
|
e
|
|
310
310
|
]);
|
|
311
311
|
return e === "time" ? {
|
|
312
|
-
partValue:
|
|
312
|
+
partValue: f,
|
|
313
313
|
partError: m.TIME,
|
|
314
314
|
onPartChange: b,
|
|
315
315
|
isFirstPart: !1
|
|
316
316
|
} : {
|
|
317
317
|
partValue: c[e] || "",
|
|
318
318
|
partError: m[e],
|
|
319
|
-
onPartChange:
|
|
319
|
+
onPartChange: y,
|
|
320
320
|
isFirstPart: C
|
|
321
321
|
};
|
|
322
322
|
}
|
|
@@ -347,14 +347,14 @@ function qe(e) {
|
|
|
347
347
|
o
|
|
348
348
|
].join(":");
|
|
349
349
|
}
|
|
350
|
-
const ze = "
|
|
350
|
+
const ze = "_fields_1khoa_1", $e = "_month_1khoa_10", Ge = "_day_1khoa_11", je = "_year_1khoa_12", Je = "_timeGroup_1khoa_13", Ke = "_mobile_1khoa_32", Qe = "_dayInput_1khoa_45", We = "_yearInput_1khoa_46", Xe = "_monthTrigger_1khoa_50", Ze = "_monthOption_1khoa_70", et = "_time_1khoa_13", tt = "_hour_1khoa_89", at = "_minute_1khoa_90", nt = "_period_1khoa_91", h = {
|
|
351
351
|
fields: ze,
|
|
352
352
|
month: $e,
|
|
353
353
|
day: Ge,
|
|
354
|
-
year:
|
|
355
|
-
timeGroup:
|
|
356
|
-
mobile:
|
|
357
|
-
dayInput:
|
|
354
|
+
year: je,
|
|
355
|
+
timeGroup: Je,
|
|
356
|
+
mobile: Ke,
|
|
357
|
+
dayInput: Qe,
|
|
358
358
|
yearInput: We,
|
|
359
359
|
monthTrigger: Xe,
|
|
360
360
|
monthOption: Ze,
|
|
@@ -366,51 +366,51 @@ const ze = "_fields_1x5em_1", $e = "_month_1x5em_10", Ge = "_day_1x5em_11", Ke =
|
|
|
366
366
|
content: e,
|
|
367
367
|
locale: a
|
|
368
368
|
}), Nt = () => {
|
|
369
|
-
const { isMobile: e } =
|
|
369
|
+
const { isMobile: e } = B();
|
|
370
370
|
return /* @__PURE__ */ t.createElement(l, {
|
|
371
|
-
className: p(
|
|
372
|
-
[
|
|
371
|
+
className: p(h.fields, {
|
|
372
|
+
[h.mobile]: e
|
|
373
373
|
})
|
|
374
374
|
}, /* @__PURE__ */ t.createElement(l.Label, {
|
|
375
375
|
className: p(S, E.label)
|
|
376
376
|
}, /* @__PURE__ */ t.createElement(l.Label.Required, {
|
|
377
377
|
className: p(Oe, E.requiredMark)
|
|
378
378
|
})), /* @__PURE__ */ t.createElement(l.Month, {
|
|
379
|
-
className:
|
|
379
|
+
className: h.month
|
|
380
380
|
}, /* @__PURE__ */ t.createElement(l.Month.Label, {
|
|
381
381
|
className: p(S, E.label)
|
|
382
382
|
}), /* @__PURE__ */ t.createElement(l.Month.Trigger, {
|
|
383
|
-
className: p(H, E.input,
|
|
383
|
+
className: p(H, E.input, h.monthTrigger)
|
|
384
384
|
}, /* @__PURE__ */ t.createElement(Le, {
|
|
385
385
|
className: E.dropdownIcon
|
|
386
386
|
})), /* @__PURE__ */ t.createElement(l.Month.Options, {
|
|
387
387
|
className: p(Fe, E.selectPopover, E.dropdownPopover)
|
|
388
388
|
}, /* @__PURE__ */ t.createElement(l.Month.Options.Option, {
|
|
389
|
-
className: p(E.selectOption,
|
|
389
|
+
className: p(E.selectOption, h.monthOption, Y)
|
|
390
390
|
}))), /* @__PURE__ */ t.createElement(l.Day, {
|
|
391
|
-
className:
|
|
391
|
+
className: h.day
|
|
392
392
|
}, /* @__PURE__ */ t.createElement(l.Day.Label, {
|
|
393
393
|
className: p(S, E.label)
|
|
394
394
|
}), /* @__PURE__ */ t.createElement(l.Day.Input, {
|
|
395
|
-
className: p(H, E.input,
|
|
395
|
+
className: p(H, E.input, h.dayInput)
|
|
396
396
|
})), /* @__PURE__ */ t.createElement(l.Year, {
|
|
397
|
-
className:
|
|
397
|
+
className: h.year
|
|
398
398
|
}, /* @__PURE__ */ t.createElement(l.Year.Label, {
|
|
399
399
|
className: p(S, E.label)
|
|
400
400
|
}), /* @__PURE__ */ t.createElement(l.Year.Input, {
|
|
401
|
-
className: p(H, E.input,
|
|
401
|
+
className: p(H, E.input, h.yearInput)
|
|
402
402
|
})), /* @__PURE__ */ t.createElement(l.Time, {
|
|
403
|
-
className:
|
|
403
|
+
className: h.timeGroup
|
|
404
404
|
}, /* @__PURE__ */ t.createElement(l.Time.Label, {
|
|
405
405
|
className: p(S, E.label)
|
|
406
406
|
}), /* @__PURE__ */ t.createElement(l.Time.Input, {
|
|
407
|
-
className: p(H, E.input,
|
|
407
|
+
className: p(H, E.input, h.time)
|
|
408
408
|
}, /* @__PURE__ */ t.createElement(l.Time.Hour, {
|
|
409
|
-
className: p(
|
|
409
|
+
className: p(h.hour, Y)
|
|
410
410
|
}), /* @__PURE__ */ t.createElement(l.Time.Minute, {
|
|
411
|
-
className: p(
|
|
411
|
+
className: p(h.minute, Y)
|
|
412
412
|
}), /* @__PURE__ */ t.createElement(l.Time.Period, {
|
|
413
|
-
className: p(
|
|
413
|
+
className: p(h.period, Y)
|
|
414
414
|
}))), /* @__PURE__ */ t.createElement(l.Error, {
|
|
415
415
|
className: p(Pe, E.error)
|
|
416
416
|
}, /* @__PURE__ */ t.createElement(Te, null), /* @__PURE__ */ t.createElement(l.Error.Text, null)), /* @__PURE__ */ t.createElement(l.Description, {
|
package/dist/component/{dext-checkbox-group-rac-DiK0ofyJ.js → dext-checkbox-group-rac-DKp4cBVa.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import o from "react";
|
|
2
|
-
import {
|
|
3
|
-
import { C as p } from "./checkbox-group-field-rac-
|
|
2
|
+
import { ah as e, h as t } from "./form-DzjdnO7t.js";
|
|
3
|
+
import { C as p } from "./checkbox-group-field-rac-BXxk90dk.js";
|
|
4
4
|
import { D as s } from "./default-limits-D7qVv_Hv.js";
|
|
5
5
|
const C = () => {
|
|
6
6
|
const r = {
|
package/dist/component/{dext-radio-group-rac-D1j2iY7w.js → dext-radio-group-rac-DAt2ax-I.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import r from "react";
|
|
2
|
-
import {
|
|
3
|
-
import { R as p } from "./radio-group-field-rac-
|
|
2
|
+
import { ah as e, h as t } from "./form-DzjdnO7t.js";
|
|
3
|
+
import { R as p } from "./radio-group-field-rac-Dt2pU0VV.js";
|
|
4
4
|
import { a } from "./default-limits-D7qVv_Hv.js";
|
|
5
5
|
const l = () => {
|
|
6
6
|
const o = {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import r from "react";
|
|
2
|
-
import {
|
|
3
|
-
import { T as s } from "./tags-field-rac-
|
|
2
|
+
import { ah as e, h as o } from "./form-DzjdnO7t.js";
|
|
3
|
+
import { T as s } from "./tags-field-rac-C_VO3_69.js";
|
|
4
4
|
import { b as a } from "./default-limits-D7qVv_Hv.js";
|
|
5
5
|
const l = () => {
|
|
6
6
|
const t = {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import n, { useMemo as w, useCallback as L, useRef as ae } from "react";
|
|
2
2
|
import { RicosViewer as se } from "@wix/ricos/viewer";
|
|
3
3
|
import _ from "classnames";
|
|
4
|
-
import { RadioGroup as le, RadioField as
|
|
4
|
+
import { RadioGroup as le, RadioField as j, RadioButton as Q, TextField as ce, Input as ie } from "react-aria-components";
|
|
5
5
|
import { debounce as ue } from "ts-debounce";
|
|
6
|
-
import { P as
|
|
6
|
+
import { P as W, ah as P, ae as V, ar as me, ab as M, aj as pe } from "./form-DzjdnO7t.js";
|
|
7
7
|
import { f as h, a as g } from "./find-child-C60k4CxG.js";
|
|
8
8
|
import { a as J } from "./format-currency-BwShJ9vM.js";
|
|
9
|
-
import { D as de, E as Ie } from "./field-error-headless-
|
|
10
|
-
import { L as Ce } from "./field-label-headless-
|
|
9
|
+
import { D as de, E as Ie } from "./field-error-headless-DTKnr5Zx.js";
|
|
10
|
+
import { L as Ce } from "./field-label-headless-DV4aNd5Y.js";
|
|
11
11
|
import { N as Ee } from "./options-layout-constants-DEfIEJWD.js";
|
|
12
12
|
import { a as fe, b as he } from "./numeric-input-utils-CuBMi4-a.js";
|
|
13
13
|
import { g as Oe } from "./payment-field-utils-DobiK5Xh.js";
|
|
@@ -31,12 +31,12 @@ function K(e, t) {
|
|
|
31
31
|
const r = Number(t || "0");
|
|
32
32
|
return {
|
|
33
33
|
productId: e.id,
|
|
34
|
-
price: e.priceType ===
|
|
34
|
+
price: e.priceType === W.DYNAMIC_PRICE ? r : String(r),
|
|
35
35
|
quantity: 1
|
|
36
36
|
};
|
|
37
37
|
}
|
|
38
38
|
function Ae(e) {
|
|
39
|
-
return e.find((t) => t.priceType ===
|
|
39
|
+
return e.find((t) => t.priceType === W.DYNAMIC_PRICE);
|
|
40
40
|
}
|
|
41
41
|
function Pe(e, t) {
|
|
42
42
|
return (e == null ? void 0 : e.productId) === (t == null ? void 0 : t.id) ? String((e == null ? void 0 : e.price) ?? "") : "";
|
|
@@ -154,7 +154,7 @@ const a = ({ children: e }) => {
|
|
|
154
154
|
value: E.value,
|
|
155
155
|
price: d || "0"
|
|
156
156
|
});
|
|
157
|
-
}), s && c && /* @__PURE__ */ n.createElement(
|
|
157
|
+
}), s && c && /* @__PURE__ */ n.createElement(j, {
|
|
158
158
|
value: c,
|
|
159
159
|
style: {
|
|
160
160
|
position: "absolute",
|
|
@@ -167,7 +167,7 @@ const a = ({ children: e }) => {
|
|
|
167
167
|
whiteSpace: "nowrap",
|
|
168
168
|
border: "0"
|
|
169
169
|
}
|
|
170
|
-
}, /* @__PURE__ */ n.createElement(
|
|
170
|
+
}, /* @__PURE__ */ n.createElement(Q, {
|
|
171
171
|
"aria-label": i("donation.other-option.label", "Custom amount")
|
|
172
172
|
}, i("donation.other-option.label", "Custom amount"))));
|
|
173
173
|
}, S = ({ children: e, className: t, ...r }) => {
|
|
@@ -183,9 +183,9 @@ const a = ({ children: e }) => {
|
|
|
183
183
|
const E = u ? g(u, {
|
|
184
184
|
price: s
|
|
185
185
|
}) : null;
|
|
186
|
-
return /* @__PURE__ */ n.createElement(
|
|
186
|
+
return /* @__PURE__ */ n.createElement(j, {
|
|
187
187
|
value: o
|
|
188
|
-
}, /* @__PURE__ */ n.createElement(
|
|
188
|
+
}, /* @__PURE__ */ n.createElement(Q, {
|
|
189
189
|
className: t,
|
|
190
190
|
ref: O
|
|
191
191
|
}, /* @__PURE__ */ n.createElement(n.Fragment, null, I && m, E, !I && m)));
|