@hortiview/shared-components 0.0.11176 → 0.0.11587

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,9 @@
 import "react/jsx-runtime";
-import "@element/react-components";
+import "../../../index.es-6TJ1S8Jr.js";
+import { G as a } from "../../../GenericCard-6J558OgP.js";
+import "../../../index.es-CF_xy2ns.js";
 import "react";
 import "../../OverflowTooltip/OverflowTooltip.js";
-import { G as e } from "../../../GenericCard-B8x1DMa8.js";
 export {
-  e as GenericCard
+  a 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-6J558OgP.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,23 +1,25 @@
 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";
-const u = ({
+import { G as d } from "../../../index.es-DntoATwO.js";
+import { P as l } from "../../../index.es-D-CKRzIB.js";
+import { a as c } from "../../../index.es-CF_xy2ns.js";
+import { s as t, G as m } from "../../../GenericCard-6J558OgP.js";
+const g = ({
   columns: n,
   data: e,
   hiddenColumns: a = [],
-  noContentText: d
-}) => e?.length === 0 ? /* @__PURE__ */ r("div", { className: t.emptyContainer, children: /* @__PURE__ */ r(c, { variant: "standard", style: { textAlign: "center" }, className: t.empty, children: /* @__PURE__ */ r(s, { children: d }) }) }) : (
+  noContentText: s
+}) => e?.length === 0 ? /* @__PURE__ */ r("div", { className: t.emptyContainer, children: /* @__PURE__ */ r(l, { variant: "standard", style: { textAlign: "center" }, className: t.empty, children: /* @__PURE__ */ r(c, { children: s }) }) }) : (
   // needs the div to surround the Group by an element with display: block to avoid visual errors
-  /* @__PURE__ */ r("div", { style: { width: "100%" }, children: /* @__PURE__ */ r(o, { fullWidth: !0, direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: e?.map((i, l) => /* @__PURE__ */ r(
+  /* @__PURE__ */ r("div", { style: { width: "100%" }, children: /* @__PURE__ */ r(d, { fullWidth: !0, direction: "vertical", primaryAlign: "center", secondaryAlign: "center", children: e?.map((i, o) => /* @__PURE__ */ r(
     m,
     {
       item: i,
       columns: n,
       hiddenColumns: a
     },
-    i.id ?? l
+    i.id ?? o
   )) }) })
 );
 export {
-  u as GenericCardList
+  g as GenericCardList
 };

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 {};