@wix/form-elements 0.0.0-stage → 1.53.0

package/dist/component/service-dropdown-rac-DIFcHwYR.js

@@ -0,0 +1,142 @@
+import t, { useRef as P, useMemo as R, useCallback as S, useEffect as T } from "react";
+import { RicosViewer as A } from "@wix/ricos/viewer";
+import u from "classnames";
+import { ac as w, aq as b, F as M, ag as y, aa as q, h as H } from "./form-Dn-MrArr.js";
+import { u as U } from "./use-service-options-base-Cr8hJp01.js";
+import { D as d } from "./dropdown-field-headless-CYpFgZ3H.js";
+import { C as V } from "./chevron-down-icon-CcpVm6B-.js";
+import { E as x } from "./error-icon-hZxQ6DEy.js";
+import { H as k } from "./custom-focus-class-_483Pkwp.js";
+import { s as n } from "./field-rac.module-DXfwku6m.js";
+import { r as B, H as W, q as Q, u as Y, l as j, h as z } from "./form-element-classes-Bi-nNM8q.js";
+const G = "00000000-0000-0000-0000-000000000000", J = (e) => {
+  const { actions: r } = w(), { t: C } = b(), { addOther: i, addOtherLabel: p } = e, c = p || C("add-other.default-other-option-label"), a = P(!0), E = R(() => {
+    var s;
+    return ((s = e.options) == null ? void 0 : s.map((m) => m.id ?? "")) ?? [];
+  }, [
+    e.options
+  ]), O = S((s) => i ? [
+    ...s,
+    {
+      value: c,
+      label: c,
+      id: G
+    }
+  ] : s, [
+    i,
+    c
+  ]), { isLoading: f, options: l, isEmpty: D, shouldRender: I, setIsLoading: F, setOptions: L, setIsEmpty: h, processOptions: _ } = U({
+    fieldType: M.SERVICES_DROPDOWN,
+    isEditor: e.isEditor,
+    postProcessOptions: O
+  }), g = S(async () => {
+    if (a.current && (r != null && r.fetchServices) && E.length > 0) {
+      a.current = !1, F(!0);
+      let s;
+      try {
+        s = await r.fetchServices({
+          serviceIds: E
+        });
+      } catch (m) {
+        console.error(m);
+      }
+      if (s) {
+        const m = _(s);
+        h(!i && m.length === 0), L(m);
+      } else
+        a.current = !0;
+      F(!1);
+    }
+  }, [
+    r,
+    E,
+    _,
+    i,
+    F,
+    L,
+    h
+  ]);
+  T(() => {
+    if (!e.isEditor && l.length > 0) {
+      const s = i ? l.length - 1 : l.length;
+      h(s === 0);
+    }
+  }, [
+    l,
+    i,
+    h,
+    e.isEditor
+  ]);
+  const v = S(() => {
+    e.onFocus && e.onFocus(), a.current && g();
+  }, [
+    g,
+    e.onFocus
+  ]), N = S(
+    (s) => {
+      e.onChange && e.onChange(s), a.current = !0;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      e.onChange
+    ]
+  );
+  return {
+    isLoading: f,
+    options: l,
+    isEmpty: D,
+    onFocus: v,
+    onChange: N,
+    shouldRender: I
+  };
+}, o = ({ children: e }) => {
+  const r = y(), { addOther: C } = r, i = q(), p = r.isEditor || i.isEditor || i.isComposer, { isLoading: c, options: a, isEmpty: E, onFocus: O, onChange: f, shouldRender: l } = J({
+    ...r,
+    isEditor: p
+  }), D = R(() => ({
+    ...r,
+    options: c ? [] : a,
+    isLoading: c,
+    onFocus: O,
+    onChange: f
+  }), [
+    r,
+    a,
+    c,
+    O,
+    f
+  ]);
+  return !p && E && !C || !l ? null : /* @__PURE__ */ t.createElement(H.Provider, {
+    value: {
+      v2: D
+    }
+  }, /* @__PURE__ */ t.createElement(d, null, e));
+};
+o.Label = d.Label;
+o.Trigger = d.Trigger;
+o.Options = d.Options;
+o.Description = d.Description;
+o.Error = d.Error;
+const K = ({ content: e, locale: r }) => /* @__PURE__ */ t.createElement(A, {
+  content: e,
+  locale: r
+}), X = () => /* @__PURE__ */ t.createElement(o, null, /* @__PURE__ */ t.createElement(o.Label, {
+  className: u(B, n.label)
+}, /* @__PURE__ */ t.createElement(o.Label.Required, {
+  className: u(W, n.requiredMark)
+})), /* @__PURE__ */ t.createElement(o.Trigger, {
+  className: u(Q, n.input, n.dropdownTrigger)
+}, /* @__PURE__ */ t.createElement(V, {
+  className: n.dropdownIcon
+})), /* @__PURE__ */ t.createElement(o.Options, {
+  className: u(Y, n.selectPopover, n.dropdownPopover)
+}, /* @__PURE__ */ t.createElement(o.Options.Option, {
+  className: u(n.selectOption, k)
+})), /* @__PURE__ */ t.createElement(o.Error, {
+  className: u(j, n.error)
+}, /* @__PURE__ */ t.createElement(x, null), /* @__PURE__ */ t.createElement(o.Error.Text, null)), /* @__PURE__ */ t.createElement(o.Description, {
+  className: u(z, n.description)
+}, K)), le = () => /* @__PURE__ */ t.createElement(X, null);
+export {
+  le as ServiceDropdownRAC
+};

package/dist/component/services-multi-choice-rac-BVgZsVc2.js

@@ -0,0 +1,76 @@
+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, ag as F, h as d } from "./form-Dn-MrArr.js";
+import { u as D } from "./use-service-options-base-Cr8hJp01.js";
+import { C as i } from "./checkbox-group-field-headless-qntvm5XF.js";
+import { E as h } from "./error-icon-hZxQ6DEy.js";
+import { s as n } from "./field-rac.module-DXfwku6m.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 } = D({
+    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(h, 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
+};