@hortiview/shared-components 2.10.1 → 2.10.2

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [2.10.2](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.10.1...v2.10.2) (2026-01-07)
+
+### Bug Fixes
+
+* column width ([4a5f60a](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/4a5f60a263765fee170859fcb4162343be9bf326))
+* fixed basic heading classname ([13af9e1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/13af9e192b104ea036dc4d1f125144639dbd7205))
+
+### Styles
+
+* actions column sticked left ([c90e1c1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/commit/c90e1c10b8e5197cf15a0cb3f8606ed9f76197df))
+
 ## [2.10.1](https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared/compare/v2.10.0...v2.10.1) (2026-01-06)
 
 ### Bug Fixes

package/dist/assets/GenericTable.css

@@ -1 +1 @@
-._topBar_1tmb3_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_1tmb3_5{padding:1rem;width:inherit!important}._start_1tmb3_10{padding-top:0;padding-bottom:0}._emptyTable_1tmb3_15{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_1tmb3_23{border-radius:.4rem;width:100%}._table_1tmb3_28,._table_1tmb3_28 [class*=mdc-data-table__table-container]{border-radius:.4rem}._noBorder_1tmb3_36{border:none}
+._topBar_47g7x_1 [class*=lmnt-table__top-bar__title]{display:none}._filterBar_47g7x_5{padding:1rem;width:inherit!important}._start_47g7x_10{padding-top:0;padding-bottom:0}._emptyTable_47g7x_15{height:16rem}[class*=mnt-pagination][class*=mdc-data-table__pagination]{border-top:1px solid var(--lmnt-theme-on-secondary-stroke)}._elevation_47g7x_23{border-radius:.4rem;width:100%}._table_47g7x_28,._table_47g7x_28 [class*=mdc-data-table__table-container]{border-radius:.4rem}._table_47g7x_28 *[id=actions]{width:44px;padding:0 2px;position:sticky;right:0;background-color:var(--lmnt-theme-background)}._table_47g7x_28 tr:hover td[id=actions]{background-color:var(--table-bg-color-hover)}._noBorder_47g7x_48{border:none}

package/dist/components/BasicHeading/BasicHeading.js

@@ -1,86 +1,86 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
 import { G as t } from "../../index.es-DsGuBR0Z.js";
 import { I as A } from "../../index.es-DYs8W4jv.js";
 import { b as I, T as z } from "../../index.es-DCSgIiJH.js";
-import { c as d } from "../../index-Cpb-8cAN.js";
+import { c as m } from "../../index-Cpb-8cAN.js";
 import { Iconify as H } from "../Iconify/Iconify.js";
 import { AvailableCustomIcons as q } from "../../enums/AvailableCustomIcons.js";
-import { u as N } from "../../useBreakpoints-MzTZ0tCT.js";
-import { OverflowTooltip as w } from "../OverflowTooltip/OverflowTooltip.js";
-import '../../assets/BasicHeading.css';const x = "_basicHeading_14qaz_1", C = "_inList_14qaz_13", T = "_actions_14qaz_17", B = "_invisible_14qaz_25", L = "_leadingIcon_14qaz_29", W = "_withAvatar_14qaz_33", j = "_iconContainer_14qaz_39", n = {
-  basicHeading: x,
-  inList: C,
+import { u as w } from "../../useBreakpoints-MzTZ0tCT.js";
+import { OverflowTooltip as x } from "../OverflowTooltip/OverflowTooltip.js";
+import '../../assets/BasicHeading.css';const C = "_basicHeading_14qaz_1", N = "_inList_14qaz_13", T = "_actions_14qaz_17", B = "_invisible_14qaz_25", L = "_leadingIcon_14qaz_29", W = "_withAvatar_14qaz_33", j = "_iconContainer_14qaz_39", e = {
+  basicHeading: C,
+  inList: N,
   actions: T,
   invisible: B,
   leadingIcon: L,
   withAvatar: W,
   iconContainer: j
-}, k = ({ icon: i }) => i ? typeof i != "string" ? /* @__PURE__ */ e("div", { className: n.iconContainer, children: i }) : i in q ? /* @__PURE__ */ e(
+}, k = ({ icon: i }) => i ? typeof i != "string" ? /* @__PURE__ */ n("div", { className: e.iconContainer, children: i }) : i in q ? /* @__PURE__ */ n(
   H,
   {
     icon: i,
-    className: n.leadingIcon,
+    className: e.leadingIcon,
     iconSize: "medium",
     iconType: "filled"
   }
-) : /* @__PURE__ */ e(A, { iconSize: "medium", iconType: "filled", icon: i, className: n.leadingIcon }) : null, J = ({
+) : /* @__PURE__ */ n(A, { iconSize: "medium", iconType: "filled", icon: i, className: e.leadingIcon }) : null, J = ({
   children: i,
-  marginBottom: o,
+  marginBottom: s,
   heading: a,
-  icon: m,
-  className: p,
+  icon: p,
+  className: r,
   subHeading: f,
   subHeadingLevel: g = 2,
   invisibleButton: _ = !1,
-  level: r = 5,
-  fontWeight: c = 400,
+  level: c = 5,
+  fontWeight: l = 400,
   withAvatar: u = !1,
   inList: y = !1
 }) => {
-  const { isDesktop: l } = N(), v = l ? r : r + 1, b = c === "bold" ? 500 : c, h = typeof o == "number" ? `${o}px` : "2rem";
-  return /* @__PURE__ */ s(
+  const { isDesktop: d } = w(), v = d ? c : c + 1, b = l === "bold" ? 500 : l, h = typeof s == "number" ? `${s}px` : "2rem";
+  return /* @__PURE__ */ o(
     t,
     {
       primaryAlign: "space-between",
       secondaryAlign: "center",
       gap: "none",
-      className: d(n.basicHeading, y && n.inList),
+      className: m(e.basicHeading, y && e.inList, r),
       style: { marginBottom: h },
       "data-testid": "HeaderContainer",
       fullWidth: !0,
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ o(
           t,
           {
             secondaryAlign: "center",
             gap: "none",
-            className: `${u && l ? n.withAvatar : ""}`,
+            className: `${u && d ? e.withAvatar : ""}`,
             fullWidth: !0,
             children: [
-              /* @__PURE__ */ e(k, { icon: m }),
-              /* @__PURE__ */ s(t, { direction: "vertical", gap: "none", fullWidth: !0, children: [
-                /* @__PURE__ */ e(w, { id: a, text: a, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ n(k, { icon: p }),
+              /* @__PURE__ */ o(t, { direction: "vertical", gap: "none", fullWidth: !0, children: [
+                /* @__PURE__ */ n(x, { id: a, text: a, children: /* @__PURE__ */ n(
                   I,
                   {
                     level: v,
                     "data-testid": "Header",
-                    className: p ?? "",
+                    className: r ?? "",
                     style: { fontWeight: b },
                     children: a
                   }
                 ) }),
-                /* @__PURE__ */ e(z, { level: g, children: f })
+                /* @__PURE__ */ n(z, { level: g, children: f })
               ] })
             ]
           }
         ),
-        i ? /* @__PURE__ */ e(
+        i ? /* @__PURE__ */ n(
           t,
           {
             primaryAlign: "end",
             secondaryAlign: "center",
             gap: "dense",
-            className: d(_ && n.invisible, n.actions),
+            className: m(_ && e.invisible, e.actions),
             "data-testid": "RightPart",
             children: i
           }

package/dist/components/GenericTable/GenericTable.js

@@ -11493,7 +11493,7 @@ var $g = ["title", "actions", "prominent", "filterBar", "className"], Fa = Fv, R
 });
 Ro.displayName = "TableTopBar";
 Ro.propTypes = Mv;
-const Mg = "_topBar_1tmb3_1", Fg = "_filterBar_1tmb3_5", Gg = "_start_1tmb3_10", zg = "_emptyTable_1tmb3_15", Wg = "_elevation_1tmb3_23", kg = "_table_1tmb3_28", Ug = "_noBorder_1tmb3_36", Ln = {
+const Mg = "_topBar_47g7x_1", Fg = "_filterBar_47g7x_5", Gg = "_start_47g7x_10", zg = "_emptyTable_47g7x_15", Wg = "_elevation_47g7x_23", kg = "_table_47g7x_28", Ug = "_noBorder_47g7x_48", Ln = {
   topBar: Mg,
   filterBar: Fg,
   start: Gg,

package/dist/components/GenericTable/GenericTableService.js

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

package/dist/types/GenericTable.d.ts

@@ -183,8 +183,13 @@ export type GenericColumn<T> = {
     accessor: keyof T;
     cellTemplate?: (props: CellTemplateProps<T>) => JSX.Element;
     cellProps?: {
-        width?: number | string;
+        id?: string;
+        width?: string | number;
     };
     asCardTitle?: boolean;
     asCardSubtitle?: boolean;
+    headerCellProps?: {
+        id?: string;
+        width?: string | number;
+    };
 };

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