@dust-tt/sparkle 0.2.224 → 0.2.226

package/dist/esm/components/Pagination.d.ts

@@ -1,13 +1,14 @@
+import { PaginationState } from "@tanstack/react-table";
 import React from "react";
 type Size = "sm" | "xs";
 interface PaginationProps {
-    itemsCount: number;
-    maxItemsPerPage: number;
-    onButtonClick: (pageNumber: number) => void;
     size?: Size;
     showDetails?: boolean;
     showPageButtons?: boolean;
+    rowCount: number;
+    pagination: PaginationState;
+    setPagination: (pagination: PaginationState) => void;
 }
-export declare function Pagination({ itemsCount, maxItemsPerPage, onButtonClick, size, showDetails, showPageButtons, }: PaginationProps): React.JSX.Element;
+export declare function Pagination({ size, showDetails, showPageButtons, rowCount, pagination, setPagination, }: PaginationProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/esm/components/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAQ3C,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIxB,UAAU,eAAe;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,eAAe,EACf,aAAa,EACb,IAAW,EACX,WAAkB,EAClB,eAAsB,GACvB,EAAE,eAAe,qBA2FjB"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAsB,MAAM,OAAO,CAAC;AAO3C,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAIxB,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,EAAE,CAAC,UAAU,EAAE,eAAe,KAAK,IAAI,CAAC;CACtD;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAW,EACX,WAAkB,EAClB,eAAsB,EACtB,QAAQ,EACR,UAAU,EACV,aAAa,GACd,EAAE,eAAe,qBA8FjB"}

package/dist/esm/components/Pagination.js

@@ -1,39 +1,39 @@
-import { __read } from "tslib";
 import React, { useCallback } from "react";
-import { useState } from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "../icons/solid";
 import { classNames } from "../lib/utils";
 import { Button } from "./Button";
 var pagesShownInControls = 7;
 export function Pagination(_a) {
-    var itemsCount = _a.itemsCount, maxItemsPerPage = _a.maxItemsPerPage, onButtonClick = _a.onButtonClick, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.showDetails, showDetails = _c === void 0 ? true : _c, _d = _a.showPageButtons, showPageButtons = _d === void 0 ? true : _d;
-    var numPages = Math.ceil(itemsCount / maxItemsPerPage);
+    var _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.showDetails, showDetails = _c === void 0 ? true : _c, _d = _a.showPageButtons, showPageButtons = _d === void 0 ? true : _d, rowCount = _a.rowCount, pagination = _a.pagination, setPagination = _a.setPagination;
+    // pageIndex is 0-based
+    var pageIndex = pagination.pageIndex, pageSize = pagination.pageSize;
+    var numPages = Math.ceil(rowCount / pageSize);
+    var canNextPage = pagination.pageIndex < numPages - 1;
+    var canPreviousPage = pageIndex > 0;
+    var nextPage = function () { return setPagination({ pageSize: pageSize, pageIndex: pageIndex + 1 }); };
+    var previousPage = function () {
+        return setPagination({ pageSize: pageSize, pageIndex: pageIndex - 1 });
+    };
     var controlsAreHidden = Boolean(numPages <= 1);
-    var _e = __read(useState(1), 2), currentPage = _e[0], setCurrentPage = _e[1];
-    var firstFileOnPageIndex = currentPage * maxItemsPerPage - maxItemsPerPage + 1;
-    var lastFileOnPageIndex = itemsCount > currentPage * maxItemsPerPage
-        ? currentPage * maxItemsPerPage
-        : itemsCount;
-    var onPaginationButtonClick = useCallback(function (pageNb) {
-        setCurrentPage(pageNb);
-        onButtonClick(pageNb);
-    }, [onButtonClick, setCurrentPage]);
-    var pageButtons = getPageButtons(currentPage, numPages, pagesShownInControls, onPaginationButtonClick, size);
+    var firstItemOnPageIndex = pageIndex * pageSize + 1;
+    var lastItemOnPageIndex = rowCount > (pageIndex + 1) * pageSize
+        ? (pageIndex + 1) * pageSize
+        : rowCount;
+    var onPaginationButtonClick = useCallback(function (pageIndex) {
+        setPagination({ pageSize: pageSize, pageIndex: pageIndex });
+    }, [pageIndex, setPagination]);
+    var pageButtons = getPageButtons(pageIndex, numPages, pagesShownInControls, onPaginationButtonClick, size);
     return (React.createElement("div", { className: classNames("s-flex s-w-full s-items-center", controlsAreHidden ? "s-justify-end" : "s-justify-between") },
         React.createElement("div", { className: classNames("s-flex", controlsAreHidden ? "s-invisible" : "s-visible", showPageButtons ? "s-gap-0" : "s-gap-2") },
-            React.createElement(Button, { variant: "tertiary", size: size === "xs" ? "xs" : "sm", label: "previous", labelVisible: false, disabledTooltip: true, disabled: currentPage === 1 ? true : false, icon: ChevronLeftIcon, onClick: function () {
-                    onPaginationButtonClick(currentPage - 1);
-                } }),
+            React.createElement(Button, { variant: "tertiary", size: size === "xs" ? "xs" : "sm", label: "previous", labelVisible: false, disabledTooltip: true, disabled: !canPreviousPage, icon: ChevronLeftIcon, onClick: previousPage }),
             React.createElement("div", { className: classNames("s-items-center", size === "xs" ? "s-gap-3 s-px-3" : "s-gap-4 s-px-4", showPageButtons ? "s-flex" : "s-hidden") }, pageButtons),
-            React.createElement(Button, { variant: "tertiary", size: size === "xs" ? "xs" : "sm", label: "next", labelVisible: false, disabledTooltip: true, disabled: currentPage === numPages ? true : false, icon: ChevronRightIcon, onClick: function () {
-                    onPaginationButtonClick(currentPage + 1);
-                } })),
+            React.createElement(Button, { variant: "tertiary", size: size === "xs" ? "xs" : "sm", label: "next", labelVisible: false, disabledTooltip: true, disabled: !canNextPage, icon: ChevronRightIcon, onClick: nextPage })),
         React.createElement("span", { className: classNames("s-text-slate-400", size === "xs" ? "s-text-xs" : "s-text-sm", showDetails ? "s-visible" : "s-collapse") }, controlsAreHidden
-            ? "".concat(itemsCount, " items")
-            : "Showing ".concat(firstFileOnPageIndex, "-").concat(lastFileOnPageIndex, " of ").concat(itemsCount, " items"))));
+            ? "".concat(rowCount, " items")
+            : "Showing ".concat(firstItemOnPageIndex, "-").concat(lastItemOnPageIndex, " of ").concat(rowCount, " items"))));
 }
 function renderPageNumber(pageNumber, currentPage, onPageClick, size) {
-    return (React.createElement("button", { key: pageNumber, className: classNames("s-font-semibold s-transition-colors s-duration-100", currentPage === pageNumber ? "s-text-action-500" : "s-text-slate-400", size === "xs" ? "s-text-xs" : "s-text-sm"), onClick: function () { return onPageClick(pageNumber); } }, pageNumber));
+    return (React.createElement("button", { key: pageNumber, className: classNames("s-font-semibold s-transition-colors s-duration-100", currentPage === pageNumber ? "s-text-action-500" : "s-text-slate-400", size === "xs" ? "s-text-xs" : "s-text-sm"), onClick: function () { return onPageClick(pageNumber); } }, pageNumber + 1));
 }
 function renderEllipses(size) {
     return (React.createElement("span", { className: classNames("s-text-sm s-font-semibold s-text-slate-400", size === "xs" ? "s-text-xs" : "s-text-sm") }, "..."));
@@ -42,7 +42,7 @@ function getPageButtons(currentPage, totalPages, slots, onPageClick, size) {
     var pagination = [];
     // If total pages are less than or equal to slots, show all pages
     if (totalPages <= slots) {
-        for (var i = 1; i <= totalPages; i++) {
+        for (var i = 0; i < totalPages; i++) {
             pagination.push(renderPageNumber(i, currentPage, onPageClick, size));
         }
         return pagination;
@@ -50,24 +50,24 @@ function getPageButtons(currentPage, totalPages, slots, onPageClick, size) {
     var remainingSlots = slots - 2; // slots excluding first and last page
     var halfSlots = Math.floor(remainingSlots / 2);
     // Ensure current page is within bounds
-    currentPage = Math.max(1, Math.min(currentPage, totalPages));
-    pagination.push(renderPageNumber(1, currentPage, onPageClick, size)); // Always show the first page
+    currentPage = Math.max(0, Math.min(currentPage, totalPages - 1));
+    pagination.push(renderPageNumber(0, currentPage, onPageClick, size)); // Always show the first page
     // Determine the range of pages to display
     var start, end;
-    if (currentPage <= halfSlots + 2) {
-        start = 2;
-        end = remainingSlots;
+    if (currentPage <= halfSlots + 1) {
+        start = 1;
+        end = remainingSlots - 1;
     }
-    else if (currentPage >= totalPages - halfSlots - 1) {
-        start = totalPages - remainingSlots + 1;
-        end = totalPages - 1;
+    else if (currentPage >= totalPages - halfSlots - 2) {
+        start = totalPages - remainingSlots;
+        end = totalPages - 2;
     }
     else {
         start = currentPage - halfSlots + 1;
         end = currentPage + halfSlots - 1;
     }
     // Add ellipsis if there is a gap between the first page and the start of the range
-    if (start > 2) {
+    if (start > 1) {
         pagination.push(renderEllipses(size));
     }
     // Add the range of pages
@@ -75,10 +75,10 @@ function getPageButtons(currentPage, totalPages, slots, onPageClick, size) {
         pagination.push(renderPageNumber(i, currentPage, onPageClick, size));
     }
     // Add ellipsis if there is a gap between the end of the range and the last page
-    if (end < totalPages - 1) {
+    if (end < totalPages - 2) {
         pagination.push(renderEllipses(size));
     }
-    pagination.push(renderPageNumber(totalPages, currentPage, onPageClick, size)); // Always show the last page
+    pagination.push(renderPageNumber(totalPages - 1, currentPage, onPageClick, size)); // Always show the last page
     return pagination;
 }
 //# sourceMappingURL=Pagination.js.map

package/dist/esm/components/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/Pagination.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../../src/components/Pagination.tsx"],"names":[],"mappings":"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"}

package/dist/esm/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useHashParams";
+export * from "./usePaginationFromUrl";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC"}

package/dist/esm/hooks/index.js

@@ -0,0 +1,3 @@
+export * from "./useHashParams";
+export * from "./usePaginationFromUrl";
+//# sourceMappingURL=index.js.map

package/dist/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC"}

package/dist/esm/hooks/useHashParams.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Original code from : https://www.npmjs.com/package/use-hash-param
+ * ISC License
+ */
+type Updater = (prevValue?: string) => string;
+type SetterOptions = {
+    history: "replace" | "push";
+};
+type Setter = (value?: string | Updater, options?: SetterOptions) => void;
+/**
+ * @param key The parameter-name to use from the hash-string query string.
+ * @param defaultValue A default value to use if the parameter is not specified and on the server.
+ * @returns A two-tuple, the first element is the selected param value (either extracted from the hash param or the default value).
+ *  The second element is a setter function to change the param value.
+ */
+export declare const useHashParam: (key: string, defaultValue?: string) => [string | undefined, Setter];
+export {};
+//# sourceMappingURL=useHashParams.d.ts.map

package/dist/esm/hooks/useHashParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHashParams.d.ts","sourceRoot":"","sources":["../../../src/hooks/useHashParams.ts"],"names":[],"mappings":"AAAA;;;GAGG;AA6CH,KAAK,OAAO,GAAG,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;AAC9C,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;CAC7B,CAAC;AACF,KAAK,MAAM,GAAG,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,OAAO,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;AAE1E;;;;;GAKG;AAEH,eAAO,MAAM,YAAY,QAClB,MAAM,iBACI,MAAM,KACpB,CAAC,MAAM,GAAG,SAAS,EAAE,MAAM,CA8B7B,CAAC"}

package/dist/esm/hooks/useHashParams.js

@@ -0,0 +1,67 @@
+/**
+ * Original code from : https://www.npmjs.com/package/use-hash-param
+ * ISC License
+ */
+import { __read } from "tslib";
+import { useCallback, useEffect, useState } from "react";
+var getHashSearchParams = function (location) {
+    var hash = location.hash.slice(1);
+    var _a = __read(hash.split("?"), 2), prefix = _a[0], query = _a[1];
+    return [prefix, new URLSearchParams(query)];
+};
+var getHashParam = function (key, defaultValue) {
+    var _a;
+    if (typeof window === "undefined") {
+        return defaultValue;
+    }
+    var _b = __read(getHashSearchParams(window.location), 2), searchParams = _b[1];
+    return (_a = searchParams.get(key)) !== null && _a !== void 0 ? _a : defaultValue;
+};
+var setHashParam = function (key, value, shouldReplaceState) {
+    if (typeof window !== "undefined") {
+        var _a = __read(getHashSearchParams(window.location), 2), prefix = _a[0], searchParams = _a[1];
+        if (typeof value === "undefined" || value === "") {
+            searchParams.delete(key);
+        }
+        else {
+            searchParams.set(key, value);
+        }
+        var search = searchParams.toString();
+        var hash = search ? "".concat(prefix, "?").concat(search) : prefix;
+        if (shouldReplaceState && "replaceState" in history) {
+            history.replaceState(null, "", "#".concat(hash));
+        }
+        else {
+            window.location.hash = hash;
+        }
+    }
+};
+/**
+ * @param key The parameter-name to use from the hash-string query string.
+ * @param defaultValue A default value to use if the parameter is not specified and on the server.
+ * @returns A two-tuple, the first element is the selected param value (either extracted from the hash param or the default value).
+ *  The second element is a setter function to change the param value.
+ */
+export var useHashParam = function (key, defaultValue) {
+    var _a = __read(useState(function () {
+        return getHashParam(key, defaultValue);
+    }), 2), innerValue = _a[0], setInnerValue = _a[1];
+    useEffect(function () {
+        var handleHashChange = function () {
+            return setInnerValue(getHashParam(key, defaultValue));
+        };
+        handleHashChange();
+        window.addEventListener("hashchange", handleHashChange);
+        return function () { return window.removeEventListener("hashchange", handleHashChange); };
+    }, [key]);
+    var setValue = useCallback(function (newValue, options) {
+        if (options === void 0) { options = { history: "replace" }; }
+        var newInnerValue = typeof newValue === "function"
+            ? newValue(getHashParam(key, defaultValue))
+            : newValue;
+        setInnerValue(newInnerValue);
+        setHashParam(key, newInnerValue, options.history === "replace");
+    }, [key]);
+    return [innerValue || defaultValue, setValue];
+};
+//# sourceMappingURL=useHashParams.js.map

package/dist/esm/hooks/useHashParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHashParams.js","sourceRoot":"","sources":["../../../src/hooks/useHashParams.ts"],"names":[],"mappings":"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"}

package/dist/esm/hooks/usePaginationFromUrl.d.ts

@@ -0,0 +1,6 @@
+import { PaginationState } from "@tanstack/react-table";
+export declare const usePaginationFromUrl: (urlPrefix?: string, initialPageSize?: number) => {
+    pagination: PaginationState;
+    setPagination: (newValue: PaginationState) => void;
+};
+//# sourceMappingURL=usePaginationFromUrl.d.ts.map

package/dist/esm/hooks/usePaginationFromUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaginationFromUrl.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePaginationFromUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAOxD,eAAO,MAAM,oBAAoB,eACnB,MAAM;;8BAgBiB,eAAe;CAWnD,CAAC"}

package/dist/esm/hooks/usePaginationFromUrl.js

@@ -0,0 +1,23 @@
+import { __read } from "tslib";
+import { useMemo } from "react";
+import { useHashParam } from "../hooks/useHashParams";
+var defaultPageSize = 25;
+export var usePaginationFromUrl = function (urlPrefix, initialPageSize) {
+    if (initialPageSize === void 0) { initialPageSize = defaultPageSize; }
+    var _a = __read(useHashParam(urlPrefix ? "".concat(urlPrefix, "PageIndex") : "pageIndex"), 2), pageIndexParam = _a[0], setPageIndexParam = _a[1];
+    var _b = __read(useHashParam(urlPrefix ? "".concat(urlPrefix, "PageSize") : "pageSize"), 2), pageSizeParam = _b[0], setPageSizeParam = _b[1];
+    var pageIndex = pageIndexParam ? parseInt(pageIndexParam) : 0;
+    var pageSize = pageSizeParam ? parseInt(pageSizeParam) : initialPageSize;
+    var res = useMemo(function () {
+        var pagination = { pageIndex: pageIndex, pageSize: pageSize };
+        var setPagination = function (newValue) {
+            if (newValue.pageIndex !== pageIndex || newValue.pageSize !== pageSize) {
+                setPageIndexParam(newValue.pageIndex.toString());
+                setPageSizeParam(newValue.pageSize.toString());
+            }
+        };
+        return { pagination: pagination, setPagination: setPagination };
+    }, [pageIndex, pageSize, urlPrefix]);
+    return res;
+};
+//# sourceMappingURL=usePaginationFromUrl.js.map

package/dist/esm/hooks/usePaginationFromUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaginationFromUrl.js","sourceRoot":"","sources":["../../../src/hooks/usePaginationFromUrl.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,IAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAClC,SAAkB,EAClB,eAAiC;IAAjC,gCAAA,EAAA,iCAAiC;IAE3B,IAAA,KAAA,OAAsC,YAAY,CACtD,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,cAAW,CAAC,CAAC,CAAC,WAAW,CAClD,IAAA,EAFM,cAAc,QAAA,EAAE,iBAAiB,QAEvC,CAAC;IACI,IAAA,KAAA,OAAoC,YAAY,CACpD,SAAS,CAAC,CAAC,CAAC,UAAG,SAAS,aAAU,CAAC,CAAC,CAAC,UAAU,CAChD,IAAA,EAFM,aAAa,QAAA,EAAE,gBAAgB,QAErC,CAAC;IAEF,IAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,IAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC;IAE3E,IAAM,GAAG,GAAG,OAAO,CAAC;QAClB,IAAM,UAAU,GAAoB,EAAE,SAAS,WAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;QAE5D,IAAM,aAAa,GAAG,UAAC,QAAyB;YAC9C,IAAI,QAAQ,CAAC,SAAS,KAAK,SAAS,IAAI,QAAQ,CAAC,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBACvE,iBAAiB,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;gBACjD,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;YACjD,CAAC;QACH,CAAC,CAAC;QAEF,OAAO,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAErC,OAAO,GAAG,CAAC;AACb,CAAC,CAAC"}

package/dist/esm/index.d.ts

@@ -1,5 +1,6 @@
 export * from "./components";
 export { SparkleContext } from "./context";
+export * from "./hooks";
 export * from "./icons";
 export * from "./lib";
 export * from "./logo";

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}

package/dist/esm/index.js

@@ -1,5 +1,6 @@
 export * from "./components";
 export { SparkleContext } from "./context";
+export * from "./hooks";
 export * from "./icons";
 export * from "./lib";
 export * from "./logo";

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3C,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}

package/dist/esm/stories/DataTable.stories.d.ts

@@ -6,4 +6,6 @@ declare const meta: {
 };
 export default meta;
 export declare const DataTableExample: () => React.JSX.Element;
+export declare const DataTablePaginatedExample: () => React.JSX.Element;
+export declare const DataTablePaginatedServerSideExample: () => React.JSX.Element;
 //# sourceMappingURL=DataTable.stories.d.ts.map

package/dist/esm/stories/DataTable.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/DataTable.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,SAAS,EAAc,MAAM,uBAAuB,CAAC;AAE9D,QAAA,MAAM,IAAI;;;CAGwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,gBAAgB,yBA4I5B,CAAC"}
+{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/DataTable.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,SAAS,EAAc,MAAM,uBAAuB,CAAC;AAE9D,QAAA,MAAM,IAAI;;;CAGwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AA+IpB,eAAO,MAAM,gBAAgB,yBAmB5B,CAAC;AAEF,eAAO,MAAM,yBAAyB,yBA2BrC,CAAC;AAEF,eAAO,MAAM,mCAAmC,yBAkC/C,CAAC"}

package/dist/esm/stories/DataTable.stories.js

@@ -1,115 +1,143 @@
-import React from "react";
+import { __read } from "tslib";
+import React, { useMemo } from "react";
+import { Input } from "../components/Input";
 import { DataTable, FolderIcon } from "../index_with_tw_base";
 var meta = {
     title: "Components/DataTable",
     component: DataTable,
 };
 export default meta;
+var data = [
+    {
+        name: "Soupinou with tooltip on avatar",
+        usedBy: 100,
+        addedBy: "User1",
+        lastUpdated: "July 8, 2023",
+        size: "32kb",
+        avatarUrl: "https://avatars.githubusercontent.com/u/138893015?s=200&v=4",
+        avatarTooltipLabel: "Meow",
+        roundedAvatar: true,
+        onClick: function () { return console.log("hehe"); },
+    },
+    {
+        name: "Marketing",
+        description: "(23 items)",
+        usedBy: 8,
+        addedBy: "User1",
+        lastUpdated: "July 8, 2023",
+        size: "32kb",
+        avatarUrl: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg",
+        roundedAvatar: true,
+        onClick: function () { return alert("Marketing clicked"); },
+    },
+    {
+        name: "Design",
+        usedBy: 2,
+        addedBy: "User2",
+        lastUpdated: "2023-07-09",
+        size: "64kb",
+        icon: FolderIcon,
+        moreMenuItems: [
+            {
+                label: "Edit (disabled)",
+                onClick: function () { return alert("Design menu clicked"); },
+                disabled: true,
+            },
+        ],
+        onClick: function () { return alert("Design clicked"); },
+    },
+    {
+        name: "design",
+        usedBy: 3,
+        addedBy: "User21",
+        lastUpdated: "2023-07-09",
+        size: "64kb",
+        icon: FolderIcon,
+        moreMenuItems: [
+            {
+                label: "Edit",
+                onClick: function () { return alert("Design menu clicked"); },
+            },
+        ],
+    },
+    {
+        name: "Development",
+        usedBy: 5,
+        addedBy: "User3",
+        lastUpdated: "2023-07-07",
+        size: "128kb",
+    },
+    {
+        name: "Sales",
+        usedBy: 10,
+        addedBy: "User4",
+        lastUpdated: "2023-07-10",
+        size: "16kb",
+    },
+    {
+        name: "HR",
+        usedBy: 3,
+        addedBy: "User5",
+        lastUpdated: "2023-07-06",
+        size: "48kb",
+    },
+];
+var columns = [
+    {
+        accessorKey: "name",
+        header: "Name",
+        sortingFn: "text",
+        cell: function (info) { return (React.createElement(DataTable.CellContent, { avatarUrl: info.row.original.avatarUrl, avatarTooltipLabel: info.row.original.avatarTooltipLabel, icon: info.row.original.icon, description: info.row.original.description, roundedAvatar: info.row.original.roundedAvatar }, info.row.original.name)); },
+    },
+    {
+        accessorKey: "usedBy",
+        header: "Used by",
+        cell: function (info) { return (React.createElement(DataTable.CellContent, null, info.row.original.usedBy)); },
+    },
+    {
+        accessorKey: "addedBy",
+        header: "Added by",
+        cell: function (info) { return (React.createElement(DataTable.CellContent, null, info.row.original.addedBy)); },
+    },
+    {
+        accessorKey: "lastUpdated",
+        header: "Last updated",
+        cell: function (info) { return (React.createElement(DataTable.CellContent, null, info.row.original.lastUpdated)); },
+        enableSorting: false,
+    },
+    {
+        accessorKey: "size",
+        header: "Size",
+        cell: function (info) { return (React.createElement(DataTable.CellContent, null, info.row.original.size)); },
+    },
+];
 export var DataTableExample = function () {
-    var data = [
-        {
-            name: "Soupinou with tooltip on avatar",
-            usedBy: 100,
-            addedBy: "User1",
-            lastUpdated: "July 8, 2023",
-            size: "32kb",
-            avatarUrl: "https://avatars.githubusercontent.com/u/138893015?s=200&v=4",
-            avatarTooltipLabel: "Meow",
-            roundedAvatar: true,
-            onClick: function () { return console.log("hehe"); },
-        },
-        {
-            name: "Marketing",
-            description: "(23 items)",
-            usedBy: 8,
-            addedBy: "User1",
-            lastUpdated: "July 8, 2023",
-            size: "32kb",
-            avatarUrl: "https://dust.tt/static/droidavatar/Droid_Lime_3.jpg",
-            roundedAvatar: true,
-            onClick: function () { return console.log("hehe"); },
-        },
-        {
-            name: "Design",
-            usedBy: 2,
-            addedBy: "User2",
-            lastUpdated: "2023-07-09",
-            size: "64kb",
-            icon: FolderIcon,
-            moreMenuItems: [
-                {
-                    label: "Edit (disabled)",
-                    onClick: function () { return console.log("Edit"); },
-                    disabled: true,
-                },
-            ],
-        },
-        {
-            name: "design",
-            usedBy: 3,
-            addedBy: "User21",
-            lastUpdated: "2023-07-09",
-            size: "64kb",
-            icon: FolderIcon,
-            moreMenuItems: [
-                {
-                    label: "Edit",
-                    onClick: function () { return console.log("Edit"); },
-                },
-            ],
-        },
-        {
-            name: "Development",
-            usedBy: 5,
-            addedBy: "User3",
-            lastUpdated: "2023-07-07",
-            size: "128kb",
-        },
-        {
-            name: "Sales",
-            usedBy: 10,
-            addedBy: "User4",
-            lastUpdated: "2023-07-10",
-            size: "16kb",
-        },
-        {
-            name: "HR",
-            usedBy: 3,
-            addedBy: "User5",
-            lastUpdated: "2023-07-06",
-            size: "48kb",
-        },
-    ];
-    var columns = [
-        {
-            accessorKey: "name",
-            header: "Name",
-            sortingFn: "text",
-            cell: function (info) { return (React.createElement(DataTable.CellContent, { avatarUrl: info.row.original.avatarUrl, avatarTooltipLabel: info.row.original.avatarTooltipLabel, icon: info.row.original.icon, description: info.row.original.description, roundedAvatar: info.row.original.roundedAvatar }, info.row.original.name)); },
-        },
-        {
-            accessorKey: "usedBy",
-            header: "Used by",
-            cell: function (info) { return (React.createElement(DataTable.CellContent, null, info.row.original.usedBy)); },
-        },
-        {
-            accessorKey: "addedBy",
-            header: "Added by",
-            cell: function (info) { return (React.createElement(DataTable.CellContent, null, info.row.original.addedBy)); },
-        },
-        {
-            accessorKey: "lastUpdated",
-            header: "Last updated",
-            cell: function (info) { return (React.createElement(DataTable.CellContent, null, info.row.original.lastUpdated)); },
-            enableSorting: false,
-        },
-        {
-            accessorKey: "size",
-            header: "Size",
-            cell: function (info) { return (React.createElement(DataTable.CellContent, null, info.row.original.size)); },
-        },
-    ];
+    var _a = __read(React.useState(""), 2), filter = _a[0], setFilter = _a[1];
     return (React.createElement("div", { className: "s-w-full s-max-w-4xl s-overflow-x-auto" },
-        React.createElement(DataTable, { data: data, columns: columns, initialColumnOrder: [{ id: "name", desc: false }], columnsBreakpoints: { lastUpdated: "sm" } })));
+        React.createElement(Input, { name: "filter", placeholder: "Filter", value: filter, onChange: function (v) { return setFilter(v); } }),
+        React.createElement(DataTable, { data: data, filter: filter, filterColumn: "name", columns: columns })));
+};
+export var DataTablePaginatedExample = function () {
+    var _a = __read(React.useState({
+        pageIndex: 0,
+        pageSize: 2,
+    }), 2), pagination = _a[0], setPagination = _a[1];
+    var _b = __read(React.useState(""), 2), filter = _b[0], setFilter = _b[1];
+    return (React.createElement("div", { className: "s-w-full s-max-w-4xl s-overflow-x-auto" },
+        React.createElement(Input, { name: "filter", placeholder: "Filter", value: filter, onChange: function (v) { return setFilter(v); } }),
+        React.createElement(DataTable, { data: data, filter: filter, filterColumn: "name", pagination: pagination, setPagination: setPagination, columns: columns, initialColumnOrder: [{ id: "name", desc: false }], columnsBreakpoints: { lastUpdated: "sm" } })));
+};
+export var DataTablePaginatedServerSideExample = function () {
+    var _a = __read(React.useState({
+        pageIndex: 0,
+        pageSize: 2,
+    }), 2), pagination = _a[0], setPagination = _a[1];
+    var _b = __read(React.useState(""), 2), filter = _b[0], setFilter = _b[1];
+    var rows = useMemo(function () {
+        return data.slice(pagination.pageIndex * pagination.pageSize, (pagination.pageIndex + 1) * pagination.pageSize);
+    }, [data, pagination]);
+    return (React.createElement("div", { className: "s-w-full s-max-w-4xl s-overflow-x-auto" },
+        React.createElement(Input, { name: "filter", placeholder: "Filter", value: filter, onChange: function (v) { return setFilter(v); } }),
+        React.createElement(DataTable, { data: rows, totalRowCount: data.length, filter: filter, filterColumn: "name", pagination: pagination, setPagination: setPagination, columns: columns, initialColumnOrder: [{ id: "name", desc: false }], columnsBreakpoints: { lastUpdated: "sm" } })));
 };
 //# sourceMappingURL=DataTable.stories.js.map