@wix/form-elements 1.76.0 → 1.78.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-BQsFMmBg.js → appointment-rac-DWxisWGW.js} +47 -47
- package/dist/component/{bookings-address-rac-AJNyTdok.js → bookings-address-rac-BT-VBypp.js} +1 -1
- package/dist/component/{bookings-email-rac-BHZ0MFgI.js → bookings-email-rac-CVpK16ZI.js} +1 -1
- package/dist/component/{bookings-first-name-rac-Bw5FuWNX.js → bookings-first-name-rac-CDe5wve0.js} +1 -1
- package/dist/component/{bookings-header-rac-C1M2Pg1f.js → bookings-header-rac-BsMQ2QGm.js} +1 -1
- package/dist/component/{bookings-last-name-rac-DKkPY0CO.js → bookings-last-name-rac-Bpg5n4Dr.js} +1 -1
- package/dist/component/{bookings-login-bar-rac-P6pziSl1.js → bookings-login-bar-rac-DnMB_v13.js} +2 -2
- package/dist/component/{bookings-phone-rac-CiOZWKHz.js → bookings-phone-rac-B8FoaVqv.js} +1 -1
- package/dist/component/{bookings-rich-text-rac-D9ZComtY.js → bookings-rich-text-rac-CqD2O9X7.js} +1 -1
- package/dist/component/{checkbox-field-rac-4zG3Sf1c.js → checkbox-field-rac-CydYZGle.js} +46 -46
- package/dist/component/{checkbox-group-field-headless-DN2aNw9g.js → checkbox-group-field-headless-BdrQjLsc.js} +3 -3
- package/dist/component/{checkbox-group-field-rac-B1qhet83.js → checkbox-group-field-rac-D2mXFpmR.js} +3 -3
- package/dist/component/{checkbox-group-rac-DGsE7xGu.js → checkbox-group-rac-CTQRNdXf.js} +1 -1
- package/dist/component/{checkbox-rac-CFWQW9_K.js → checkbox-rac-d8u0ahzA.js} +1 -1
- package/dist/component/{contacts-address-rac-G5ZH3Odo.js → contacts-address-rac-CJYLD7fU.js} +1 -1
- package/dist/component/{contacts-birthdate-rac-C7TDUfT0.js → contacts-birthdate-rac-BYWcPC9J.js} +1 -1
- package/dist/component/{contacts-company-rac-8queUhWT.js → contacts-company-rac-B-hxWRwZ.js} +1 -1
- package/dist/component/{contacts-email-rac-CYOs5N_I.js → contacts-email-rac-9M965qjz.js} +1 -1
- package/dist/component/{contacts-first-name-rac-D8Goc_Ym.js → contacts-first-name-rac-BD6j79WW.js} +1 -1
- package/dist/component/{contacts-last-name-rac-lBmtuEnr.js → contacts-last-name-rac-DJ3UqnhZ.js} +1 -1
- package/dist/component/{contacts-phone-rac-DSUWUNBX.js → contacts-phone-rac-BQo85LSR.js} +1 -1
- package/dist/component/{contacts-position-rac-wA-aw5Id.js → contacts-position-rac-D1EEYf-q.js} +1 -1
- package/dist/component/contacts-subscribe-rac-D3_UmlB-.js +13 -0
- package/dist/component/{contacts-tax-id-rac-BpjVM1Ye.js → contacts-tax-id-rac-BUFbFFLw.js} +1 -1
- package/dist/component/{date-availability-CeiMjrtD.js → date-availability-Vtj_pmEf.js} +1 -1
- package/dist/component/{date-input-field-rac-CVaajAFM.js → date-input-field-rac-BN7Dec-O.js} +8 -8
- package/dist/component/{date-input-rac-DhEzawuM.js → date-input-rac-D0EknjCI.js} +1 -1
- package/dist/component/{date-picker-field-rac-1Q6yyNmK.js → date-picker-field-rac-JmIyqlEg.js} +8 -8
- package/dist/component/{date-picker-rac-BCGtmXMJ.js → date-picker-rac-CzbmZuUr.js} +1 -1
- package/dist/component/{date-time-input-field-rac-Dd-HNgKP.js → date-time-input-field-rac-9TAf-9BT.js} +15 -15
- package/dist/component/{date-time-input-rac-CsCWEsH5.js → date-time-input-rac-BMC95LdQ.js} +1 -1
- package/dist/component/{dext-checkbox-group-rac-CauN5uuV.js → dext-checkbox-group-rac-2IUeY8CX.js} +2 -2
- package/dist/component/{dext-checkbox-rac-q-g9gDnw.js → dext-checkbox-rac-DC-tLcqg.js} +1 -1
- package/dist/component/{dext-date-picker-rac-CZT3dTLv.js → dext-date-picker-rac-DgQdlofb.js} +1 -1
- package/dist/component/{dext-date-time-input-rac-DVUoZZbX.js → dext-date-time-input-rac-DgU7Nkxk.js} +1 -1
- package/dist/component/{dext-dropdown-rac-GRltutt5.js → dext-dropdown-rac-BKxqCr4C.js} +1 -1
- package/dist/component/{dext-email-rac-74Y8S9GA.js → dext-email-rac-coWG-88b.js} +1 -1
- package/dist/component/{dext-number-input-rac-CF9d_GTl.js → dext-number-input-rac--WG5wQFz.js} +1 -1
- package/dist/component/{dext-phone-rac-DObx_gOd.js → dext-phone-rac-ikgoCqRF.js} +1 -1
- package/dist/component/{dext-radio-group-rac-CzU9KX5_.js → dext-radio-group-rac-CSmi7-KP.js} +2 -2
- package/dist/component/{dext-rating-input-rac-BjRwwgXr.js → dext-rating-input-rac-CrUReQ7k.js} +1 -1
- package/dist/component/{dext-tags-rac-Vif4x1yF.js → dext-tags-rac-C0iyj2fA.js} +2 -2
- package/dist/component/{dext-text-area-rac-DmZwl_ax.js → dext-text-area-rac-k1bspboS.js} +1 -1
- package/dist/component/{dext-text-input-rac-B6FVbjUM.js → dext-text-input-rac-DvapRpAx.js} +1 -1
- package/dist/component/{dext-url-input-rac-17Dj3ICM.js → dext-url-input-rac-CAut8IVQ.js} +1 -1
- package/dist/component/{donation-rac-bgHep0Xi.js → donation-rac-BOqNDuTc.js} +23 -23
- package/dist/component/{dropdown-field-headless-BGfJ1FyZ.js → dropdown-field-headless-CS5wUgQ6.js} +3 -3
- package/dist/component/{dropdown-field-rac-DGiysJQY.js → dropdown-field-rac-MRo5oOWE.js} +2 -2
- package/dist/component/{dropdown-rac-FHjz8fKp.js → dropdown-rac-BjdsRMD6.js} +1 -1
- package/dist/component/{ecom-address-rac-DSbpf4z8.js → ecom-address-rac-DfYVinX3.js} +1 -1
- package/dist/component/{ecom-subscription-checkbox-rac-DiZWNwnt.js → ecom-subscription-checkbox-rac-S_Wzz9Jb.js} +3 -3
- package/dist/component/{email-input-field-rac-BQKK2O7L.js → email-input-field-rac-Ci2MzEdX.js} +47 -47
- package/dist/component/{events-repeater-rac-Dudnyhal.js → events-repeater-rac-DiuDVYBS.js} +4 -4
- package/dist/component/{events-rsvp-rac-008H5Ska.js → events-rsvp-rac-Cc27Vkvf.js} +2 -2
- package/dist/component/{field-error-headless-C5ZsFUKv.js → field-error-headless-DvmM1k0W.js} +1 -1
- package/dist/component/{field-label-headless-CS5OYsiI.js → field-label-headless-DKn04-OM.js} +1 -1
- package/dist/component/{file-upload-rac-bQ2QOO8Q.js → file-upload-rac-CB6xdN8j.js} +34 -34
- package/dist/component/{fixed-payment-rac-B6FvXoCU.js → fixed-payment-rac-ATi0oywP.js} +4 -4
- package/dist/component/{form-BpHElSwH.js → form-_3vjdih8.js} +69 -69
- package/dist/component/{form-element-classes-BXNs5k3q.js → form-element-classes-DZiFyihd.js} +37 -33
- package/dist/component/form.css +1 -1
- package/dist/component/form.js +1 -1
- package/dist/component/{header-field-rac-D4UYcmok.js → header-field-rac-pd3cDG5d.js} +3 -3
- package/dist/component/{header-rac-KavPiBdn.js → header-rac-fSMu24tQ.js} +1 -1
- package/dist/component/{image-choice-rac-BJQqBhBD.js → image-choice-rac-B7kSWlmM.js} +8 -8
- package/dist/component/{index-RSEYrQef.js → index-BTVyiZNf.js} +2 -2
- package/dist/component/{index-Y8iTxLat.js → index-QsnKRW-J.js} +4 -4
- package/dist/component/{isObjectLike-jwHec4Ap.js → isObjectLike-YK6n3FVo.js} +1 -1
- package/dist/component/{multiline-address-field-rac-D4Ibno80.js → multiline-address-field-rac-CDKbEU14.js} +37 -37
- package/dist/component/{multiline-address-rac-CrTSjzBN.js → multiline-address-rac-DflLsZ5w.js} +1 -1
- package/dist/component/{number-input-field-rac-DW1SjB-Z.js → number-input-field-rac-Bc6vH-Nl.js} +7 -7
- package/dist/component/{number-input-rac-CdE_hRbA.js → number-input-rac-J3DpYc9U.js} +1 -1
- package/dist/component/{password-rac-BCxl5mMQ.js → password-rac-DUsCGTgT.js} +10 -10
- package/dist/component/{payment-input-rac-DmO4s4ue.js → payment-input-rac-C7ir9WYG.js} +10 -10
- package/dist/component/{phone-input-field-rac-BYAnwk5h.js → phone-input-field-rac-BTCDRtYe.js} +26 -26
- package/dist/component/{phone-rac-gS4k9Yn8.js → phone-rac-Dk5FzIxX.js} +1 -1
- package/dist/component/{product-list-rac-CO0o3yOg.js → product-list-rac-BnXK6jhc.js} +22 -22
- package/dist/component/{quiz-radio-group-rac-Dhk7nkzb.js → quiz-radio-group-rac-BW3Vh-ZF.js} +2 -2
- package/dist/component/{radio-group-field-rac-DdlyQ3m6.js → radio-group-field-rac-C7IlBNGI.js} +2 -2
- package/dist/component/{radio-group-field-rac.module-emin6sSc.js → radio-group-field-rac.module-BRkiHqU7.js} +3 -3
- package/dist/component/{radio-group-rac-B-9q91fJ.js → radio-group-rac-DWJRHfZS.js} +1 -1
- package/dist/component/rating-input-field-rac-Bic4P2NB.js +136 -0
- package/dist/component/{rating-input-rac-BVO62LmE.js → rating-input-rac-B9M2UXqM.js} +1 -1
- package/dist/component/{rich-content-rac.module-CdiaAjxG.js → rich-content-rac.module-CuxZg6ls.js} +1 -1
- package/dist/component/{rich-text-field-rac-C4RrbyEX.js → rich-text-field-rac-CLEYP_pZ.js} +3 -3
- package/dist/component/{rich-text-rac-BG376ww9.js → rich-text-rac-YRAKNkpJ.js} +1 -1
- package/dist/component/{service-dropdown-rac-Dy6-OpVR.js → service-dropdown-rac-Dg4ijvf0.js} +11 -11
- package/dist/component/{services-multi-choice-rac-BKW9MP_b.js → services-multi-choice-rac-DcDxYaDU.js} +11 -11
- package/dist/component/{signature-rac-Cxgixp4o.js → signature-rac-BDj4xTdv.js} +35 -35
- package/dist/component/{submit-button-rac-BqPJ7WPI.js → submit-button-rac-DIigBeH5.js} +2 -2
- package/dist/component/{tags-field-rac-wwqpztG7.js → tags-field-rac-CJp9XBhV.js} +15 -15
- package/dist/component/{tags-rac-DUxITYxU.js → tags-rac-zlatHQ0n.js} +1 -1
- package/dist/component/{text-area-field-rac-Cen6O33S.js → text-area-field-rac-CFm-_Tz9.js} +13 -13
- package/dist/component/{text-area-rac-CRlO56GA.js → text-area-rac-BSJfRYEx.js} +1 -1
- package/dist/component/{text-input-field-rac-CbnKn03g.js → text-input-field-rac-ZTDIhRqT.js} +2 -2
- package/dist/component/{text-input-headless-C_NTJmLe.js → text-input-headless-4hu-GjTm.js} +3 -3
- package/dist/component/{text-input-rac-DvwV7Igm.js → text-input-rac-BTx8ELp7.js} +1 -1
- package/dist/component/{time-input-rac-TSEXiODs.js → time-input-rac-DmPMNJPn.js} +7 -7
- package/dist/component/{url-input-field-rac-Cxgh9T8s.js → url-input-field-rac-BPN4hmYh.js} +14 -14
- package/dist/component/{url-input-rac-DNw-Jg1U.js → url-input-rac-CEeg1r2O.js} +1 -1
- package/dist/component/{use-element-state-class-name-CC65g9mT.js → use-element-state-class-name-DVT9MJFT.js} +1 -1
- package/dist/component/{use-service-options-base-EFrxTpGm.js → use-service-options-base-J4FBFnZH.js} +1 -1
- package/package.json +2 -2
- package/dist/component/contacts-subscribe-rac-CAbBbFxZ.js +0 -13
- package/dist/component/rating-input-field-rac-VDaJKq-n.js +0 -126
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { RicosViewer as
|
|
1
|
+
import { RicosViewer as z } from "@wix/ricos/viewer";
|
|
2
2
|
import _ from "classnames";
|
|
3
|
-
import e, { useMemo as F, useState as
|
|
4
|
-
import { ai as y, af as Y, as as T, ab as j, ak as w, ac as J } from "./form-
|
|
3
|
+
import e, { useMemo as F, useState as K, useRef as V, useLayoutEffect as Q, useCallback as k } from "react";
|
|
4
|
+
import { ai as y, af as Y, as as T, ab as j, ak as w, ac as J } from "./form-_3vjdih8.js";
|
|
5
5
|
import { CheckboxGroup as X, TextField as Z, Input as ee, CheckboxField as te, CheckboxButton as ae } from "react-aria-components";
|
|
6
|
-
import { f, a as
|
|
7
|
-
import { E as
|
|
8
|
-
import { L as $ } from "./field-label-headless-
|
|
6
|
+
import { f, a as P } from "./find-child-C60k4CxG.js";
|
|
7
|
+
import { E as x, D as B } from "./field-error-headless-DvmM1k0W.js";
|
|
8
|
+
import { L as $ } from "./field-label-headless-DKn04-OM.js";
|
|
9
9
|
import { F as ne } from "./fieldset-headless-CD3fds9J.js";
|
|
10
10
|
import { N as g } from "./options-layout-constants-DEfIEJWD.js";
|
|
11
11
|
import { E as se } from "./error-icon-hZxQ6DEy.js";
|
|
12
12
|
import { s as S } from "./field-rac.module-DjmaTYkc.js";
|
|
13
|
-
import { z as oe,
|
|
13
|
+
import { z as oe, P as re, $ as le, a0 as ie, a1 as ce, y as ue, p as de, i as me, F as pe } from "./form-element-classes-DZiFyihd.js";
|
|
14
14
|
import { o as Ee } from "./options-rac.module-KM-VT_KY.js";
|
|
15
15
|
const N = "Other", he = (a, t) => {
|
|
16
16
|
const c = t.length + 2;
|
|
@@ -24,8 +24,8 @@ const N = "Other", he = (a, t) => {
|
|
|
24
24
|
const { value: t, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: s, disabled: u, readOnly: b, hasError: d } = y(), { t: m } = T(), o = c || m("add-other.default-other-option-label") || N, p = F(() => he(t || [], o), [
|
|
25
25
|
t,
|
|
26
26
|
o
|
|
27
|
-
]), [n, L] =
|
|
28
|
-
|
|
27
|
+
]), [n, L] = K(p), E = V(l);
|
|
28
|
+
Q(() => {
|
|
29
29
|
E.current = l;
|
|
30
30
|
});
|
|
31
31
|
const I = k((h) => {
|
|
@@ -90,7 +90,7 @@ const N = "Other", he = (a, t) => {
|
|
|
90
90
|
}, /* @__PURE__ */ e.createElement(ae, {
|
|
91
91
|
className: t,
|
|
92
92
|
"data-hook": `tags-${s ? N : c}`
|
|
93
|
-
},
|
|
93
|
+
}, P(I, {
|
|
94
94
|
value: c,
|
|
95
95
|
label: i,
|
|
96
96
|
isOther: s,
|
|
@@ -117,7 +117,7 @@ const N = "Other", he = (a, t) => {
|
|
|
117
117
|
"data-columns": d
|
|
118
118
|
}, p.map((n, L) => {
|
|
119
119
|
const E = n.value ?? n.label;
|
|
120
|
-
return
|
|
120
|
+
return P(o, {
|
|
121
121
|
key: n.isOther ? N : E,
|
|
122
122
|
value: E,
|
|
123
123
|
label: n.label,
|
|
@@ -139,7 +139,7 @@ const N = "Other", he = (a, t) => {
|
|
|
139
139
|
}, r = ({ children: a }) => {
|
|
140
140
|
const { id: t, value: l, onChange: c, FieldLayout: i, required: s, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: o } = y(), { inputId: p, labelId: n, ariaDescribedBy: L } = Y(), E = F(() => l || [], [
|
|
141
141
|
l
|
|
142
|
-
]), I = f(a, $), h = f(a, G), C = f(a,
|
|
142
|
+
]), I = f(a, $), h = f(a, G), C = f(a, B), R = f(a, x);
|
|
143
143
|
return /* @__PURE__ */ e.createElement(i, {
|
|
144
144
|
fieldId: t,
|
|
145
145
|
renderLabel: () => I,
|
|
@@ -168,13 +168,13 @@ r.Label = $;
|
|
|
168
168
|
r.Control = G;
|
|
169
169
|
r.Options = A;
|
|
170
170
|
r.OtherInput = q;
|
|
171
|
-
r.Description =
|
|
172
|
-
r.Error =
|
|
171
|
+
r.Description = B;
|
|
172
|
+
r.Error = x;
|
|
173
173
|
const be = "_control_1t32y_1", fe = "_options_1t32y_7", Le = "_option_1t32y_7", D = {
|
|
174
174
|
control: be,
|
|
175
175
|
options: fe,
|
|
176
176
|
option: Le
|
|
177
|
-
}, _e = ({ content: a, locale: t }) => /* @__PURE__ */ e.createElement(
|
|
177
|
+
}, _e = ({ content: a, locale: t }) => /* @__PURE__ */ e.createElement(z, {
|
|
178
178
|
content: a,
|
|
179
179
|
locale: t
|
|
180
180
|
}), ke = () => {
|
|
@@ -2,13 +2,13 @@ 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 y, TextArea as N } from "react-aria-components";
|
|
5
|
-
import { ai as p, af as E, ak as x } from "./form-
|
|
5
|
+
import { ai as p, af as E, ak as x } from "./form-_3vjdih8.js";
|
|
6
6
|
import { f as c } from "./find-child-C60k4CxG.js";
|
|
7
|
-
import { D as h, E as M } from "./field-error-headless-
|
|
8
|
-
import { L as g } from "./field-label-headless-
|
|
7
|
+
import { D as h, E as M } from "./field-error-headless-DvmM1k0W.js";
|
|
8
|
+
import { L as g } from "./field-label-headless-DKn04-OM.js";
|
|
9
9
|
import { E as v } from "./error-icon-hZxQ6DEy.js";
|
|
10
10
|
import { s } from "./field-rac.module-DjmaTYkc.js";
|
|
11
|
-
import { z as q,
|
|
11
|
+
import { z as q, P as B, y as P, p as k, i as U } from "./form-element-classes-DZiFyihd.js";
|
|
12
12
|
const e = ({ children: t }) => {
|
|
13
13
|
const { id: a, value: m, onChange: l, disabled: u, required: o, readOnly: i, onBlur: d, onFocus: f, FieldLayout: I, hasError: F } = p(), { labelId: L } = E(), R = O((C) => {
|
|
14
14
|
l(C);
|
|
@@ -31,7 +31,7 @@ const e = ({ children: t }) => {
|
|
|
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 } = E(), { id: l, placeholder: u } = p(), o = T(null);
|
|
36
36
|
return x(() => {
|
|
37
37
|
var i;
|
|
@@ -45,12 +45,12 @@ const e = ({ children: t }) => {
|
|
|
45
45
|
});
|
|
46
46
|
};
|
|
47
47
|
e.Label = g;
|
|
48
|
-
e.Input =
|
|
48
|
+
e.Input = V;
|
|
49
49
|
e.Description = h;
|
|
50
50
|
e.Error = M;
|
|
51
|
-
const
|
|
52
|
-
input:
|
|
53
|
-
},
|
|
51
|
+
const w = "_input_ug5v8_1", z = {
|
|
52
|
+
input: w
|
|
53
|
+
}, Q = ({ 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, {
|
|
@@ -58,12 +58,12 @@ const V = "_input_ug5v8_1", w = {
|
|
|
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(P, s.input, z.input)
|
|
62
62
|
}), /* @__PURE__ */ r.createElement(e.Error, {
|
|
63
|
-
className: n(
|
|
63
|
+
className: n(k, s.error)
|
|
64
64
|
}, /* @__PURE__ */ r.createElement(v, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
|
|
65
|
-
className: n(
|
|
66
|
-
},
|
|
65
|
+
className: n(U, s.description)
|
|
66
|
+
}, Q));
|
|
67
67
|
export {
|
|
68
68
|
re as T
|
|
69
69
|
};
|
package/dist/component/{text-input-field-rac-CbnKn03g.js → text-input-field-rac-ZTDIhRqT.js}
RENAMED
|
@@ -1,10 +1,10 @@
|
|
|
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-4hu-GjTm.js";
|
|
5
5
|
import { E as o } from "./error-icon-hZxQ6DEy.js";
|
|
6
6
|
import { s as a } from "./field-rac.module-DjmaTYkc.js";
|
|
7
|
-
import { z as n,
|
|
7
|
+
import { z as n, P as c, y as E, p as i, i as p } from "./form-element-classes-DZiFyihd.js";
|
|
8
8
|
const R = ({ content: s, locale: l }) => /* @__PURE__ */ e.createElement(m, {
|
|
9
9
|
content: s,
|
|
10
10
|
locale: l
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import t, { useRef as L } from "react";
|
|
2
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-
|
|
3
|
+
import { ai as d, af as c, ak as T } from "./form-_3vjdih8.js";
|
|
4
4
|
import { f as a } from "./find-child-C60k4CxG.js";
|
|
5
|
-
import { D as g, E as h } from "./field-error-headless-
|
|
6
|
-
import { L as x } from "./field-label-headless-
|
|
5
|
+
import { D as g, E as h } from "./field-error-headless-DvmM1k0W.js";
|
|
6
|
+
import { L as x } from "./field-label-headless-DKn04-OM.js";
|
|
7
7
|
const e = ({ children: r }) => {
|
|
8
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
9
|
return /* @__PURE__ */ t.createElement(b, {
|
|
@@ -3,16 +3,16 @@ import { RicosViewer as q } from "@wix/ricos/viewer";
|
|
|
3
3
|
import c from "classnames";
|
|
4
4
|
import { parseTime as v } from "@internationalized/date";
|
|
5
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
|
|
6
|
+
import { ai as p, af as j, as as T, ak as z } from "./form-_3vjdih8.js";
|
|
7
7
|
import { f as m, a as F } from "./find-child-C60k4CxG.js";
|
|
8
|
-
import { D as
|
|
9
|
-
import { L as J } from "./field-label-headless-
|
|
8
|
+
import { D as Q, E as G } from "./field-error-headless-DvmM1k0W.js";
|
|
9
|
+
import { L as J } from "./field-label-headless-DKn04-OM.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
12
|
import { s as E } from "./field-rac.module-DjmaTYkc.js";
|
|
13
|
-
import { z as W,
|
|
13
|
+
import { z as W, P as X, y as Y, p as Z, i as $ } from "./form-element-classes-DZiFyihd.js";
|
|
14
14
|
const r = ({ children: t }) => {
|
|
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 } =
|
|
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
|
}, [
|
|
@@ -66,7 +66,7 @@ const r = ({ children: t }) => {
|
|
|
66
66
|
});
|
|
67
67
|
}, ee = ({ className: t, ...n }) => {
|
|
68
68
|
const { id: l, hidePlaceholder: o } = p(), { segment: i } = n, { t: s } = T(), a = V(null);
|
|
69
|
-
|
|
69
|
+
z(() => {
|
|
70
70
|
var f;
|
|
71
71
|
(f = a.current) == null || f.focus();
|
|
72
72
|
}, l);
|
|
@@ -104,7 +104,7 @@ u.Minute = te;
|
|
|
104
104
|
u.Period = re;
|
|
105
105
|
r.Label = J;
|
|
106
106
|
r.Time = u;
|
|
107
|
-
r.Description =
|
|
107
|
+
r.Description = Q;
|
|
108
108
|
r.Error = G;
|
|
109
109
|
function ne(t) {
|
|
110
110
|
if (!t)
|
|
@@ -2,17 +2,17 @@ import { RicosViewer as O } from "@wix/ricos/viewer";
|
|
|
2
2
|
import l from "classnames";
|
|
3
3
|
import r, { useCallback as h, useRef as y } from "react";
|
|
4
4
|
import { TextField as N, Input as A } from "react-aria-components";
|
|
5
|
-
import { ai as E, af as d, ak as
|
|
5
|
+
import { ai as E, af as d, ak as P } from "./form-_3vjdih8.js";
|
|
6
6
|
import { f as u } from "./find-child-C60k4CxG.js";
|
|
7
|
-
import { D as
|
|
8
|
-
import { L as
|
|
7
|
+
import { D as k, E as B } from "./field-error-headless-DvmM1k0W.js";
|
|
8
|
+
import { L as M } from "./field-label-headless-DKn04-OM.js";
|
|
9
9
|
import { u as T } from "./use-invoke-callback-UH73A_J3.js";
|
|
10
10
|
import { E as v } from "./error-icon-hZxQ6DEy.js";
|
|
11
11
|
import { s } from "./field-rac.module-DjmaTYkc.js";
|
|
12
|
-
import { z as U,
|
|
13
|
-
const
|
|
12
|
+
import { z as U, P as g, y as q, p as x, i as w } from "./form-element-classes-DZiFyihd.js";
|
|
13
|
+
const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e = ({ children: t }) => {
|
|
14
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(
|
|
15
|
+
a(V(n)), p();
|
|
16
16
|
}, [
|
|
17
17
|
p,
|
|
18
18
|
a,
|
|
@@ -34,9 +34,9 @@ const Q = (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 = y(null);
|
|
39
|
-
return
|
|
39
|
+
return P(() => {
|
|
40
40
|
var c;
|
|
41
41
|
(c = i.current) == null || c.focus();
|
|
42
42
|
}, o), /* @__PURE__ */ r.createElement(A, {
|
|
@@ -48,11 +48,11 @@ const Q = (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 = M;
|
|
52
|
+
e.Input = W;
|
|
53
|
+
e.Description = k;
|
|
54
|
+
e.Error = B;
|
|
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, {
|
|
@@ -65,7 +65,7 @@ const W = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(O, {
|
|
|
65
65
|
className: l(x, s.error)
|
|
66
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
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import d from "classnames";
|
|
2
|
-
import { ac as s } from "./form-
|
|
2
|
+
import { ac as s } from "./form-_3vjdih8.js";
|
|
3
3
|
const E = ({ globalClasses: e, moduleClasses: t }) => {
|
|
4
4
|
var c;
|
|
5
5
|
const r = ((c = s(e.key)) == null ? void 0 : c.split(/\s+/)) ?? [], m = r.includes(e.selected), o = r.includes(e.hover);
|
package/dist/component/{use-service-options-base-EFrxTpGm.js → use-service-options-base-J4FBFnZH.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useState as o, useCallback as D, useEffect as m, useMemo as b } from "react";
|
|
2
|
-
import { ah as v } from "./form-
|
|
2
|
+
import { ah as v } from "./form-_3vjdih8.js";
|
|
3
3
|
const k = (h) => {
|
|
4
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) => ({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/form-elements",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.78.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": "093b8562ba97fed28f0ec8d10875db2d6b7f745aef6eb1a487512310"
|
|
155
155
|
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import C from "react";
|
|
2
|
-
import { C as _ } from "./checkbox-field-rac-4zG3Sf1c.js";
|
|
3
|
-
import { Z as e, _ as r, Y as t } from "./form-element-classes-BXNs5k3q.js";
|
|
4
|
-
const S = () => /* @__PURE__ */ C.createElement(_, {
|
|
5
|
-
classes: {
|
|
6
|
-
container: t,
|
|
7
|
-
label: r,
|
|
8
|
-
indicator: e
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
export {
|
|
12
|
-
S as ContactsSubscribeRAC
|
|
13
|
-
};
|
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
import { RicosViewer as D } from "@wix/ricos/viewer";
|
|
2
|
-
import c from "classnames";
|
|
3
|
-
import e, { useCallback as h, useState as y, useRef as A } from "react";
|
|
4
|
-
import { ai as F, af as N, as as T, ac as M } from "./form-BpHElSwH.js";
|
|
5
|
-
import { RadioGroup as P, RadioField as w, RadioButton as B } from "react-aria-components";
|
|
6
|
-
import { f as E, a as G } from "./find-child-C60k4CxG.js";
|
|
7
|
-
import { D as H, E as q } from "./field-error-headless-C5ZsFUKv.js";
|
|
8
|
-
import { L as z } from "./field-label-headless-CS5OYsiI.js";
|
|
9
|
-
import { E as k } from "./error-icon-hZxQ6DEy.js";
|
|
10
|
-
import { s as p } from "./field-rac.module-DjmaTYkc.js";
|
|
11
|
-
import { z as x, Q, N as K, O as U, P as Y, p as Z, i as j, F as J } from "./form-element-classes-BXNs5k3q.js";
|
|
12
|
-
const t = ({ children: a }) => {
|
|
13
|
-
const { id: r, value: n, onChange: i, disabled: o, readOnly: d, required: l, hasError: m, onBlur: u, onFocus: R, FieldLayout: C } = F(), { labelId: L } = N(), _ = h((O) => i(Number(O)), [
|
|
14
|
-
i
|
|
15
|
-
]), f = E(a, t.Label), s = E(a, t.Ratings), g = E(a, t.Description), v = E(a, t.Error);
|
|
16
|
-
return /* @__PURE__ */ e.createElement(C, {
|
|
17
|
-
fieldId: r,
|
|
18
|
-
renderLabel: () => f,
|
|
19
|
-
renderInput: () => /* @__PURE__ */ e.createElement(P, {
|
|
20
|
-
"aria-labelledby": L,
|
|
21
|
-
value: n ? String(n) : void 0,
|
|
22
|
-
onChange: _,
|
|
23
|
-
isDisabled: o,
|
|
24
|
-
isReadOnly: d,
|
|
25
|
-
isRequired: l,
|
|
26
|
-
isInvalid: m,
|
|
27
|
-
onBlur: u,
|
|
28
|
-
onFocus: R,
|
|
29
|
-
orientation: "horizontal"
|
|
30
|
-
}, s),
|
|
31
|
-
renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, v, g)
|
|
32
|
-
});
|
|
33
|
-
}, I = ({ children: a, className: r, getReactionLabel: n }) => {
|
|
34
|
-
const { value: i, readOnly: o, hasError: d } = F(), { inputId: l, ariaDescribedBy: m } = N(), [u, R] = y(), C = A(null), L = E(a, I.Rating), _ = [
|
|
35
|
-
"1",
|
|
36
|
-
"2",
|
|
37
|
-
"3",
|
|
38
|
-
"4",
|
|
39
|
-
"5"
|
|
40
|
-
], f = (s) => u && !o ? u >= s : !!i && i >= Number(s);
|
|
41
|
-
return /* @__PURE__ */ e.createElement("div", {
|
|
42
|
-
ref: C,
|
|
43
|
-
id: l,
|
|
44
|
-
"aria-describedby": m,
|
|
45
|
-
className: r,
|
|
46
|
-
"data-invalid": d,
|
|
47
|
-
"data-readonly": o
|
|
48
|
-
}, _.map((s) => G(L, {
|
|
49
|
-
key: s,
|
|
50
|
-
value: s,
|
|
51
|
-
isSelected: f(s),
|
|
52
|
-
onHoverChange: (g) => R(g ? s : void 0),
|
|
53
|
-
label: n == null ? void 0 : n(Number(s))
|
|
54
|
-
})));
|
|
55
|
-
}, W = {
|
|
56
|
-
border: 0,
|
|
57
|
-
clipPath: "inset(50%)",
|
|
58
|
-
height: 1,
|
|
59
|
-
margin: -1,
|
|
60
|
-
overflow: "hidden",
|
|
61
|
-
padding: 0,
|
|
62
|
-
position: "absolute",
|
|
63
|
-
width: 1,
|
|
64
|
-
whiteSpace: "nowrap"
|
|
65
|
-
}, b = ({ className: a, children: r, ...n }) => {
|
|
66
|
-
const { value: i, isSelected: o, onHoverChange: d, label: l } = n, m = typeof a == "function" ? a({
|
|
67
|
-
isSelected: o
|
|
68
|
-
}) : a;
|
|
69
|
-
return /* @__PURE__ */ e.createElement(w, {
|
|
70
|
-
value: i
|
|
71
|
-
}, /* @__PURE__ */ e.createElement(B, {
|
|
72
|
-
className: m,
|
|
73
|
-
"data-active": o || void 0,
|
|
74
|
-
onHoverChange: d
|
|
75
|
-
}, typeof r == "function" ? r({
|
|
76
|
-
isSelected: o
|
|
77
|
-
}) : r, l ? /* @__PURE__ */ e.createElement("span", {
|
|
78
|
-
style: W
|
|
79
|
-
}, l) : null));
|
|
80
|
-
};
|
|
81
|
-
I.Rating = b;
|
|
82
|
-
t.Label = z;
|
|
83
|
-
t.Ratings = I;
|
|
84
|
-
t.Rating = b;
|
|
85
|
-
t.Description = H;
|
|
86
|
-
t.Error = q;
|
|
87
|
-
const X = (a) => /* @__PURE__ */ e.createElement("svg", {
|
|
88
|
-
viewBox: "0 0 32 32",
|
|
89
|
-
width: 32,
|
|
90
|
-
height: 32,
|
|
91
|
-
fill: "currentColor",
|
|
92
|
-
"aria-hidden": "true",
|
|
93
|
-
...a
|
|
94
|
-
}, /* @__PURE__ */ e.createElement("path", {
|
|
95
|
-
fillRule: "evenodd",
|
|
96
|
-
d: "M28.6265,13.6325 C28.9655,13.3015 29.0845,12.8175 28.9385,12.3665 C28.7925,11.9165 28.4105,11.5945 27.9415,11.5265 L20.5785,10.4565 C20.5015,10.4445 20.4345,10.3965 20.4005,10.3275 L17.1075,3.6545 L17.1075,3.6535 C16.8975,3.2295 16.4735,2.9655 16.0005,2.9655 L15.9995,2.9655 C15.5255,2.9655 15.1025,3.2295 14.8925,3.6545 L11.5985,10.3275 C11.5645,10.3965 11.4985,10.4445 11.4225,10.4565 L4.0575,11.5265 C3.5895,11.5945 3.2075,11.9165 3.0615,12.3665 C2.9155,12.8175 3.0345,13.3015 3.3735,13.6325 L8.7025,18.8265 C8.7575,18.8805 8.7835,18.9585 8.7705,19.0345 L7.5125,26.3695 C7.4325,26.8355 7.6205,27.2985 8.0035,27.5765 C8.2195,27.7345 8.4735,27.8145 8.7285,27.8145 C8.9245,27.8145 9.1215,27.7665 9.3045,27.6705 L15.8895,24.2085 C15.9595,24.1725 16.0415,24.1725 16.1085,24.2075 L22.6955,27.6705 C23.1155,27.8915 23.6135,27.8555 23.9965,27.5765 C24.3795,27.2985 24.5675,26.8355 24.4875,26.3695 L23.2305,19.0355 C23.2165,18.9585 23.2425,18.8805 23.2975,18.8265 L28.6265,13.6325 Z"
|
|
97
|
-
})), $ = "_ratings_1mvz3_1", V = "_rating_1mvz3_1", S = {
|
|
98
|
-
ratings: $,
|
|
99
|
-
rating: V
|
|
100
|
-
}, ee = ({ content: a, locale: r }) => /* @__PURE__ */ e.createElement(D, {
|
|
101
|
-
content: a,
|
|
102
|
-
locale: r
|
|
103
|
-
}), Ee = () => {
|
|
104
|
-
const { t: a } = T(), r = M(J.RATING_OPTION);
|
|
105
|
-
return /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
|
|
106
|
-
className: c(x, p.label)
|
|
107
|
-
}, /* @__PURE__ */ e.createElement(t.Label.Required, {
|
|
108
|
-
className: c(Q, p.requiredMark)
|
|
109
|
-
})), /* @__PURE__ */ e.createElement(t.Ratings, {
|
|
110
|
-
className: c(K, S.ratings),
|
|
111
|
-
getReactionLabel: (n) => a("rating-input.a11y.reaction-label", {
|
|
112
|
-
count: n
|
|
113
|
-
})
|
|
114
|
-
}, /* @__PURE__ */ e.createElement(t.Rating, {
|
|
115
|
-
className: ({ isSelected: n }) => c(U, r, S.rating, {
|
|
116
|
-
[Y]: n
|
|
117
|
-
})
|
|
118
|
-
}, /* @__PURE__ */ e.createElement(X, null))), /* @__PURE__ */ e.createElement(t.Error, {
|
|
119
|
-
className: c(Z, p.error)
|
|
120
|
-
}, /* @__PURE__ */ e.createElement(k, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
|
|
121
|
-
className: c(j, p.description)
|
|
122
|
-
}, ee));
|
|
123
|
-
};
|
|
124
|
-
export {
|
|
125
|
-
Ee as R
|
|
126
|
-
};
|