@hortiview/default-components 1.4.3 → 1.4.4

package/dist/components/DefaultFormSelect/DefaultFormSelect.js

@@ -1,156 +1,156 @@
-import { jsx as o, Fragment as N, jsxs as U } from "react/jsx-runtime";
-import { a as S, v as W } from "../../useHelperText-3ahu6tTS.js";
-import { d as z, ao as X, u as Y } from "../../useTranslation-CVaIJbcK.js";
-import { useEffect as K, useMemo as M } from "react";
-import { useFormContext as Z, Controller as A } from "react-hook-form";
-import { I as k, l as G, V as J } from "../../index.es-CK4oZMKs-Da8pin7D.js";
-import { O as Q, D as R } from "../../index.es-BGordhUK-C36NK84Q.js";
+import { jsx as o, Fragment as I, jsxs as q } from "react/jsx-runtime";
+import { a as b, v as U } from "../../useHelperText-B7OMZXvE.js";
+import { z as W, ao as X, u as Y } from "../../useTranslation-B_lNCuLm.js";
+import { useEffect as K, useMemo as P } from "react";
+import { useFormContext as Z, Controller as N } from "react-hook-form";
+import { I as k, K as G, V as J } from "../../index.es-fV9oWpEf-BXuhoGtE.js";
+import { O as Q, D as R } from "../../index.es-NEYPxnlS-C8xQv2De.js";
 import { InternationalizationWrapper as ee } from "../InternationalizationWrapper/InternationalizationWrapper.js";
-import '../../assets/DefaultFormSelect.css';const te = "_customPortal_8wq49_1", le = "_customSelect_8wq49_7", D = {
+import '../../assets/DefaultFormSelect.css';const te = "_customPortal_1u11g_1", le = "_customSelect_1u11g_8", A = {
   customPortal: te,
   customSelect: le
 }, oe = ({
   menuMaxHeight: e = "15rem",
   portalClassName: t,
   "data-testid": l = "custom-select",
-  className: n,
+  className: r,
   hoisted: u,
   ..._
 }) => {
-  const m = `custom-portal-${t ?? "default"}`, s = k("elementSelectForTestId-");
+  const c = `custom-portal-${t ?? "default"}`, n = k("elementSelectForTestId-");
   return K(() => {
-    if (u && !document.getElementById(m)) {
-      const r = document.createElement("div");
-      r.id = m, r.className = `${D.customPortal} ${t ?? ""}`, document.body.appendChild(r);
+    if (u && !document.getElementById(c)) {
+      const s = document.createElement("div");
+      s.id = c, s.className = `${A.customPortal} ${t ?? ""}`, document.body.appendChild(s);
     }
-  }, [u, m, t]), K(() => {
-    const r = document.querySelectorAll(`#${s} input[role="combobox"]`);
-    r && r.forEach((x) => {
+  }, [u, c, t]), K(() => {
+    const s = document.querySelectorAll(`#${n} input[role="combobox"]`);
+    s && s.forEach((x) => {
       x.setAttribute("data-testid", l);
     });
-  }, [l, s]), /* @__PURE__ */ o(
+  }, [l, n]), /* @__PURE__ */ o(
     G,
     {
       menuMaxHeight: e,
       hoisted: u,
-      id: s,
-      portalContainer: document.getElementById(m) ? `#${m}` : void 0,
-      className: `${D.customSelect} ${n ?? ""}`,
+      id: n,
+      portalContainer: document.getElementById(c) ? `#${c}` : void 0,
+      className: `${A.customSelect} ${r ?? ""}`,
       ..._
     }
   );
 };
 var ae = X();
-const ie = /* @__PURE__ */ z(ae), se = ({ value: e, textKey: t, valueKey: l }) => {
+const ie = /* @__PURE__ */ W(ae), ne = ({ value: e, textKey: t, valueKey: l }) => {
   if (!(!e || e.length === 0))
-    return Array.isArray(e) ? /* @__PURE__ */ o(Q, { "data-testid": "select-tooltip", direction: "vertical", gap: "dense", children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o(R, { level: 2, children: n[t] }, n[l])) }) : e == null ? void 0 : e[t];
-}, ne = "_invalidHelperText_u3es9_1", re = "_invalidBorder_u3es9_5", de = "_invalidPlaceholder_u3es9_9", me = "_invalidDropdownIcon_u3es9_13", ce = "_formSelectContainer_u3es9_18", ue = "_formSelect_u3es9_18", pe = "_multiText_u3es9_45", fe = "_tooltip_u3es9_54", he = "_disabled_u3es9_59", d = {
-  invalidHelperText: ne,
-  invalidBorder: re,
+    return Array.isArray(e) ? /* @__PURE__ */ o(Q, { "data-testid": "select-tooltip", direction: "vertical", gap: "dense", children: e == null ? void 0 : e.map((r) => /* @__PURE__ */ o(R, { level: 2, children: r[t] }, r[l])) }) : e == null ? void 0 : e[t];
+}, re = "_invalidHelperText_zh2wu_1", se = "_invalidBorder_zh2wu_5", de = "_invalidPlaceholder_zh2wu_9", ce = "_invalidDropdownIcon_zh2wu_13", me = "_formSelectContainer_zh2wu_18", ue = "_formSelect_zh2wu_18", pe = "_multiText_zh2wu_53", he = "_tooltip_zh2wu_62", fe = "_disabled_zh2wu_67", d = {
+  invalidHelperText: re,
+  invalidBorder: se,
   invalidPlaceholder: de,
-  invalidDropdownIcon: me,
-  formSelectContainer: ce,
+  invalidDropdownIcon: ce,
+  formSelectContainer: me,
   formSelect: ue,
   multiText: pe,
-  tooltip: fe,
-  disabled: he
+  tooltip: he,
+  disabled: fe
 }, ve = ({
   propertyName: e,
   label: t,
   options: l,
-  multi: n = !1,
+  multi: r = !1,
   disabled: u = !1,
   hoisted: _ = !1,
-  hidden: m = !1,
-  valueKey: s = "value",
-  textKey: r = "text",
+  hidden: c = !1,
+  valueKey: n = "value",
+  textKey: s = "text",
   clearable: x = !1,
-  searchable: F = !0,
-  noOptionsMessage: T = "",
+  searchable: M = !0,
+  noOptionsMessage: S = "",
   rules: p,
-  menuPosition: w = "auto",
+  menuPosition: D = "auto",
   ...a
 }) => {
   const {
-    control: g,
-    getFieldState: H,
-    formState: { errors: C, isValidating: I }
-  } = Z(), O = M(
-    () => !I && S(C, e) !== void 0,
-    [C, e, I]
-  ), $ = M(
+    control: T,
+    getFieldState: F,
+    formState: { errors: w, isValidating: C }
+  } = Z(), H = P(
+    () => !C && b(w, e) !== void 0,
+    [w, e, C]
+  ), O = P(
     () => {
-      var y;
-      return (y = p == null ? void 0 : p.required) == null ? void 0 : y.message;
+      var g;
+      return (g = p == null ? void 0 : p.required) == null ? void 0 : g.message;
     },
     [p]
-  ), { helperText: q, helperTextPersistent: E } = W({
+  ), { helperText: $, helperTextPersistent: B } = U({
     propertyName: e,
     helperText: a.helperText,
-    requiredText: $,
+    requiredText: O,
     hasCharacterCount: !1
   });
-  return m ? /* @__PURE__ */ o(A, { name: e, control: g, render: () => /* @__PURE__ */ o(N, {}) }) : /* @__PURE__ */ o(
+  return c ? /* @__PURE__ */ o(N, { name: e, control: T, render: () => /* @__PURE__ */ o(I, {}) }) : /* @__PURE__ */ o(
     "div",
     {
       "data-testid": "form-select-container",
       className: d.formSelectContainer,
       "data-tooltip-id": t,
       children: /* @__PURE__ */ o(
-        A,
+        N,
         {
           name: e,
           rules: p,
-          control: g,
-          render: ({ field: { ref: y, onChange: b, value: f, ...V } }) => {
-            let c = l;
-            ie(l) && S(l[0], "options") !== void 0 && (c = l.flatMap((i) => S(i, "options") ?? []));
-            const h = n ? c == null ? void 0 : c.filter(
-              (i) => f == null ? void 0 : f.includes(i[s])
-            ) : c == null ? void 0 : c.find((i) => i[s] === f), B = n && a.multiDisplayType === "text" && a.fixedHeightInput, v = H(e).invalid, L = `
+          control: T,
+          render: ({ field: { ref: g, onChange: y, value: h, ...E } }) => {
+            let m = l;
+            ie(l) && b(l[0], "options") !== void 0 && (m = l.flatMap((i) => b(i, "options") ?? []));
+            const f = r ? m == null ? void 0 : m.filter(
+              (i) => h == null ? void 0 : h.includes(i[n])
+            ) : m == null ? void 0 : m.find((i) => i[n] === h), V = r && a.multiDisplayType === "text" && a.fixedHeightInput, v = F(e).invalid, L = `
           ${d.formSelect} 
           ${v ? d.invalidHelperText : ""} 
           ${v ? d.invalidDropdownIcon : ""}  
           ${v ? d.invalidBorder : ""} 
           ${v ? d.invalidPlaceholder : ""}  
-          ${B ? d.multiText : ""} 
+          ${V ? d.multiText : ""} 
           ${u ? d.disabled : ""}`;
-            return /* @__PURE__ */ U(N, { children: [
+            return /* @__PURE__ */ q(I, { children: [
               /* @__PURE__ */ o(
                 oe,
                 {
-                  ...V,
+                  ...E,
                   ...a,
-                  value: h ?? [],
+                  value: f ?? [],
                   label: t,
                   variant: "outlined",
-                  helperText: q,
-                  helperTextPersistent: E,
+                  helperText: $,
+                  helperTextPersistent: B,
                   options: l,
-                  valid: !O,
+                  valid: !H,
                   "data-testid": a["data-testid"] ?? `select-${e}`,
-                  multiSelect: !(l != null && l.length) && T ? !1 : n,
+                  multiSelect: !(l != null && l.length) && S ? !1 : r,
                   className: L,
                   disabled: u,
-                  valueKey: s,
-                  textKey: r,
+                  valueKey: n,
+                  textKey: s,
                   onChange: (i) => {
-                    var P;
+                    var z;
                     if (i == null) {
-                      b(i);
+                      y(i);
                       return;
                     }
-                    if (n) {
-                      b(i.map((j) => j[s]));
+                    if (r) {
+                      y(i.map((j) => j[n]));
                       return;
                     }
-                    b(i[s]), (P = a == null ? void 0 : a.onChange) == null || P.call(a, i);
+                    y(i[n]), (z = a == null ? void 0 : a.onChange) == null || z.call(a, i);
                   },
                   hoisted: _,
-                  noOptionsMessage: T,
-                  searchable: F,
+                  noOptionsMessage: S,
+                  searchable: M,
                   clearable: x,
-                  menuPosition: w
+                  menuPosition: D
                 }
               ),
               /* @__PURE__ */ o(
@@ -161,8 +161,8 @@ const ie = /* @__PURE__ */ z(ae), se = ({ value: e, textKey: t, valueKey: l }) =
                   place: "bottom",
                   delayShow: 420,
                   className: d.tooltip,
-                  hidden: !h || h.length === 0 || !a.fixedHeightInput,
-                  children: /* @__PURE__ */ o(se, { value: h, textKey: r, valueKey: s })
+                  hidden: !f || f.length === 0 || !a.fixedHeightInput,
+                  children: /* @__PURE__ */ o(ne, { value: f, textKey: s, valueKey: n })
                 }
               )
             ] });
@@ -171,7 +171,7 @@ const ie = /* @__PURE__ */ z(ae), se = ({ value: e, textKey: t, valueKey: l }) =
       )
     }
   );
-}, Ie = (e) => {
+}, Ce = (e) => {
   const { t } = Y();
   return /* @__PURE__ */ o(ee, { children: /* @__PURE__ */ o(
     ve,
@@ -185,5 +185,5 @@ const ie = /* @__PURE__ */ z(ae), se = ({ value: e, textKey: t, valueKey: l }) =
   ) });
 };
 export {
-  Ie as DefaultFormSelect
+  Ce as DefaultFormSelect
 };

package/dist/components/DefaultLoadingSpinner/DefaultLoadingSpinner.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { N as t } from "../../LoadingSpinner-DVBQ1tGJ.js";
+import { N as t } from "../../LoadingSpinner-DBMjIfY1.js";
 import { InternationalizationWrapper as o } from "../InternationalizationWrapper/InternationalizationWrapper.js";
-import { u as a } from "../../useTranslation-CVaIJbcK.js";
+import { u as a } from "../../useTranslation-B_lNCuLm.js";
 const l = ({ ...n }) => {
   const { t: r } = a();
   return /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(t, { ...n, text: r("loadingSpinner.baseMessage"), impatienceMessage: null }) });