@caspeco/casper-ui-library 4.1.1 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"paginator.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator.composition.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,cAAc,+CAyB1B,CAAC"}
+{"version":3,"file":"paginator.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator.composition.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,cAAc,+CAgB1B,CAAC"}

package/dist/components/paginator/paginator.d.ts

@@ -1,23 +1,16 @@
-import { Locales } from './translations.js';
-export type PaginatorProps = {
-    /** String to determine translations for the paginator */
-    localeString: Locales;
-    /** Array of options to pick a page size out of. Default is [10, 25, 50, 100] */
-    pageSizeOptions?: number[];
-    /** Number to display current page size */
-    pageSize: number;
-    /** Number to display current page index */
-    pageIndex: number;
-    /** Number to display current number of pages */
-    pageCount: number;
-    /** Boolean to disable button to go to the previous page */
-    canPreviousPage: boolean;
-    /** Boolean to disable button to go to the next page */
-    canNextPage: boolean;
-    /** Function to update the page size of the table */
-    setPageSize: (pageSize: number) => void;
-    /** Function to update the page index of the table */
-    setPageIndex: (pageIndex: number) => void;
+import { ThemeStyleProps } from '../../theme/index.js';
+import { Locale } from './translations.js';
+export type PaginatorProps = ThemeStyleProps & {
+    /** Which locale to use for translations */
+    locale: Locale;
+    /** The size of each page */
+    pageSize?: number;
+    /** The total number of items */
+    itemCount: number;
+    /** The current page index (turns component controlled) */
+    pageIndex?: number;
+    /** Invoked when the page index changes */
+    onPageChange?: (newPageIndex: number) => void;
 };
-export declare function Paginator({ localeString, pageSizeOptions, pageSize, pageIndex, pageCount, canPreviousPage, canNextPage, setPageSize, setPageIndex, }: PaginatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function Paginator({ locale, pageSize, itemCount, pageIndex: _pageIndex, onPageChange, ...rest }: PaginatorProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=paginator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"paginator.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAgB,MAAM,gBAAgB,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC5B,yDAAyD;IACzD,YAAY,EAAE,OAAO,CAAC;IACtB,gFAAgF;IAChF,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,SAAS,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,eAAe,EAAE,OAAO,CAAC;IACzB,uDAAuD;IACvD,WAAW,EAAE,OAAO,CAAC;IACrB,oDAAoD;IACpD,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qDAAqD;IACrD,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACzB,YAAY,EACZ,eAAmC,EACnC,QAAQ,EACR,SAAS,EACT,SAAS,EACT,eAAe,EACf,WAAW,EACX,WAAW,EACX,YAAY,GACZ,EAAE,cAAc,2CAiDhB"}
+{"version":3,"file":"paginator.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/paginator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,OAAO,EAAE,KAAK,MAAM,EAAgB,MAAM,gBAAgB,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,eAAe,GAAG;IAC9C,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;IAEf,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAElB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,SAAS,CAAC,EACzB,MAAM,EACN,QAAa,EACb,SAAS,EACT,SAAS,EAAE,UAAU,EACrB,YAAY,EACZ,GAAG,IAAI,EACP,EAAE,cAAc,2CA6ChB"}

package/dist/components/paginator/paginator.js

@@ -1,58 +1,47 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { useStyleConfig as b, Box as i } from "@chakra-ui/react";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useControllableState as C, useStyleConfig as b, Box as s } from "@chakra-ui/react";
 import { translations as k } from "./translations.js";
-import { Select as p } from "../select/select.js";
-import { IconButton as l } from "../icon-button/icon-button.js";
-import { Icons as s } from "../icon/types.js";
-function _({
-  localeString: c,
-  pageSizeOptions: m = [10, 25, 50, 100],
-  pageSize: u,
-  pageIndex: t,
-  pageCount: h,
-  canPreviousPage: d,
-  canNextPage: f,
-  setPageSize: g,
-  setPageIndex: a
+import { IconButton as c } from "../icon-button/icon-button.js";
+import { Icons as l } from "../icon/types.js";
+function N({
+  locale: g,
+  pageSize: n = 10,
+  itemCount: o,
+  pageIndex: m,
+  onPageChange: d,
+  ...P
 }) {
-  const v = b("Paginator"), n = k[c], C = () => {
-    a(t - 1);
-  }, P = () => {
-    a(t + 1);
+  const [a, r] = C({
+    value: m,
+    defaultValue: 0,
+    onChange: d
+  }), x = b("Paginator"), t = k[g], u = a > 0, f = n > 0 && a < Math.ceil(o / n) - 1, h = a * n + 1, p = Math.max(Math.min(n * (a + 1), o), 1), I = () => {
+    r(a - 1);
+  }, v = () => {
+    r(a + 1);
   };
-  return /* @__PURE__ */ e(i, { __css: v, children: [
-    /* @__PURE__ */ o(i, { children: n.pageSize }),
-    /* @__PURE__ */ o(i, { children: /* @__PURE__ */ o(
-      p,
-      {
-        value: u,
-        onChange: (r) => {
-          g(Number(r.target.value));
-        },
-        children: m.map((r) => /* @__PURE__ */ o("option", { value: r, children: r }, r))
-      }
-    ) }),
-    /* @__PURE__ */ o(i, { children: n.currentPage(t, h) }),
-    /* @__PURE__ */ e(i, { children: [
-      /* @__PURE__ */ o(
-        l,
+  return /* @__PURE__ */ i(s, { __css: x, ...P, children: [
+    /* @__PURE__ */ e(s, { children: t.currentPage(h, p, o) }),
+    /* @__PURE__ */ i(s, { children: [
+      /* @__PURE__ */ e(
+        c,
         {
-          icon: s.Back,
+          icon: l.Back,
           size: "md",
           variant: "ghost",
-          "aria-label": n.previousPage,
-          onClick: C,
-          isDisabled: !d
+          "aria-label": t.previousPage,
+          onClick: I,
+          isDisabled: !u
         }
       ),
-      /* @__PURE__ */ o(
-        l,
+      /* @__PURE__ */ e(
+        c,
         {
-          icon: s.Forward,
+          icon: l.Forward,
           size: "md",
           variant: "ghost",
-          "aria-label": n.nextPage,
-          onClick: P,
+          "aria-label": t.nextPage,
+          onClick: v,
           isDisabled: !f
         }
       )
@@ -60,5 +49,5 @@ function _({
   ] });
 }
 export {
-  _ as Paginator
+  N as Paginator
 };

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

@@ -1,34 +1,9 @@
-export type Locales = "en-US" | "nb-NO" | "da-DK" | "sv-SE" | "en-GB";
-export declare const translations: {
-    "sv-SE": {
-        pageSize: string;
-        currentPage: (pageIndex: number, pageCount: number) => string;
-        previousPage: string;
-        nextPage: string;
-    };
-    "en-US": {
-        pageSize: string;
-        currentPage: (pageIndex: number, pageCount: number) => string;
-        previousPage: string;
-        nextPage: string;
-    };
-    "en-GB": {
-        pageSize: string;
-        currentPage: (pageIndex: number, pageCount: number) => string;
-        previousPage: string;
-        nextPage: string;
-    };
-    "nb-NO": {
-        pageSize: string;
-        currentPage: (pageIndex: number, pageCount: number) => string;
-        previousPage: string;
-        nextPage: string;
-    };
-    "da-DK": {
-        pageSize: string;
-        currentPage: (pageIndex: number, pageCount: number) => string;
-        previousPage: string;
-        nextPage: string;
-    };
-};
+export type Locale = "en-US" | "nb-NO" | "da-DK" | "sv-SE" | "en-GB";
+interface TranslationObject {
+    currentPage: (start: number, end: number, itemCount: number) => string;
+    previousPage: string;
+    nextPage: string;
+}
+export declare const translations: Record<Locale, TranslationObject>;
+export {};
 //# sourceMappingURL=translations.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAStE,eAAO,MAAM,YAAY;;;iCAGE,MAAM,aAAa,MAAM;;;;;;iCAR1B,MAAM,aAAa,MAAM;;;;;;iCAAzB,MAAM,aAAa,MAAM;;;;;;iCAgBxB,MAAM,aAAa,MAAM;;;;;;iCAMzB,MAAM,aAAa,MAAM;;;;CAInD,CAAC"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../lib/components/paginator/translations.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAErE,UAAU,iBAAiB;IAC1B,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;IACvE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAQD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAkB1D,CAAC"}

package/dist/components/paginator/translations.js

@@ -1,26 +1,22 @@
-const i = {
-  pageSize: "Rows per page",
-  currentPage: (e, a) => `Page ${e + 1} of ${a}`,
+const s = {
+  currentPage: (e, a, r) => `${e}-${a} of ${r}`,
   previousPage: "Previous page",
   nextPage: "Next page"
 }, g = {
   "sv-SE": {
-    pageSize: "Antal per sida",
-    currentPage: (e, a) => `Sida ${e + 1} av ${a}`,
+    currentPage: (e, a, r) => `${e}-${a} av ${r}`,
     previousPage: "Föregående sida",
     nextPage: "Nästa sida"
   },
-  "en-US": i,
-  "en-GB": i,
+  "en-US": s,
+  "en-GB": s,
   "nb-NO": {
-    pageSize: "Antall per side",
-    currentPage: (e, a) => `Side ${e + 1} av ${a}`,
+    currentPage: (e, a, r) => `${e}-${a} av ${r}`,
     previousPage: "Forrige side",
     nextPage: "Neste side"
   },
   "da-DK": {
-    pageSize: "Antal per side",
-    currentPage: (e, a) => `Side ${e + 1} af ${a}`,
+    currentPage: (e, a, r) => `${e}-${a} af ${r}`,
     previousPage: "Forrige side",
     nextPage: "Næste side"
   }

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

@@ -1 +1 @@
-{"version":3,"file":"table-context.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-context.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"table-context.d.ts","sourceRoot":"","sources":["../../../lib/components/table/table-context.tsx"],"names":[],"mappings":"AACA,OAAO,EACN,KAAK,MAAM,EACX,KAAK,SAAS,EACd,KAAK,aAAa,EAKlB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,KAAK,EAGV,KAAK,eAAe,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAiB,KAAK,iBAAiB,EAAoC,MAAM,OAAO,CAAC;AAChG,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE3D,UAAU,sBAAsB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,CAAE,SAAQ,iBAAiB;IACpF,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,OAAO,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IAC5C,YAAY,EAAE,OAAO,CAAC;IACtB,2BAA2B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtD,4BAA4B,CAAC,EAAE,eAAe,CAAC;IAC/C,qBAAqB,CAAC,EAAE,eAAe,CAAC;IACxC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAClD,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,cAAc,CAAC,EAAE,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACvG,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mBAAmB,CAAC,EAAE,iBAAiB,CAAC;CACxC;AAED,UAAU,qBAAqB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC;IACxD,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,oBAAoB,CAAC,EAAE,aAAa,CAAC;IACrC,2BAA2B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtD,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9C,uBAAuB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACvF,YAAY,EAAE,OAAO,CAAC;IACtB,4BAA4B,CAAC,EAAE,eAAe,CAAC;IAC/C,qBAAqB,CAAC,EAAE,eAAe,CAAC;IACxC,wBAAwB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5D,uBAAuB,CAAC,EAAE,CAAC,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAClF,cAAc,CAAC,EAAE,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACvG,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,aAAa,CAAC;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC;IAC/D,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,CAAC;IACjE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;IAC1D,YAAY,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC7C,gBAAgB,EAAE,eAAe,CAAC;CAClC;AAED,eAAO,MAAM,YAAY,4DAAyD,CAAC;AAEnF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,EAAE,iRAgBtD,sBAAsB,CAAC,CAAC,CAAC,4CAmG3B,CAAC"}

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "4.1.1",
+	"version": "5.0.0",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,

package/dist/components/table/use-controllable-state.d.ts

@@ -1,28 +0,0 @@
-/**
- * A custom React hook for managing state that can be either controlled by a parent component or managed internally.
- *
- * @param value - The controlled value provided by the parent component. If `undefined`, the hook operates in uncontrolled mode and manages the state internally.
- * @param changeHandler - Optional callback invoked when the state changes. Useful for notifying the parent component of state changes in controlled mode.
- * @param initialValue - The initial state value when operating in uncontrolled mode.
- *
- * @returns A tuple containing:
- *   - The current state value (`T`).
- *   - A function to update the state (`setValue`).
- *       In controlled mode, calling `setValue` invokes `changeHandler` without updating internal state.
- *       In uncontrolled mode, `setValue` updates the internal state.
- *
- * @example
- * // Uncontrolled component usage:
- * const [value, setValue] = useControllableState(undefined, props.onChange, 'default');
- * setValue('new value');
- * // props.onChange('new value') is called
- * console.log(value) // 'new value'
- *
- * // Controlled component usage:
- * const [value, setValue] = useControllableState(props.value, props.onChange, 'default');
- * setValue('new value');
- * // props.onChange('new value') is called
- * console.log(value) // 'default'
- */
-export declare function useControllableState<T>(value: T extends Function ? never : T | undefined, changeHandler: ((newValue: T) => void) | undefined, initialValue: T): [T, React.Dispatch<React.SetStateAction<T>>];
-//# sourceMappingURL=use-controllable-state.d.ts.map

package/dist/components/table/use-controllable-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-controllable-state.d.ts","sourceRoot":"","sources":["../../../lib/components/table/use-controllable-state.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EAErC,KAAK,EAAE,CAAC,SAAS,QAAQ,GAAG,KAAK,GAAG,CAAC,GAAG,SAAS,EACjD,aAAa,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,EAClD,YAAY,EAAE,CAAC,GACb,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAgB9C"}

package/dist/components/table/use-controllable-state.js

@@ -1,12 +0,0 @@
-import { useState as s } from "react";
-function a(o, e, n) {
-  const [r, l] = s(n);
-  return [o !== void 0 ? o : r, (t) => {
-    if (typeof t == "function")
-      throw new Error("Function as argument is not supported.");
-    l(t), e?.(t);
-  }];
-}
-export {
-  a as useControllableState
-};