@hortiview/default-components 1.4.2 → 1.4.3

package/dist/assets/DefaultFormSelect.css

@@ -1 +1 @@
-._customPortal_8wq49_1>div[class*=lmnt__menu-portal]{transition:none}._customSelect_8wq49_7 div[class*=lmnt__menu-list--is-multi]{max-height:none}._invalidHelperText_1qcz0_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_1qcz0_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_1qcz0_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_1qcz0_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_1qcz0_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_1qcz0_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_1qcz0_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_1qcz0_18 *[class*=lmnt-select-menu]{z-index:2001}._multiText_1qcz0_40 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_1qcz0_49{z-index:42}._disabled_1qcz0_54+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}
+._customPortal_8wq49_1>div[class*=lmnt__menu-portal]{transition:none}._customSelect_8wq49_7 div[class*=lmnt__menu-list--is-multi]{max-height:none}._invalidHelperText_u3es9_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_u3es9_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_u3es9_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_u3es9_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_u3es9_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_u3es9_18>*[class*=lmnt-select-container]{flex-direction:column}._formSelectContainer_u3es9_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color);align-self:flex-start}._formSelectContainer_u3es9_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_u3es9_18 *[class*=lmnt-select-menu]{z-index:2001}._multiText_u3es9_45 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_u3es9_54{z-index:42}._disabled_u3es9_59+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-on-surface-disabled)}[id*=select-container][class*=top] [class*=mdc-menu-surface--open]{bottom:0}[id*=select-container][class*=bottom] [class*=mdc-menu-surface--open]{top:0}

package/dist/components/DefaultFormSelect/DefaultFormSelect.js

@@ -1,55 +1,55 @@
-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 { 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 { 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_8wq49_1", le = "_customSelect_8wq49_7", D = {
   customPortal: te,
   customSelect: le
 }, oe = ({
   menuMaxHeight: e = "15rem",
   portalClassName: t,
   "data-testid": l = "custom-select",
-  className: r,
+  className: n,
   hoisted: u,
-  ...x
+  ..._
 }) => {
-  const c = `custom-portal-${t ?? "default"}`, n = k("elementSelectForTestId-");
-  return z(() => {
-    if (u && !document.getElementById(c)) {
-      const s = document.createElement("div");
-      s.id = c, s.className = `${K.customPortal} ${t ?? ""}`, document.body.appendChild(s);
+  const m = `custom-portal-${t ?? "default"}`, s = 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);
     }
-  }, [u, c, t]), z(() => {
-    const s = document.querySelectorAll(`#${n} input[role="combobox"]`);
-    s && s.forEach((_) => {
-      _.setAttribute("data-testid", l);
+  }, [u, m, t]), K(() => {
+    const r = document.querySelectorAll(`#${s} input[role="combobox"]`);
+    r && r.forEach((x) => {
+      x.setAttribute("data-testid", l);
     });
-  }, [l, n]), /* @__PURE__ */ o(
+  }, [l, s]), /* @__PURE__ */ o(
     G,
     {
       menuMaxHeight: e,
       hoisted: u,
-      id: n,
-      portalContainer: document.getElementById(c) ? `#${c}` : void 0,
-      className: `${K.customSelect} ${r ?? ""}`,
-      ...x
+      id: s,
+      portalContainer: document.getElementById(m) ? `#${m}` : void 0,
+      className: `${D.customSelect} ${n ?? ""}`,
+      ..._
     }
   );
 };
 var ae = X();
-const ie = /* @__PURE__ */ W(ae), ne = ({ value: e, textKey: t, valueKey: l }) => {
+const ie = /* @__PURE__ */ z(ae), se = ({ 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 = {
-  invalidHelperText: re,
-  invalidBorder: se,
+    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,
   invalidPlaceholder: de,
-  invalidDropdownIcon: ce,
-  formSelectContainer: me,
+  invalidDropdownIcon: me,
+  formSelectContainer: ce,
   formSelect: ue,
   multiText: pe,
   tooltip: fe,
@@ -58,39 +58,39 @@ const ie = /* @__PURE__ */ W(ae), ne = ({ value: e, textKey: t, valueKey: l }) =
   propertyName: e,
   label: t,
   options: l,
-  multi: r = !1,
+  multi: n = !1,
   disabled: u = !1,
-  hoisted: x = !1,
-  hidden: c = !1,
-  valueKey: n = "value",
-  textKey: s = "text",
-  clearable: _ = !1,
-  searchable: M = !0,
-  noOptionsMessage: S = "",
+  hoisted: _ = !1,
+  hidden: m = !1,
+  valueKey: s = "value",
+  textKey: r = "text",
+  clearable: x = !1,
+  searchable: F = !0,
+  noOptionsMessage: T = "",
   rules: p,
-  menuPosition: D = "auto",
+  menuPosition: w = "auto",
   ...a
 }) => {
   const {
-    control: T,
-    getFieldState: F,
-    formState: { errors: q, isValidating: C }
-  } = Z(), $ = N(
-    () => !C && g(q, e) !== void 0,
-    [q, e, C]
-  ), w = N(
+    control: g,
+    getFieldState: H,
+    formState: { errors: C, isValidating: I }
+  } = Z(), O = M(
+    () => !I && S(C, e) !== void 0,
+    [C, e, I]
+  ), $ = M(
     () => {
       var y;
       return (y = p == null ? void 0 : p.required) == null ? void 0 : y.message;
     },
     [p]
-  ), { helperText: H, helperTextPersistent: O } = U({
+  ), { helperText: q, helperTextPersistent: E } = W({
     propertyName: e,
     helperText: a.helperText,
-    requiredText: w,
+    requiredText: $,
     hasCharacterCount: !1
   });
-  return c ? /* @__PURE__ */ o(A, { name: e, control: T, render: () => /* @__PURE__ */ o(I, {}) }) : /* @__PURE__ */ o(
+  return m ? /* @__PURE__ */ o(A, { name: e, control: g, render: () => /* @__PURE__ */ o(N, {}) }) : /* @__PURE__ */ o(
     "div",
     {
       "data-testid": "form-select-container",
@@ -101,56 +101,56 @@ const ie = /* @__PURE__ */ W(ae), ne = ({ value: e, textKey: t, valueKey: l }) =
         {
           name: e,
           rules: p,
-          control: T,
-          render: ({ field: { ref: y, onChange: b, value: f, ...B } }) => {
-            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 = `
+          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 = `
           ${d.formSelect} 
           ${v ? d.invalidHelperText : ""} 
           ${v ? d.invalidDropdownIcon : ""}  
           ${v ? d.invalidBorder : ""} 
           ${v ? d.invalidPlaceholder : ""}  
-          ${E ? d.multiText : ""} 
+          ${B ? d.multiText : ""} 
           ${u ? d.disabled : ""}`;
-            return /* @__PURE__ */ j(I, { children: [
+            return /* @__PURE__ */ U(N, { children: [
               /* @__PURE__ */ o(
                 oe,
                 {
-                  ...B,
+                  ...V,
                   ...a,
                   value: h ?? [],
                   label: t,
                   variant: "outlined",
-                  helperText: H,
-                  helperTextPersistent: O,
+                  helperText: q,
+                  helperTextPersistent: E,
                   options: l,
-                  valid: !$,
+                  valid: !O,
                   "data-testid": a["data-testid"] ?? `select-${e}`,
-                  multiSelect: !(l != null && l.length) && S ? !1 : r,
-                  className: V,
+                  multiSelect: !(l != null && l.length) && T ? !1 : n,
+                  className: L,
                   disabled: u,
-                  valueKey: n,
-                  textKey: s,
+                  valueKey: s,
+                  textKey: r,
                   onChange: (i) => {
                     var P;
                     if (i == null) {
                       b(i);
                       return;
                     }
-                    if (r) {
-                      b(i.map((L) => L[n]));
+                    if (n) {
+                      b(i.map((j) => j[s]));
                       return;
                     }
-                    b(i[n]), (P = a == null ? void 0 : a.onChange) == null || P.call(a, i);
+                    b(i[s]), (P = a == null ? void 0 : a.onChange) == null || P.call(a, i);
                   },
-                  hoisted: x,
-                  noOptionsMessage: S,
-                  searchable: M,
-                  clearable: _,
-                  menuPosition: D
+                  hoisted: _,
+                  noOptionsMessage: T,
+                  searchable: F,
+                  clearable: x,
+                  menuPosition: w
                 }
               ),
               /* @__PURE__ */ o(
@@ -162,7 +162,7 @@ const ie = /* @__PURE__ */ W(ae), ne = ({ value: e, textKey: t, valueKey: l }) =
                   delayShow: 420,
                   className: d.tooltip,
                   hidden: !h || h.length === 0 || !a.fixedHeightInput,
-                  children: /* @__PURE__ */ o(ne, { value: h, textKey: s, valueKey: n })
+                  children: /* @__PURE__ */ o(se, { value: h, textKey: r, valueKey: s })
                 }
               )
             ] });
@@ -171,7 +171,7 @@ const ie = /* @__PURE__ */ W(ae), ne = ({ value: e, textKey: t, valueKey: l }) =
       )
     }
   );
-}, Ce = (e) => {
+}, Ie = (e) => {
   const { t } = Y();
   return /* @__PURE__ */ o(ee, { children: /* @__PURE__ */ o(
     ve,
@@ -185,5 +185,5 @@ const ie = /* @__PURE__ */ W(ae), ne = ({ value: e, textKey: t, valueKey: l }) =
   ) });
 };
 export {
-  Ce as DefaultFormSelect
+  Ie as DefaultFormSelect
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/default-components",
   "description": "This is a component library that should be used in the HortiView platform and its modules. The components provided here have default translation strings.",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -85,7 +85,7 @@
     "@element-public/react-components": "^5.68.10-alpha.1",
     "@element-public/themes": "^5.68.10-alpha.1",
     "@eslint/js": "^9.17.0",
-    "@hortiview/shared-components": "^2.8.7",
+    "@hortiview/shared-components": "^2.8.8",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@semantic-release/changelog": "^6.0.3",