@hortiview/shared-components 0.0.4775 → 0.0.4801

package/dist/components/HashTabView/HashTabView.js

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

package/dist/components/HeaderFilter/HeaderFilter.js

@@ -1,25 +1,27 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { TypoBody as n, Select as d } from "@element/react-components";
-import { BasicHeading as l } from "../BasicHeading/BasicHeading.js";
-import { s as m } from "../../HeaderFilter.module-DiBmulr5.js";
-const h = ({
+import "../../assets/HeaderFilter.css";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { TypoBody as a, Select as s } from "@element/react-components";
+import { BasicHeading as c } from "../BasicHeading/BasicHeading.js";
+const d = "_filterSelect_923nc_1", m = {
+  filterSelect: d
+}, h = ({
   heading: r,
   filterByText: e,
-  setFilter: o,
-  filterValue: a,
-  filterOptions: i
-}) => /* @__PURE__ */ s(l, { "data-testid": "HeaderContainer", heading: r, children: [
-  e && /* @__PURE__ */ t(n, { level: 2, children: e }),
+  setFilter: i,
+  filterValue: l,
+  filterOptions: o
+}) => /* @__PURE__ */ n(c, { "data-testid": "HeaderContainer", heading: r, children: [
+  e && /* @__PURE__ */ t(a, { level: 2, children: e }),
   /* @__PURE__ */ t(
-    d,
+    s,
     {
       "data-testid": "Select",
       dense: !0,
       className: m.filterSelect,
       variant: "outlined",
-      onChange: o,
-      value: a,
-      options: i
+      onChange: i,
+      value: l,
+      options: o
     }
   )
 ] });