@hortiview/shared-components 0.0.8622 → 0.0.8731

package/dist/components/Filter/Filter.d.ts

@@ -10,6 +10,7 @@ type FilterProps = {
     filterModalTitle: string;
     filters: FilterData[];
     useModal?: boolean;
+    selectAllLabel?: string;
 };
 /**
  * Filter component that allows the user to filter the data provided
@@ -26,5 +27,5 @@ type FilterProps = {
  *                   if false the filters will be displayed directly in the page, be aware that the filters will be displayed in a row and there needs to be enough space for them
  * @returns
  */
-export declare const Filter: ({ clearFilterText, closeCallback, currentFilter, filterButtonAsIcon, filterButtonText, filterModalTitle, filters, modalCancelButtonText, modalConfirmButtonText, useModal, }: FilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Filter: ({ clearFilterText, closeCallback, currentFilter, filterButtonAsIcon, filterButtonText, filterModalTitle, filters, modalCancelButtonText, modalConfirmButtonText, useModal, selectAllLabel, }: FilterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Filter/Filter.js

@@ -1,10 +1,10 @@
-import { jsx as t, jsxs as B, Fragment as I } from "react/jsx-runtime";
-import { Group as y, Button as h, Select as T, Switch as W, IconButton as j, NotificationBadge as b } from "@element/react-components";
-import { useState as v } from "react";
+import { jsx as t, jsxs as C, Fragment as T } from "react/jsx-runtime";
+import { Group as B, Button as h, Select as W, Switch as j, IconButton as z, NotificationBadge as N } from "@element/react-components";
+import { useState as y } from "react";
 import { s as c } from "../../genericTable.module-Dk3yy2S3.js";
 import { u as A } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../alertBanner.module-BPiKN0gh.js";
-import { I as z } from "../../Iconify-CY9lZjFd.js";
+import { I as H } from "../../Iconify-CY9lZjFd.js";
 import "../../react-tooltip.min-BzHiZW8k.js";
 import "../../overflowTooltip.module-YyRN2MGc.js";
 import "../../basicHeading.module-BYb8xvuk.js";
@@ -12,7 +12,7 @@ import "../../isArray-Ca4KR8TK.js";
 import "../../_baseToString-BNXOi2Mf.js";
 import "../../_equalByTag-DJhSpgVG.js";
 import "../../iconify.module-C89oaw5b.js";
-import { SearchBar as H } from "../SearchBar/SearchBar.js";
+import { SearchBar as K } from "../SearchBar/SearchBar.js";
 import "../../listArea.module-BhO_OJ1S.js";
 import "../../verticalDivider.module-C3_GL-fH.js";
 import "../../baseView.module-uWbm_a5f.js";
@@ -20,7 +20,7 @@ import "../../BlockView.module-BPlNT5uh.js";
 import "../../chipCard.module-BjpKuf1b.js";
 import "lodash";
 import "../../contextMenu.module-vNQHb48g.js";
-import { Modal as K } from "../Modal/Modal.js";
+import { Modal as G } from "../Modal/Modal.js";
 import "../../deleteModal.module-Ds3MDzdl.js";
 import "../../disclaimer.module-BZydt-Q_.js";
 import "../../genericCard.module-DrQu86jX.js";
@@ -34,121 +34,123 @@ import "react-hook-form";
 import "../../formDatePicker.module-BV3ma_7y.js";
 import "../../formSelect.module-DMHh1bp8.js";
 import "../../formText.module-C0by6_DK.js";
-const St = ({
-  clearFilterText: m,
-  closeCallback: a,
-  currentFilter: i,
-  filterButtonAsIcon: n = !1,
-  filterButtonText: r,
-  filterModalTitle: p,
-  filters: d,
-  modalCancelButtonText: u,
-  modalConfirmButtonText: s,
-  useModal: e = !0
+const Ft = ({
+  clearFilterText: f,
+  closeCallback: s,
+  currentFilter: e,
+  filterButtonAsIcon: m = !1,
+  filterButtonText: n,
+  filterModalTitle: i,
+  filters: p,
+  modalCancelButtonText: g,
+  modalConfirmButtonText: u,
+  useModal: l = !0,
+  selectAllLabel: r
 }) => {
-  const { isDesktop: N } = A(), [w, g] = v(!1), [f, C] = v(i), [O, x] = v(0), S = () => {
-    g(!1), a(f), x(
-      f.reduce((l, { filterValue: o }) => o === void 0 ? l : typeof o == "boolean" ? o ? l + 1 : l : Array.isArray(o) ? l + o.length : typeof o == "string" && o.length ? l + 1 : l, 0)
+  const { isDesktop: w } = A(), [O, v] = y(!1), [d, x] = y(e), [_, S] = y(0), F = () => {
+    v(!1), s(d), S(
+      d.reduce((a, { filterValue: o }) => o === void 0 ? a : typeof o == "boolean" ? o ? a + 1 : a : Array.isArray(o) ? a + o.length : typeof o == "string" && o.length ? a + 1 : a, 0)
     );
-  }, _ = () => {
-    C([]), x(0);
-  }, F = (l) => {
+  }, D = () => {
+    x([]), S(0);
+  }, k = (a) => {
     const o = [
-      ...f.filter((D) => D.id !== l.id),
-      l
+      ...d.filter((I) => I.id !== a.id),
+      a
     ];
-    C(o), e || a(o);
+    x(o), l || s(o);
   };
-  return e ? /* @__PURE__ */ B(I, { children: [
+  return l ? /* @__PURE__ */ C(T, { children: [
     /* @__PURE__ */ t(
-      G,
+      P,
       {
-        filterButtonText: r,
-        filterButtonAsIcon: n,
-        count: O,
-        onClick: () => g(!0)
+        filterButtonText: n,
+        filterButtonAsIcon: m,
+        count: _,
+        onClick: () => v(!0)
       }
     ),
     /* @__PURE__ */ t(
-      K,
+      G,
       {
-        open: w,
-        onClose: S,
-        title: p,
-        modalSize: N ? "small" : "fullscreen",
-        headerActions: /* @__PURE__ */ t(h, { variant: "text", onClick: _, children: m }),
-        dismissiveButton: /* @__PURE__ */ t(h, { variant: "outlined", onClick: () => g(!1), children: u }),
-        primaryButton: /* @__PURE__ */ t(h, { variant: "filled", onClick: S, children: s }),
-        children: /* @__PURE__ */ t(y, { direction: "vertical", children: k(d, f, F) })
+        open: O,
+        onClose: F,
+        title: i,
+        modalSize: w ? "small" : "fullscreen",
+        headerActions: /* @__PURE__ */ t(h, { variant: "text", onClick: D, children: f }),
+        dismissiveButton: /* @__PURE__ */ t(h, { variant: "outlined", onClick: () => v(!1), children: g }),
+        primaryButton: /* @__PURE__ */ t(h, { variant: "filled", onClick: F, children: u }),
+        children: /* @__PURE__ */ t(B, { direction: "vertical", children: b(p, d, k, r) })
       }
     )
-  ] }) : /* @__PURE__ */ t(y, { secondaryAlign: "center", fullWidth: !0, children: k(d, f, F, !1) });
-}, k = (m, a, i, n = !0) => m.map(({ id: r, title: p, availableOptions: d, icon: u, type: s }) => /* @__PURE__ */ B(y, { fullWidth: !0, secondaryAlign: "center", children: [
-  u ? /* @__PURE__ */ t(z, { icon: u, iconSize: "medium" }) : null,
-  s === "select" && /* @__PURE__ */ t(
-    T,
+  ] }) : /* @__PURE__ */ t(B, { secondaryAlign: "center", fullWidth: !0, children: b(p, d, k, r, !1) });
+}, b = (f, s, e, m, n = !0) => f.map(({ id: i, title: p, availableOptions: g, icon: u, type: l }) => /* @__PURE__ */ C(B, { fullWidth: !0, secondaryAlign: "center", children: [
+  u ? /* @__PURE__ */ t(H, { icon: u, iconSize: "medium" }) : null,
+  l === "select" && /* @__PURE__ */ t(
+    W,
     {
+      selectAllLabel: m,
       className: n ? void 0 : c.dense,
       variant: "outlined",
-      options: d,
+      options: g,
       label: p,
       multiSelect: !0,
       textKey: "text",
       valueKey: "id",
-      value: a.find((e) => e.id === r)?.filterValue ?? [],
-      onChange: (e) => i({ id: r, type: s, filterValue: e }),
+      value: s.find((r) => r.id === i)?.filterValue ?? [],
+      onChange: (r) => e({ id: i, type: l, filterValue: r }),
       hoisted: !0,
       menuMaxHeight: "300px",
-      disabled: r === "location",
+      disabled: i === "location",
       showOptionFilter: !1,
       dense: !n,
       fixedHeightInput: !n,
       multiDisplayType: n ? "pills" : "text"
     }
   ),
-  s === "toggle" && /* @__PURE__ */ t(
-    W,
+  l === "toggle" && /* @__PURE__ */ t(
+    j,
     {
       label: p,
-      onChange: (e) => i({ id: r, type: s, filterValue: e }),
-      checked: !!a.find((e) => e.id === r)?.filterValue
+      onChange: (r) => e({ id: i, type: l, filterValue: r }),
+      checked: !!s.find((r) => r.id === i)?.filterValue
     }
   ),
-  s === "search" && /* @__PURE__ */ t(
-    H,
+  l === "search" && /* @__PURE__ */ t(
+    K,
     {
       placeholder: p,
-      searchTerm: a.find((e) => e.id === r)?.filterValue,
-      setSearchTerm: (e) => i({ id: r, type: s, filterValue: e })
+      searchTerm: s.find((r) => r.id === i)?.filterValue,
+      setSearchTerm: (r) => e({ id: i, type: l, filterValue: r })
     }
   )
-] }, r)), G = ({
-  filterButtonText: m,
-  filterButtonAsIcon: a,
-  count: i,
-  onClick: n
+] }, i)), P = ({
+  filterButtonText: f,
+  filterButtonAsIcon: s,
+  count: e,
+  onClick: m
 }) => {
-  const { isDesktop: r } = A();
-  return a ? /* @__PURE__ */ t(
-    j,
+  const { isDesktop: n } = A();
+  return s ? /* @__PURE__ */ t(
+    z,
     {
       icon: "filter_list_alt",
-      onClick: n,
-      badge: i !== 0 && /* @__PURE__ */ t(
-        b,
+      onClick: m,
+      badge: e !== 0 && /* @__PURE__ */ t(
+        N,
         {
-          counter: i,
+          counter: e,
           className: c.filterBadge,
           themeColor: "secondary",
           "data-testid": "filter-badge"
         }
       )
     }
-  ) : /* @__PURE__ */ B(
+  ) : /* @__PURE__ */ C(
     "div",
     {
       className: c.relativeParent,
-      style: { height: "100%", width: r ? void 0 : "100%" },
+      style: { height: "100%", width: n ? void 0 : "100%" },
       children: [
         /* @__PURE__ */ t(
           h,
@@ -156,16 +158,16 @@ const St = ({
             variant: "outlined",
             themeColor: "primary",
             leadingIcon: "filter_list_alt",
-            onClick: n,
+            onClick: m,
             className: c.filterButton,
-            fullWidth: !r,
-            children: m
+            fullWidth: !n,
+            children: f
           }
         ),
-        i !== 0 && /* @__PURE__ */ t(
-          b,
+        e !== 0 && /* @__PURE__ */ t(
+          N,
           {
-            counter: i,
+            counter: e,
             className: c.filterBadge,
             themeColor: "secondary",
             "data-testid": "filter-badge"
@@ -176,5 +178,5 @@ const St = ({
   );
 };
 export {
-  St as Filter
+  Ft as Filter
 };

package/dist/components/HashTabView/HashTabView.js

@@ -1,69 +1,65 @@
-import { jsx as t, jsxs as d, Fragment as y } from "react/jsx-runtime";
-import { Elevation as I, Group as c, TabBar as N, Tab as $, Padding as b } from "@element/react-components";
-import { useState as k, useEffect as x } from "react";
-import { u as w } from "../../useBreakpoints-MzTZ0tCT.js";
-import { s as r } from "../../HashTabView.module-DUekkiTC.js";
-const u = (n, a) => !a || !n ? 0 : n.findIndex((i) => i.hash === a.replace("#", "")) ?? 0, z = ({
-  tabs: n,
-  hasHash: a = !0,
-  hash: i = "",
+import { jsx as r, jsxs as m, Fragment as B } from "react/jsx-runtime";
+import { Elevation as b, Group as o, TabBar as y, Tab as I, Padding as N } from "@element/react-components";
+import { useState as $ } from "react";
+import { u as k } from "../../useBreakpoints-MzTZ0tCT.js";
+import { s as n } from "../../HashTabView.module-DUekkiTC.js";
+const w = (a, i) => !i || !a ? 0 : a.findIndex((c) => c.hash === i.replace("#", "")) ?? 0, z = ({
+  tabs: a,
+  hasHash: i = !0,
+  hash: c = "",
   clusterAlign: h = "start",
-  hasClusteredTabs: f,
+  hasClusteredTabs: p,
   children: s,
-  verticalGap: g = "none",
-  elevation: v = 0,
-  backgroundColor: T = "themeBackground",
-  onChange: A
+  verticalGap: u = "none",
+  elevation: g = 0,
+  backgroundColor: v = "themeBackground",
+  onChange: f
 }) => {
-  const [m, p] = k(u(n, i)), { isDesktop: l } = w();
-  x(() => {
-    const e = u(n, i);
-    p(e);
-  }, [i, n, a]);
-  const B = (e) => {
-    const o = n[e].hash;
-    o != null && a && window.history.replaceState(null, "", `#${o}`), p(e), A?.(e);
+  const [l, T] = $(w(a, c)), { isDesktop: d } = k(), A = (e) => {
+    const t = a[e].hash;
+    t != null && i && window.history.replaceState(null, "", `#${t}`), T(e), f?.(e);
   };
-  return /* @__PURE__ */ t(
-    I,
+  return /* @__PURE__ */ r(
+    b,
     {
-      elevation: v,
-      className: `${r.elevation} ${T === "none" ? "" : r.themeBackground}`,
-      children: /* @__PURE__ */ d(c, { direction: "vertical", gap: g, secondaryAlign: "stretch", children: [
-        /* @__PURE__ */ d(c, { direction: l ? "horizontal" : "vertical", className: r.tabWrapper, children: [
-          /* @__PURE__ */ t(
-            N,
+      elevation: g,
+      className: `${n.elevation} ${v === "none" ? "" : n.themeBackground}`,
+      children: /* @__PURE__ */ m(o, { direction: "vertical", gap: u, secondaryAlign: "stretch", children: [
+        /* @__PURE__ */ m(o, { direction: d ? "horizontal" : "vertical", className: n.tabWrapper, children: [
+          /* @__PURE__ */ r(
+            y,
             {
-              className: r.tabBar,
-              clustered: l ? f : !1,
+              className: n.tabBar,
+              clustered: d ? p : !1,
               clusterAlign: h,
               variant: "surface",
-              activeTabIndex: m,
-              onTabActivated: B,
-              children: n.map((e, o) => /* @__PURE__ */ t(
-                $,
+              activeTabIndex: l,
+              onTabActivated: A,
+              children: a.map((e, t) => /* @__PURE__ */ r(
+                I,
                 {
                   icon: e.leadingIcon,
-                  className: s ? r.tabButton : "",
-                  children: /* @__PURE__ */ d(c, { gap: "dense", children: [
+                  className: s ? n.tabButton : "",
+                  active: l === t,
+                  children: /* @__PURE__ */ m(o, { gap: "dense", children: [
                     e.title,
                     e.trailingIcon
                   ] })
                 },
-                `${o}_${e.hash}`
+                `${t}_${e.hash}`
               ))
             }
           ),
-          s ? /* @__PURE__ */ t(
-            b,
+          s ? /* @__PURE__ */ r(
+            N,
             {
               variant: "dense",
-              className: l ? r.childContainer : r.childContainerPhone,
-              children: /* @__PURE__ */ t(c, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: s })
+              className: d ? n.childContainer : n.childContainerPhone,
+              children: /* @__PURE__ */ r(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: s })
             }
-          ) : /* @__PURE__ */ t(y, {})
+          ) : /* @__PURE__ */ r(B, {})
         ] }),
-        n[m]?.component
+        a[l]?.component
       ] })
     }
   );

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