@hortiview/shared-components 0.0.7428 → 0.0.7501

package/dist/assets/genericCard.css

@@ -1 +1 @@
-._cardTitle_1738q_1{padding:.5rem!important}._cardBody_1738q_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_1738q_10{border-radius:.5rem}._row_1738q_14{padding:.25rem 0}._font_1738q_18{max-width:125px;font-weight:400;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}._title_1738q_26{display:inline-block;width:65vw;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}
+._cardTitle_a6o2v_1{padding:.5rem!important}._cardBody_a6o2v_5{padding:.25rem .5rem!important;overflow:hidden!important}._cardContent_a6o2v_10{border-radius:.5rem}._row_a6o2v_14{padding:.25rem 0}._font_a6o2v_18{max-width:125px;font-weight:400;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}._title_a6o2v_26{display:inline-block;width:65vw;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}._emptyContainer_a6o2v_34{width:inherit;height:inherit}._empty_a6o2v_34{position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}

package/dist/assets/genericTable.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700|Roboto+Mono:400,500|Material+Icons";._filterButton_1xlao_1{width:15rem;height:100%!important}._filterBadge_1xlao_6{position:relative;top:-112%;left:95%;border-color:var(--lmnt-theme-surface-variant)!important}._dense_1xlao_12,._dense_1xlao_12 div[class*=lmnt-select__anchor]{height:2.5rem!important}._topBar_1msoo_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_1msoo_5{padding:1rem;width:inherit!important}._emptyTable_1msoo_9{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_1msoo_17{border-radius:.4rem;width:100%}._table_1msoo_22,._table_1msoo_22 [class*=mdc-data-table__table-container]{border-radius:.4rem}
+@import"https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700|Roboto+Mono:400,500|Material+Icons";._filterButton_qtl7a_1{width:15rem;height:100%!important}._relativeParent_qtl7a_6{position:relative}._filterBadge_qtl7a_10{position:absolute;top:0;right:0;transform:translate(50%,-50%)}._dense_qtl7a_17,._dense_qtl7a_17 div[class*=lmnt-select__anchor]{height:2.5rem!important}._topBar_1msoo_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_1msoo_5{padding:1rem;width:inherit!important}._emptyTable_1msoo_9{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_1msoo_17{border-radius:.4rem;width:100%}._table_1msoo_22,._table_1msoo_22 [class*=mdc-data-table__table-container]{border-radius:.4rem}

package/dist/components/Filter/Filter.js

@@ -1,8 +1,8 @@
 import { jsx as t, jsxs as y, Fragment as I } from "react/jsx-runtime";
-import { Group as v, Modal as W, Button as p, Select as j, IconButton as z, NotificationBadge as S } from "@element/react-components";
+import { Group as v, Modal as W, Button as u, Select as j, IconButton as z, NotificationBadge as N } from "@element/react-components";
 import { useState as g } from "react";
-import { s as d } from "../../genericTable.module-CNV1Yt1K.js";
-import { u as O } from "../../useBreakpoints-BNeVhjjZ.js";
+import { s as a } from "../../genericTable.module-Dk3yy2S3.js";
+import { u as k } from "../../useBreakpoints-BNeVhjjZ.js";
 import "../../alertBanner.module-HneYdVzN.js";
 import { I as H } from "../../Iconify-CY9lZjFd.js";
 import "../../react-tooltip.min-BzHiZW8k.js";
@@ -20,7 +20,7 @@ import "lodash";
 import "../../contextMenu.module-DNQ8d9Aj.js";
 import "../../deleteModal.module-Ds3MDzdl.js";
 import "../../disclaimer.module-BZydt-Q_.js";
-import "../../genericCard.module-DzqcufuN.js";
+import "../../genericCard.module-CnQn6tMH.js";
 import "../../HashTabView.module-DUekkiTC.js";
 import "../../HeaderFilter.module-DiBmulr5.js";
 import "../../infoGroup.module-Cxw88dfC.js";
@@ -32,67 +32,67 @@ import "../../formDatePicker.module-BV3ma_7y.js";
 import "../../formSelect.module-C18N-SsT.js";
 import "../../formText.module-C0by6_DK.js";
 const vt = ({
-  clearFilterText: o,
-  closeCallback: l,
+  clearFilterText: l,
+  closeCallback: o,
   currentFilter: r,
   filterButtonAsIcon: e = !1,
   filterButtonText: i,
-  filterModalTitle: u,
-  filters: a,
-  modalCancelButtonText: m,
+  filterModalTitle: f,
+  filters: m,
+  modalCancelButtonText: c,
   modalConfirmButtonText: n,
-  useModal: b = !0
+  useModal: C = !0
 }) => {
-  const { isDesktop: N } = O(), [A, f] = g(!1), [s, C] = g(r), [_, x] = g(0), B = () => {
-    f(!1), l(s), x(
-      s.reduce((c, { selectedOptions: h }) => c + h.length, 0)
+  const { isDesktop: b } = k(), [A, h] = g(!1), [s, x] = g(r), [_, B] = g(0), F = () => {
+    h(!1), o(s), B(
+      s.reduce((p, { selectedOptions: d }) => p + d.length, 0)
     );
   }, w = () => {
-    C([]), x(0);
-  }, F = (c) => {
-    const h = [
-      ...s.filter((D) => D.id !== c.id),
-      c
+    x([]), B(0);
+  }, S = (p) => {
+    const d = [
+      ...s.filter((D) => D.id !== p.id),
+      p
     ];
-    C(h);
+    x(d), C || o(d);
   };
-  return b ? /* @__PURE__ */ y(I, { children: [
+  return C ? /* @__PURE__ */ y(I, { children: [
     /* @__PURE__ */ t(
       K,
       {
         filterButtonText: i,
         filterButtonAsIcon: e,
         count: _,
-        onClick: () => f(!0)
+        onClick: () => h(!0)
       }
     ),
     /* @__PURE__ */ t(
       W,
       {
         open: A,
-        onClose: B,
-        title: u,
-        modalSize: N ? "small" : "fullscreen",
-        headerActions: /* @__PURE__ */ t(p, { variant: "text", onClick: w, children: o }),
-        dismissiveButton: /* @__PURE__ */ t(p, { variant: "outlined", onClick: () => f(!1), children: m }),
-        primaryButton: /* @__PURE__ */ t(p, { variant: "filled", onClick: B, children: n }),
-        children: /* @__PURE__ */ t(v, { direction: "vertical", children: k(a, s, F) })
+        onClose: F,
+        title: f,
+        modalSize: b ? "small" : "fullscreen",
+        headerActions: /* @__PURE__ */ t(u, { variant: "text", onClick: w, children: l }),
+        dismissiveButton: /* @__PURE__ */ t(u, { variant: "outlined", onClick: () => h(!1), children: c }),
+        primaryButton: /* @__PURE__ */ t(u, { variant: "filled", onClick: F, children: n }),
+        children: /* @__PURE__ */ t(v, { direction: "vertical", children: O(m, s, S) })
       }
     )
-  ] }) : /* @__PURE__ */ t(v, { secondaryAlign: "center", fullWidth: !0, children: k(a, s, F, !1) });
-}, k = (o, l, r, e = !0) => o.map(({ id: i, title: u, availableOptions: a, icon: m }) => /* @__PURE__ */ y(v, { fullWidth: !0, secondaryAlign: "center", children: [
-  m ? /* @__PURE__ */ t(H, { icon: m, iconSize: "medium" }) : null,
+  ] }) : /* @__PURE__ */ t(v, { secondaryAlign: "center", fullWidth: !0, children: O(m, s, S, !1) });
+}, O = (l, o, r, e = !0) => l.map(({ id: i, title: f, availableOptions: m, icon: c }) => /* @__PURE__ */ y(v, { fullWidth: !0, secondaryAlign: "center", children: [
+  c ? /* @__PURE__ */ t(H, { icon: c, iconSize: "medium" }) : null,
   /* @__PURE__ */ t(
     j,
     {
-      className: e ? void 0 : d.dense,
+      className: e ? void 0 : a.dense,
       variant: "outlined",
-      options: a,
-      label: u,
+      options: m,
+      label: f,
       multiSelect: !0,
       textKey: "text",
       valueKey: "id",
-      value: l.find((n) => n.id === i)?.selectedOptions ?? [],
+      value: o.find((n) => n.id === i)?.selectedOptions ?? [],
       onChange: (n) => r({ id: i, selectedOptions: n }),
       hoisted: !0,
       menuMaxHeight: "300px",
@@ -104,50 +104,57 @@ const vt = ({
     }
   )
 ] }, i)), K = ({
-  filterButtonText: o,
-  filterButtonAsIcon: l,
+  filterButtonText: l,
+  filterButtonAsIcon: o,
   count: r,
   onClick: e
 }) => {
-  const { isDesktop: i } = O();
-  return l ? /* @__PURE__ */ t(
+  const { isDesktop: i } = k();
+  return o ? /* @__PURE__ */ t(
     z,
     {
       icon: "filter_list_alt",
       onClick: e,
       badge: r !== 0 && /* @__PURE__ */ t(
-        S,
+        N,
         {
           counter: r,
-          className: d.filterBadge,
+          className: a.filterBadge,
           themeColor: "secondary",
           "data-testid": "filter-badge"
         }
       )
     }
-  ) : /* @__PURE__ */ y("div", { style: { height: "100%", width: i ? void 0 : "100%" }, children: [
-    /* @__PURE__ */ t(
-      p,
-      {
-        variant: "outlined",
-        themeColor: "primary",
-        leadingIcon: "filter_list_alt",
-        onClick: e,
-        className: d.filterButton,
-        fullWidth: !i,
-        children: o
-      }
-    ),
-    r !== 0 && /* @__PURE__ */ t(
-      S,
-      {
-        counter: r,
-        className: d.filterBadge,
-        themeColor: "secondary",
-        "data-testid": "filter-badge"
-      }
-    )
-  ] });
+  ) : /* @__PURE__ */ y(
+    "div",
+    {
+      className: a.relativeParent,
+      style: { height: "100%", width: i ? void 0 : "100%" },
+      children: [
+        /* @__PURE__ */ t(
+          u,
+          {
+            variant: "outlined",
+            themeColor: "primary",
+            leadingIcon: "filter_list_alt",
+            onClick: e,
+            className: a.filterButton,
+            fullWidth: !i,
+            children: l
+          }
+        ),
+        r !== 0 && /* @__PURE__ */ t(
+          N,
+          {
+            counter: r,
+            className: a.filterBadge,
+            themeColor: "secondary",
+            "data-testid": "filter-badge"
+          }
+        )
+      ]
+    }
+  );
 };
 export {
   vt as Filter

package/dist/components/GenericTable/GenericTable.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as B } from "react/jsx-runtime";
 import { Elevation as D, Table as G, TableTopBar as u, Group as l, Padding as W, TypoDisplay as k, TypoSubtitle as C } from "@element/react-components";
 import { Fragment as j } from "react";
-import { a as e } from "../../genericTable.module-CNV1Yt1K.js";
+import { a as e } from "../../genericTable.module-Dk3yy2S3.js";
 import { u as x } from "../../useBreakpoints-BNeVhjjZ.js";
 import "../../alertBanner.module-HneYdVzN.js";
 import "../../iconify.module-C89oaw5b.js";

package/dist/components/GenericTable/Mobile/GenericCard.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as s, Fragment as T } from "react/jsx-runtime";
 import { Card as g, CardContent as y, CardBody as x, Grid as v, GridRow as u, GridCol as n, TypoSubtitle as f, CardTitle as N, CardDivider as b } from "@element/react-components";
 import { useMemo as k } from "react";
 import { OverflowTooltip as c } from "../../OverflowTooltip/OverflowTooltip.js";
-import { s as d } from "../../../genericCard.module-DzqcufuN.js";
+import { s as d } from "../../../genericCard.module-CnQn6tMH.js";
 const h = {
   desktopCol: 6,
   phoneCol: 2,

package/dist/components/GenericTable/Mobile/GenericCardList.js

@@ -1,20 +1,21 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Group as l } from "@element/react-components";
+import { Padding as l, TypoCaption as d, Group as s } from "@element/react-components";
 import { GenericCard as m } from "./GenericCard.js";
-const f = ({
-  columns: i,
+import { s as i } from "../../../genericCard.module-CnQn6tMH.js";
+const u = ({
+  columns: n,
   data: e,
-  hiddenColumns: n = [],
-  noContentText: t
-}) => e?.length === 0 ? /* @__PURE__ */ r("div", { children: t }) : /* @__PURE__ */ r(l, { fullWidth: !0, direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: e?.map((o, c) => /* @__PURE__ */ r(
+  hiddenColumns: a = [],
+  noContentText: o
+}) => e?.length === 0 ? /* @__PURE__ */ r("div", { className: i.emptyContainer, children: /* @__PURE__ */ r(l, { variant: "standard", style: { textAlign: "center" }, className: i.empty, children: /* @__PURE__ */ r(d, { children: o }) }) }) : /* @__PURE__ */ r(s, { fullWidth: !0, direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: e?.map((t, c) => /* @__PURE__ */ r(
   m,
   {
-    item: o,
-    columns: i,
-    hiddenColumns: n
+    item: t,
+    columns: n,
+    hiddenColumns: a
   },
-  c
+  t.id ?? c
 )) });
 export {
-  f as GenericCardList
+  u as GenericCardList
 };

package/dist/genericCard.module-CnQn6tMH.js

@@ -0,0 +1,14 @@
+import "./assets/genericCard.css";
+const t = "_cardTitle_a6o2v_1", o = "_cardBody_a6o2v_5", n = "_cardContent_a6o2v_10", _ = "_row_a6o2v_14", a = "_font_a6o2v_18", e = "_title_a6o2v_26", c = "_emptyContainer_a6o2v_34", r = "_empty_a6o2v_34", d = {
+  cardTitle: t,
+  cardBody: o,
+  cardContent: n,
+  row: _,
+  font: a,
+  title: e,
+  emptyContainer: c,
+  empty: r
+};
+export {
+  d as s
+};

package/dist/genericTable.module-Dk3yy2S3.js

@@ -0,0 +1,17 @@
+import "./assets/genericTable.css";
+const t = "_filterButton_qtl7a_1", e = "_relativeParent_qtl7a_6", o = "_filterBadge_qtl7a_10", a = "_dense_qtl7a_17", B = {
+  filterButton: t,
+  relativeParent: e,
+  filterBadge: o,
+  dense: a
+}, l = "_topBar_1msoo_1", _ = "_filterBar_1msoo_5", s = "_emptyTable_1msoo_9", n = "_elevation_1msoo_17", r = "_table_1msoo_22", c = {
+  topBar: l,
+  filterBar: _,
+  emptyTable: s,
+  elevation: n,
+  table: r
+};
+export {
+  c as a,
+  B as s
+};

package/dist/main.js

@@ -1,4 +1,4 @@
-import "./genericTable.module-CNV1Yt1K.js";
+import "./genericTable.module-Dk3yy2S3.js";
 import { AlertBanner as t } from "./components/AlertBanner/AlertBanner.js";
 import { BaseView as p } from "./components/BaseView/BaseView.js";
 import { BasicHeading as x } from "./components/BasicHeading/BasicHeading.js";

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.7428",
+  "version": "0.0.7501",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",

package/dist/genericCard.module-DzqcufuN.js

@@ -1,12 +0,0 @@
-import "./assets/genericCard.css";
-const t = "_cardTitle_1738q_1", o = "_cardBody_1738q_5", _ = "_cardContent_1738q_10", c = "_row_1738q_14", n = "_font_1738q_18", r = "_title_1738q_26", e = {
-  cardTitle: t,
-  cardBody: o,
-  cardContent: _,
-  row: c,
-  font: n,
-  title: r
-};
-export {
-  e as s
-};

package/dist/genericTable.module-CNV1Yt1K.js

@@ -1,16 +0,0 @@
-import "./assets/genericTable.css";
-const t = "_filterButton_1xlao_1", e = "_filterBadge_1xlao_6", o = "_dense_1xlao_12", i = {
-  filterButton: t,
-  filterBadge: e,
-  dense: o
-}, s = "_topBar_1msoo_1", a = "_filterBar_1msoo_5", _ = "_emptyTable_1msoo_9", l = "_elevation_1msoo_17", n = "_table_1msoo_22", B = {
-  topBar: s,
-  filterBar: a,
-  emptyTable: _,
-  elevation: l,
-  table: n
-};
-export {
-  B as a,
-  i as s
-};