@caspeco/casper-ui-library 5.6.0 → 6.0.0

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

@@ -1,60 +1,58 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Tr as f } from "@chakra-ui/react";
-import { memo as h, useContext as x, useMemo as i, useCallback as c } from "react";
-import { TableCell as S } from "./table-cell.js";
-import { TableContext as T } from "./table-context.js";
+import { jsx as d } from "react/jsx-runtime";
+import { Tr as T } from "@chakra-ui/react";
+import { memo as h, useMemo as c, useCallback as l } from "react";
+import { TableCell as x } from "./table-cell.js";
+import { useTableContext as y } from "./table-context.js";
 import { ThemeColorVariable as n } from "../../theme/theme-types.js";
-const y = ({
+const A = ({
   row: t,
   visibleCells: a,
-  onClickRow: r,
-  showRowHoverStyle: g,
-  onRowClickIndication: d
+  onClickRow: o,
+  showRowHoverStyle: s,
+  onRowClickIndication: i
 }) => {
-  const o = x(T);
-  if (!o)
-    throw new Error("No table context");
-  const p = i(
-    () => g ? { backgroundColor: n.AccentHoverAlpha } : { backgroundColor: "unset" },
-    []
-  ), s = c(
+  const r = y(), u = c(() => ({ backgroundColor: s ? n.AccentHoverAlpha : "unset", ".action-menu-button": { opacity: 1 } }), []), g = l(
     (e) => {
-      r && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), r(t.original, e));
+      o && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o(t.original, e));
     },
-    [o.data, r]
-  ), u = c(
+    [r.data, o]
+  ), m = l(
     (e) => {
-      e.stopPropagation(), t.getToggleSelectedHandler(), r && r(t.original, e), d && o.setRowSelection({ [e.currentTarget.id]: !0 });
+      e.stopPropagation(), t.getToggleSelectedHandler(), o && o(t.original, e), i && r.setRowSelection({ [e.currentTarget.id]: !0 });
     },
-    [o.data, r, d]
-  ), m = () => t.getIsSelected() ? n.AccentHoverAlpha : "unset", b = i(() => m(), [o.rowSelection]);
-  return /* @__PURE__ */ l(
-    f,
+    [r.data, o, i]
+  ), p = () => t.getIsSelected() ? n.AccentHoverAlpha : "unset", b = c(() => p(), [r.rowSelection]), f = r.getRowActions?.(t.original);
+  return /* @__PURE__ */ d(
+    T,
     {
       id: t.id,
-      tabIndex: r ? 0 : void 0,
-      onClick: u,
-      onKeyDown: s,
+      tabIndex: o ? 0 : void 0,
+      onClick: m,
+      onKeyDown: g,
       borderTop: t.depth > 0 ? "none" : `1px solid ${n.OnBackgroundBorder}`,
-      cursor: r ? "pointer" : void 0,
+      cursor: o ? "pointer" : void 0,
       backgroundColor: b,
-      _hover: p,
-      children: a.map((e) => /* @__PURE__ */ l(
-        S,
-        {
-          cell: e,
-          visibleCells: a,
-          row: t,
-          rowIsExpanded: t.getIsExpanded(),
-          breakingContentState: o.breakingContentState,
-          localeString: o.localeString
-        },
-        e.id
-      ))
+      _hover: u,
+      children: a.map((e) => {
+        const S = e.column.getIndex() === 0;
+        return /* @__PURE__ */ d(
+          x,
+          {
+            cell: e,
+            visibleCells: a,
+            row: t,
+            rowIsExpanded: t.getIsExpanded(),
+            breakingContentState: r.breakingContentState,
+            localeString: r.localeString,
+            actionMenu: S ? f : void 0
+          },
+          e.id
+        );
+      })
     },
     t.id
   );
-}, I = h(y);
+}, E = h(A);
 export {
-  I as TableRow
+  E as TableRow
 };

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

@@ -1,7 +1,6 @@
 import { ThemeStyleProps } from '../../theme/index.js';
 import { ChangeEvent } from 'react';
-import { TableSubrows } from './types.js';
-export type TableToolbarProps<T extends TableSubrows<T>> = {
+export type TableToolbarProps = {
     /**
      * Text for the header above the table, describing what the table is used for
      */
@@ -15,7 +14,7 @@ export type TableToolbarProps<T extends TableSubrows<T>> = {
      */
     onAddNewItem?: () => void;
 };
-declare function TableToolbarInner<T extends TableSubrows<T>>({ tableName, onSearch, onAddNewItem, ...props }: TableToolbarProps<T> & ThemeStyleProps): import("react/jsx-runtime").JSX.Element;
+declare function TableToolbarInner({ tableName, onSearch, onAddNewItem, ...props }: TableToolbarProps & ThemeStyleProps): import("react/jsx-runtime").JSX.Element;
 export declare const TableToolbar: typeof TableToolbarInner;
 export {};
 //# sourceMappingURL=table-toolbar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAMN,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,KAAK,WAAW,EAA0C,MAAM,OAAO,CAAC;AAGjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,IAAI;IAC1D;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,EACrD,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACR,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,eAAe,2CAsIxC;AAED,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}
+{"version":3,"file":"table-toolbar.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAMN,KAAK,eAAe,EACpB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,KAAK,WAAW,EAA8B,MAAM,OAAO,CAAC;AAIrE,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACR,EAAE,iBAAiB,GAAG,eAAe,2CAsIrC;AAED,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}

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

@@ -1,59 +1,57 @@
-import { jsx as t, jsxs as o, Fragment as V } from "react/jsx-runtime";
+import { jsx as e, jsxs as r, Fragment as V } from "react/jsx-runtime";
 import { useMediaQuery as F, Flex as i, Box as L, Portal as j } from "@chakra-ui/react";
-import { memo as z, useContext as O, useCallback as v, useMemo as p } from "react";
-import { TableContext as A } from "./table-context.js";
-import { translations as H } from "./translations.js";
+import { memo as z, useCallback as O, useMemo as p } from "react";
+import { useTableContext as v } from "./table-context.js";
+import { translations as A } from "./translations.js";
 import { Text as g } from "../text/text.js";
-import { Input as D } from "../input/input.js";
+import { Input as H } from "../input/input.js";
 import { Icon as f } from "../icon/icon.js";
 import { Icons as c } from "../icon/types.js";
-import { Menu as E } from "../menu/menu.js";
+import { Menu as D } from "../menu/menu.js";
 import { MenuButton as G } from "../menu/menu-button.js";
-import { MenuList as N } from "../menu/menu-list.js";
+import { MenuList as E } from "../menu/menu-list.js";
 import { MenuItem as C } from "../menu/menu-item.js";
 import { Checkbox as P } from "../checkbox/checkbox.js";
 import { MenuDivider as Q } from "../menu/menu-divider.js";
 import { Switch as W } from "../switch/switch.js";
 import { IconButton as X } from "../icon-button/icon-button.js";
-import { ThemeSpaceVariable as r, ThemeFontVariable as q, ThemeColorVariable as S, ThemeFontSizeVariable as J, ThemeIconSizeVariable as K } from "../../theme/theme-types.js";
-function R({
+import { ThemeSpaceVariable as o, ThemeFontVariable as q, ThemeColorVariable as S, ThemeFontSizeVariable as J, ThemeIconSizeVariable as K } from "../../theme/theme-types.js";
+function N({
   tableName: k,
   onSearch: T,
   onAddNewItem: y,
   ...M
 }) {
-  const e = O(A);
-  if (!e) throw new Error("No table context found");
-  const [x] = F("(min-width: 48em)"), a = H[e.localeString], m = v(() => e.table.getAllColumns().length === Object.keys(e.breakingContentState).length && !Object.values(e.breakingContentState).includes(!1), [e.breakingContentState]), I = (n) => {
+  const t = v(), [I] = F("(min-width: 48em)"), a = A[t.localeString], m = O(() => t.table.getAllColumns().length === Object.keys(t.breakingContentState).length && !Object.values(t.breakingContentState).includes(!1), [t.breakingContentState]), x = (n) => {
     const l = {};
-    e.table.getAllColumns().forEach((b) => {
+    t.table.getAllColumns().forEach((b) => {
       l[b.id] = n.target.checked;
-    }), e.setBreakingContentState(l), e.onBreakingContentChange?.(l);
-  }, s = () => /* @__PURE__ */ t(
-    D,
+    }), t.setBreakingContentState(l), t.onBreakingContentChange?.(l);
+  }, s = () => /* @__PURE__ */ e(
+    H,
     {
-      leftElement: /* @__PURE__ */ t(f, { icon: c.Search }),
+      leftElement: /* @__PURE__ */ e(f, { icon: c.Search }),
       onChange: (n) => T?.(n),
       size: "md",
       type: "search",
       w: { base: "100%", md: "170px" },
       "data-testid": "filterInput"
     }
-  ), d = () => /* @__PURE__ */ t(i, { children: /* @__PURE__ */ o(E, { closeOnSelect: !1, isLazy: !0, children: [
-    /* @__PURE__ */ t(G, { "aria-label": a.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ t(f, { icon: c.Sliders, size: K.Medium }) }),
-    /* @__PURE__ */ t(j, { children: /* @__PURE__ */ o(N, { children: [
-      /* @__PURE__ */ t(
+  ), d = () => /* @__PURE__ */ e(i, { children: /* @__PURE__ */ r(D, { closeOnSelect: !1, isLazy: !0, children: [
+    /* @__PURE__ */ e(G, { "aria-label": a.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ e(f, { icon: c.Sliders, size: K.Medium }) }),
+    /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(E, { children: [
+      /* @__PURE__ */ e(
         g,
         {
           color: S.OnSurfaceSubdued,
-          py: r.Small,
-          px: r.Medium,
+          py: o.Small,
+          px: o.Medium,
           children: a.showColumns
         }
       ),
-      e.table.getAllLeafColumns().filter((n) => n.getCanHide()).map((n) => /* @__PURE__ */ o(C, { itemType: "checkbox", leftIcon: c.GripMore, children: [
-        /* @__PURE__ */ t(V, { children: n.columnDef.header }),
-        /* @__PURE__ */ t(
+      t.table.getAllLeafColumns().filter((n) => n.getCanHide()).map((n) => /* @__PURE__ */ r(C, { itemType: "checkbox", leftIcon: c.GripMore, children: [
+        /* @__PURE__ */ e(V, { children: n.columnDef.header }),
+        /* @__PURE__ */ e(
           P,
           {
             isChecked: n.getIsVisible(),
@@ -61,13 +59,13 @@ function R({
           }
         )
       ] }, n.id)),
-      /* @__PURE__ */ t(Q, {}),
-      /* @__PURE__ */ o(C, { itemType: "switch", children: [
+      /* @__PURE__ */ e(Q, {}),
+      /* @__PURE__ */ r(C, { itemType: "switch", children: [
         a.breakingContent,
-        /* @__PURE__ */ t(W, { onChange: I, isChecked: m() })
+        /* @__PURE__ */ e(W, { onChange: x, isChecked: m() })
       ] })
     ] }) })
-  ] }) }), u = () => /* @__PURE__ */ t(X, { "aria-label": a.new, icon: c.Increase, onClick: y, variant: "primary" }), h = () => /* @__PURE__ */ t(
+  ] }) }), u = () => /* @__PURE__ */ e(X, { "aria-label": a.new, icon: c.Increase, onClick: y, variant: "primary" }), h = () => /* @__PURE__ */ e(
     g,
     {
       fontSize: J.X2Large,
@@ -77,31 +75,31 @@ function R({
       children: k
     }
   ), w = p(
-    () => /* @__PURE__ */ t(i, { direction: "column", gap: r.Medium, mb: r.Medium, children: /* @__PURE__ */ o(i, { justifyContent: "space-between", alignItems: "center", children: [
+    () => /* @__PURE__ */ e(i, { direction: "column", gap: o.Medium, mb: o.Medium, children: /* @__PURE__ */ r(i, { justifyContent: "space-between", alignItems: "center", children: [
       h(),
-      /* @__PURE__ */ o(i, { gap: r.Medium, children: [
+      /* @__PURE__ */ r(i, { gap: o.Medium, children: [
         s(),
         d(),
         u()
       ] })
     ] }) }),
-    [m, e.breakingContentState, e.columnVisibility, e.data]
+    [m, t.breakingContentState, t.columnVisibility, t.data]
   ), B = p(
-    () => /* @__PURE__ */ o(i, { direction: "column", gap: r.Medium, mb: r.Medium, children: [
-      /* @__PURE__ */ o(i, { justifyContent: "space-between", children: [
+    () => /* @__PURE__ */ r(i, { direction: "column", gap: o.Medium, mb: o.Medium, children: [
+      /* @__PURE__ */ r(i, { justifyContent: "space-between", children: [
         h(),
         u()
       ] }),
-      /* @__PURE__ */ o(i, { justifyContent: "space-between", gap: r.Medium, children: [
+      /* @__PURE__ */ r(i, { justifyContent: "space-between", gap: o.Medium, children: [
         s(),
         d()
       ] })
     ] }),
-    [m, e.breakingContentState, e.columnVisibility]
+    [m, t.breakingContentState, t.columnVisibility]
   );
-  return /* @__PURE__ */ t(L, { id: "tableToolbar", ...M, children: x ? w : B });
+  return /* @__PURE__ */ e(L, { id: "tableToolbar", ...M, children: I ? w : B });
 }
-const he = z(R);
+const ue = z(N);
 export {
-  he as TableToolbar
+  ue as TableToolbar
 };

package/dist/components/table/table.composition.d.ts

@@ -1,10 +1,10 @@
-export interface Data {
+import { TableRow } from './types.js';
+export type Data = TableRow<{
     name: string;
     price: number;
     status: "active" | "inactive";
     description?: string;
-    subRows?: Data[];
-}
+}>;
 export declare const BasicTable: () => import("react/jsx-runtime").JSX.Element;
 export declare const NestedTable: () => import("react/jsx-runtime").JSX.Element;
 export interface EditableDataType {

package/dist/components/table/table.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.composition.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,IAAI;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC;CACjB;AA8GD,eAAO,MAAM,UAAU,+CAgEtB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAuDvB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAqBD,eAAO,MAAM,aAAa,+CAgEzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAiElC,CAAC"}
+{"version":3,"file":"table.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.composition.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,IAAI,GAAG,QAAQ,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AA8GH,eAAO,MAAM,UAAU,+CAgEtB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAuDvB,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC7B;AAqBD,eAAO,MAAM,aAAa,+CAgEzB,CAAC;AAEF,eAAO,MAAM,sBAAsB,+CAiElC,CAAC"}

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

@@ -1,3 +1,3 @@
-import { TableProps, TableSubrows } from './types.js';
-export declare function Table<I extends TableSubrows<I>>({ columns, data, localeString, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, onFilterColumn, getRowId, id, customRowIndication, onSortingChange, initialSortingState, sortingState, children, }: TableProps<I>): import("react/jsx-runtime").JSX.Element;
+import { TableData, TableProps } from './types.js';
+export declare function Table<TData extends TableData>({ columns, data, localeString, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, onFilterColumn, getRowId, getRowActions, id, customRowIndication, onSortingChange, initialSortingState, sortingState, children, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAExD,wBAAgB,KAAK,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,EAChD,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,oBAAyB,EACzB,2BAAgC,EAChC,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,QAAQ,EACR,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,QAAQ,GACR,EAAE,UAAU,CAAC,CAAC,CAAC,2CAyBf"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,KAAK,CAAC,KAAK,SAAS,SAAS,EAAE,EAC9C,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,oBAAyB,EACzB,2BAAgC,EAChC,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,cAAc,EACd,QAAQ,EACR,aAAa,EACb,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,2CA0BnB"}

package/dist/components/table/table.js

@@ -1,6 +1,6 @@
-import { jsx as v } from "react/jsx-runtime";
-import { TableProvider as P } from "./table-context.js";
-function k({
+import { jsx as P } from "react/jsx-runtime";
+import { TableProvider as g } from "./table-context-provider.js";
+function q({
   columns: r,
   data: o,
   localeString: e,
@@ -14,15 +14,16 @@ function k({
   onBreakingContentChange: b,
   onFilterColumn: l,
   getRowId: u,
-  id: x,
-  customRowIndication: T,
-  onSortingChange: c,
-  initialSortingState: d,
-  sortingState: j,
-  children: s
+  getRowActions: x,
+  id: T,
+  customRowIndication: c,
+  onSortingChange: d,
+  initialSortingState: j,
+  sortingState: s,
+  children: v
 }) {
-  return /* @__PURE__ */ v(
-    P,
+  return /* @__PURE__ */ P(
+    g,
     {
       columns: r,
       data: o,
@@ -37,15 +38,16 @@ function k({
       onBreakingContentChange: b,
       onFilterColumn: l,
       getRowId: u,
-      id: x,
-      customRowIndication: T,
-      onSortingChange: c,
-      initialSortingState: d,
-      sortingState: j,
-      children: s
+      getRowActions: x,
+      id: T,
+      customRowIndication: c,
+      onSortingChange: d,
+      initialSortingState: j,
+      sortingState: s,
+      children: v
     }
   );
 }
 export {
-  k as Table
+  q as Table
 };

package/dist/components/table/translations.d.ts

@@ -17,6 +17,7 @@ export declare const translations: {
         rowsShowing: string;
         settings: string;
         more: string;
+        moreActions: string;
     };
     "en-US": {
         sortUp: string;
@@ -35,6 +36,7 @@ export declare const translations: {
         rowsShowing: string;
         settings: string;
         more: string;
+        moreActions: string;
     };
     "en-GB": {
         sortUp: string;
@@ -53,6 +55,7 @@ export declare const translations: {
         rowsShowing: string;
         settings: string;
         more: string;
+        moreActions: string;
     };
     "nb-NO": {
         sortUp: string;
@@ -71,6 +74,7 @@ export declare const translations: {
         rowsShowing: string;
         settings: string;
         more: string;
+        moreActions: string;
     };
     "da-DK": {
         sortUp: string;
@@ -89,6 +93,7 @@ export declare const translations: {
         rowsShowing: string;
         settings: string;
         more: string;
+        moreActions: string;
     };
 };
 //# sourceMappingURL=translations.d.ts.map

package/dist/components/table/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/table/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAqBtE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDxB,CAAC"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/table/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAsBtE,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DxB,CAAC"}

package/dist/components/table/translations.js

@@ -14,7 +14,8 @@ const n = {
   expandRow: "Expand row",
   rowsShowing: "Rows displayed",
   settings: "Settings",
-  more: "More"
+  more: "More",
+  moreActions: "More actions"
 }, e = {
   "sv-SE": {
     sortUp: "Sortera stigande",
@@ -32,7 +33,8 @@ const n = {
     expandRow: "Expandera rad",
     rowsShowing: "Rader som visas",
     settings: "Inställningar",
-    more: "Mer"
+    more: "Mer",
+    moreActions: "Fler åtgärder"
   },
   "en-US": n,
   "en-GB": n,
@@ -52,7 +54,8 @@ const n = {
     expandRow: "Utvide rad",
     rowsShowing: "Rader vises",
     settings: "Innstillinger",
-    more: "Flere"
+    more: "Flere",
+    moreActions: "Flere handlinger"
   },
   "da-DK": {
     sortUp: "Sorter stigende",
@@ -70,7 +73,8 @@ const n = {
     expandRow: "Udvide række",
     rowsShowing: "Rækker vises",
     settings: "Indstillinger",
-    more: "Mere"
+    more: "Mere",
+    moreActions: "Flere handlinger"
   }
 };
 export {

package/dist/components/table/types.d.ts

@@ -1,12 +1,23 @@
 import { CellContext, Column, ColumnDef, ExpandedState, Row, RowData, RowSelectionState, SortingState, VisibilityState } from '@tanstack/react-table';
 import { PropsWithChildren } from 'react';
+import { MenuList } from '../menu/index.js';
+import { TableContentProps } from './table-content.js';
+import { TableToolbarProps } from './table-toolbar.js';
 import { Locales } from './translations.js';
-export type { CellContext, ColumnDef, ExpandedState, Row, RowSelectionState, VisibilityState };
-export type TableSubrows<K> = {
-    subRows?: K[];
-};
-export type TableDataType<T extends TableSubrows<T>> = T & Record<string, any>;
-interface BaseTableProps<J extends TableSubrows<J>> {
+export type { CellContext, ColumnDef, ExpandedState, Row, RowSelectionState, TableContentProps, TableToolbarProps, VisibilityState, };
+interface BaseRow<TData extends TableData> {
+    subRows?: TableRow<TData>[];
+}
+export type TableData = object;
+/**
+ * Utility type that can be used to define your own table row type.
+ * Adds supported fields like `subRows` to your own data type.
+ *
+ * @example
+ * type Row = TableRow<{ id: string; name: string; age: number; }>
+ */
+export type TableRow<TData extends TableData = TableData> = TData & BaseRow<TData>;
+interface BaseTableProps<TData extends TableData> {
     /**
      * The id for the table
      */
@@ -14,7 +25,7 @@ interface BaseTableProps<J extends TableSubrows<J>> {
     /**
      * Data that will render in the table
      */
-    data: TableDataType<J>[];
+    data: TableRow<TData>[];
     /**
      * Required locale string used to translate fixed strings used within table.
      */
@@ -22,7 +33,7 @@ interface BaseTableProps<J extends TableSubrows<J>> {
     /**
      * The different columns that contain column header and information about the column
      */
-    columns: ColumnDef<TableDataType<J>, any>[];
+    columns: ColumnDef<TableRow<TData>>[];
     /**
      * An object describing which rows that are expanded in the table.
      * If provided, the expanded state will be "controlled" (just like making an input element controlled),
@@ -51,13 +62,20 @@ interface BaseTableProps<J extends TableSubrows<J>> {
     /**
      * Called when the column filter is clicked. Returns the column that was clicked.
      */
-    onFilterColumn?: <K extends TableSubrows<K>>(clickedColumn: Column<TableDataType<K>, unknown>) => void;
+    onFilterColumn?: (clickedColumn: Column<TableRow<TData>, unknown>) => void;
     columnVisibilityState?: VisibilityState;
     /**
      * Optional function used to derive a unique ID for any given row.
      * If not provided the row's index is used (nested rows join together with `.` using their grandparents' index eg. "0.1.0").
      */
-    getRowId?: (originalRow: TableDataType<J>, index: number, parent?: Row<TableDataType<J>>) => string;
+    getRowId?: (originalRow: TableRow<TData>, index: number, parent?: Row<TableRow<TData>>) => string;
+    /**
+     * Optional function to add quick-action menus for table rows. The function should return a [MenuList](https://caspeco.github.io/casper-ui-library/components/menu/) or undefined for each row.
+     * If this function is defined, padding will be applied to the first column to make room for the action menu button (regardless of whether the function returns a menu for any row or not).
+     * @param row The row for which to get the action menu
+     * @returns An instance of [MenuList](https://caspeco.github.io/casper-ui-library/components/menu/) containing action items for the row, or `undefined` if no action menu should be shown for the row.
+     */
+    getRowActions?: (row: TableRow<TData>) => React.ReactElement<React.ComponentProps<typeof MenuList>, typeof MenuList> | null | undefined | false;
     /**
      * Initial state of breaking content settings. Use together with onBreakingContentChange if you want to store the state of breaking content.
      */
@@ -76,7 +94,7 @@ interface BaseTableProps<J extends TableSubrows<J>> {
      */
     sortingState?: SortingState;
 }
-export type TableProps<J extends TableSubrows<J>> = BaseTableProps<J> & PropsWithChildren;
+export type TableProps<TData extends TableData = TableData> = PropsWithChildren<BaseTableProps<TData>>;
 /**
  * Use declaration merging to add our new feature APIs and state types to TanStack Table's existing types.
  * @see https://tanstack.com/table/latest/docs/guide/custom-features#step-2-use-declaration-merging-to-add-new-types-to-tanstack-table

package/dist/components/table/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/table/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/table/types.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -70,18 +70,19 @@ import { Switch as jr } from "./components/switch/switch.js";
 import { createColumnHelper as Jr } from "./node_modules/@tanstack/table-core/build/lib/index.js";
 import { Table as Or } from "./components/table/table.js";
 import { TableContent as Yr } from "./components/table/table-content.js";
-import { TableToolbar as _r } from "./components/table/table-toolbar.js";
-import { Tab as oe } from "./components/tabs/tab.js";
-import { TabList as ee } from "./components/tabs/tab-list.js";
-import { TabPanel as me } from "./components/tabs/tab-panel.js";
-import { TabPanels as xe } from "./components/tabs/tab-panels.js";
-import { Tabs as ae } from "./components/tabs/tabs.js";
-import { Tag as ne } from "./components/tag/tag.js";
-import { Text as de } from "./components/text/text.js";
-import { Textarea as Te } from "./components/textarea/textarea.js";
-import { useToast as se } from "./components/toast/toast.js";
-import { ToggleButton as he } from "./components/toggle-button/toggle-button.js";
-import { Tooltip as Me } from "./components/tooltip/tooltip.js";
+import { useTableContext as _r } from "./components/table/table-context.js";
+import { TableToolbar as oe } from "./components/table/table-toolbar.js";
+import { Tab as ee } from "./components/tabs/tab.js";
+import { TabList as me } from "./components/tabs/tab-list.js";
+import { TabPanel as xe } from "./components/tabs/tab-panel.js";
+import { TabPanels as ae } from "./components/tabs/tab-panels.js";
+import { Tabs as ne } from "./components/tabs/tabs.js";
+import { Tag as de } from "./components/tag/tag.js";
+import { Text as Te } from "./components/text/text.js";
+import { Textarea as se } from "./components/textarea/textarea.js";
+import { useToast as he } from "./components/toast/toast.js";
+import { ToggleButton as Me } from "./components/toggle-button/toggle-button.js";
+import { Tooltip as Ce } from "./components/tooltip/tooltip.js";
 export {
   C as Accordion,
   I as AccordionItem,
@@ -150,17 +151,17 @@ export {
   Ur as StepContext,
   Qr as Stepper,
   jr as Switch,
-  oe as Tab,
-  ee as TabList,
-  me as TabPanel,
-  xe as TabPanels,
+  ee as Tab,
+  me as TabList,
+  xe as TabPanel,
+  ae as TabPanels,
   Or as Table,
   Yr as TableContent,
-  _r as TableToolbar,
-  ae as Tabs,
-  ne as Tag,
-  de as Text,
-  Te as Textarea,
+  oe as TableToolbar,
+  ne as Tabs,
+  de as Tag,
+  Te as Text,
+  se as Textarea,
   d as ThemeBorderVariable,
   u as ThemeBreakPointVariable,
   T as ThemeColorVariable,
@@ -172,12 +173,13 @@ export {
   h as ThemeRadiusVariable,
   g as ThemeShadowVariable,
   M as ThemeSpaceVariable,
-  he as ToggleButton,
-  Me as Tooltip,
+  Me as ToggleButton,
+  Ce as Tooltip,
   Jr as createColumnHelper,
   x as isTouchScreenDevice,
   e as useColorMode,
   t as useDisclosure,
   m as useRadioGroup,
-  se as useToast
+  _r as useTableContext,
+  he as useToast
 };

package/dist/theme/theme-config/components/tag-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/tag-theme.ts"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,yBAAyB,EAG9B,MAAM,kBAAkB,CAAC;AAmK1B,eAAO,MAAM,SAAS,EAAE,yBAQtB,CAAC"}
+{"version":3,"file":"tag-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/tag-theme.ts"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,yBAAyB,EAG9B,MAAM,kBAAkB,CAAC;AAoK1B,eAAO,MAAM,SAAS,EAAE,yBAQtB,CAAC"}