@wix/form-elements 1.63.0 → 1.65.0

package/dist/component/image-choice-rac-Dx1b-saW.js

@@ -1,141 +0,0 @@
-import e, { useMemo as x, useCallback as w, useRef as v } from "react";
-import { RicosViewer as M } from "@wix/ricos/viewer";
-import E from "classnames";
-import { CheckboxGroup as T, CheckboxField as k, CheckboxButton as B } from "react-aria-components";
-import { ah as O, ae as q, ab as H, aj as P } from "./form-DzjdnO7t.js";
-import { f as p, a as F } from "./find-child-C60k4CxG.js";
-import { L as U, g as G } from "./field-label-headless-DV4aNd5Y.js";
-import { D as V, E as j } from "./field-error-headless-DTKnr5Zx.js";
-import { F as z } from "./fieldset-headless-CD3fds9J.js";
-import { E as Q } from "./error-icon-hZxQ6DEy.js";
-import { s as _ } from "./field-rac.module-DtugsLiL.js";
-import { r as $, H as J, f as K, t as W, l as X, h as Y } from "./form-element-classes-Bi-nNM8q.js";
-const t = ({ children: a }) => {
-  const { id: s, value: o, onChange: n, disabled: l, readOnly: i, required: r, onBlur: c, onFocus: m, hasError: u, FieldLayout: f } = O(), { inputId: g, labelId: b, ariaDescribedBy: L } = q(), h = p(a, t.Label), C = p(a, t.Options), D = p(a, t.Description), N = p(a, t.Error), A = x(() => o || [], [
-    o
-  ]), S = w((y) => {
-    n == null || n(y);
-  }, [
-    n
-  ]);
-  return /* @__PURE__ */ e.createElement(f, {
-    fieldId: s,
-    renderLabel: () => h,
-    renderInput: () => /* @__PURE__ */ e.createElement(z, {
-      id: g,
-      ariaLabelledBy: b,
-      ariaDescribedBy: L,
-      required: r,
-      onBlur: c,
-      onFocus: m
-    }, /* @__PURE__ */ e.createElement(T, {
-      "aria-labelledby": b,
-      value: A,
-      onChange: S,
-      isDisabled: l,
-      isReadOnly: i,
-      isRequired: r,
-      isInvalid: u
-    }, C)),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, N, D)
-  });
-}, R = ({ children: a, className: s }) => {
-  const { isMobile: o } = H(), { id: n, options: l, numberOfColumns: i } = O(), r = p(a, R.Option);
-  return /* @__PURE__ */ e.createElement("div", {
-    className: s,
-    "data-columns": o ? 1 : i
-  }, l == null ? void 0 : l.map((c, m) => F(r, {
-    key: c.id || c.label,
-    option: c,
-    isFirst: m === 0,
-    fieldId: n
-  })));
-}, Z = ({ className: a }) => /* @__PURE__ */ e.createElement("div", {
-  "aria-hidden": "true",
-  className: a
-}), ee = ({ className: a, ...s }) => {
-  var m, u;
-  const { option: o } = s, { choiceImageResize: n, choiceImageAlignment: l } = O(), i = (m = o.media) == null ? void 0 : m.image;
-  if (!i)
-    return null;
-  const r = G(i, i.width, i.height);
-  if (!r)
-    return null;
-  const c = ((u = o.media) == null ? void 0 : u.altText) || o.altText || i.altText || "";
-  return /* @__PURE__ */ e.createElement("img", {
-    className: a,
-    src: r,
-    alt: c,
-    "data-fit": n,
-    "data-alignment": l,
-    "data-hook": "image-choice-option-image"
-  });
-}, te = ({ className: a, ...s }) => {
-  const { option: o } = s;
-  return !o.label || o.isLabelHidden ? null : /* @__PURE__ */ e.createElement("span", {
-    className: a
-  }, o.label);
-}, d = ({ children: a, className: s, ...o }) => {
-  const { option: n, isFirst: l = !1, fieldId: i } = o, { disabled: r, readOnly: c, hasError: m } = O(), u = v(null);
-  P(() => {
-    var L;
-    l && ((L = u.current) == null || L.focus({
-      preventScroll: !0
-    }));
-  }, i);
-  const f = p(a, d.Input), g = p(a, d.Image), b = p(a, d.Label);
-  return /* @__PURE__ */ e.createElement(k, {
-    value: n.label,
-    isDisabled: r,
-    isReadOnly: c,
-    isInvalid: m
-  }, /* @__PURE__ */ e.createElement(B, {
-    ref: u,
-    "aria-label": n.isLabelHidden ? n.label : void 0,
-    className: s,
-    "data-hook": `image-choice-${n.label}`
-  }, f, F(g, {
-    option: n
-  }), F(b, {
-    option: n
-  })));
-};
-d.Input = Z;
-d.Image = ee;
-d.Label = te;
-t.Label = U;
-t.Options = R;
-R.Option = d;
-t.Description = V;
-t.Error = j;
-const ae = "_options_hwxpw_1", ne = "_optionInput_hwxpw_25", oe = "_option_hwxpw_1", se = "_optionLabel_hwxpw_105", ie = "_optionImage_hwxpw_136", I = {
-  options: ae,
-  optionInput: ne,
-  option: oe,
-  optionLabel: se,
-  optionImage: ie
-}, le = ({ content: a, locale: s }) => /* @__PURE__ */ e.createElement(M, {
-  content: a,
-  locale: s
-}), re = () => /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-  className: E($, _.label)
-}, /* @__PURE__ */ e.createElement(t.Label.Required, {
-  className: E(J, _.requiredMark)
-})), /* @__PURE__ */ e.createElement(t.Options, {
-  className: I.options
-}, /* @__PURE__ */ e.createElement(t.Options.Option, {
-  className: E(K, I.option)
-}, /* @__PURE__ */ e.createElement(t.Options.Option.Input, {
-  className: I.optionInput
-}), /* @__PURE__ */ e.createElement(t.Options.Option.Image, {
-  className: I.optionImage
-}), /* @__PURE__ */ e.createElement(t.Options.Option.Label, {
-  className: E(W, I.optionLabel)
-}))), /* @__PURE__ */ e.createElement(t.Error, {
-  className: E(X, _.error)
-}, /* @__PURE__ */ e.createElement(Q, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-  className: E(Y, _.description)
-}, le)), ge = () => /* @__PURE__ */ e.createElement(re, null);
-export {
-  ge as ImageChoiceRAC
-};

package/dist/component/quiz-radio-group-rac-BgTmHHi4.js

@@ -1,13 +0,0 @@
-import _ from "react";
-import { R } from "./radio-group-field-rac-Dt2pU0VV.js";
-import { B as o, A as r, z as O } from "./form-element-classes-Bi-nNM8q.js";
-const A = () => /* @__PURE__ */ _.createElement(R, {
-  classes: {
-    container: O,
-    label: r,
-    control: o
-  }
-});
-export {
-  A as QuizRadioGroupRAC
-};

package/dist/component/services-multi-choice-rac-C-bFjwx8.js

@@ -1,76 +0,0 @@
-import e, { useEffect as _, useMemo as C } from "react";
-import { RicosViewer as I } from "@wix/ricos/viewer";
-import s from "classnames";
-import { F as R, ah as F, h as d } from "./form-DzjdnO7t.js";
-import { u as h } from "./use-service-options-base-Ci9gIluo.js";
-import { C as i } from "./checkbox-group-field-headless-Cvia4lL6.js";
-import { E as D } from "./error-icon-hZxQ6DEy.js";
-import { s as n } from "./field-rac.module-DtugsLiL.js";
-import { r as f, H as M, L as N, M as b, N as A, q as v, l as x, h as T } from "./form-element-classes-Bi-nNM8q.js";
-import { o as L } from "./options-rac.module-KM-VT_KY.js";
-const k = (o) => {
-  var S;
-  const { isLoading: r, options: a, isEmpty: c, shouldRender: E, setOptions: l, setIsEmpty: m, setHasInitialDataLoaded: p } = h({
-    fieldType: R.SERVICES_MULTI_CHOICE,
-    isEditor: o.isEditor
-  }), u = (S = o.options) == null ? void 0 : S.every((O) => O.label && O.id);
-  return _(() => {
-    if (u && o.options) {
-      l(o.options), m(o.options.length === 0), p(!0);
-      return;
-    }
-  }, [
-    u,
-    o.options,
-    l,
-    m,
-    p
-  ]), {
-    isLoading: r,
-    options: a,
-    isEmpty: c,
-    shouldRender: E
-  };
-}, t = ({ children: o }) => {
-  const r = F(), { options: a, isEmpty: c, shouldRender: E } = k(r), l = C(() => ({
-    ...r,
-    options: a
-  }), [
-    r,
-    a
-  ]);
-  return !r.isEditor && c || !E ? null : /* @__PURE__ */ e.createElement(d.Provider, {
-    value: {
-      v2: l
-    }
-  }, /* @__PURE__ */ e.createElement(i, null, o));
-};
-t.Label = i.Label;
-t.Options = i.Options;
-t.Description = i.Description;
-t.Error = i.Error;
-const P = ({ content: o, locale: r }) => /* @__PURE__ */ e.createElement(I, {
-  content: o,
-  locale: r
-}), y = () => /* @__PURE__ */ e.createElement(t, null, /* @__PURE__ */ e.createElement(t.Label, {
-  className: s(f, n.label)
-}, /* @__PURE__ */ e.createElement(t.Label.Required, {
-  className: s(M, n.requiredMark)
-})), /* @__PURE__ */ e.createElement(t.Options, {
-  className: s(N, L.options)
-}, /* @__PURE__ */ e.createElement(t.Options.Option, null, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox, {
-  className: n.checkbox
-}, /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Input, {
-  className: s(b, n.checkboxInput)
-}), /* @__PURE__ */ e.createElement(t.Options.Option.Checkbox.Label, {
-  className: s(A, L.optionLabel)
-})), /* @__PURE__ */ e.createElement(t.Options.Option.OtherInput, {
-  inputClassName: s(v, n.input)
-}))), /* @__PURE__ */ e.createElement(t.Error, {
-  className: s(x, n.error)
-}, /* @__PURE__ */ e.createElement(D, null), /* @__PURE__ */ e.createElement(t.Error.Text, null)), /* @__PURE__ */ e.createElement(t.Description, {
-  className: s(T, n.description)
-}, P)), j = () => /* @__PURE__ */ e.createElement(y, null);
-export {
-  j as ServicesMultiChoiceRAC
-};