@wix/form-elements 1.82.0 → 1.83.0

package/dist/component/text-area-field-rac-CtSa8XW_.js

@@ -1,69 +0,0 @@
-import { RicosViewer as O } from "@wix/ricos/viewer";
-import n from "classnames";
-import r, { useCallback as S, useRef as T } from "react";
-import { TextField as y, TextArea as N } from "react-aria-components";
-import { ai as E, af as d, ak as x } from "./form-f0tqdMye.js";
-import { f as c } from "./find-child-C60k4CxG.js";
-import { D as h, E as M } from "./field-error-headless-BErhh9GG.js";
-import { L as g } from "./field-label-headless-BGyK-5xW.js";
-import { E as v } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-ColNPUt0.js";
-import { y as q, O as B, x as k, o as P, i as U } from "./form-element-classes-jC8D0LnK.js";
-const e = ({ children: t }) => {
-  const { id: a, value: m, onChange: l, disabled: u, required: o, readOnly: i, onBlur: p, onFocus: f, FieldLayout: I, hasError: F } = E(), { labelId: L } = d(), R = S((C) => {
-    l(C);
-  }, [
-    l
-  ]), _ = c(t, e.Label), b = c(t, e.Input), D = c(t, e.Description), A = c(t, e.Error);
-  return /* @__PURE__ */ r.createElement(I, {
-    fieldId: a,
-    renderLabel: () => _,
-    renderInput: () => /* @__PURE__ */ r.createElement(y, {
-      "aria-labelledby": L,
-      value: m ?? "",
-      onChange: R,
-      isDisabled: u,
-      isReadOnly: i,
-      isRequired: o,
-      isInvalid: F,
-      onBlur: p,
-      onFocus: f
-    }, b),
-    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, A, D)
-  });
-}, V = ({ className: t }) => {
-  const { inputId: a, ariaDescribedBy: m } = d(), { id: l, placeholder: u } = E(), o = T(null);
-  return x(() => {
-    var i;
-    (i = o.current) == null || i.focus();
-  }, l), /* @__PURE__ */ r.createElement(N, {
-    ref: o,
-    id: a,
-    "aria-describedby": m,
-    placeholder: u,
-    className: t
-  });
-};
-e.Label = g;
-e.Input = V;
-e.Description = h;
-e.Error = M;
-const w = "_input_ug5v8_1", Q = {
-  input: w
-}, $ = ({ content: t, locale: a }) => /* @__PURE__ */ r.createElement(O, {
-  content: t,
-  locale: a
-}), re = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
-  className: n(q, s.label)
-}, /* @__PURE__ */ r.createElement(e.Label.Required, {
-  className: n(B, s.requiredMark)
-})), /* @__PURE__ */ r.createElement(e.Input, {
-  className: n(k, s.input, Q.input)
-}), /* @__PURE__ */ r.createElement(e.Error, {
-  className: n(P, s.error)
-}, /* @__PURE__ */ r.createElement(v, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
-  className: n(U, s.description)
-}, $));
-export {
-  re as T
-};

package/dist/component/text-input-field-rac-C6fQYKhI.js

@@ -1,24 +0,0 @@
-import { RicosViewer as m } from "@wix/ricos/viewer";
-import t from "classnames";
-import e from "react";
-import { T as r } from "./text-input-headless-BwVLU9cp.js";
-import { E as o } from "./error-icon-hZxQ6DEy.js";
-import { s as a } from "./field-rac.module-ColNPUt0.js";
-import { y as n, O as c, x as E, o as i, i as R } from "./form-element-classes-jC8D0LnK.js";
-const _ = ({ content: s, locale: l }) => /* @__PURE__ */ e.createElement(m, {
-  content: s,
-  locale: l
-}), N = () => /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(r.Label, {
-  className: t(n, a.label)
-}, /* @__PURE__ */ e.createElement(r.Label.Required, {
-  className: t(c, a.requiredMark)
-})), /* @__PURE__ */ e.createElement(r.Input, {
-  className: t(E, a.input)
-}), /* @__PURE__ */ e.createElement(r.Error, {
-  className: t(i, a.error)
-}, /* @__PURE__ */ e.createElement(o, null), /* @__PURE__ */ e.createElement(r.Error.Text, null)), /* @__PURE__ */ e.createElement(r.Description, {
-  className: t(R, a.description)
-}, _));
-export {
-  N as T
-};

package/dist/component/url-input-field-rac-4T8gcMHH.js

@@ -1,71 +0,0 @@
-import { RicosViewer as O } from "@wix/ricos/viewer";
-import l from "classnames";
-import r, { useCallback as h, useRef as y } from "react";
-import { TextField as N, Input as A } from "react-aria-components";
-import { ai as E, af as d, ak as k } from "./form-f0tqdMye.js";
-import { f as u } from "./find-child-C60k4CxG.js";
-import { D as B, E as M } from "./field-error-headless-BErhh9GG.js";
-import { L as P } from "./field-label-headless-BGyK-5xW.js";
-import { u as T } from "./use-invoke-callback-UH73A_J3.js";
-import { E as v } from "./error-icon-hZxQ6DEy.js";
-import { s } from "./field-rac.module-ColNPUt0.js";
-import { y as U, O as g, x as q, o as x, i as w } from "./form-element-classes-jC8D0LnK.js";
-const V = (t) => t ? `https://${String(t).replace(/^https?:\/\//, "")}` : "", e = ({ children: t }) => {
-  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(() => {
-    a(V(n)), p();
-  }, [
-    p,
-    a,
-    n
-  ]);
-  return /* @__PURE__ */ r.createElement(L, {
-    fieldId: o,
-    renderLabel: () => b,
-    renderInput: () => /* @__PURE__ */ r.createElement(N, {
-      "aria-labelledby": R,
-      value: n ?? "",
-      onChange: a,
-      isDisabled: m,
-      isReadOnly: i,
-      isRequired: c,
-      isInvalid: I,
-      onBlur: S,
-      onFocus: F
-    }, D),
-    renderDescription: () => /* @__PURE__ */ r.createElement(r.Fragment, null, C, _)
-  });
-}, W = ({ className: t }) => {
-  const { id: o, placeholder: n } = E(), { inputId: a, ariaDescribedBy: m } = d(), i = y(null);
-  return k(() => {
-    var c;
-    (c = i.current) == null || c.focus();
-  }, o), /* @__PURE__ */ r.createElement(A, {
-    ref: i,
-    id: a,
-    type: "url",
-    "aria-describedby": m,
-    className: t,
-    placeholder: n
-  });
-};
-e.Label = P;
-e.Input = W;
-e.Description = B;
-e.Error = M;
-const $ = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(O, {
-  content: t,
-  locale: o
-}), te = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
-  className: l(U, s.label)
-}, /* @__PURE__ */ r.createElement(e.Label.Required, {
-  className: l(g, s.requiredMark)
-})), /* @__PURE__ */ r.createElement(e.Input, {
-  className: l(q, s.input)
-}), /* @__PURE__ */ r.createElement(e.Error, {
-  className: l(x, s.error)
-}, /* @__PURE__ */ r.createElement(v, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
-  className: l(w, s.description)
-}, $));
-export {
-  te as U
-};

package/dist/component/use-element-state-class-name-BqmaTba3.js

@@ -1,15 +0,0 @@
-import d from "classnames";
-import { ac as s } from "./form-f0tqdMye.js";
-const E = ({ globalClasses: e, moduleClasses: t }) => {
-  var c;
-  const r = ((c = s(e.key)) == null ? void 0 : c.split(/\s+/)) ?? [], m = r.includes(e.selected), o = r.includes(e.hover);
-  return ({ isSelected: n, isHovered: i }) => d(e.base, t.base, r, {
-    [e.selected]: n,
-    [e.hover]: i,
-    [t.selected]: n || m,
-    [t.hover]: i || o
-  });
-};
-export {
-  E as u
-};