@hortiview/shared-components 0.0.9939 → 0.0.10001

package/dist/components/HashTabView/HashTabView.js

@@ -1,37 +1,37 @@
 import { jsx as a, jsxs as m, Fragment as I } from "react/jsx-runtime";
-import { Elevation as N, Group as o, TabBar as b, Tab as y, Padding as k } from "@element/react-components";
+import { Elevation as N, Group as o, TabBar as y, Tab as b, Padding as k } from "@element/react-components";
 import { useState as w, useEffect as x } from "react";
 import { u as C } from "../../useBreakpoints-MzTZ0tCT.js";
-import { s as t } from "../../HashTabView.module-ZhwSfDeQ.js";
-const f = (n, r) => !r || !n ? 0 : n.findIndex((i) => i.hash === r.replace("#", "")) ?? 0, z = ({
-  tabs: n,
+import { s as n } from "../../HashTabView.module-ZhwSfDeQ.js";
+const f = (t, r) => !r || !t ? 0 : t.findIndex((i) => i.hash === r.replace("#", "")) ?? 0, z = ({
+  tabs: t,
   hasHash: r = !0,
   hash: i = "",
   clusterAlign: h = "start",
   hasClusteredTabs: g,
-  children: l,
+  children: d,
   verticalGap: v = "none",
   elevation: $ = 0,
   backgroundColor: T = "themeBackground",
   onChange: A,
   hasStickyTabs: p = !1
 }) => {
-  const [s, u] = w(f(n, i)), { isDesktop: d } = C();
+  const [l, u] = w(f(t, i)), { isDesktop: s } = C();
   x(() => {
     if (!r || !i)
       return;
-    const e = f(n, i);
+    const e = f(t, i);
     u(e);
-  }, [n, i, r]);
+  }, [t, i, r]);
   const B = (e) => {
-    const c = n[e].hash;
+    const c = t[e].hash;
     c != null && r && window.history.replaceState(null, "", `#${c}`), u(e), A?.(e);
   };
   return /* @__PURE__ */ a(
     N,
     {
       elevation: $,
-      className: `${t.elevation} ${T === "none" ? "" : t.themeBackground}`,
+      className: `${n.elevation} ${T === "none" ? "" : n.themeBackground}`,
       children: /* @__PURE__ */ m(
         o,
         {
@@ -43,26 +43,26 @@ const f = (n, r) => !r || !n ? 0 : n.findIndex((i) => i.hash === r.replace("#",
             /* @__PURE__ */ m(
               o,
               {
-                direction: d ? "horizontal" : "vertical",
-                className: `${t.tabWrapper} ${p ? t.stickyHeader : ""}`,
+                direction: s ? "horizontal" : "vertical",
+                className: `${n.tabWrapper} ${p ? n.stickyHeader : ""}`,
                 children: [
                   /* @__PURE__ */ a(
-                    b,
+                    y,
                     {
                       "data-testid": "tab-bar",
-                      className: t.tabBar,
-                      clustered: d ? g : !1,
+                      className: n.tabBar,
+                      clustered: s ? g : !1,
                       clusterAlign: h,
                       variant: "surface",
-                      activeTabIndex: s,
+                      activeTabIndex: l,
                       onTabActivated: B,
-                      children: n.map((e, c) => /* @__PURE__ */ a(
-                        y,
+                      children: t.map((e, c) => /* @__PURE__ */ a(
+                        b,
                         {
                           "data-testid": `tab-${e.title}`,
                           icon: e.leadingIcon,
-                          className: `${l ? t.tabButton : ""} ${e.isIconRed ? t.iconColorRed : ""}`,
-                          active: s === c,
+                          className: `${d ? n.tabButton : ""} ${e.isIconRed ? n.iconColorRed : ""}`,
+                          active: l === c,
                           children: /* @__PURE__ */ m(o, { gap: "dense", children: [
                             e.title,
                             e.trailingIcon
@@ -72,26 +72,18 @@ const f = (n, r) => !r || !n ? 0 : n.findIndex((i) => i.hash === r.replace("#",
                       ))
                     }
                   ),
-                  l ? /* @__PURE__ */ a(
+                  d ? /* @__PURE__ */ a(
                     k,
                     {
                       variant: "dense",
-                      className: d ? t.childContainer : t.childContainerPhone,
-                      children: /* @__PURE__ */ a(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: l })
+                      className: s ? n.childContainer : n.childContainerPhone,
+                      children: /* @__PURE__ */ a(o, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: d })
                     }
                   ) : /* @__PURE__ */ a(I, {})
                 ]
               }
             ),
-            /* @__PURE__ */ a(
-              o,
-              {
-                fullWidth: !0,
-                direction: "vertical",
-                className: ` ${p ? t.miniPadding : ""}`,
-                children: n[s]?.component
-              }
-            )
+            p ? /* @__PURE__ */ a(o, { fullWidth: !0, direction: "vertical", className: n.miniPadding, children: t[l]?.component }) : t[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.9939",
+  "version": "0.0.10001",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",