@caspeco/casper-ui-library 5.6.1 → 6.0.0

package/dist/components/table/table-context.js

@@ -1,110 +1,12 @@
-import { jsx as H } from "react/jsx-runtime";
-import { useControllableState as i } from "@chakra-ui/react";
-import { useReactTable as J } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { useState as R, useEffect as K, useCallback as s, createContext as L } from "react";
-import { getFilteredRowModel as N, getSortedRowModel as Q, getExpandedRowModel as U, getCoreRowModel as W } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
-const X = L(null), O = ({
-  data: a,
-  columns: p,
-  children: h,
-  expandedState: x,
-  localeString: M,
-  initialExpandedState: r = {},
-  initialBreakingContentState: d = {},
-  initialColumnVisibilityState: v = {},
-  columnVisibilityState: y,
-  onColumnVisibilityChange: E,
-  onExpandedChange: u,
-  getRowId: c,
-  onBreakingContentChange: V,
-  onFilterColumn: T,
-  id: k,
-  customRowIndication: n,
-  onSortingChange: b,
-  initialSortingState: F = [],
-  sortingState: f
-}) => {
-  const [t, g] = i({
-    value: x,
-    onChange: u,
-    defaultValue: r
-  }), [l, P] = i({
-    value: y,
-    onChange: E,
-    defaultValue: v
-  }), [C, S] = i({
-    value: f,
-    onChange: b,
-    defaultValue: F
-  }), [j, q] = R(
-    d || {}
-  ), [w, m] = R({});
-  K(() => {
-    n && m(n);
-  }, [n]);
-  const z = s(
-    (e) => {
-      let o;
-      typeof e == "function" ? o = e(l) : o = e, P(o);
-    },
-    [l]
-  ), A = s(
-    (e) => {
-      let o;
-      typeof e == "function" ? o = e(t) : o = e, g(o);
-    },
-    [t]
-  ), B = s(
-    (e) => {
-      S(e);
-    },
-    [S]
-  ), D = J({
-    columns: p,
-    data: a,
-    getCoreRowModel: W(),
-    getExpandedRowModel: U(),
-    getSortedRowModel: Q(),
-    getFilteredRowModel: N(),
-    onColumnVisibilityChange: z,
-    onExpandedChange: A,
-    getSubRows: (e) => e.subRows,
-    getRowId: c,
-    enableSubRowSelection: !0,
-    enableMultiRowSelection: !1,
-    enableRowSelection: !0,
-    state: {
-      sorting: C,
-      columnVisibility: l,
-      expanded: t,
-      rowSelection: w
-    },
-    manualSorting: f !== void 0
-  }), G = {
-    data: a,
-    table: D,
-    initialExpandedState: r,
-    initialBreakingContentState: d,
-    localeString: M,
-    onExpandedChange: u,
-    expanded: t,
-    sorting: C,
-    setSorting: B,
-    setExpanded: g,
-    getRowId: c,
-    breakingContentState: j,
-    setBreakingContentState: q,
-    onBreakingContentChange: V,
-    onFilterColumn: T,
-    id: k,
-    setRowSelection: m,
-    rowSelection: w,
-    columnVisibility: l,
-    onSortingChange: b
-  };
-  return /* @__PURE__ */ H(X.Provider, { value: G, children: h });
-};
+import { useContext as e, createContext as o } from "react";
+const n = o(null);
+function u() {
+  const t = e(n);
+  if (!t)
+    throw new Error("useTableContext must be used within a TableProvider");
+  return t;
+}
 export {
-  X as TableContext,
-  O as TableProvider
+  n as TableContext,
+  u as useTableContext
 };

package/dist/components/table/table-header-dropdown.d.ts

@@ -1,16 +1,18 @@
 import { Header, HeaderGroup, SortingState, VisibilityState } from '@tanstack/react-table';
 import { Locales } from './translations.js';
-type TableHeaderDropdownProps = {
-    header: Header<any, unknown>;
+import { TableData, TableRow } from './types.js';
+type TableHeaderDropdownProps<TData extends TableData> = {
+    header: Header<TableRow<TData>, unknown>;
     breakingContentState: Record<string, boolean>;
     onBreakingContentChange?: (breakingContentState: Record<string, boolean>) => void;
     setBreakingContentState: (value: React.SetStateAction<Record<string, boolean>>) => void;
-    headerGroup: HeaderGroup<any>[];
+    headerGroup: HeaderGroup<TableRow<TData>>[];
     sorting: SortingState;
     setSorting: (value: SortingState) => void;
     columnVisibility: VisibilityState;
     localeString: Locales;
 };
-export declare const TableHeaderDropdown: import('react').MemoExoticComponent<({ header, breakingContentState, onBreakingContentChange, setBreakingContentState, headerGroup, sorting, setSorting, columnVisibility, localeString, }: TableHeaderDropdownProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableHeaderDropdownComponent: <TData extends TableData>({ header, breakingContentState, onBreakingContentChange, setBreakingContentState, headerGroup, sorting, setSorting, columnVisibility, localeString, }: TableHeaderDropdownProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeaderDropdown: typeof TableHeaderDropdownComponent;
 export {};
 //# sourceMappingURL=table-header-dropdown.d.ts.map

package/dist/components/table/table-header-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAG5D,KAAK,wBAAwB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAC7B,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,8LAW5B,wBAAwB,6CAyH3B,CAAC"}
+{"version":3,"file":"table-header-dropdown.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-dropdown.tsx"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,MAAM,EACX,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,wBAAwB,CAAC,KAAK,SAAS,SAAS,IAAI;IACxD,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,uBAAuB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,KAAK,IAAI,CAAC;IACxF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;IAC5C,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,gBAAgB,EAAE,eAAe,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,4BAA4B,GAAI,KAAK,SAAS,SAAS,EAAE,uJAU5D,wBAAwB,CAAC,KAAK,CAAC,4CAqHjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAyC,OAAO,4BAA4B,CAAC"}

package/dist/components/table/table-header-dropdown.js

@@ -1,115 +1,110 @@
 import { jsxs as s, Fragment as u, jsx as n } from "react/jsx-runtime";
 import { Portal as E } from "@chakra-ui/react";
 import { flexRender as j } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as A, useContext as L, useCallback as x, useMemo as g } from "react";
-import { TableContext as U } from "./table-context.js";
-import { translations as X } from "./translations.js";
-import { Icon as I } from "../icon/icon.js";
+import { memo as A, useCallback as x, useMemo as g } from "react";
+import { useTableContext as L } from "./table-context.js";
+import { translations as U } from "./translations.js";
+import { Icon as T } from "../icon/icon.js";
 import { Icons as l } from "../icon/types.js";
 import { MenuItem as r } from "../menu/menu-item.js";
 import { Text as c } from "../text/text.js";
-import { MenuDivider as S } from "../menu/menu-divider.js";
-import { Switch as v } from "../switch/switch.js";
-import { Menu as O } from "../menu/menu.js";
-import { MenuBoxButton as R } from "../menu/menu-box-button.js";
-import { MenuList as $ } from "../menu/menu-list.js";
-import { ThemeIconSizeVariable as T, ThemeColorVariable as b, ThemeSpaceVariable as q, ThemeFontSizeVariable as k } from "../../theme/theme-types.js";
-const dn = A(
-  ({
-    header: o,
-    breakingContentState: m,
-    onBreakingContentChange: f,
-    setBreakingContentState: D,
-    headerGroup: z,
-    sorting: d,
-    setSorting: a,
-    columnVisibility: M,
-    localeString: w
-  }) => {
-    const i = X[w], p = L(U), B = x(
-      (e) => {
-        const t = {
-          ...m,
-          [o.column.id]: e.target.checked
-        };
-        D(t), f?.(t);
-      },
-      [m, f]
-    ), F = x(
-      (e) => {
-        const t = e.getIndex();
-        z.forEach((y) => {
-          y.headers.forEach((H, h) => {
-            const { column: C } = H;
-            e.getIsPinned() ? h >= t && C.pin(!1) : h <= t && C.pin("left");
-          });
-        });
-      },
-      []
-    ), P = g(() => /* @__PURE__ */ s(u, { children: [
-      d.find((e) => e.id === o.column.id) && (d.find((e) => e.desc) ? /* @__PURE__ */ n(I, { icon: l.SortDesc, size: T.XSmall }) : /* @__PURE__ */ n(I, { icon: l.SortAsc, size: T.XSmall })),
-      o.column.columnDef.header
-    ] }), [d]), V = g(() => /* @__PURE__ */ s(u, { children: [
+import { MenuDivider as b } from "../menu/menu-divider.js";
+import { Switch as X } from "../switch/switch.js";
+import { Menu as v } from "../menu/menu.js";
+import { MenuBoxButton as O } from "../menu/menu-box-button.js";
+import { MenuList as R } from "../menu/menu-list.js";
+import { ThemeIconSizeVariable as I, ThemeColorVariable as S, ThemeSpaceVariable as $, ThemeFontSizeVariable as k } from "../../theme/theme-types.js";
+const q = ({
+  header: o,
+  breakingContentState: m,
+  onBreakingContentChange: f,
+  setBreakingContentState: D,
+  headerGroup: z,
+  sorting: d,
+  setSorting: a,
+  columnVisibility: M,
+  localeString: w
+}) => {
+  const i = U[w], p = L(), B = x(
+    (e) => {
+      const t = {
+        ...m,
+        [o.column.id]: e.target.checked
+      };
+      D(t), f?.(t);
+    },
+    [m, f]
+  ), F = x((e) => {
+    const t = e.getIndex();
+    z.forEach((V) => {
+      V.headers.forEach((y, h) => {
+        const { column: C } = y;
+        e.getIsPinned() ? h >= t && C.pin(!1) : h <= t && C.pin("left");
+      });
+    });
+  }, []), H = g(() => /* @__PURE__ */ s(u, { children: [
+    d.find((e) => e.id === o.column.id) && (d.find((e) => e.desc) ? /* @__PURE__ */ n(T, { icon: l.SortDesc, size: I.XSmall }) : /* @__PURE__ */ n(T, { icon: l.SortAsc, size: I.XSmall })),
+    o.column.columnDef.header
+  ] }), [d]), P = g(() => /* @__PURE__ */ s(u, { children: [
+    /* @__PURE__ */ n(
+      r,
+      {
+        onClick: () => a([{ desc: !1, id: o.column.id }]),
+        leftIcon: l.SortAsc,
+        children: /* @__PURE__ */ n(c, { children: i.sortUp })
+      }
+    ),
+    /* @__PURE__ */ n(
+      r,
+      {
+        onClick: () => a([{ desc: !0, id: o.column.id }]),
+        leftIcon: l.SortDesc,
+        children: /* @__PURE__ */ n(c, { children: i.sortDown })
+      }
+    ),
+    /* @__PURE__ */ n(
+      r,
+      {
+        onClick: () => {
+          p?.onFilterColumn && p.onFilterColumn(o.column);
+        },
+        leftIcon: l.Filter,
+        children: /* @__PURE__ */ n(c, { children: i.filter })
+      }
+    ),
+    /* @__PURE__ */ n(b, {}),
+    o.column.getCanHide() && /* @__PURE__ */ n(r, { onClick: o.column.getToggleVisibilityHandler(), leftIcon: l.Hide, children: /* @__PURE__ */ n(c, { children: i.hideColumn }) }),
+    /* @__PURE__ */ n(r, { onClick: () => F(o.column), leftIcon: l.Thumbtack, children: /* @__PURE__ */ n(c, { children: o.column.getIsPinned() ? i.stopPinningColumn : i.pinUpToColumn }) }),
+    /* @__PURE__ */ n(b, {}),
+    /* @__PURE__ */ s(r, { itemType: "switch", children: [
+      i.breakingContent,
       /* @__PURE__ */ n(
-        r,
+        X,
         {
-          onClick: () => a([{ desc: !1, id: o.column.id }]),
-          leftIcon: l.SortAsc,
-          children: /* @__PURE__ */ n(c, { children: i.sortUp })
+          onChange: B,
+          isChecked: m[o.column.id]
         }
-      ),
-      /* @__PURE__ */ n(
-        r,
-        {
-          onClick: () => a([{ desc: !0, id: o.column.id }]),
-          leftIcon: l.SortDesc,
-          children: /* @__PURE__ */ n(c, { children: i.sortDown })
-        }
-      ),
-      /* @__PURE__ */ n(
-        r,
-        {
-          onClick: () => {
-            p?.onFilterColumn && p.onFilterColumn(o.column);
-          },
-          leftIcon: l.Filter,
-          children: /* @__PURE__ */ n(c, { children: i.filter })
-        }
-      ),
-      /* @__PURE__ */ n(S, {}),
-      o.column.getCanHide() && /* @__PURE__ */ n(r, { onClick: o.column.getToggleVisibilityHandler(), leftIcon: l.Hide, children: /* @__PURE__ */ n(c, { children: i.hideColumn }) }),
-      /* @__PURE__ */ n(r, { onClick: () => F(o.column), leftIcon: l.Thumbtack, children: /* @__PURE__ */ n(c, { children: o.column.getIsPinned() ? i.stopPinningColumn : i.pinUpToColumn }) }),
-      /* @__PURE__ */ n(S, {}),
-      /* @__PURE__ */ s(r, { itemType: "switch", children: [
-        i.breakingContent,
-        /* @__PURE__ */ n(
-          v,
-          {
-            onChange: B,
-            isChecked: m[o.column.id]
-          }
-        )
-      ] })
-    ] }), [m, M, d]);
-    return /* @__PURE__ */ n(O, { isLazy: !0, children: ({ isOpen: e }) => /* @__PURE__ */ s(u, { children: [
-      /* @__PURE__ */ n(
-        R,
-        {
-          color: b.OnBackgroundSubdued,
-          textTransform: "none",
-          fontSize: k.Small,
-          h: "40px",
-          display: "flex",
-          alignItems: "center",
-          padding: `0px 0px 0px ${q.Small}`,
-          backgroundColor: e ? b.BackgroundDisabled : "unset",
-          children: j(P, o.getContext())
-        }
-      ),
-      /* @__PURE__ */ n(E, { children: /* @__PURE__ */ n($, { fontSize: k.Medium, children: V }) })
-    ] }) });
-  }
-);
+      )
+    ] })
+  ] }), [m, M, d]);
+  return /* @__PURE__ */ n(v, { isLazy: !0, children: ({ isOpen: e }) => /* @__PURE__ */ s(u, { children: [
+    /* @__PURE__ */ n(
+      O,
+      {
+        color: S.OnBackgroundSubdued,
+        textTransform: "none",
+        fontSize: k.Small,
+        h: "40px",
+        display: "flex",
+        alignItems: "center",
+        padding: `0px 0px 0px ${$.Small}`,
+        backgroundColor: e ? S.BackgroundDisabled : "unset",
+        children: j(H, o.getContext())
+      }
+    ),
+    /* @__PURE__ */ n(E, { children: /* @__PURE__ */ n(R, { fontSize: k.Medium, children: P }) })
+  ] }) });
+}, dn = A(q);
 export {
   dn as TableHeaderDropdown
 };

package/dist/components/table/table-header-row.d.ts

@@ -1,8 +1,10 @@
 import { HeaderGroup } from '@tanstack/react-table';
-type TableHeaderRowProps = {
-    headerGroup: HeaderGroup<any>;
+import { TableData, TableRow } from './types.js';
+type TableHeaderRowProps<TData extends TableData> = {
+    headerGroup: HeaderGroup<TableRow<TData>>;
     hideTableHeaderDropdown: boolean | undefined;
 };
-export declare const TableHeaderRow: import('react').MemoExoticComponent<({ headerGroup, hideTableHeaderDropdown }: TableHeaderRowProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TableHeaderRowComponent: <TData extends TableData>({ headerGroup, hideTableHeaderDropdown, }: TableHeaderRowProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeaderRow: typeof TableHeaderRowComponent;
 export {};
 //# sourceMappingURL=table-header-row.d.ts.map

package/dist/components/table/table-header-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,WAAW,EAAc,MAAM,uBAAuB,CAAC;AAMlF,KAAK,mBAAmB,GAAG;IAC1B,WAAW,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;IAC9B,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,cAAc,iFAAmD,mBAAmB,6CAwD/F,CAAC"}
+{"version":3,"file":"table-header-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-header-row.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,WAAW,EAAc,MAAM,uBAAuB,CAAC;AAIlF,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,KAAK,mBAAmB,CAAC,KAAK,SAAS,SAAS,IAAI;IACnD,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,uBAAuB,EAAE,OAAO,GAAG,SAAS,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,KAAK,SAAS,SAAS,EAAE,2CAGvD,mBAAmB,CAAC,KAAK,CAAC,4CAuD5B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAoC,OAAO,uBAAuB,CAAC"}

package/dist/components/table/table-header-row.js

@@ -1,42 +1,41 @@
 import { jsx as n } from "react/jsx-runtime";
-import { Tr as m, Th as s } from "@chakra-ui/react";
-import { flexRender as d } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as g, useContext as c, useCallback as p } from "react";
-import { TableContext as b } from "./table-context.js";
-import { TableHeaderDropdown as C } from "./table-header-dropdown.js";
+import { Tr as m, Th as g } from "@chakra-ui/react";
+import { flexRender as c } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { memo as p, useCallback as u } from "react";
+import { useTableContext as C } from "./table-context.js";
+import { TableHeaderDropdown as b } from "./table-header-dropdown.js";
 import { Box as f } from "../box/box.js";
-import { ThemeColorVariable as i, ThemeSpaceVariable as u } from "../../theme/theme-types.js";
-const D = g(({ headerGroup: r, hideTableHeaderDropdown: a }) => {
-  const t = c(b);
-  if (!t) throw new Error("Expected tableData");
-  const l = p(
-    (e) => {
-      const o = e.getIsPinned();
-      return {
-        position: o ? "sticky" : "relative",
-        left: o ? `${e.getStart("left")}px` : void 0,
-        backgroundColor: o ? i.Background : void 0,
-        zIndex: o ? 1 : 0,
-        width: e.getSize(),
-        maxWidth: e.getSize()
-      };
-    },
-    []
-  );
-  return /* @__PURE__ */ n(m, { children: r.headers.map((e) => {
-    const { column: o } = e;
+import { ThemeColorVariable as r, ThemeSpaceVariable as S } from "../../theme/theme-types.js";
+const x = ({
+  headerGroup: i,
+  hideTableHeaderDropdown: a
+}) => {
+  const t = C(), l = !!t.getRowActions, s = u((e) => {
+    const o = e.getIsPinned();
+    return {
+      position: o ? "sticky" : "relative",
+      left: o ? `${e.getStart("left")}px` : void 0,
+      backgroundColor: o ? r.Background : void 0,
+      zIndex: o ? 1 : 0,
+      width: e.getSize(),
+      maxWidth: e.getSize()
+    };
+  }, []);
+  return /* @__PURE__ */ n(m, { children: i.headers.map((e) => {
+    const { column: o } = e, d = o.getIndex() === 0;
     return /* @__PURE__ */ n(
-      s,
+      g,
       {
         className: "tableHeaderCell",
         isNumeric: o.columnDef.meta?.isNumeric,
         zIndex: o.getIsPinned() ? 2 : 1,
         style: {
-          ...l(o),
-          borderBottom: `1px solid ${i.OnBackgroundBorder}`
+          ...s(o),
+          borderBottom: `1px solid ${r.OnBackgroundBorder}`,
+          paddingLeft: d && l ? "24px" : void 0
         },
-        children: a ? /* @__PURE__ */ n(f, { paddingLeft: u.Small, children: d(e.column.columnDef.header, e.getContext()) }) : /* @__PURE__ */ n(
-          C,
+        children: a ? /* @__PURE__ */ n(f, { paddingLeft: S.Small, children: c(e.column.columnDef.header, e.getContext()) }) : /* @__PURE__ */ n(
+          b,
           {
             header: e,
             breakingContentState: t.breakingContentState,
@@ -52,8 +51,8 @@ const D = g(({ headerGroup: r, hideTableHeaderDropdown: a }) => {
       },
       e.id
     );
-  }) }, r.id);
-});
+  }) }, i.id);
+}, P = p(x);
 export {
-  D as TableHeaderRow
+  P as TableHeaderRow
 };

package/dist/components/table/table-row-expand-toggle-button.d.ts

@@ -1,8 +1,8 @@
 import { Row } from '@tanstack/react-table';
 import { Locales } from './translations.js';
-import { TableDataType } from './types.js';
+import { TableRow } from './types.js';
 interface TableRowExpandToggleButtonProps {
-    row: Row<TableDataType<any>>;
+    row: Row<TableRow>;
     localeString: Locales;
     rowIsExpanded: boolean;
     hidden?: boolean;

package/dist/components/table/table-row-expand-toggle-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-row-expand-toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row-expand-toggle-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,+BAA+B;IACxC,GAAG,EAAE,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;IAC7B,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,0BAA0B,qFACS,+BAA+B,6CAkC9E,CAAC"}
+{"version":3,"file":"table-row-expand-toggle-button.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row-expand-toggle-button.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,UAAU,+BAA+B;IACxC,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,0BAA0B,qFACS,+BAA+B,6CAoC9E,CAAC"}

package/dist/components/table/table-row-expand-toggle-button.js

@@ -1,32 +1,33 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { Box as c } from "@chakra-ui/react";
 import { memo as d } from "react";
 import { translations as x } from "./translations.js";
 import { IconButton as g } from "../icon-button/icon-button.js";
 import { Icons as i } from "../icon/types.js";
 import { ThemeSpaceVariable as f } from "../../theme/theme-types.js";
-const R = d(
-  ({ row: o, localeString: l, rowIsExpanded: a, hidden: n }) => {
-    const e = x[l], m = o.getToggleExpandedHandler(), p = (t) => {
-      t.stopPropagation(), m();
-    }, s = () => a ? `${e.collapseRow} ${o.index + 1}` : `${e.expandRow} ${o.index + 1}`;
-    return /* @__PURE__ */ r(c, { as: "span", h: "100%", children: /* @__PURE__ */ r(
+const B = d(
+  ({ row: o, localeString: l, rowIsExpanded: n, hidden: a }) => {
+    const r = x[l], m = o.getToggleExpandedHandler(), p = (e) => {
+      e.stopPropagation(), m();
+    }, s = () => n ? `${r.collapseRow} ${o.index + 1}` : `${r.expandRow} ${o.index + 1}`;
+    return /* @__PURE__ */ t(c, { as: "span", h: "100%", children: /* @__PURE__ */ t(
       g,
       {
         size: "sm",
         mr: f.XSmall,
         variant: "ghost",
         "aria-label": s(),
-        icon: a ? i.TreeViewCollapse : i.TreeViewExpand,
+        icon: n ? i.TreeViewCollapse : i.TreeViewExpand,
         onClick: p,
-        onKeyDown: (t) => t.stopPropagation(),
-        visibility: n ? "hidden" : "initial",
-        "aria-hidden": n,
-        tabIndex: n ? -1 : 0
+        onKeyDown: (e) => e.stopPropagation(),
+        visibility: a ? "hidden" : "initial",
+        "aria-hidden": a,
+        tabIndex: a ? -1 : 0,
+        borderRadius: "0"
       }
     ) });
   }
 );
 export {
-  R as TableRowExpandToggleButton
+  B as TableRowExpandToggleButton
 };

package/dist/components/table/table-row.d.ts

@@ -1,13 +1,13 @@
 import { Cell, Row } from '@tanstack/react-table';
-import { TableDataType, TableSubrows } from './types.js';
-type TableRowProps<J extends TableSubrows<J>> = {
-    row: Row<J>;
-    visibleCells: Cell<any, unknown>[];
-    onClickRow?: (row: TableDataType<J>, event: React.MouseEvent<HTMLTableRowElement> | React.KeyboardEvent<HTMLTableRowElement>) => void;
+import { TableData, TableRow as TableRowType } from './types.js';
+type TableRowProps<TData extends TableData> = {
+    row: Row<TableRowType<TData>>;
+    visibleCells: Cell<TableRowType<TData>, unknown>[];
+    onClickRow?: (row: TableRowType<TData>, event: React.MouseEvent<HTMLTableRowElement> | React.KeyboardEvent<HTMLTableRowElement>) => void;
     showRowHoverStyle?: boolean;
     onRowClickIndication?: boolean;
 };
-declare const TableRowInner: <T extends TableSubrows<T>>({ row, visibleCells, onClickRow, showRowHoverStyle, onRowClickIndication, }: TableRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const TableRowInner: <TData extends TableData>({ row, visibleCells, onClickRow, showRowHoverStyle, onRowClickIndication, }: TableRowProps<TData>) => import("react/jsx-runtime").JSX.Element;
 export declare const TableRow: typeof TableRowInner;
 export {};
 //# sourceMappingURL=table-row.d.ts.map

package/dist/components/table/table-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIvD,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE3D,KAAK,aAAa,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,IAAI;IAC/C,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACZ,YAAY,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC;IACnC,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,aAAa,CAAC,CAAC,CAAC,EACrB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,6EAM/C,aAAa,CAAC,CAAC,CAAC,4CA6ElB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAA0B,OAAO,aAAa,CAAC"}
+{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAIvD,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAEnE,KAAK,aAAa,CAAC,KAAK,SAAS,SAAS,IAAI;IAC7C,GAAG,EAAE,GAAG,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9B,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,EAAE,CAAC;IACnD,UAAU,CAAC,EAAE,CACZ,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,EACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KACnF,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,aAAa,GAAI,KAAK,SAAS,SAAS,EAAE,6EAM7C,aAAa,CAAC,KAAK,CAAC,4CA2EtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAA0B,OAAO,aAAa,CAAC"}