@hortiview/shared-components 0.0.10001 → 0.0.10012

package/dist/assets/formSelect.css

@@ -1 +1 @@
-._invalid_pywdu_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._formSelectContainer_pywdu_6{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_pywdu_6 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_pywdu_6 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_pywdu_6+*[class*=mdc-select-helper-text]{margin-bottom:-19.33px!important}._formSelect_pywdu_6 *[class*=lmnt-select-menu]{z-index:2001}._multiText_pywdu_32 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_pywdu_41{z-index:42}._disabled_pywdu_46+*[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}[class*=lmnt__menu-portal]{z-index:6!important}
+._invalidHelperText_11d5q_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._invalidBorder_11d5q_5 *[class*=mdc-notched-outline]{border-color:var(--lmnt-theme-danger)!important}._invalidPlaceholder_11d5q_9 *[class*=lmnt-select-label]{color:var(--lmnt-theme-danger)!important}._invalidDropdownIcon_11d5q_13 *[class*=mdc-select__dropdown-icon]{fill:var(--lmnt-theme-danger)!important}._formSelectContainer_11d5q_18{display:flex;flex-wrap:wrap;width:100%}._formSelectContainer_11d5q_18 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_11d5q_18 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_11d5q_18+*[class*=mdc-select-helper-text]{margin-bottom:-19.33px!important}._formSelect_11d5q_18 *[class*=lmnt-select-menu]{z-index:2001}._multiText_11d5q_44 *[class*=lmnt-select-value-container]{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;display:block!important;padding:1.125rem 0!important}._tooltip_11d5q_53{z-index:42}._disabled_11d5q_58+*[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}[class*=lmnt__menu-portal]{z-index:6!important}

package/dist/components/Filter/Filter.js

@@ -32,7 +32,7 @@ import "../../loadingSpinner.module-CLtqSMWA.js";
 import "../Scrollbar/Scrollbar.js";
 import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";
-import "../../formSelect.module-nnJoBE6f.js";
+import "../../formSelect.module-C6cK23EF.js";
 import "../../formText.module-C0by6_DK.js";
 import "../../isPlainObject-BlCDf1Kc.js";
 const kt = ({

package/dist/components/FormComponents/FormSelect/FormSelect.js

@@ -1,122 +1,130 @@
-import { jsx as i, Fragment as F, jsxs as z } from "react/jsx-runtime";
-import { Select as G } from "@element/react-components";
-import { g as p } from "../../../get-BJn2Enx7.js";
-import { i as J } from "../../../isArray-thIeLpc5.js";
-import { useEffect as Q, useMemo as C } from "react";
-import { useFormContext as R, Controller as M } from "react-hook-form";
-import { H as U } from "../../../react-tooltip.min-BzHiZW8k.js";
-import { SelectTooltipText as W } from "./SelectTooltipText.js";
-import { s as o } from "../../../formSelect.module-nnJoBE6f.js";
-const te = ({
+import { jsx as n, Fragment as E, jsxs as Q } from "react/jsx-runtime";
+import { Select as R } from "@element/react-components";
+import { g as v } from "../../../get-BJn2Enx7.js";
+import { i as U } from "../../../isArray-thIeLpc5.js";
+import { useEffect as W, useMemo as C } from "react";
+import { useFormContext as X, Controller as M } from "react-hook-form";
+import { H as Y } from "../../../react-tooltip.min-BzHiZW8k.js";
+import { SelectTooltipText as Z } from "./SelectTooltipText.js";
+import { s as r } from "../../../formSelect.module-C6cK23EF.js";
+const ne = ({
   propertyName: t,
-  label: x,
-  options: a,
+  label: S,
+  options: o,
   multi: f = !1,
-  disabled: q = !1,
-  hoisted: S = !1,
-  hidden: v = !1,
-  valueKey: n = "value",
-  textKey: H = "text",
+  disabled: $ = !1,
+  hoisted: g = !1,
+  hidden: w = !1,
+  valueKey: l = "value",
+  textKey: p = "text",
   clearable: j = !1,
-  searchable: w = !0,
-  noOptionsMessage: A = "",
-  rules: l,
-  menuPosition: s = "auto",
-  ...d
+  searchable: A = !0,
+  noOptionsMessage: B = "",
+  rules: a,
+  menuPosition: d = "auto",
+  ...s
 }) => {
   const {
     control: I,
-    formState: { errors: c, isValidating: $ }
-  } = R(), m = CSS.escape(t) + "-select-container", b = '[id="' + CSS.escape(m) + '"]';
-  Q(() => {
-    if (!(!S || s === "auto") && !document.getElementById(m)) {
-      const r = document.createElement("div");
-      r.id = m, r.classList.add(s), document.body.appendChild(r);
+    getFieldState: D,
+    formState: { errors: c, isValidating: H }
+  } = X(), m = CSS.escape(t) + "-select-container", b = '[id="' + CSS.escape(m) + '"]';
+  W(() => {
+    if (!(!g || d === "auto") && !document.getElementById(m)) {
+      const i = document.createElement("div");
+      i.id = m, i.classList.add(d), document.body.appendChild(i);
     }
-  }, [S, s, m]);
-  const g = C(
-    () => !$ && p(c, t) !== void 0,
-    [c, t, $]
-  ), B = C(
-    () => l?.required?.value,
-    [l]
-  ), D = C(
-    () => l?.required?.message,
-    [l]
-  ), L = () => {
+  }, [g, d, m]);
+  const q = C(
+    () => !H && v(c, t) !== void 0,
+    [c, t, H]
+  ), L = C(
+    () => a?.required?.value,
+    [a]
+  ), O = C(
+    () => a?.required?.message,
+    [a]
+  ), V = () => {
     if (c && c[t]) {
-      const r = c[t]?.message;
-      return r || "Invalid input";
+      const i = c[t]?.message;
+      return i || "Invalid input";
     }
-    return D;
+    return O;
   };
-  return v ? /* @__PURE__ */ i(M, { name: t, control: I, render: () => /* @__PURE__ */ i(F, {}) }) : /* @__PURE__ */ i(
+  return w ? /* @__PURE__ */ n(M, { name: t, control: I, render: () => /* @__PURE__ */ n(E, {}) }) : /* @__PURE__ */ n(
     "div",
     {
       "data-testid": "form-select-container",
-      className: o.formSelectContainer,
-      "data-tooltip-id": x,
-      children: /* @__PURE__ */ i(
+      className: r.formSelectContainer,
+      "data-tooltip-id": S,
+      children: /* @__PURE__ */ n(
         M,
         {
           name: t,
-          rules: l,
+          rules: a,
           control: I,
-          render: ({ field: { ref: r, onChange: h, value: E, ...O } }) => {
-            let T = a;
-            J(a) && p(a[0], "options") !== void 0 && (T = a.flatMap((e) => p(e, "options") ?? []));
+          render: ({ field: { ref: i, onChange: h, value: F, ...k } }) => {
+            let T = o;
+            U(o) && v(o[0], "options") !== void 0 && (T = o.flatMap((e) => v(e, "options") ?? []));
             const u = f ? T?.filter(
-              (e) => E?.includes(e[n])
-            ) : T?.find((e) => e[n] === E), V = f && d.multiDisplayType === "text" && d.fixedHeightInput;
-            return /* @__PURE__ */ z(F, { children: [
-              /* @__PURE__ */ i(
-                G,
+              (e) => F?.includes(e[l])
+            ) : T?.find((e) => e[l] === F), z = f && s.multiDisplayType === "text" && s.fixedHeightInput, x = D(t).invalid, G = `
+          ${r.formSelect} 
+          ${x ? r.invalidHelperText : ""} 
+          ${x ? r.invalidDropdownIcon : ""}  
+          ${x ? r.invalidBorder : ""} 
+          ${x ? r.invalidPlaceholder : ""}  
+          ${z ? r.multiText : ""} 
+          ${$ ? r.disabled : ""}`;
+            return /* @__PURE__ */ Q(E, { children: [
+              /* @__PURE__ */ n(
+                R,
                 {
-                  ...O,
-                  ...d,
+                  ...k,
+                  ...s,
                   value: u ?? [],
-                  label: x,
+                  label: S,
                   variant: "outlined",
-                  helperText: L(),
-                  helperTextPersistent: B || g,
-                  options: a,
-                  valid: !g,
+                  helperText: V(),
+                  helperTextPersistent: L || q,
+                  options: o,
+                  valid: !q,
                   "data-testid": `select-${t}`,
                   multiSelect: f,
-                  className: `${o.formSelect} ${g ? o.invalid : ""} ${V ? o.multiText : ""} ${q ? o.disabled : ""}`,
-                  disabled: q,
-                  valueKey: n,
-                  textKey: H,
+                  className: G,
+                  disabled: $,
+                  valueKey: l,
+                  textKey: p,
                   onChange: (e) => {
                     if (e == null) {
                       h(e);
                       return;
                     }
                     if (f) {
-                      h(e.map((k) => k[n]));
+                      h(e.map((J) => J[l]));
                       return;
                     }
-                    h(e[n]), d?.onChange?.(e);
+                    h(e[l]), s?.onChange?.(e);
                   },
-                  hoisted: S,
-                  noOptionsMessage: A,
-                  searchable: w,
+                  hoisted: g,
+                  noOptionsMessage: B,
+                  searchable: A,
                   clearable: j,
                   menuMaxHeight: "15rem",
-                  menuPosition: s,
-                  portalContainer: s !== "auto" && b
+                  menuPosition: d,
+                  portalContainer: d !== "auto" && b
                 }
               ),
-              /* @__PURE__ */ i(
-                U,
+              /* @__PURE__ */ n(
+                Y,
                 {
-                  id: x,
+                  id: S,
                   noArrow: !0,
                   place: "bottom",
                   delayShow: 420,
-                  className: o.tooltip,
-                  hidden: !u || u.length === 0 || !d.fixedHeightInput,
-                  children: /* @__PURE__ */ i(W, { value: u, textKey: H, valueKey: n })
+                  className: r.tooltip,
+                  hidden: !u || u.length === 0 || !s.fixedHeightInput,
+                  children: /* @__PURE__ */ n(Z, { value: u, textKey: p, valueKey: l })
                 }
               )
             ] });
@@ -127,5 +135,5 @@ const te = ({
   );
 };
 export {
-  te as FormSelect
+  ne as FormSelect
 };

package/dist/components/GenericTable/GenericTable.js

@@ -30,7 +30,7 @@ import "../../loadingSpinner.module-CLtqSMWA.js";
 import "../Scrollbar/Scrollbar.js";
 import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";
-import "../../formSelect.module-nnJoBE6f.js";
+import "../../formSelect.module-C6cK23EF.js";
 import "../../formText.module-C0by6_DK.js";
 import "../../isPlainObject-BlCDf1Kc.js";
 import { useGenerateColumns as x, useGenerateTableData as _ } from "./GenericTableService.js";

package/dist/formSelect.module-C6cK23EF.js

@@ -0,0 +1,15 @@
+import "./assets/formSelect.css";
+const o = "_invalidHelperText_11d5q_1", e = "_invalidBorder_11d5q_5", i = "_invalidPlaceholder_11d5q_9", l = "_invalidDropdownIcon_11d5q_13", t = "_formSelectContainer_11d5q_18", d = "_formSelect_11d5q_18", n = "_multiText_11d5q_44", _ = "_tooltip_11d5q_53", r = "_disabled_11d5q_58", c = {
+  invalidHelperText: o,
+  invalidBorder: e,
+  invalidPlaceholder: i,
+  invalidDropdownIcon: l,
+  formSelectContainer: t,
+  formSelect: d,
+  multiText: n,
+  tooltip: _,
+  disabled: r
+};
+export {
+  c as s
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "0.0.10001",
+  "version": "0.0.10012",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",

package/dist/formSelect.module-nnJoBE6f.js

@@ -1,12 +0,0 @@
-import "./assets/formSelect.css";
-const t = "_invalid_pywdu_1", o = "_formSelectContainer_pywdu_6", e = "_formSelect_pywdu_6", i = "_multiText_pywdu_32", l = "_tooltip_pywdu_41", _ = "_disabled_pywdu_46", d = {
-  invalid: t,
-  formSelectContainer: o,
-  formSelect: e,
-  multiText: i,
-  tooltip: l,
-  disabled: _
-};
-export {
-  d as s
-};