@hortiview/shared-components 0.0.7403 → 0.0.7462

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";
@@ -21,7 +21,7 @@ import "../../contextMenu.module-DNQ8d9Aj.js";
 import "../../deleteModal.module-Ds3MDzdl.js";
 import "../../disclaimer.module-BZydt-Q_.js";
 import "../../genericCard.module-DzqcufuN.js";
-import "../../HashTabView.module-CJX4gxTu.js";
+import "../../HashTabView.module-DUekkiTC.js";
 import "../../HeaderFilter.module-DiBmulr5.js";
 import "../../infoGroup.module-Cxw88dfC.js";
 import "../../bigLoadingSpinner.module-GgbFol8k.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";
@@ -19,7 +19,7 @@ import "lodash";
 import "../../contextMenu.module-DNQ8d9Aj.js";
 import "../../deleteModal.module-Ds3MDzdl.js";
 import "../../disclaimer.module-BZydt-Q_.js";
-import "../../HashTabView.module-CJX4gxTu.js";
+import "../../HashTabView.module-DUekkiTC.js";
 import "../../HeaderFilter.module-DiBmulr5.js";
 import "../../infoGroup.module-Cxw88dfC.js";
 import "../../bigLoadingSpinner.module-GgbFol8k.js";

package/dist/components/HashTabView/HashTabView.js

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as d, Fragment as I } from "react/jsx-runtime";
 import { Elevation as N, Group as c, TabBar as b, Tab as k, Padding as x } from "@element/react-components";
 import { useState as y, useEffect as $ } from "react";
 import { u as w } from "../../useBreakpoints-BNeVhjjZ.js";
-import { s as a } from "../../HashTabView.module-CJX4gxTu.js";
+import { s as a } from "../../HashTabView.module-DUekkiTC.js";
 const h = (n, t) => !t || !n ? 0 : n.findIndex((i) => i.hash === t.replace("#", "")) ?? 0, D = ({
   tabs: n,
   hasHash: t = !0,

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.d.ts

@@ -1,4 +1,3 @@
-import './styles/main.css';
 export { AlertBanner } from './components/AlertBanner/AlertBanner';
 export { BaseView } from './components/BaseView/BaseView';
 export { BasicHeading } from './components/BasicHeading/BasicHeading';

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.7403",
+  "version": "0.0.7462",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",
@@ -35,7 +35,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "1.5.0",
-    "@element/react-components": "^5.42.4",
+    "@element/react-components": "^5.42.8",
     "@element/themes": "^5.44.4",
     "@storybook/addon-essentials": "^8.2.5",
     "@storybook/addon-interactions": "^8.2.5",

package/dist/HashTabView.module-CJX4gxTu.js

@@ -1,13 +0,0 @@
-import "./assets/HashTabView.css";
-const t = "_elevation_16c7u_1", n = "_themeBackground_16c7u_6", a = "_tabBar_16c7u_10", o = "_tabWrapper_16c7u_16", e = "_tabButton_16c7u_20", c = "_childContainer_16c7u_24", _ = "_childContainerPhone_16c7u_28", i = {
-  elevation: t,
-  themeBackground: n,
-  tabBar: a,
-  tabWrapper: o,
-  tabButton: e,
-  childContainer: c,
-  childContainerPhone: _
-};
-export {
-  i 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
-};