@hortiview/shared-components 0.0.11155 → 0.0.11528

package/dist/components/FormComponents/FormText/FormText.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as r, f as d } from "../../../react.esm-FR1-H8iU.js";
-import { FormText as l } from "./FormText.js";
-import { v as a, d as u, t as o, g as e } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
+import { a as s, s as r, f as d } from "../../../react.esm-DNwojocF.js";
+import { FormText as o } from "./FormText.js";
+import { v as a, d as u, t as l, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const m = a.fn();
 a.mock("react-hook-form", () => ({
   ...a.importActual("react-hook-form"),
@@ -43,10 +43,10 @@ a.mock("react-hook-form", () => ({
   })
 }));
 u("FormText Test", () => {
-  o("render FormText and return single line text field", () => {
+  l("render FormText and return single line text field", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
         {
           rules: {
             maxLength: {
@@ -61,10 +61,10 @@ u("FormText Test", () => {
     );
     const t = r.getByRole("textbox");
     e(t).toBeInTheDocument(), e(t).toBeInstanceOf(HTMLInputElement), e(t).toHaveAttribute("maxlength", "100"), e(r.getByText("address.line2")).toBeInTheDocument();
-  }), o("change value of single line text field", () => {
+  }), l("change value of single line text field", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
         {
           rules: {
             maxLength: {
@@ -79,10 +79,10 @@ u("FormText Test", () => {
     );
     const t = r.getByRole("textbox");
     e(t).toHaveValue("test"), d.change(t, { target: { value: "test-change" } }), e(m).toHaveBeenCalled();
-  }), o("render FormText and return text area", () => {
+  }), l("render FormText and return text area", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
         {
           rules: {
             required: {
@@ -102,10 +102,10 @@ u("FormText Test", () => {
     );
     const t = r.getByRole("textbox");
     e(t).toBeInTheDocument(), e(t).toBeInstanceOf(HTMLTextAreaElement), e(t).toHaveAttribute("maxlength", "200"), e(r.getByText("address.line1")).toBeInTheDocument(), e(r.getByText("required")).toBeInTheDocument();
-  }), o("render FormText with maxLength indicator", () => {
+  }), l("render FormText with maxLength indicator", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
         {
           rules: {
             maxLength: {
@@ -119,10 +119,10 @@ u("FormText Test", () => {
         }
       )
     ), e(r.getByText("address.line1")).toBeInTheDocument(), e(r.queryByText("required")).not.toBeInTheDocument(), e(r.getByText("0/200")).toBeInTheDocument();
-  }), o("change value of text area", () => {
+  }), l("change value of text area", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
         {
           rules: {
             required: {

package/dist/components/FormComponents/FormToggle/FormToggle.d.ts

@@ -1,5 +1,6 @@
-import { SwitchProps } from '@element/react-components';
+import { SwitchProps } from '@element-public/react-components';
 import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+
 type FormToggleProps<T extends FieldValues> = {
     /** The name of the property that this toggle represents. */
     propertyName: Path<T>;

package/dist/components/FormComponents/FormToggle/FormToggle.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { Group as l, Switch as p, TypoCaption as d } from "@element/react-components";
+import { Group as l, Switch as p, TypoCaption as d } from "@element-public/react-components";
 import { useFormContext as u, Controller as C } from "react-hook-form";
 const v = ({
   propertyName: t,

package/dist/components/FormComponents/FormToggle/FormToggle.test.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a as n, s as t, f as m } from "../../../react.esm-FR1-H8iU.js";
+import { a as n, s as t, f as m } from "../../../react.esm-DNwojocF.js";
 import { FormToggle as l } from "./FormToggle.js";
-import { v as e, d as f, t as c, g as r } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
+import { v as e, d as f, t as c, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const a = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

package/dist/components/FormattedNumberDisplay/FormattedNumberDisplay.d.ts

@@ -1,6 +1,7 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 import { NumericFormatProps } from 'react-number-format';
 import { LANGUAGE_COUNTRY_CODES } from '../../types/Languages';
+
 export type FormattedNumberDisplayProps = {
     /**
      * the number to format

package/dist/components/FormattedNumberDisplay/FormattedNumberDisplay.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { N as i } from "../../react-number-format.es-BD3_OvMU.js";
+import { N as i } from "../../react-number-format.es-BK1EpVXq.js";
 import { useDecimalSeparator as d, useThousandSeparator as n } from "../../services/NumberService.js";
 const y = ({
   typographyComponent: a,

package/dist/components/GenericTable/GenericTable.d.ts

@@ -1,4 +1,5 @@
 import { TableLayoutProps } from '../../types/GenericTable';
+
 /**
  * Automatically creates a table layout based on the given data.
  * If the screen is too small, it will switch to a card layout.

package/dist/components/GenericTable/GenericTable.js

@@ -1,11 +1,10 @@
-import "../../assets/GenericTable.css";
 import { jsx as e, jsxs as B } from "react/jsx-runtime";
-import { Elevation as N, Table as D, Group as l, TypoSubtitle as G, TableTopBar as u, Padding as W, TypoDisplay as $ } from "@element/react-components";
+import { Elevation as N, Table as D, Group as i, TypoSubtitle as G, TableTopBar as u, Padding as W, TypoDisplay as $ } from "@element-public/react-components";
 import { Fragment as k } from "react";
-/* empty css                  */
+import '../../assets/main.css';import '../../assets/GenericTable.css';/* empty css                  */
 import { u as C } from "../../useBreakpoints-MzTZ0tCT.js";
 import "../../isEmpty-BimaZd5G.js";
-import "../../react-tooltip.min-c2wVkjF2.js";
+import "../../react-tooltip.min-Czs4RGD1.js";
 import "../../orderBy-BVQIswlJ.js";
 import "lodash";
 import "react-hook-form";
@@ -20,11 +19,11 @@ const E = "_topBar_1msoo_1", F = "_filterBar_1msoo_5", I = "_emptyTable_1msoo_9"
   emptyTable: I,
   elevation: L,
   table: M
-}, ee = ({
-  data: i = [],
+}, R = ({
+  data: n = [],
   hiddenColumns: s = [],
-  order: f = [],
-  cellTemplates: b = void 0,
+  order: b = [],
+  cellTemplates: f = void 0,
   tableActions: r = [],
   noContentText: m = "No data available",
   headerTranslation: _ = (o) => o,
@@ -35,17 +34,17 @@ const E = "_topBar_1msoo_1", F = "_filterBar_1msoo_5", I = "_emptyTable_1msoo_9"
   cardTitleColumn: h,
   cardSubTitleColumn: v
 }) => {
-  const { isDesktop: o } = C(), n = j({
-    data: i,
-    order: f,
-    cellTemplates: b,
+  const { isDesktop: o } = C(), l = j({
+    data: n,
+    order: b,
+    cellTemplates: f,
     headerTranslation: _,
     getRowActions: c,
     customColumnWidth: y,
     cardTitleColumn: h,
     cardSubTitleColumn: v
-  }), d = x({
-    data: i,
+  }), p = x({
+    data: n,
     getRowActions: c
   });
   return o ? /* @__PURE__ */ e(N, { elevation: 1, className: t.elevation, "data-testid": "generic-table-elevation", children: /* @__PURE__ */ e(
@@ -57,22 +56,22 @@ const E = "_topBar_1msoo_1", F = "_filterBar_1msoo_5", I = "_emptyTable_1msoo_9"
       alwaysUseDivTags: !0,
       layout: "standard",
       hiddenColumns: s,
-      data: d,
-      columns: n,
+      data: p,
+      columns: l,
       leadingContent: a && r?.length === 0 ? /* @__PURE__ */ e(u, { title: a }) : r?.length > 0 && /* @__PURE__ */ e(
         u,
         {
           className: t.topBar,
-          filterBar: /* @__PURE__ */ B(l, { fullWidth: !0, direction: "vertical", gap: "none", children: [
+          filterBar: /* @__PURE__ */ B(i, { fullWidth: !0, direction: "vertical", gap: "none", children: [
             a && /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e($, { level: 6, children: a }) }),
             /* @__PURE__ */ e(
-              l,
+              i,
               {
                 className: t.filterBar,
                 fullWidth: !0,
                 primaryAlign: "end",
                 secondaryAlign: "center",
-                children: r.map((p, T) => /* @__PURE__ */ e(k, { children: p }, `action_${T}_${p.key}`))
+                children: r.map((d, T) => /* @__PURE__ */ e(k, { children: d }, `action_${T}_${d.key}`))
               }
             )
           ] })
@@ -80,9 +79,9 @@ const E = "_topBar_1msoo_1", F = "_filterBar_1msoo_5", I = "_emptyTable_1msoo_9"
       ),
       paginated: g,
       sortable: !0,
-      noContentIncludeTable: !!n,
+      noContentIncludeTable: !!l,
       noContentMessage: /* @__PURE__ */ e(
-        l,
+        i,
         {
           fullWidth: !0,
           primaryAlign: "center",
@@ -95,13 +94,13 @@ const E = "_topBar_1msoo_1", F = "_filterBar_1msoo_5", I = "_emptyTable_1msoo_9"
   ) }) : /* @__PURE__ */ e("div", { "data-testid": `generic-card-list${a ? "-" + a : ""}`, children: /* @__PURE__ */ e(
     A,
     {
-      data: d,
-      columns: n,
+      data: p,
+      columns: l,
       hiddenColumns: s,
       noContentText: m
     }
   ) });
 };
 export {
-  ee as GenericTable
+  R as GenericTable
 };

package/dist/components/GenericTable/GenericTable.test.js

@@ -1,8 +1,8 @@
 import { jsx as a, jsxs as B } from "react/jsx-runtime";
-import { a as o, s as e } from "../../react.esm-FR1-H8iU.js";
+import { a as o, s as e } from "../../react.esm-DNwojocF.js";
 import { a as m } from "../../useBreakpoints-MzTZ0tCT.js";
 import { GenericTable as s } from "./GenericTable.js";
-import { d as h, v as r, t as i, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
+import { d as h, v as r, t as i, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 h("GenericTable Test", () => {
   r.spyOn(m, "useBreakpoints").mockReturnValue({
     isDesktop: !0,

package/dist/components/GenericTable/GenericTableService.d.ts

@@ -1,4 +1,5 @@
 import { GenericColumn, TableLayoutProps } from '../../types/GenericTable';
+
 /**
  * Generate columns for the table
  * @param data data to be used to generate the columns

package/dist/components/GenericTable/GenericTableService.js

@@ -1,57 +1,57 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useMemo as p } from "react";
+import { jsx as d } from "react/jsx-runtime";
+import { useMemo as a } from "react";
 import { ContextMenu as x } from "../ContextMenu/ContextMenu.js";
-const l = ({
-  data: n = [],
-  order: e = [],
-  cellTemplates: r = void 0,
-  headerTranslation: t = (d) => d,
-  getRowActions: o = void 0,
-  customColumnWidth: s,
-  cardTitleColumn: f,
-  cardSubTitleColumn: u
-}) => p(() => {
-  if (n?.length === 0) return [];
-  const d = m(n[0], e).map((i) => {
-    const c = s ? s[i] : void 0;
+const j = ({
+  data: r = [],
+  order: n = [],
+  cellTemplates: e = void 0,
+  headerTranslation: t = (c) => c,
+  getRowActions: f = void 0,
+  customColumnWidth: o,
+  cardTitleColumn: u,
+  cardSubTitleColumn: s
+}) => a(() => {
+  if (r?.length === 0) return [];
+  const c = v(r[0], n).map((i) => {
+    const p = o ? o[i] : void 0;
     return {
       id: i,
       header: t(i),
       accessor: i,
-      cellTemplate: r ? r[i] : void 0,
-      cellProps: c ? { width: c } : void 0,
-      asCardTitle: i === f,
-      asCardSubtitle: i === u
+      cellTemplate: e ? e[i] : void 0,
+      cellProps: p ? { width: p } : void 0,
+      asCardTitle: i === u,
+      asCardSubtitle: i === s
     };
   });
-  return o ? [
-    ...d,
+  return f ? [
+    ...c,
     { id: "actions", header: "", accessor: "actions" }
-  ] : d;
+  ] : c;
 }, [
-  n,
   r,
   e,
+  n,
   t,
-  o,
-  s,
   f,
-  u
-]), G = ({
-  data: n = [],
-  getRowActions: e = void 0
-}) => p(() => e ? n.map((r) => {
-  const t = /* @__PURE__ */ a(x, { actions: e(r), iconOrientation: "horizontal" });
-  return { ...r, actions: t };
-}) : n, [n, e]), m = (n, e) => {
-  if (!n) return [];
-  let r = Object.keys(n).map((t) => t);
-  return e?.length > 0 && (r = r.sort((t, o) => {
-    const s = e.findIndex((u) => u === t), f = e.findIndex((u) => u === o);
-    return s === -1 ? 1 : f === -1 ? -1 : s - f;
-  })), r;
+  o,
+  u,
+  s
+]), l = ({
+  data: r = [],
+  getRowActions: n = void 0
+}) => a(() => n ? r.map((e) => {
+  const t = /* @__PURE__ */ d(x, { actions: n(e), iconOrientation: "horizontal" });
+  return { ...e, actions: t };
+}) : r, [r, n]), v = (r, n) => {
+  if (!r) return [];
+  let e = Object.keys(r).map((t) => t);
+  return n?.length > 0 && (e = e.sort((t, f) => {
+    const o = n.findIndex((s) => s === t), u = n.findIndex((s) => s === f);
+    return o === -1 ? 1 : u === -1 ? -1 : o - u;
+  })), e;
 };
 export {
-  l as useGenerateColumns,
-  G as useGenerateTableData
+  j as useGenerateColumns,
+  l as useGenerateTableData
 };

package/dist/components/GenericTable/Mobile/GenericCard.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { GenericColumn } from '../../../types/GenericTable';
+
 type GenericCardProps<T> = {
     item: T & {
         actions?: JSX.Element;

package/dist/components/GenericTable/Mobile/GenericCard.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
-import "@element/react-components";
+import "@element-public/react-components";
 import "react";
 import "../../OverflowTooltip/OverflowTooltip.js";
-import { G as e } from "../../../GenericCard-B8x1DMa8.js";
+import { G as e } from "../../../GenericCard-jlt8ZsHi.js";
 export {
   e as GenericCard
 };

package/dist/components/GenericTable/Mobile/GenericCard.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as c, s as o } from "../../../react.esm-FR1-H8iU.js";
-import { G as i } from "../../../GenericCard-B8x1DMa8.js";
-import { d as m, t as s, g as e } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
+import { a as c, s as o } from "../../../react.esm-DNwojocF.js";
+import { G as i } from "../../../GenericCard-jlt8ZsHi.js";
+import { d as m, t as s, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 m("GenericCard", () => {
   const d = {
     id: 1,

package/dist/components/GenericTable/Mobile/GenericCardList.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { GenericColumn, TableLayoutProps } from '../../../types/GenericTable';
+
 type GenericCardListProps<T> = Pick<TableLayoutProps<T>, 'hiddenColumns' | 'noContentText' | 'data'> & {
     /**
      * The columns to be displayed in the card.

package/dist/components/GenericTable/Mobile/GenericCardList.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Padding as c, TypoCaption as s, Group as o } from "@element/react-components";
-import { s as t, G as m } from "../../../GenericCard-B8x1DMa8.js";
+import { Padding as c, TypoCaption as s, Group as o } from "@element-public/react-components";
+import { s as t, G as m } from "../../../GenericCard-jlt8ZsHi.js";
 const u = ({
   columns: n,
   data: e,

package/dist/components/GenericTable/Mobile/GenericCardList.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a as r, s as n, w as l } from "../../../react.esm-FR1-H8iU.js";
+import { a as r, s as n, w as l } from "../../../react.esm-DNwojocF.js";
 import { GenericCardList as s } from "./GenericCardList.js";
-import { d as g, t as i, g as e } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
+import { d as g, t as i, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 g("GenericCardList", () => {
   const d = [
     { id: "name", header: "Name", accessor: "name", asCardTitle: !0 },

package/dist/components/HashTabView/HashTabView.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { HashTab } from '../../types/HashTab';
+
 /**
  * `HashTabView` is a layout component that displays a tab bar with a content area.
  * It can be used with a hash in the url to navigate to the tab.
@@ -46,6 +47,10 @@ type HashTabViewProps = {
      * important note: currently only works for the edit module form
      */
     hasStickyTabs?: boolean;
+    /**
+     * pass custom styles for tabs header
+     */
+    classNameHeader?: string;
 };
-export declare const HashTabView: ({ tabs, hasHash, hash, clusterAlign, hasClusteredTabs, children, verticalGap, elevation, backgroundColor, onChange, hasStickyTabs, }: PropsWithChildren<HashTabViewProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const HashTabView: ({ tabs, hasHash, hash, clusterAlign, hasClusteredTabs, children, verticalGap, elevation, backgroundColor, onChange, hasStickyTabs, classNameHeader, }: PropsWithChildren<HashTabViewProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/HashTabView/HashTabView.js

@@ -1,99 +1,99 @@
-import "../../assets/HashTabView.css";
-import { jsx as r, jsxs as _, Fragment as C } from "react/jsx-runtime";
-import { Elevation as k, Group as c, TabBar as $, Tab as P, Padding as T } from "@element/react-components";
-import { useState as A, useEffect as I } from "react";
-import { u as N } from "../../useBreakpoints-MzTZ0tCT.js";
-const R = "_elevation_4lrry_1", W = "_themeBackground_4lrry_6", w = "_tabBar_4lrry_10", x = "_tabWrapper_4lrry_20", H = "_stickyHeader_4lrry_24", j = "_tabButton_4lrry_31", E = "_childContainer_4lrry_35", z = "_childContainerPhone_4lrry_39", D = "_iconColorRed_4lrry_43", F = "_miniPadding_4lrry_48", t = {
-  elevation: R,
-  themeBackground: W,
-  tabBar: w,
-  tabWrapper: x,
+import { jsx as a, jsxs as _, Fragment as C } from "react/jsx-runtime";
+import { Elevation as $, Group as c, TabBar as k, Tab as P, Padding as T } from "@element-public/react-components";
+import { useState as y, useEffect as A } from "react";
+import { u as I } from "../../useBreakpoints-MzTZ0tCT.js";
+import '../../assets/HashTabView.css';const N = "_elevation_xbjx4_1", R = "_themeBackground_xbjx4_6", W = "_tabBar_xbjx4_10", w = "_tabWrapper_xbjx4_20", H = "_stickyHeader_xbjx4_24", E = "_tabButton_xbjx4_30", z = "_childContainer_xbjx4_34", D = "_childContainerPhone_xbjx4_38", F = "_iconColorRed_xbjx4_42", G = "_miniPadding_xbjx4_47", t = {
+  elevation: N,
+  themeBackground: R,
+  tabBar: W,
+  tabWrapper: w,
   stickyHeader: H,
-  tabButton: j,
-  childContainer: E,
-  childContainerPhone: z,
-  iconColorRed: D,
-  miniPadding: F
-}, h = (n, a) => !a || !n ? 0 : n.findIndex((i) => i.hash === a.replace("#", "")) ?? 0, K = ({
+  tabButton: E,
+  childContainer: z,
+  childContainerPhone: D,
+  iconColorRed: F,
+  miniPadding: G
+}, p = (n, i) => !i || !n ? 0 : n.findIndex((o) => o.hash === i.replace("#", "")) ?? 0, K = ({
   tabs: n,
-  hasHash: a = !0,
-  hash: i = "",
+  hasHash: i = !0,
+  hash: o = "",
   clusterAlign: u = "start",
-  hasClusteredTabs: g,
-  children: d,
-  verticalGap: y = "none",
-  elevation: v = 0,
-  backgroundColor: f = "themeBackground",
-  onChange: B,
-  hasStickyTabs: m = !1
+  hasClusteredTabs: b,
+  children: l,
+  verticalGap: x = "none",
+  elevation: g = 0,
+  backgroundColor: v = "themeBackground",
+  onChange: f,
+  hasStickyTabs: m = !1,
+  classNameHeader: B = ""
 }) => {
-  const [l, p] = A(h(n, i)), { isDesktop: s } = N();
-  I(() => {
-    if (!a || !i) return;
-    const e = h(n, i);
-    p(e);
-  }, [n, i, a]);
-  const b = (e) => {
-    const o = n[e].hash;
-    o != null && a && window.history.replaceState(null, "", `#${o}`), p(e), B?.(e);
+  const [d, h] = y(p(n, o)), { isDesktop: s } = I();
+  A(() => {
+    if (!i || !o) return;
+    const e = p(n, o);
+    h(e);
+  }, [n, o, i]);
+  const j = (e) => {
+    const r = n[e].hash;
+    r != null && i && window.history.replaceState(null, "", `#${r}`), h(e), f?.(e);
   };
-  return /* @__PURE__ */ r(
-    k,
+  return /* @__PURE__ */ a(
+    $,
     {
-      elevation: v,
-      className: `${t.elevation} ${f === "none" ? "" : t.themeBackground}`,
+      elevation: g,
+      className: `${t.elevation} ${v === "none" ? "" : t.themeBackground}`,
       children: /* @__PURE__ */ _(
         c,
         {
           "data-testid": "hash-tab-container",
           direction: "vertical",
-          gap: y,
+          gap: x,
           secondaryAlign: "stretch",
           children: [
             /* @__PURE__ */ _(
               c,
               {
                 direction: s ? "horizontal" : "vertical",
-                className: `${t.tabWrapper} ${m ? t.stickyHeader : ""}`,
+                className: `${t.tabWrapper} ${m ? t.stickyHeader : ""} ${B}`,
                 children: [
-                  /* @__PURE__ */ r(
-                    $,
+                  /* @__PURE__ */ a(
+                    k,
                     {
                       "data-testid": "tab-bar",
                       className: t.tabBar,
-                      clustered: s ? g : !1,
+                      clustered: s ? b : !1,
                       clusterAlign: u,
                       variant: "surface",
-                      activeTabIndex: l,
-                      onTabActivated: b,
-                      children: n.map((e, o) => /* @__PURE__ */ r(
+                      activeTabIndex: d,
+                      onTabActivated: j,
+                      children: n.map((e, r) => /* @__PURE__ */ a(
                         P,
                         {
                           "data-testid": `tab-${e.title}`,
                           icon: e.leadingIcon,
-                          className: `${d ? t.tabButton : ""} ${e.isIconRed ? t.iconColorRed : ""}`,
-                          active: l === o,
+                          className: `${l ? t.tabButton : ""} ${e.isIconRed ? t.iconColorRed : ""}`,
+                          active: d === r,
                           children: /* @__PURE__ */ _(c, { gap: "dense", children: [
                             e.title,
                             e.trailingIcon
                           ] })
                         },
-                        `${o}_${e.hash}`
+                        `${r}_${e.hash}`
                       ))
                     }
                   ),
-                  d ? /* @__PURE__ */ r(
+                  l ? /* @__PURE__ */ a(
                     T,
                     {
                       variant: "dense",
                       className: s ? t.childContainer : t.childContainerPhone,
-                      children: /* @__PURE__ */ r(c, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: d })
+                      children: /* @__PURE__ */ a(c, { gap: "dense", primaryAlign: "center", secondaryAlign: "center", children: l })
                     }
-                  ) : /* @__PURE__ */ r(C, {})
+                  ) : /* @__PURE__ */ a(C, {})
                 ]
               }
             ),
-            m ? /* @__PURE__ */ r(c, { fullWidth: !0, direction: "vertical", className: t.miniPadding, children: n[l]?.component }) : n[l]?.component
+            m ? /* @__PURE__ */ a(c, { fullWidth: !0, direction: "vertical", className: t.miniPadding, children: n[d]?.component }) : n[d]?.component
           ]
         }
       )

package/dist/components/HashTabView/HashTabView.test.js

@@ -1,7 +1,7 @@
 import { jsx as n, Fragment as o } from "react/jsx-runtime";
-import { a, s as e, f as r } from "../../react.esm-FR1-H8iU.js";
+import { a, s as e, f as r } from "../../react.esm-DNwojocF.js";
 import { HashTabView as c } from "./HashTabView.js";
-import { d as h, t as l, g as t } from "../../vi.CjhMlMwf-DWv7vrn7.js";
+import { d as h, t as l, g as t } from "../../vi.CjhMlMwf-BCJNwXvu.js";
 const m = [
   {
     title: "Map",

package/dist/components/HeaderFilter/HeaderFilter.d.ts

@@ -1,4 +1,5 @@
-import { SelectProps } from '@element/react-components';
+import { SelectProps } from '@element-public/react-components';
+
 type HeaderFilterProps = {
     /**
      * heading of the filter
@@ -19,7 +20,7 @@ type HeaderFilterProps = {
     /**
      * options for the filter
      */
-    filterOptions: SelectProps[];
+    filterOptions: SelectProps['options'];
 };
 /**
  * Provides a HeaderFilter component with a single filtervalue select