@hortiview/default-components 1.4.2 → 1.4.4

package/dist/components/DefaultFormSelect/DefaultFormSelect.js

@@ -1,12 +1,12 @@
-import { jsx as o, Fragment as I, jsxs as j } from "react/jsx-runtime";
-import { a as g, v as U } from "../../useHelperText-3ahu6tTS.js";
-import { d as W, ao as X, u as Y } from "../../useTranslation-CVaIJbcK.js";
-import { useEffect as z, useMemo as N } 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", K = {
+import '../../assets/DefaultFormSelect.css';const te = "_customPortal_1u11g_1", le = "_customSelect_1u11g_8", A = {
   customPortal: te,
   customSelect: le
 }, oe = ({
@@ -15,18 +15,18 @@ import '../../assets/DefaultFormSelect.css';const te = "_customPortal_8wq49_1",
   "data-testid": l = "custom-select",
   className: r,
   hoisted: u,
-  ...x
+  ..._
 }) => {
   const c = `custom-portal-${t ?? "default"}`, n = k("elementSelectForTestId-");
-  return z(() => {
+  return K(() => {
     if (u && !document.getElementById(c)) {
       const s = document.createElement("div");
-      s.id = c, s.className = `${K.customPortal} ${t ?? ""}`, document.body.appendChild(s);
+      s.id = c, s.className = `${A.customPortal} ${t ?? ""}`, document.body.appendChild(s);
     }
-  }, [u, c, t]), z(() => {
+  }, [u, c, t]), K(() => {
     const s = document.querySelectorAll(`#${n} input[role="combobox"]`);
-    s && s.forEach((_) => {
-      _.setAttribute("data-testid", l);
+    s && s.forEach((x) => {
+      x.setAttribute("data-testid", l);
     });
   }, [l, n]), /* @__PURE__ */ o(
     G,
@@ -35,8 +35,8 @@ import '../../assets/DefaultFormSelect.css';const te = "_customPortal_8wq49_1",
       hoisted: u,
       id: n,
       portalContainer: document.getElementById(c) ? `#${c}` : void 0,
-      className: `${K.customSelect} ${r ?? ""}`,
-      ...x
+      className: `${A.customSelect} ${r ?? ""}`,
+      ..._
     }
   );
 };
@@ -44,7 +44,7 @@ var ae = X();
 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((r) => /* @__PURE__ */ o(R, { level: 2, children: r[t] }, r[l])) }) : e == null ? void 0 : e[t];
-}, re = "_invalidHelperText_1qcz0_1", se = "_invalidBorder_1qcz0_5", de = "_invalidPlaceholder_1qcz0_9", ce = "_invalidDropdownIcon_1qcz0_13", me = "_formSelectContainer_1qcz0_18", ue = "_formSelect_1qcz0_18", pe = "_multiText_1qcz0_40", fe = "_tooltip_1qcz0_49", he = "_disabled_1qcz0_54", d = {
+}, 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,
@@ -52,19 +52,19 @@ const ie = /* @__PURE__ */ W(ae), ne = ({ value: e, textKey: t, valueKey: l }) =
   formSelectContainer: me,
   formSelect: ue,
   multiText: pe,
-  tooltip: fe,
-  disabled: he
+  tooltip: he,
+  disabled: fe
 }, ve = ({
   propertyName: e,
   label: t,
   options: l,
   multi: r = !1,
   disabled: u = !1,
-  hoisted: x = !1,
+  hoisted: _ = !1,
   hidden: c = !1,
   valueKey: n = "value",
   textKey: s = "text",
-  clearable: _ = !1,
+  clearable: x = !1,
   searchable: M = !0,
   noOptionsMessage: S = "",
   rules: p,
@@ -74,82 +74,82 @@ const ie = /* @__PURE__ */ W(ae), ne = ({ value: e, textKey: t, valueKey: l }) =
   const {
     control: T,
     getFieldState: F,
-    formState: { errors: q, isValidating: C }
-  } = Z(), $ = N(
-    () => !C && g(q, e) !== void 0,
-    [q, e, C]
-  ), w = N(
+    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: H, helperTextPersistent: O } = U({
+  ), { helperText: $, helperTextPersistent: B } = U({
     propertyName: e,
     helperText: a.helperText,
-    requiredText: w,
+    requiredText: O,
     hasCharacterCount: !1
   });
-  return c ? /* @__PURE__ */ o(A, { name: e, control: T, render: () => /* @__PURE__ */ o(I, {}) }) : /* @__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: T,
-          render: ({ field: { ref: y, onChange: b, value: f, ...B } }) => {
+          render: ({ field: { ref: g, onChange: y, value: h, ...E } }) => {
             let m = l;
-            ie(l) && g(l[0], "options") !== void 0 && (m = l.flatMap((i) => g(i, "options") ?? []));
-            const h = r ? m == null ? void 0 : m.filter(
-              (i) => f == null ? void 0 : f.includes(i[n])
-            ) : m == null ? void 0 : m.find((i) => i[n] === f), E = r && a.multiDisplayType === "text" && a.fixedHeightInput, v = F(e).invalid, V = `
+            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 : ""}  
-          ${E ? d.multiText : ""} 
+          ${V ? d.multiText : ""} 
           ${u ? d.disabled : ""}`;
-            return /* @__PURE__ */ j(I, { children: [
+            return /* @__PURE__ */ q(I, { children: [
               /* @__PURE__ */ o(
                 oe,
                 {
-                  ...B,
+                  ...E,
                   ...a,
-                  value: h ?? [],
+                  value: f ?? [],
                   label: t,
                   variant: "outlined",
-                  helperText: H,
-                  helperTextPersistent: O,
+                  helperText: $,
+                  helperTextPersistent: B,
                   options: l,
-                  valid: !$,
+                  valid: !H,
                   "data-testid": a["data-testid"] ?? `select-${e}`,
                   multiSelect: !(l != null && l.length) && S ? !1 : r,
-                  className: V,
+                  className: L,
                   disabled: u,
                   valueKey: n,
                   textKey: s,
                   onChange: (i) => {
-                    var P;
+                    var z;
                     if (i == null) {
-                      b(i);
+                      y(i);
                       return;
                     }
                     if (r) {
-                      b(i.map((L) => L[n]));
+                      y(i.map((j) => j[n]));
                       return;
                     }
-                    b(i[n]), (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: x,
+                  hoisted: _,
                   noOptionsMessage: S,
                   searchable: M,
-                  clearable: _,
+                  clearable: x,
                   menuPosition: D
                 }
               ),
@@ -161,8 +161,8 @@ const ie = /* @__PURE__ */ W(ae), ne = ({ value: e, textKey: t, valueKey: l }) =
                   place: "bottom",
                   delayShow: 420,
                   className: d.tooltip,
-                  hidden: !h || h.length === 0 || !a.fixedHeightInput,
-                  children: /* @__PURE__ */ o(ne, { value: h, textKey: s, valueKey: n })
+                  hidden: !f || f.length === 0 || !a.fixedHeightInput,
+                  children: /* @__PURE__ */ o(ne, { value: f, textKey: s, valueKey: n })
                 }
               )
             ] });

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 }) });