@caspeco/casper-ui-library 9.6.2 → 9.8.0

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

@@ -1,33 +1,33 @@
-import { jsx as e, Fragment as f, jsxs as w } from "react/jsx-runtime";
-import { Table as C, Box as g, useMediaQuery as A, Portal as T } from "@chakra-ui/react";
-import { closestCenter as D } from "../../node_modules/@dnd-kit/collision/dist/index.js";
-import { SortableKeyboardPlugin as z } from "../../node_modules/@dnd-kit/dom/sortable.js";
-import { useSortable as H } from "../../node_modules/@dnd-kit/react/sortable.js";
-import { flexRender as P } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { memo as V, useCallback as k, useMemo as F } from "react";
-import { useTableContext as u } from "./table-context.js";
-import { TableHeaderDropdown as L } from "./table-header-dropdown.js";
-import { translations as B } from "./translations.js";
-import { Flex as I } from "../flex/flex.js";
-import { Divider as O } from "../divider/divider.js";
+import { jsx as e, Fragment as S, jsxs as w } from "react/jsx-runtime";
+import { Table as I, Box as u, useMediaQuery as A, Portal as D } from "@chakra-ui/react";
+import { closestCenter as z } from "../../node_modules/@dnd-kit/collision/dist/index.js";
+import { SortableKeyboardPlugin as H } from "../../node_modules/@dnd-kit/dom/sortable.js";
+import { useSortable as P } from "../../node_modules/@dnd-kit/react/sortable.js";
+import { flexRender as V } from "../../node_modules/@tanstack/react-table/build/lib/index.js";
+import { memo as F, useCallback as R, useMemo as L } from "react";
+import { useTableContext as p } from "./table-context.js";
+import { TableHeaderDropdown as O } from "./table-header-dropdown.js";
+import { interpolate as C, translations as v } from "./translations.js";
+import { Flex as k } from "../flex/flex.js";
+import { Divider as W } from "../divider/divider.js";
 import { Menu as j } from "../menu/menu.js";
 import { MenuButton as N } from "../menu/menu-button.js";
-import { MenuList as W } from "../menu/menu-list.js";
-import { Checkbox as $ } from "../checkbox/checkbox.js";
-import { MenuItem as E } from "../menu/menu-item.js";
-import { IconButton as K } from "../icon-button/icon-button.js";
-import { DeleteIcon as Q } from "../icon/icons/delete-icon.js";
-import { Button as U } from "../button/button.js";
-import { ThemeColorVariable as m, ThemeSpaceVariable as h, ThemeFontSizeVariable as q, ThemeFontVariable as G } from "../../theme/theme-types.js";
-import { TreeViewCollapseIcon as J } from "../icon/icons/tree-view-collapse-icon.js";
-const X = ({
+import { MenuList as $ } from "../menu/menu-list.js";
+import { Checkbox as E } from "../checkbox/checkbox.js";
+import { MenuItem as K } from "../menu/menu-item.js";
+import { IconButton as Q } from "../icon-button/icon-button.js";
+import { DeleteIcon as U } from "../icon/icons/delete-icon.js";
+import { Button as q } from "../button/button.js";
+import { ThemeColorVariable as g, ThemeSpaceVariable as f, ThemeFontSizeVariable as G, ThemeFontVariable as J } from "../../theme/theme-types.js";
+import { TreeViewCollapseIcon as X } from "../icon/icons/tree-view-collapse-icon.js";
+const Y = ({
   headerGroup: t,
-  hideTableHeaderDropdown: r,
+  hideTableHeaderDropdown: n,
   portalContainerRef: s
 }) => {
-  const l = u(), a = !!l.getRowActions, i = (l.selectedRowIds?.length ?? 0) > 0 && (l.selectionActions?.length ?? 0) > 0;
-  return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(C.Row, { children: i ? /* @__PURE__ */ e(
-    C.ColumnHeader,
+  const a = p(), l = !!a.getRowActions, i = (a.selectedRowIds?.length ?? 0) > 0 && (a.selectionActions?.length ?? 0) > 0;
+  return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(I.Row, { children: i ? /* @__PURE__ */ e(
+    I.ColumnHeader,
     {
       colSpan: t.headers.length,
       cursor: "default",
@@ -36,74 +36,74 @@ const X = ({
           backgroundColor: "transparent !important"
         },
         "& div span": {
-          color: m.OnBackground
+          color: g.OnBackground
         },
-        borderBottom: `1px solid ${m.OnBackgroundBorder}`,
-        paddingLeft: a ? "24px" : void 0
+        borderBottom: `1px solid ${g.OnBackgroundBorder}`,
+        paddingLeft: l ? "24px" : void 0
       },
       scope: "col",
       zIndex: 1,
-      children: /* @__PURE__ */ e(v, { showSelectAll: !0, children: /* @__PURE__ */ e(_, {}) })
+      children: /* @__PURE__ */ e(M, { showSelectAll: !0, children: /* @__PURE__ */ e(ee, {}) })
     }
-  ) : /* @__PURE__ */ e(f, { children: t.headers.map((o, n) => /* @__PURE__ */ e(
-    Y,
+  ) : /* @__PURE__ */ e(S, { children: t.headers.map((o, r) => /* @__PURE__ */ e(
+    Z,
     {
       header: o,
-      hideTableHeaderDropdown: r,
-      applyActionMenuPadding: a,
+      hideTableHeaderDropdown: n,
+      applyActionMenuPadding: l,
       portalContainerRef: s,
-      isFirstColumn: !o.isPlaceholder && n === 0,
-      enableColumnReorder: l.enableColumnReorder
+      isFirstColumn: !o.isPlaceholder && r === 0,
+      enableColumnReorder: a.enableColumnReorder
     },
     o.id
   )) }) }, t.id) });
-}, Y = ({
+}, Z = ({
   header: t,
-  hideTableHeaderDropdown: r,
+  hideTableHeaderDropdown: n,
   applyActionMenuPadding: s,
-  portalContainerRef: l,
-  isFirstColumn: a = !1,
+  portalContainerRef: a,
+  isFirstColumn: l = !1,
   enableColumnReorder: i = !1
 }) => {
-  const o = u(), { column: n } = t, c = i && !n.columnDef.meta?.disableColumnReorder, {
-    ref: S,
-    isDragging: d,
-    isDropTarget: M
-  } = H({
-    id: n.id,
-    index: n.getIndex(),
+  const o = p(), { column: r } = t, c = i && !r.columnDef.meta?.disableColumnReorder, {
+    ref: d,
+    isDragging: m,
+    isDropTarget: T
+  } = P({
+    id: r.id,
+    index: r.getIndex(),
     disabled: !c,
-    collisionDetector: D,
-    plugins: [z]
-  }), y = k((b) => {
-    const p = b.getIsPinned(), R = b.getSize();
+    collisionDetector: z,
+    plugins: [H]
+  }), y = R((b) => {
+    const h = b.getIsPinned(), x = b.getSize();
     return {
-      position: p ? "sticky" : "relative",
-      left: p ? `${b.getStart("left")}px` : void 0,
-      backgroundColor: p ? m.Background : void 0,
-      zIndex: p ? 1 : 0,
-      width: R,
-      maxWidth: R
+      position: h ? "sticky" : "relative",
+      left: h ? `${b.getStart("left")}px` : void 0,
+      backgroundColor: h ? g.Background : void 0,
+      zIndex: h ? 1 : 0,
+      width: x,
+      maxWidth: x
     };
   }, []);
   return /* @__PURE__ */ e(
-    C.ColumnHeader,
+    I.ColumnHeader,
     {
       className: "tableHeaderCell",
-      textAlign: n.columnDef.meta?.isNumeric ? "end" : "start",
-      zIndex: n.getIsPinned() ? 2 : 1,
-      cursor: i ? d ? "grabbing" : "pointer" : void 0,
-      opacity: d ? 0.5 : 1,
-      backgroundColor: M || d ? m.Background : void 0,
+      textAlign: r.columnDef.meta?.isNumeric ? "end" : "start",
+      zIndex: r.getIsPinned() ? 2 : 1,
+      cursor: i ? m ? "grabbing" : "pointer" : void 0,
+      opacity: m ? 0.5 : 1,
+      backgroundColor: T || m ? g.Background : void 0,
       scope: "col",
       style: {
-        ...y(n),
-        borderBottom: `1px solid ${m.OnBackgroundBorder}`,
-        paddingLeft: a && s ? "24px" : void 0,
+        ...y(r),
+        borderBottom: `1px solid ${g.OnBackgroundBorder}`,
+        paddingLeft: l && s ? "24px" : void 0,
         ...c ? { userSelect: "none", WebkitUserSelect: "none" } : {}
       },
-      children: /* @__PURE__ */ e(v, { showSelectAll: o.canSelectRows && a, children: /* @__PURE__ */ e(f, { children: r ? /* @__PURE__ */ e(g, { paddingLeft: h.Small, children: P(t.column.columnDef.header, t.getContext()) }) : /* @__PURE__ */ e(
-        L,
+      children: /* @__PURE__ */ e(M, { showSelectAll: o.canSelectRows && l, children: /* @__PURE__ */ e(S, { children: n ? /* @__PURE__ */ e(u, { paddingLeft: f.Small, children: V(t.column.columnDef.header, t.getContext()) }) : /* @__PURE__ */ e(
+        O,
         {
           header: t,
           breakingContentState: o.breakingContentState,
@@ -114,73 +114,80 @@ const X = ({
           setSorting: o.setSorting,
           sorting: o.sorting,
           onBreakingContentChange: o.onBreakingContentChange,
-          portalContainerRef: l,
-          dragRef: c ? S : void 0
+          portalContainerRef: a,
+          dragRef: c ? d : void 0
         }
       ) }) })
     }
   );
-}, v = ({ showSelectAll: t, children: r }) => t ? /* @__PURE__ */ w(I, { w: "100%", align: "center", children: [
-  /* @__PURE__ */ e(g, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(Z, {}) }),
-  r
-] }) : /* @__PURE__ */ e(f, { children: r }), Z = () => {
-  const t = u(), r = k(
-    ({ checked: a }) => {
-      const i = typeof a == "boolean" ? a : !1, o = t.getSelectableRowIds();
-      i ? t.setSelectedRowIds((n) => [.../* @__PURE__ */ new Set([...n, ...o])]) : t.setSelectedRowIds((n) => n.filter((c) => !o.includes(c)));
+}, M = ({ showSelectAll: t, children: n }) => t ? /* @__PURE__ */ w(k, { w: "100%", align: "center", children: [
+  /* @__PURE__ */ e(u, { justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ e(_, {}) }),
+  n
+] }) : /* @__PURE__ */ e(S, { children: n }), _ = () => {
+  const t = p(), n = R(
+    ({ checked: l }) => {
+      const i = typeof l == "boolean" ? l : !1, o = t.getSelectableRowIds();
+      i ? t.setSelectedRowIds((r) => [.../* @__PURE__ */ new Set([...r, ...o])]) : t.setSelectedRowIds((r) => r.filter((c) => !o.includes(c)));
     },
     [t]
-  ), { allIsSelected: s, shouldShowIndeterminateState: l } = F(() => {
-    const i = t.table.getRowModel().flatRows, o = new Set(t.selectedRowIds), n = t.getSelectableRowIds(), c = n.length > 0 && n.every((d) => o.has(d)), S = i.some((d) => o.has(d.id));
+  ), { allIsSelected: s, shouldShowIndeterminateState: a } = L(() => {
+    const i = t.table.getRowModel().flatRows, o = new Set(t.selectedRowIds), r = t.getSelectableRowIds(), c = r.length > 0 && r.every((m) => o.has(m)), d = i.some((m) => o.has(m.id));
     return {
       allIsSelected: c,
-      shouldShowIndeterminateState: S && !c
+      shouldShowIndeterminateState: d && !c
     };
   }, [t]);
   return /* @__PURE__ */ e(
-    $,
+    E,
     {
       isChecked: s,
-      isIndeterminate: l,
-      onCheckedChange: r
+      isIndeterminate: a,
+      onCheckedChange: n
     }
   );
-}, _ = () => {
-  const { localeString: t, selectedRowIds: r = [], selectionActions: s = [] } = u(), l = B[t], [a] = A(["(min-width: 48em)"]), i = s.length > 3 || !a, o = r.length === 1 ? l.selectedSingular.replace("{count}", "1") : l.selected.replace("{count}", r.length.toString());
-  return /* @__PURE__ */ w(I, { gap: h.Medium, align: "center", alignContent: "center", children: [
+}, ee = () => {
+  const { localeString: t, selectedRowIds: n = [], selectionActions: s = [], totalDataCount: a } = p(), l = v[t], [i] = A(["(min-width: 48em)"]), o = s.length > 3 || !i, r = n.length, c = a ? C(l.selectedWithTotal, {
+    count: r,
+    total: a
+  }) : n.length === 1 ? C(l.selectedSingular, {
+    count: 1
+  }) : C(l.selected, {
+    count: r
+  });
+  return /* @__PURE__ */ w(k, { gap: f.Medium, align: "center", alignContent: "center", children: [
     /* @__PURE__ */ e(
-      g,
+      u,
       {
-        pl: h.Small,
-        color: m.OnBackground,
-        fontFamily: G.Body,
-        fontSize: q.Medium,
+        pl: f.Small,
+        color: g.OnBackground,
+        fontFamily: J.Body,
+        fontSize: G.Medium,
         whiteSpace: "nowrap",
         css: { fontVariantNumeric: "normal" },
-        children: o
+        children: c
       }
     ),
-    /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(O, { orientation: "vertical", height: "20px" }) }),
-    /* @__PURE__ */ e(I, { gap: h.Small, align: "center", children: i ? /* @__PURE__ */ w(j, { children: [
-      /* @__PURE__ */ e(N, { variant: "ghost", rightIcon: J, size: "sm", children: l.action }),
-      /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(W, { children: s.map((n) => /* @__PURE__ */ e(x, { isMenuItem: !0, action: n }, n.name)) }) })
-    ] }) : s.map((n) => /* @__PURE__ */ e(x, { isMenuItem: !1, action: n }, n.name)) })
+    /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(W, { orientation: "vertical", height: "20px" }) }),
+    /* @__PURE__ */ e(k, { gap: f.Small, align: "center", children: o ? /* @__PURE__ */ w(j, { children: [
+      /* @__PURE__ */ e(N, { variant: "ghost", rightIcon: X, size: "sm", children: l.action }),
+      /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e($, { children: s.map((d) => /* @__PURE__ */ e(B, { isMenuItem: !0, action: d }, d.name)) }) })
+    ] }) : s.map((d) => /* @__PURE__ */ e(B, { isMenuItem: !1, action: d }, d.name)) })
   ] });
-}, x = ({ isMenuItem: t, action: r }) => {
-  const { selectedRowIds: s, localeString: l } = u(), a = B[l], i = k(() => {
-    r.onClick(s || []);
-  }, [r, s]);
-  return t ? /* @__PURE__ */ e(E, { onClick: i, value: r.name, children: r.variant === "delete" ? /* @__PURE__ */ e(g, { as: "span", color: m.Error, children: r.name }) : r.name }) : r.variant === "delete" ? /* @__PURE__ */ e(
-    K,
+}, B = ({ isMenuItem: t, action: n }) => {
+  const { selectedRowIds: s, localeString: a } = p(), l = v[a], i = R(() => {
+    n.onClick(s || []);
+  }, [n, s]);
+  return t ? /* @__PURE__ */ e(K, { onClick: i, value: n.name, children: n.variant === "delete" ? /* @__PURE__ */ e(u, { as: "span", color: g.Error, children: n.name }) : n.name }) : n.variant === "delete" ? /* @__PURE__ */ e(
+    Q,
     {
       onClick: i,
-      icon: Q,
-      "aria-label": a.deleteSelectedRows,
+      icon: U,
+      "aria-label": l.deleteSelectedRows,
       size: "sm",
       variant: "ghost"
     }
-  ) : /* @__PURE__ */ e(U, { onClick: i, size: "sm", variant: "ghost", children: r.name });
-}, ke = V(X);
+  ) : /* @__PURE__ */ e(q, { onClick: i, size: "sm", variant: "ghost", children: n.name });
+}, Re = F(Y);
 export {
-  ke as TableHeaderRow
+  Re as TableHeaderRow
 };

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

@@ -4,5 +4,5 @@ import { TableData, TableProps } from './types.js';
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/table
  */
-export declare function Table<TData extends TableData>({ columns, data, localeString, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, getRowId, getRowActions, id, customRowIndication, onSortingChange, initialSortingState, sortingState, onSelectionChange, initialSelectionState, selectionState, selectionActions, disableSelectionCheckbox, enableColumnReorder, columnOrderState, initialColumnOrder, onColumnOrderChange, children, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<TData extends TableData>({ columns, data, totalDataCount, localeString, expandedState, initialExpandedState, initialBreakingContentState, initialColumnVisibilityState, columnVisibilityState, onColumnVisibilityChange, onExpandedChange, onBreakingContentChange, getRowId, getRowActions, id, customRowIndication, onSortingChange, initialSortingState, sortingState, onSelectionChange, initialSelectionState, selectionState, selectionActions, disableSelectionCheckbox, enableColumnReorder, columnOrderState, initialColumnOrder, onColumnOrderChange, 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,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErD;;;;GAIG;AACH,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,QAAQ,EACR,aAAa,EACb,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,wBAAwB,EACxB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,2CAkCnB"}
+{"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;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,KAAK,SAAS,SAAS,EAAE,EAC9C,OAAO,EACP,IAAI,EACJ,cAAc,EACd,YAAY,EACZ,aAAa,EACb,oBAAyB,EACzB,2BAAgC,EAChC,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,QAAQ,EACR,aAAa,EACb,EAAE,EACF,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,cAAc,EACd,gBAAgB,EAChB,wBAAwB,EACxB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,QAAQ,GACR,EAAE,UAAU,CAAC,KAAK,CAAC,2CAmCnB"}

package/dist/components/table/table.js

@@ -1,69 +1,71 @@
-import { jsx as A } from "react/jsx-runtime";
-import { TableProvider as B } from "./table-context-provider.js";
-function E({
+import { jsx as B } from "react/jsx-runtime";
+import { TableProvider as C } from "./table-context-provider.js";
+function F({
   columns: r,
   data: o,
-  localeString: e,
-  expandedState: t,
-  initialExpandedState: i = {},
-  initialBreakingContentState: m = {},
-  initialColumnVisibilityState: f,
-  columnVisibilityState: n,
-  onColumnVisibilityChange: p,
-  onExpandedChange: a,
-  onBreakingContentChange: b,
-  getRowId: l,
-  getRowActions: u,
-  id: x,
-  customRowIndication: T,
-  onSortingChange: c,
-  initialSortingState: d,
-  sortingState: j,
-  onSelectionChange: s,
-  initialSelectionState: v,
-  selectionState: P,
-  selectionActions: g,
-  disableSelectionCheckbox: h,
-  enableColumnReorder: k,
-  columnOrderState: q,
-  initialColumnOrder: w,
-  onColumnOrderChange: y,
-  children: z
+  totalDataCount: e,
+  localeString: t,
+  expandedState: i,
+  initialExpandedState: m = {},
+  initialBreakingContentState: f = {},
+  initialColumnVisibilityState: n,
+  columnVisibilityState: p,
+  onColumnVisibilityChange: a,
+  onExpandedChange: b,
+  onBreakingContentChange: l,
+  getRowId: u,
+  getRowActions: x,
+  id: T,
+  customRowIndication: c,
+  onSortingChange: d,
+  initialSortingState: j,
+  sortingState: s,
+  onSelectionChange: v,
+  initialSelectionState: P,
+  selectionState: g,
+  selectionActions: h,
+  disableSelectionCheckbox: k,
+  enableColumnReorder: q,
+  columnOrderState: w,
+  initialColumnOrder: y,
+  onColumnOrderChange: z,
+  children: A
 }) {
-  return /* @__PURE__ */ A(
-    B,
+  return /* @__PURE__ */ B(
+    C,
     {
       columns: r,
       data: o,
-      expandedState: t,
-      initialExpandedState: i,
-      initialBreakingContentState: m,
-      localeString: e,
-      initialColumnVisibilityState: f,
-      columnVisibilityState: n,
-      onColumnVisibilityChange: p,
-      onExpandedChange: a,
-      onBreakingContentChange: b,
-      getRowId: l,
-      getRowActions: u,
-      id: x,
-      customRowIndication: T,
-      onSortingChange: c,
-      initialSortingState: d,
-      sortingState: j,
-      onSelectionChange: s,
-      initialSelectionState: v,
-      selectionState: P,
-      selectionActions: g,
-      disableSelectionCheckbox: h,
-      enableColumnReorder: k,
-      columnOrderState: q,
-      initialColumnOrder: w,
-      onColumnOrderChange: y,
-      children: z
+      totalDataCount: e,
+      expandedState: i,
+      initialExpandedState: m,
+      initialBreakingContentState: f,
+      localeString: t,
+      initialColumnVisibilityState: n,
+      columnVisibilityState: p,
+      onColumnVisibilityChange: a,
+      onExpandedChange: b,
+      onBreakingContentChange: l,
+      getRowId: u,
+      getRowActions: x,
+      id: T,
+      customRowIndication: c,
+      onSortingChange: d,
+      initialSortingState: j,
+      sortingState: s,
+      onSelectionChange: v,
+      initialSelectionState: P,
+      selectionState: g,
+      selectionActions: h,
+      disableSelectionCheckbox: k,
+      enableColumnReorder: q,
+      columnOrderState: w,
+      initialColumnOrder: y,
+      onColumnOrderChange: z,
+      children: A
     }
   );
 }
 export {
-  E as Table
+  F as Table
 };

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

@@ -1,4 +1,7 @@
 export type Locales = "en-US" | "nb-NO" | "da-DK" | "sv-SE" | "en-GB" | "fr-FR" | "nl-BE";
+export declare function interpolate(template: string, variables: {
+    [key: string]: string | number;
+}): string;
 export declare const translations: {
     "sv-SE": {
         sortUp: string;
@@ -25,6 +28,7 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
     };
@@ -53,6 +57,7 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
     };
@@ -81,6 +86,7 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
     };
@@ -109,6 +115,7 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
     };
@@ -137,6 +144,7 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
     };
@@ -165,6 +173,7 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
     };
@@ -193,6 +202,7 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
     };

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,GAAG,OAAO,GAAG,OAAO,CAAC;AA+B1F,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+IxB,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,GAAG,OAAO,GAAG,OAAO,CAAC;AAE1F,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;CAAE,UAE1F;AAgCD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJxB,CAAC"}

package/dist/components/table/translations.js

@@ -1,3 +1,6 @@
+function l(t, n) {
+  return t.replace(/{(\w+)}/g, (r, o) => String(n[o] ?? ""));
+}
 const e = {
   sortUp: "Sort up",
   sortDown: "Sort down",
@@ -23,9 +26,10 @@ const e = {
   selectedSingular: "{count} selected",
   rowsPerPage: "Rows per page",
   numberOfRows: "{count} rows",
+  selectedWithTotal: "{count} of {total} selected",
   action: "Action",
   deleteSelectedRows: "Delete selected rows"
-}, n = {
+}, s = {
   "sv-SE": {
     sortUp: "Sortera stigande",
     sortDown: "Sortera fallande",
@@ -51,6 +55,7 @@ const e = {
     selectedSingular: "{count} vald",
     rowsPerPage: "Rader per sida",
     numberOfRows: "{count} rader",
+    selectedWithTotal: "{count} av {total} valda",
     action: "Åtgärd",
     deleteSelectedRows: "Ta bort valda rader"
   },
@@ -81,6 +86,7 @@ const e = {
     selectedSingular: "{count} valgt",
     rowsPerPage: "Rader per side",
     numberOfRows: "{count} rader",
+    selectedWithTotal: "{count} av {total} valgt",
     action: "Handling",
     deleteSelectedRows: "Fjern valgte rader"
   },
@@ -109,6 +115,7 @@ const e = {
     selectedSingular: "{count} valgt",
     rowsPerPage: "Rækker per side",
     numberOfRows: "{count} rækker",
+    selectedWithTotal: "{count} af {total} valgt",
     action: "Handling",
     deleteSelectedRows: "Fjern valgte rækker"
   },
@@ -137,6 +144,7 @@ const e = {
     selectedSingular: "{count} sélectionnée",
     rowsPerPage: "Lignes par page",
     numberOfRows: "{count} lignes",
+    selectedWithTotal: "{count} sur {total} sélectionnés",
     action: "Action",
     deleteSelectedRows: "Supprimer les lignes sélectionnées"
   },
@@ -165,10 +173,12 @@ const e = {
     selectedSingular: "{count} geselecteerd",
     rowsPerPage: "Rijen per pagina",
     numberOfRows: "{count} rijen",
+    selectedWithTotal: "{count} van {total} geselecteerd",
     action: "Actie",
     deleteSelectedRows: "Verwijder geselecteerde rijen"
   }
 };
 export {
-  n as translations
+  l as interpolate,
+  s as translations
 };

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

@@ -30,6 +30,10 @@ interface BaseTableProps<TData extends TableData> {
      * Data that will render in the table
      */
     data: TableRow<TData>[];
+    /**
+     * Total data count
+     */
+    totalDataCount?: number;
     /**
      * Required locale string used to translate fixed strings used within 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/hooks/use-remove-attributes.d.ts

@@ -0,0 +1,14 @@
+import { RefObject } from 'react';
+/**
+ * Watches an element and strips the given attributes whenever they are added to
+ * it or its descendants, keeping them interactive / unstyled even when a parent
+ * component would otherwise set those attributes.
+ *
+ * @param ref - Ref to the root element to observe.
+ * @param attributes - One or more attribute names to remove (e.g. `["inert"]`).
+ * @param active - Whether the hook should run. Set to `false` when observation
+ *   is not needed so the MutationObserver is not running unnecessarily.
+ *   Defaults to `true`.
+ */
+export declare const useRemoveAttributes: (ref: RefObject<HTMLElement | null>, attributes: string[], active?: boolean) => void;
+//# sourceMappingURL=use-remove-attributes.d.ts.map

package/dist/hooks/use-remove-attributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-remove-attributes.d.ts","sourceRoot":"","sources":["../../lib/hooks/use-remove-attributes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,GAC/B,KAAK,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAClC,YAAY,MAAM,EAAE,EACpB,gBAAa,SAoBb,CAAC"}