@wix/form-elements 0.0.0-stage → 1.53.0

package/dist/component/url-input-field-rac-CcMmHuDT.js

@@ -0,0 +1,71 @@
+import { RicosViewer as h } from "@wix/ricos/viewer";
+import l from "classnames";
+import r, { useCallback as O, useRef as N } from "react";
+import { TextField as y, Input as A } from "react-aria-components";
+import { ag as d, ad as E, ai as B } from "./form-Dn-MrArr.js";
+import { f as u } from "./find-child-C60k4CxG.js";
+import { D as M, E as P } from "./field-error-headless-D40GACk4.js";
+import { L as T } from "./field-label-headless-Beq2Tn6V.js";
+import { u as g } from "./use-invoke-callback-UH73A_J3.js";
+import { E as k } from "./error-icon-hZxQ6DEy.js";
+import { s } from "./field-rac.module-DXfwku6m.js";
+import { r as q, H as v, q as U, l as x, h as w } from "./form-element-classes-Bi-nNM8q.js";
+const H = (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 } = d(), { labelId: R } = E(), p = g(f), b = u(t, e.Label), D = u(t, e.Input), _ = u(t, e.Description), C = u(t, e.Error), S = O(() => {
+    a(H(n)), p();
+  }, [
+    p,
+    a,
+    n
+  ]);
+  return /* @__PURE__ */ r.createElement(L, {
+    fieldId: o,
+    renderLabel: () => b,
+    renderInput: () => /* @__PURE__ */ r.createElement(y, {
+      "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, _)
+  });
+}, V = ({ className: t }) => {
+  const { id: o, placeholder: n } = d(), { inputId: a, ariaDescribedBy: m } = E(), i = N(null);
+  return B(() => {
+    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 = T;
+e.Input = V;
+e.Description = M;
+e.Error = P;
+const W = ({ content: t, locale: o }) => /* @__PURE__ */ r.createElement(h, {
+  content: t,
+  locale: o
+}), te = () => /* @__PURE__ */ r.createElement(e, null, /* @__PURE__ */ r.createElement(e.Label, {
+  className: l(q, s.label)
+}, /* @__PURE__ */ r.createElement(e.Label.Required, {
+  className: l(v, s.requiredMark)
+})), /* @__PURE__ */ r.createElement(e.Input, {
+  className: l(U, s.input)
+}), /* @__PURE__ */ r.createElement(e.Error, {
+  className: l(x, s.error)
+}, /* @__PURE__ */ r.createElement(k, null), /* @__PURE__ */ r.createElement(e.Error.Text, null)), /* @__PURE__ */ r.createElement(e.Description, {
+  className: l(w, s.description)
+}, W));
+export {
+  te as U
+};

package/dist/component/url-input-rac-DtbctKi2.js

@@ -0,0 +1,6 @@
+import r from "react";
+import { U as t } from "./url-input-field-rac-CcMmHuDT.js";
+const n = () => /* @__PURE__ */ r.createElement(t, null);
+export {
+  n as UrlInputRAC
+};

package/dist/component/use-invoke-callback-UH73A_J3.js

@@ -0,0 +1,15 @@
+import { useState as u, useRef as r, useEffect as f } from "react";
+const v = (e) => {
+  const [n, o] = u(0), t = r(!1);
+  return f(() => {
+    n > 0 && t.current && (t.current = !1, e == null || e());
+  }, [
+    n,
+    e
+  ]), () => {
+    o((s) => s + 1), t.current = !0;
+  };
+};
+export {
+  v as u
+};

package/dist/component/use-service-options-base-Cr8hJp01.js

@@ -0,0 +1,48 @@
+import { useState as o, useCallback as D, useEffect as m, useMemo as b } from "react";
+import { af as v } from "./form-Dn-MrArr.js";
+const k = (I) => {
+  const { fieldType: L, isEditor: t = !1, postProcessOptions: i, customFetchLogic: a, onInitialDataLoaded: n } = I, [O, h] = o(!1), [g, p] = o([]), [E, f] = o(!1), [c, u] = o(!1), s = v(L), r = D((e) => {
+    let d = e.map((l) => ({
+      value: l.id ?? "",
+      label: l.name ?? "",
+      id: l.id ?? ""
+    }));
+    return i && (d = i(d)), d;
+  }, [
+    i
+  ]);
+  m(() => {
+    if (s != null && s.services) {
+      const e = r(s.services);
+      p(e), f(e.length === 0), u(!0), n && n(e);
+    }
+  }, [
+    s,
+    r,
+    n
+  ]), m(() => {
+    a && !t && a();
+  }, [
+    a,
+    t
+  ]);
+  const y = b(() => t || c, [
+    t,
+    c
+  ]);
+  return {
+    isLoading: O,
+    options: g,
+    isEmpty: E,
+    hasInitialDataLoaded: c,
+    shouldRender: y,
+    setIsLoading: h,
+    setOptions: p,
+    setIsEmpty: f,
+    setHasInitialDataLoaded: u,
+    processOptions: r
+  };
+};
+export {
+  k as u
+};

package/dist/component/use-synced-display-value-DcAxdn3M.js

@@ -0,0 +1,19 @@
+import { useState as c, useRef as p, useEffect as u } from "react";
+import { c as r, t as l } from "./numeric-input-utils-CuBMi4-a.js";
+const o = ({ sourceValue: t, format: e, regionalFormat: n }) => {
+  const [i, s] = c(() => e(t) ?? ""), a = p(t);
+  return u(() => {
+    t === a.current || (a.current = t, r(t) === r(l(i, n))) || s(e(t) ?? "");
+  }, [
+    t,
+    i,
+    n,
+    e
+  ]), [
+    i,
+    s
+  ];
+};
+export {
+  o as u
+};