@caspeco/casper-ui-library 9.7.0 → 9.9.0

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

@@ -1,86 +1,202 @@
-import { jsx as t, jsxs as o, Fragment as u } from "react/jsx-runtime";
-import { Flex as S, Portal as k, Box as T } from "@chakra-ui/react";
-import { memo as x, useCallback as h } from "react";
-import { useTableContext as I } from "./table-context.js";
-import { DEFAULT_PAGE_SIZE_OPTIONS as v } from "./table.constants.js";
-import { translations as B } from "./translations.js";
-import { Menu as M } from "../menu/menu.js";
-import { MenuButton as w } from "../menu/menu-button.js";
-import { SlidersIcon as y } from "../icon/icons/sliders-icon.js";
-import { MenuList as O } from "../menu/menu-list.js";
-import { Text as d } from "../text/text.js";
-import { MenuItem as i } from "../menu/menu-item.js";
-import { GripMoreIcon as V } from "../icon/icons/grip-more-icon.js";
-import { Checkbox as A } from "../checkbox/checkbox.js";
-import { MenuDivider as b } from "../menu/menu-divider.js";
-import { RadioGroup as F } from "../radio/radio-group.js";
-import { Radio as G } from "../radio/radio.js";
-import { Switch as P } from "../switch/switch.js";
-import { ThemeIconSizeVariable as j, ThemeSpaceVariable as a, ThemeColorVariable as g } from "../../theme/theme-types.js";
-const D = ({ pageSize: m, onPageSizeChange: s }) => {
-  const r = I(), l = B[r.localeString], p = !!s && Number.isInteger(m), C = h(() => r.table.getAllColumns().length === Object.keys(r.breakingContentState).length && !Object.values(r.breakingContentState).includes(!1), [r.breakingContentState, r.table]), f = h(
+import { jsx as t, jsxs as c, Fragment as h } from "react/jsx-runtime";
+import { Flex as y, Portal as w, Box as I } from "@chakra-ui/react";
+import { closestCenter as P } from "../../node_modules/@dnd-kit/collision/dist/index.js";
+import { isSortableOperation as E, SortableKeyboardPlugin as L } from "../../node_modules/@dnd-kit/dom/sortable.js";
+import { DragDropProvider as A } from "../../node_modules/@dnd-kit/react/index.js";
+import { useSortable as G } from "../../node_modules/@dnd-kit/react/sortable.js";
+import { memo as R, useState as F, useCallback as x } from "react";
+import { flushSync as Y } from "react-dom";
+import { getColumnLabel as O } from "./helper.js";
+import { useTableContext as j } from "./table-context.js";
+import { DEFAULT_PAGE_SIZE_OPTIONS as N } from "./table.constants.js";
+import { translations as _ } from "./translations.js";
+import { Menu as z } from "../menu/menu.js";
+import { MenuButton as H } from "../menu/menu-button.js";
+import { SlidersIcon as U } from "../icon/icons/sliders-icon.js";
+import { MenuList as K } from "../menu/menu-list.js";
+import { Text as C } from "../text/text.js";
+import { MenuDivider as k } from "../menu/menu-divider.js";
+import { MenuItem as b } from "../menu/menu-item.js";
+import { Checkbox as D } from "../checkbox/checkbox.js";
+import { RadioGroup as X } from "../radio/radio-group.js";
+import { Radio as Z } from "../radio/radio.js";
+import { Switch as q } from "../switch/switch.js";
+import { GripMoreIcon as J } from "../icon/icons/grip-more-icon.js";
+import { ThemeIconSizeVariable as B, ThemeSpaceVariable as u, ThemeColorVariable as f, ThemeShadowVariable as Q } from "../../theme/theme-types.js";
+const W = (i, l, r, o) => {
+  if (!o || o.sourceId === i) return "none";
+  const s = r.findIndex((a) => a.id === o.sourceId), d = r.findIndex((a) => a.id === o.targetId);
+  return s < 0 || d < 0 || s === d ? "none" : s < d && l > s && l <= d ? "translateY(-100%)" : s > d && l >= d && l < s ? "translateY(100%)" : "none";
+}, v = (i) => {
+  if (!E(i)) return null;
+  const { source: l, target: r } = i;
+  return l && r ? { source: l, target: r } : null;
+}, $ = ({ pageSize: i, onPageSizeChange: l }) => {
+  const r = j(), o = _[r.localeString], s = !!l && Number.isInteger(i), [d, a] = F(null), g = r.table.getAllLeafColumns().filter((e) => e.getCanHide()), p = g.filter((e) => e.getIsVisible()), T = g.filter((e) => !e.getIsVisible()).sort((e, n) => {
+    const m = O(e.columnDef.header, e.id), S = O(n.columnDef.header, n.id);
+    return m.localeCompare(S, r.localeString, { sensitivity: "base" });
+  }), M = x(() => r.table.getAllColumns().length === Object.keys(r.breakingContentState).length && !Object.values(r.breakingContentState).includes(!1), [r.breakingContentState, r.table]), V = x(
     ({ checked: e }) => {
       const n = {};
-      r.table.getAllColumns().forEach((c) => {
-        n[c.id] = e;
+      r.table.getAllColumns().forEach((m) => {
+        n[m.id] = e;
       }), r.setBreakingContentState(n), r.onBreakingContentChange?.(n);
     },
     [r]
   );
-  return /* @__PURE__ */ t(S, { children: /* @__PURE__ */ o(M, { closeOnSelect: !1, isLazy: !0, children: [
-    /* @__PURE__ */ t(w, { "aria-label": l.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ t(y, { size: j.Medium }) }),
-    /* @__PURE__ */ t(k, { children: /* @__PURE__ */ o(O, { children: [
+  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ c(z, { closeOnSelect: !1, isLazy: !0, children: [
+    /* @__PURE__ */ t(H, { "aria-label": o.presets, variant: "ghost", p: "unset", w: "40px", h: "40px", children: /* @__PURE__ */ t(U, { size: B.Medium }) }),
+    /* @__PURE__ */ t(w, { children: /* @__PURE__ */ c(K, { children: [
       /* @__PURE__ */ t(
-        d,
+        C,
         {
-          color: g.OnSurfaceSubdued,
-          py: a.Small,
-          px: a.Medium,
-          children: l.showColumns
+          color: f.OnSurfaceSubdued,
+          py: u.Small,
+          px: u.Medium,
+          children: o.shownInTable
         }
       ),
-      /* @__PURE__ */ t(T, { maxHeight: "320px", overflowY: "auto", children: r.table.getAllLeafColumns().filter((e) => e.getCanHide()).map((e) => /* @__PURE__ */ o(i, { itemType: "checkbox", leftIcon: V, value: e.id, children: [
-        /* @__PURE__ */ t(u, { children: e.columnDef.header }),
+      /* @__PURE__ */ c(I, { maxHeight: "400px", overflowY: "auto", children: [
         /* @__PURE__ */ t(
           A,
           {
-            isChecked: e.getIsVisible(),
-            onCheckedChange: ({ checked: n }) => e.toggleVisibility(!!n)
+            onDragOver: (e) => {
+              const n = v(e.operation);
+              n && a({
+                sourceId: String(n.source.id),
+                targetId: String(n.target.id)
+              });
+            },
+            onDragEnd: (e) => {
+              const n = v(e.operation);
+              Y(() => {
+                a(null), n && r.handleDragEnd(String(n.source.id), String(n.target.id));
+              });
+            },
+            children: p.map((e, n) => /* @__PURE__ */ t(
+              re,
+              {
+                column: e,
+                index: n,
+                isDisabled: p.length === 1,
+                translateY: W(e.id, n, p, d)
+              },
+              e.id
+            ))
           }
-        )
-      ] }, e.id)) }),
-      /* @__PURE__ */ t(b, {}),
-      p && /* @__PURE__ */ o(u, { children: [
+        ),
+        T.length > 0 && /* @__PURE__ */ c(h, { children: [
+          /* @__PURE__ */ t(k, {}),
+          /* @__PURE__ */ t(
+            C,
+            {
+              color: f.OnSurfaceSubdued,
+              py: u.Small,
+              px: u.Medium,
+              children: o.hiddenInTable
+            }
+          ),
+          T.map((e) => /* @__PURE__ */ c(b, { itemType: "checkbox", value: e.id, children: [
+            /* @__PURE__ */ t(h, { children: e.columnDef.header }),
+            /* @__PURE__ */ t(
+              D,
+              {
+                isChecked: e.getIsVisible(),
+                onCheckedChange: ({ checked: n }) => {
+                  if (e.toggleVisibility(!!n), n) {
+                    const m = r.columnOrder.filter((S) => S !== e.id);
+                    m.push(e.id), r.setColumnOrder(m);
+                  }
+                }
+              }
+            )
+          ] }, e.id))
+        ] })
+      ] }),
+      /* @__PURE__ */ t(k, {}),
+      s && /* @__PURE__ */ c(h, { children: [
         /* @__PURE__ */ t(
-          d,
+          C,
           {
-            color: g.OnSurfaceSubdued,
-            py: a.Small,
-            px: a.Medium,
-            children: l.rowsPerPage
+            color: f.OnSurfaceSubdued,
+            py: u.Small,
+            px: u.Medium,
+            children: o.rowsPerPage
           }
         ),
         /* @__PURE__ */ t(
-          F,
+          X,
           {
             gap: "unset",
-            value: String(m),
-            onValueChange: (e) => s?.(Number(e.value)),
-            children: v.map((e) => /* @__PURE__ */ o(i, { itemType: "radio", value: String(e), children: [
-              l.numberOfRows.replace("{count}", String(e)),
-              /* @__PURE__ */ t(G, { value: String(e) })
+            value: String(i),
+            onValueChange: (e) => l?.(Number(e.value)),
+            children: N.map((e) => /* @__PURE__ */ c(b, { itemType: "radio", value: String(e), children: [
+              o.numberOfRows.replace("{count}", String(e)),
+              /* @__PURE__ */ t(Z, { value: String(e) })
             ] }, e))
           }
         ),
-        /* @__PURE__ */ t(b, {})
+        /* @__PURE__ */ t(k, {})
       ] }),
-      /* @__PURE__ */ o(i, { itemType: "switch", value: "breakingContent", children: [
-        l.breakingContent,
-        /* @__PURE__ */ t(P, { onCheckedChange: f, isChecked: C() })
+      /* @__PURE__ */ c(b, { itemType: "switch", value: "breakingContent", children: [
+        o.breakingContent,
+        /* @__PURE__ */ t(q, { onCheckedChange: V, isChecked: M() })
       ] })
     ] }) })
   ] }) });
-}, re = x(D);
+}, ee = [L], re = ({
+  column: i,
+  index: l,
+  isDisabled: r,
+  translateY: o
+}) => {
+  const {
+    ref: s,
+    handleRef: d,
+    isDragging: a
+  } = G({
+    id: i.id,
+    index: l,
+    collisionDetector: P,
+    plugins: ee
+  });
+  return /* @__PURE__ */ t(
+    I,
+    {
+      ref: s,
+      role: "none",
+      opacity: a ? 0.95 : 1,
+      backgroundColor: f.Background,
+      transform: o,
+      transition: a ? void 0 : "transform 200ms ease",
+      boxShadow: a ? Q.Medium : void 0,
+      children: /* @__PURE__ */ c(b, { itemType: "checkbox", value: i.id, children: [
+        /* @__PURE__ */ c(y, { alignItems: "center", gap: u.XSmall, children: [
+          /* @__PURE__ */ t(
+            I,
+            {
+              ref: d,
+              cursor: a ? "grabbing" : "grab",
+              display: "inline-flex",
+              alignItems: "center",
+              flexShrink: 0,
+              children: /* @__PURE__ */ t(J, { size: B.Medium })
+            }
+          ),
+          /* @__PURE__ */ t(h, { children: i.columnDef.header })
+        ] }),
+        !a && /* @__PURE__ */ t(
+          D,
+          {
+            isDisabled: r,
+            isChecked: i.getIsVisible(),
+            onCheckedChange: ({ checked: g }) => i.toggleVisibility(!!g)
+          }
+        )
+      ] })
+    }
+  );
+}, De = R($);
 export {
-  re as TableToolbarSettings
+  De as TableToolbarSettings
 };

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,8 +28,11 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
+        shownInTable: string;
+        hiddenInTable: string;
     };
     "en-US": {
         sortUp: string;
@@ -53,8 +59,11 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
+        shownInTable: string;
+        hiddenInTable: string;
     };
     "en-GB": {
         sortUp: string;
@@ -81,8 +90,11 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
+        shownInTable: string;
+        hiddenInTable: string;
     };
     "nb-NO": {
         sortUp: string;
@@ -109,8 +121,11 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
+        shownInTable: string;
+        hiddenInTable: string;
     };
     "da-DK": {
         sortUp: string;
@@ -137,8 +152,11 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
+        shownInTable: string;
+        hiddenInTable: string;
     };
     "fr-FR": {
         sortUp: string;
@@ -165,8 +183,11 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
+        shownInTable: string;
+        hiddenInTable: string;
     };
     "nl-BE": {
         sortUp: string;
@@ -193,8 +214,11 @@ export declare const translations: {
         selectedSingular: string;
         rowsPerPage: string;
         numberOfRows: string;
+        selectedWithTotal: string;
         action: string;
         deleteSelectedRows: string;
+        shownInTable: string;
+        hiddenInTable: 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,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;AAkCD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8JxB,CAAC"}

package/dist/components/table/translations.js

@@ -1,3 +1,6 @@
+function r(n, t) {
+  return n.replace(/{(\w+)}/g, (l, o) => String(t[o] ?? ""));
+}
 const e = {
   sortUp: "Sort up",
   sortDown: "Sort down",
@@ -23,9 +26,12 @@ const e = {
   selectedSingular: "{count} selected",
   rowsPerPage: "Rows per page",
   numberOfRows: "{count} rows",
+  selectedWithTotal: "{count} of {total} selected",
   action: "Action",
-  deleteSelectedRows: "Delete selected rows"
-}, n = {
+  deleteSelectedRows: "Delete selected rows",
+  shownInTable: "Shown in table",
+  hiddenInTable: "Hidden in table"
+}, s = {
   "sv-SE": {
     sortUp: "Sortera stigande",
     sortDown: "Sortera fallande",
@@ -51,8 +57,11 @@ 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"
+    deleteSelectedRows: "Ta bort valda rader",
+    shownInTable: "Visas i tabellen",
+    hiddenInTable: "Dold i tabellen"
   },
   "en-US": e,
   "en-GB": e,
@@ -81,8 +90,11 @@ const e = {
     selectedSingular: "{count} valgt",
     rowsPerPage: "Rader per side",
     numberOfRows: "{count} rader",
+    selectedWithTotal: "{count} av {total} valgt",
     action: "Handling",
-    deleteSelectedRows: "Fjern valgte rader"
+    deleteSelectedRows: "Fjern valgte rader",
+    shownInTable: "Vises i tabellen",
+    hiddenInTable: "Dold i tabellen"
   },
   "da-DK": {
     sortUp: "Sorter stigende",
@@ -109,8 +121,11 @@ 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"
+    deleteSelectedRows: "Fjern valgte rækker",
+    shownInTable: "Vises i tabellen",
+    hiddenInTable: "Dold i tabellen"
   },
   "fr-FR": {
     sortUp: "Trier par ordre croissant",
@@ -137,8 +152,11 @@ 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"
+    deleteSelectedRows: "Supprimer les lignes sélectionnées",
+    shownInTable: "Affiché dans le tableau",
+    hiddenInTable: "Masqué dans le tableau"
   },
   "nl-BE": {
     sortUp: "Oplopend sorteren",
@@ -165,10 +183,14 @@ const e = {
     selectedSingular: "{count} geselecteerd",
     rowsPerPage: "Rijen per pagina",
     numberOfRows: "{count} rijen",
+    selectedWithTotal: "{count} van {total} geselecteerd",
     action: "Actie",
-    deleteSelectedRows: "Verwijder geselecteerde rijen"
+    deleteSelectedRows: "Verwijder geselecteerde rijen",
+    shownInTable: "Getoond in tabel",
+    hiddenInTable: "Verborgen in tabel"
   }
 };
 export {
-  n as translations
+  r 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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"}