@hortiview/shared-components 0.0.4991 → 0.0.5024

package/dist/{ListAreaService-8vnw7uAP.js → ListAreaService-jz92va76.js}

@@ -3,7 +3,7 @@ import { jsx as l } from "react/jsx-runtime";
 import { TypoButton as b, TypoSubtitle as k, TypoBody as L, Icon as x } from "@element/react-components";
 import { Iconify as C } from "./components/Iconify/Iconify.js";
 import { AvailableCustomIcons as E } from "./enums/AvailableCustomIcons.js";
-const N = "_fullWidth_1y0ty_1", W = "_mainElevation_1y0ty_5", $ = "_searchbar_1y0ty_11", j = "_roundedBottom_1y0ty_19", S = "_list_1y0ty_24", w = "_listItem_1y0ty_52", A = "_trailingIcon_1y0ty_56", G = "_groupedListItem_1y0ty_68", u = {
+const N = "_fullWidth_1y0ty_1", W = "_mainElevation_1y0ty_5", $ = "_searchbar_1y0ty_11", j = "_roundedBottom_1y0ty_19", S = "_list_1y0ty_24", w = "_listItem_1y0ty_52", A = "_trailingIcon_1y0ty_56", G = "_groupedListItem_1y0ty_68", _ = {
   fullWidth: N,
   mainElevation: W,
   searchbar: $,
@@ -21,48 +21,48 @@ const N = "_fullWidth_1y0ty_1", W = "_mainElevation_1y0ty_5", $ = "_searchbar_1y
       items: []
     }), e[o].items = [
       ...e[o].items,
-      _(m, i, n, !0, r)
+      g(m, i, n, !0, r)
     ]), e;
   }, {});
   return Object.values(s);
-}, K = (t, i, n, r) => t.map((s) => _(s, i, n, !1, r)), _ = (t, i, n, r, s) => {
+}, K = (t, i, n, r) => t.map((s) => g(s, i, n, !1, r)), g = (t, i, n, r, s) => {
   const {
     title: e,
     subTitle: a,
     route: o,
     value: m,
-    noNavigation: d,
-    disabled: g,
+    noNavigation: y,
+    disabled: d,
     icon: I,
-    iconType: y,
+    iconType: p,
     trailingIcon: v,
     trailingIconType: f,
     actionButton: T,
     onClick: h,
-    customTitle: p
+    customTitle: u
   } = t, c = i === o;
   return {
     select: c,
-    primaryText: p ?? /* @__PURE__ */ l(k, { level: 1, bold: c, themeColor: c ? "primary" : void 0, children: e }),
-    secondaryText: a && !p ? /* @__PURE__ */ l(L, { level: 2, themeColor: c ? "primary" : void 0, children: a }) : void 0,
+    primaryText: u ?? /* @__PURE__ */ l(k, { level: 1, bold: c, themeColor: c ? "primary" : void 0, children: e }),
+    secondaryText: a && !u ? /* @__PURE__ */ l(L, { level: 2, themeColor: c ? "primary" : void 0, children: a }) : void 0,
     overlineText: t.overlineTitle,
     trailingBlock: T ?? v ?? /* @__PURE__ */ l(x, { icon: "arrow_right" }),
     leadingBlock: O(I),
-    nonInteractive: g,
     value: m,
     componentProps: {
-      leadingBlockType: y ?? "icon",
+      leadingBlockType: p ?? "icon",
       trailingBlockType: f ?? "icon",
-      className: `${y === "avatar" ? "" : u.listItem} ${n} ${r ? u.groupedListItem : ""}`,
+      className: `${p === "avatar" ? "" : _.listItem} ${n} ${r ? _.groupedListItem : ""}`,
       onClick: (P, B) => h?.(B),
-      tag: d ? void 0 : s ?? "a",
-      to: d ? void 0 : o
+      tag: d || y ? void 0 : s ?? "a",
+      to: d || y ? void 0 : o,
+      disabled: d
     }
   };
 }, O = (t) => typeof t == "string" && t in E ? /* @__PURE__ */ l(C, { icon: t }) : t;
 export {
   K as a,
   J as g,
-  _ as m,
-  u as s
+  g as m,
+  _ as s
 };

package/dist/components/HashTabView/HashTabView.js

@@ -1,59 +1,59 @@
 import "../../assets/HashTabView.css";
-import { jsx as r, jsxs as d, Fragment as w } from "react/jsx-runtime";
+import { jsx as a, jsxs as l, Fragment as w } from "react/jsx-runtime";
 import { Elevation as T, Group as o, TabBar as C, Tab as k, Padding as A } from "@element/react-components";
 import { useState as I, useEffect as L } from "react";
 import { a as N } from "../../useBreakpoint-DROHPVxO.js";
-const x = "_elevation_1rcw6_1", y = "_themeBackground_1rcw6_6", W = "_tabBar_1rcw6_10", $ = "_tabWrapper_1rcw6_16", j = "_tabButton_1rcw6_20", E = "_childContainer_1rcw6_24", z = "_childContainerLg_1rcw6_28", a = {
+const x = "_elevation_1rcw6_1", y = "_themeBackground_1rcw6_6", W = "_tabBar_1rcw6_10", j = "_tabWrapper_1rcw6_16", E = "_tabButton_1rcw6_20", $ = "_childContainer_1rcw6_24", z = "_childContainerLg_1rcw6_28", t = {
   elevation: x,
   themeBackground: y,
   tabBar: W,
-  tabWrapper: $,
-  tabButton: j,
-  childContainer: E,
+  tabWrapper: j,
+  tabButton: E,
+  childContainer: $,
   childContainerLg: z
-}, _ = (n, t, c) => !c || !t || !n ? 0 : n.findIndex((i) => `#${i.hash}` === t) ?? 0, q = ({
+}, p = (n, r) => !r || !n ? 0 : n.findIndex((c) => c.hash === r.replace("#", "")) ?? 0, q = ({
   tabs: n,
-  hasHash: t = !0,
+  hasHash: r = !0,
   hash: c = "",
-  clusterAlign: i = "start",
-  hasClusteredTabs: g,
-  children: l,
-  verticalGap: h = "none",
+  clusterAlign: u = "start",
+  hasClusteredTabs: _,
+  children: i,
+  verticalGap: g = "none",
   elevation: B = 0,
   backgroundColor: v = "themeBackground",
   onChange: b
 }) => {
-  const [m, p] = I(_(n, c, t)), { isLg: s } = N();
+  const [d, h] = I(p(n, c)), { isLg: s } = N();
   L(() => {
-    const e = _(n, c, t);
-    p(e);
-  }, [c, n, t]);
+    const e = p(n, c);
+    h(e);
+  }, [c, n, r]);
   const f = (e) => {
-    const u = n[e].hash;
-    u != null && t && (window.location.hash = u), p(e), b?.(e);
+    const m = n[e].hash;
+    m != null && r && (window.location.hash = m), h(e), b?.(e);
   };
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ a(
     T,
     {
       elevation: B,
-      className: `${a.elevation} ${v === "none" ? "" : a.themeBackground}`,
-      children: /* @__PURE__ */ d(o, { direction: "vertical", gap: h, secondaryAlign: "stretch", children: [
-        /* @__PURE__ */ d(o, { direction: s ? "horizontal" : "vertical", className: a.tabWrapper, children: [
-          /* @__PURE__ */ r(
+      className: `${t.elevation} ${v === "none" ? "" : t.themeBackground}`,
+      children: /* @__PURE__ */ l(o, { direction: "vertical", gap: g, secondaryAlign: "stretch", children: [
+        /* @__PURE__ */ l(o, { direction: s ? "horizontal" : "vertical", className: t.tabWrapper, children: [
+          /* @__PURE__ */ a(
             C,
             {
-              className: a.tabBar,
-              clustered: s ? g : !1,
-              clusterAlign: i,
+              className: t.tabBar,
+              clustered: s ? _ : !1,
+              clusterAlign: u,
               variant: "surface",
-              activeTabIndex: m,
+              activeTabIndex: d,
               onTabActivated: f,
-              children: n.map((e) => /* @__PURE__ */ r(
+              children: n.map((e) => /* @__PURE__ */ a(
                 k,
                 {
                   icon: e.leadingIcon,
-                  className: l ? a.tabButton : "",
-                  children: /* @__PURE__ */ d(o, { gap: "dense", children: [
+                  className: i ? t.tabButton : "",
+                  children: /* @__PURE__ */ l(o, { gap: "dense", children: [
                     e.title,
                     e.trailingIcon
                   ] })
@@ -62,16 +62,16 @@ const x = "_elevation_1rcw6_1", y = "_themeBackground_1rcw6_6", W = "_tabBar_1rc
               ))
             }
           ),
-          l ? /* @__PURE__ */ r(
+          i ? /* @__PURE__ */ a(
             A,
             {
               variant: "dense",
-              className: s ? a.childContainer : a.childContainerLg,
-              children: /* @__PURE__ */ r(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: l })
+              className: s ? t.childContainer : t.childContainerLg,
+              children: /* @__PURE__ */ a(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: i })
             }
-          ) : /* @__PURE__ */ r(w, {})
+          ) : /* @__PURE__ */ a(w, {})
         ] }),
-        n[m]?.component
+        n[d]?.component
       ] })
     }
   );

package/dist/components/ListArea/ListArea.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { LinkProps } from '../../types/internal/ReactRouterTypes';
 import { ListElement } from '../../types/ListElement';
+import { LinkProps } from '../../types/internal/ReactRouterTypes';
 type ListAreaProps = {
     /**
      * elements to be displayed in the list area

package/dist/components/ListArea/ListArea.js

@@ -4,7 +4,7 @@ import { g as Hr } from "../../_commonjsHelpers-CT_km90n.js";
 import { _ as H, a as Tr, b as wr, c as T, d as Nr, e as Wr, i as h, f as N, h as B, j as Xr, k as zr, l as I, m as Yr, n as Zr, o as Jr, p as W, q as Qr, r as Or, s as Pr, t as kr, u as Vr } from "../../get-Dyz8NMrE.js";
 import { useState as re, useMemo as k } from "react";
 import { SearchBar as ee } from "../SearchBar/SearchBar.js";
-import { g as ae, a as te, s as m } from "../../ListAreaService-8vnw7uAP.js";
+import { g as ae, a as te, s as m } from "../../ListAreaService-jz92va76.js";
 var ne = H;
 function se() {
   this.__data__ = new ne(), this.size = 0;

package/dist/components/ListArea/ListArea.test.js

@@ -2,7 +2,7 @@ import { jsx as r, Fragment as i } from "react/jsx-runtime";
 import { TypoButton as p } from "@element/react-components";
 import { r as s, s as a, f as u } from "../../react.esm-C0LtovhP.js";
 import { ListArea as c } from "./ListArea.js";
-import { g as h } from "../../ListAreaService-8vnw7uAP.js";
+import { g as h } from "../../ListAreaService-jz92va76.js";
 import { d as m, t as n, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
 m("ListArea Test", () => {
   const o = [

package/dist/components/ListArea/ListAreaService.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent } from 'react';
-import { LinkProps } from '../../types/internal/ReactRouterTypes';
 import { ListElement } from '../../types/ListElement';
+import { LinkProps } from '../../types/internal/ReactRouterTypes';
 /**
  * Groups items by groupName property and maps them to the schema of Bayer's List component
  * @param items the items to group
@@ -27,15 +27,15 @@ export declare const getListedItems: (items: ListElement[], pathname: string, it
     overlineText: string | undefined;
     trailingBlock: string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode>;
     leadingBlock: string | import("react/jsx-runtime").JSX.Element | undefined;
-    nonInteractive: boolean | undefined;
     value: string | undefined;
     componentProps: {
-        leadingBlockType: "icon" | "checkbox" | "radio" | "switch" | "badge" | "meta" | "image" | "avatar" | "lgImage" | "thumbnail";
-        trailingBlockType: "icon" | "checkbox" | "radio" | "switch" | "badge" | "meta" | "image" | "avatar" | "lgImage" | "thumbnail";
+        leadingBlockType: "icon" | "checkbox" | "radio" | "switch" | "avatar" | "badge" | "image" | "lgImage" | "meta" | "thumbnail";
+        trailingBlockType: "icon" | "checkbox" | "radio" | "switch" | "avatar" | "badge" | "image" | "lgImage" | "meta" | "thumbnail";
         className: string;
         onClick: (_: ChangeEvent, value: string) => void | undefined;
         tag: string | import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>> | undefined;
         to: string | undefined;
+        disabled: boolean | undefined;
     };
 }[];
 /**
@@ -53,14 +53,14 @@ export declare const mapListElement: (element: ListElement, pathname: string | u
     overlineText: string | undefined;
     trailingBlock: string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode>;
     leadingBlock: string | import("react/jsx-runtime").JSX.Element | undefined;
-    nonInteractive: boolean | undefined;
     value: string | undefined;
     componentProps: {
-        leadingBlockType: "icon" | "checkbox" | "radio" | "switch" | "badge" | "meta" | "image" | "avatar" | "lgImage" | "thumbnail";
-        trailingBlockType: "icon" | "checkbox" | "radio" | "switch" | "badge" | "meta" | "image" | "avatar" | "lgImage" | "thumbnail";
+        leadingBlockType: "icon" | "checkbox" | "radio" | "switch" | "avatar" | "badge" | "image" | "lgImage" | "meta" | "thumbnail";
+        trailingBlockType: "icon" | "checkbox" | "radio" | "switch" | "avatar" | "badge" | "image" | "lgImage" | "meta" | "thumbnail";
         className: string;
         onClick: (_: ChangeEvent, value: string) => void | undefined;
         tag: string | import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>> | undefined;
         to: string | undefined;
+        disabled: boolean | undefined;
     };
 };

package/dist/components/ListArea/ListAreaService.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "@element/react-components";
 import "../Iconify/Iconify.js";
-import { g as s, a as i, m as a } from "../../ListAreaService-8vnw7uAP.js";
 import "../../enums/AvailableCustomIcons.js";
+import { g as s, a as i, m as a } from "../../ListAreaService-jz92va76.js";
 export {
   s as getGroupedItems,
   i as getListedItems,

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