@wix/form-elements 1.71.0 → 1.72.0

package/dist/component/tags-field-rac-DSdwley7.js

@@ -1,201 +0,0 @@
-import { RicosViewer as H } from "@wix/ricos/viewer";
-import _ from "classnames";
-import e, { useMemo as F, useState as j, useRef as k, useLayoutEffect as z, useCallback as M } from "react";
-import { CheckboxGroup as Q, TextField as J, Input as K, CheckboxField as X, CheckboxButton as Y } from "react-aria-components";
-import { ai as D, af as Z, as as v, ab as ee, ak as te } from "./form-Pr0rklwH.js";
-import { f, a as x } from "./find-child-C60k4CxG.js";
-import { E as B, D as P } from "./field-error-headless-DWbRjy6q.js";
-import { L as $ } from "./field-label-headless-DUWK0CI-.js";
-import { F as ae } from "./fieldset-headless-CD3fds9J.js";
-import { N } from "./options-layout-constants-DEfIEJWD.js";
-import { E as ne } from "./error-icon-hZxQ6DEy.js";
-import { s as S } from "./field-rac.module-DnUIb9Oh.js";
-import { z as re, P as oe, _ as se, $ as le, a0 as ie, y as ce, q as ue, j as de } from "./form-element-classes-BSMjWijd.js";
-import { o as me } from "./options-rac.module-KM-VT_KY.js";
-const g = "Other", pe = (t, a) => {
-  const c = a.length + 2;
-  return (t.find((r) => r.startsWith(`${a}: `)) || "").slice(c);
-}, he = (t) => t.map((a) => a.value ?? a.label), q = ({ className: t, ...a }) => {
-  const { label: l } = a;
-  return /* @__PURE__ */ e.createElement("span", {
-    className: t
-  }, l);
-}, W = ({ className: t }) => {
-  const { value: a, onChange: l, addOtherLabel: c, addOtherPlaceholder: i, otherInputCharacterLimit: r, disabled: u, readOnly: b, hasError: d } = D(), { t: m } = v(), o = c || m("add-other.default-other-option-label") || g, p = F(() => pe(a || [], o), [
-    a,
-    o
-  ]), [n, L] = j(p), h = k(l);
-  z(() => {
-    h.current = l;
-  });
-  const I = M((E) => {
-    L(E);
-    const C = (a || []).filter((O) => !O.startsWith(`${o}:`) && O !== o), R = E ? `${o}: ${E}` : o;
-    h.current([
-      ...C,
-      R
-    ]);
-  }, [
-    a,
-    o
-  ]);
-  return /* @__PURE__ */ e.createElement(J, {
-    value: n,
-    onChange: I,
-    isDisabled: u,
-    isReadOnly: b,
-    isInvalid: d,
-    "aria-label": o
-  }, /* @__PURE__ */ e.createElement(K, {
-    "data-hook": "tags-other-input",
-    "data-filled": n ? !0 : void 0,
-    placeholder: i,
-    maxLength: r,
-    className: t
-  }));
-}, T = ({ children: t, className: a, ...l }) => {
-  const { value: c, label: i, isOther: r, isFirstOption: u } = l, { id: b, value: d, onChange: m, options: o, disabled: p, readOnly: n, hasError: L } = D(), h = k(null);
-  te(() => {
-    var O;
-    u && ((O = h.current) == null || O.focus({
-      preventScroll: !0
-    }));
-  }, b);
-  const I = f(t, q), E = F(() => d || [], [
-    d
-  ]), C = F(() => r ? E.find((O) => O === i || O.startsWith(`${i}: `)) || i : c, [
-    r,
-    E,
-    i,
-    c
-  ]), R = M((O) => {
-    const U = he(o || []), V = E.filter((w) => U.includes(w));
-    m(O ? [
-      ...V,
-      i
-    ] : V);
-  }, [
-    i,
-    m,
-    o,
-    E
-  ]);
-  return /* @__PURE__ */ e.createElement(X, {
-    inputRef: h,
-    value: C,
-    onChange: r ? R : void 0,
-    isDisabled: p,
-    isReadOnly: n,
-    isInvalid: L
-  }, /* @__PURE__ */ e.createElement(Y, {
-    className: a,
-    "data-hook": `tags-${r ? g : c}`
-  }, x(I, {
-    value: c,
-    label: i,
-    isOther: r,
-    isFirstOption: u
-  })));
-}, A = ({ children: t, className: a }) => {
-  const { options: l, addOther: c, addOtherLabel: i, numberOfColumns: r = N.FREE_FLOW } = D(), { isMobile: u } = ee(), { t: b } = v(), d = u && r !== N.FREE_FLOW ? N.ONE : r, m = i || b("add-other.default-other-option-label") || g, o = f(t, T), p = F(() => {
-    const n = l || [];
-    return c ? [
-      ...n,
-      {
-        label: m,
-        value: m,
-        isOther: !0
-      }
-    ] : n;
-  }, [
-    l,
-    c,
-    m
-  ]);
-  return p.length === 0 ? null : /* @__PURE__ */ e.createElement("div", {
-    className: a,
-    "data-columns": d
-  }, p.map((n, L) => {
-    const h = n.value ?? n.label;
-    return x(o, {
-      key: n.isOther ? g : h,
-      value: h,
-      label: n.label,
-      isOther: n.isOther,
-      isFirstOption: L === 0
-    });
-  }));
-}, G = ({ children: t, className: a }) => {
-  const { addOther: l, addOtherLabel: c, hasError: i, readOnly: r, value: u } = D(), { t: b } = v(), d = c || b("add-other.default-other-option-label") || g, m = f(t, A), o = f(t, W), p = F(() => !l || !u ? !1 : u.some((n) => n === d || n.startsWith(`${d}:`)), [
-    l,
-    u,
-    d
-  ]);
-  return /* @__PURE__ */ e.createElement("div", {
-    className: a,
-    "data-invalid": i,
-    "data-readonly": r
-  }, m, p && o);
-}, s = ({ children: t }) => {
-  const { id: a, value: l, onChange: c, FieldLayout: i, required: r, disabled: u, readOnly: b, hasError: d, onBlur: m, onFocus: o } = D(), { inputId: p, labelId: n, ariaDescribedBy: L } = Z(), h = F(() => l || [], [
-    l
-  ]), I = f(t, $), E = f(t, G), C = f(t, P), R = f(t, B);
-  return /* @__PURE__ */ e.createElement(i, {
-    fieldId: a,
-    renderLabel: () => I,
-    renderInput: () => /* @__PURE__ */ e.createElement(ae, {
-      id: p,
-      ariaLabelledBy: n,
-      ariaDescribedBy: L,
-      required: r,
-      onBlur: m,
-      onFocus: o
-    }, /* @__PURE__ */ e.createElement(Q, {
-      "aria-labelledby": n,
-      value: h,
-      onChange: c,
-      isDisabled: u,
-      isReadOnly: b,
-      isRequired: r,
-      isInvalid: d
-    }, E)),
-    renderDescription: () => /* @__PURE__ */ e.createElement(e.Fragment, null, R, C)
-  });
-};
-A.Option = T;
-T.Label = q;
-s.Label = $;
-s.Control = G;
-s.Options = A;
-s.OtherInput = W;
-s.Description = P;
-s.Error = B;
-const Ee = "_control_1kvnw_1", Oe = "_options_1kvnw_7", be = "_option_1kvnw_7", y = {
-  control: Ee,
-  options: Oe,
-  option: be
-}, fe = ({ content: t, locale: a }) => /* @__PURE__ */ e.createElement(H, {
-  content: t,
-  locale: a
-}), Ve = () => /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement(s.Label, {
-  className: _(re, S.label)
-}, /* @__PURE__ */ e.createElement(s.Label.Required, {
-  className: _(oe, S.requiredMark)
-})), /* @__PURE__ */ e.createElement(s.Control, {
-  className: y.control
-}, /* @__PURE__ */ e.createElement(s.Options, {
-  className: _(se, y.options)
-}, /* @__PURE__ */ e.createElement(s.Options.Option, {
-  className: ({ isSelected: t }) => _(le, t && ie, y.option)
-}, /* @__PURE__ */ e.createElement(s.Options.Option.Label, {
-  className: me.optionLabel
-}))), /* @__PURE__ */ e.createElement(s.OtherInput, {
-  className: _(ce, S.input)
-})), /* @__PURE__ */ e.createElement(s.Error, {
-  className: _(ue, S.error)
-}, /* @__PURE__ */ e.createElement(ne, null), /* @__PURE__ */ e.createElement(s.Error.Text, null)), /* @__PURE__ */ e.createElement(s.Description, {
-  className: _(de, S.description)
-}, fe));
-export {
-  Ve as T
-};