@codefast/ui 0.3.9 → 0.3.10

package/dist/hooks/use-mutation-observer.js

@@ -1,2 +1,23 @@
 "use client";
-import{useEffect as t}from"react";let e={attributes:!0,characterData:!0,childList:!0,subtree:!0};function r(n,u,c=e){t(()=>{if(!n.current)return;let t=new MutationObserver(u);return t.observe(n.current,c),()=>{t.disconnect()}},[n,u,c])}export{r as useMutationObserver};
+import { useEffect } from "react";
+const defaultOptions = {
+    attributes: true,
+    characterData: true,
+    childList: true,
+    subtree: true
+};
+function useMutationObserver(ref, callback, options = defaultOptions) {
+    useEffect(()=>{
+        if (!ref.current) return;
+        const observer = new MutationObserver(callback);
+        observer.observe(ref.current, options);
+        return ()=>{
+            observer.disconnect();
+        };
+    }, [
+        ref,
+        callback,
+        options
+    ]);
+}
+export { useMutationObserver };

package/dist/hooks/use-pagination.cjs

@@ -1,2 +1,93 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ELLIPSIS:()=>ELLIPSIS,usePagination:()=>usePagination});const external_react_namespaceObject=require("react"),ELLIPSIS="•••",createRange=(e,_)=>Array.from({length:_-e+1},(_,r)=>e+r);function usePagination({currentPage:e,resultsPerPage:_,siblingPagesCount:r=1,totalResults:t}){return(0,external_react_namespaceObject.useMemo)(()=>{let a=Math.ceil(t/Math.floor(_));if(a<=0)return[];if(r+5>=a)return createRange(1,a);let n=Math.max(e-r,1),c=Math.min(e+r,a),o=n>2,i=c<a-2;return!o&&i?[...createRange(1,3+2*r),ELLIPSIS,a]:o&&!i?[1,ELLIPSIS,...createRange(a-(3+2*r)+1,a)]:o&&i?[1,ELLIPSIS,...createRange(n,c),ELLIPSIS,a]:[]},[t,_,r,e])}for(var __webpack_i__ in exports.ELLIPSIS=__webpack_exports__.ELLIPSIS,exports.usePagination=__webpack_exports__.usePagination,__webpack_exports__)-1===["ELLIPSIS","usePagination"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ELLIPSIS: ()=>ELLIPSIS,
+    usePagination: ()=>usePagination
+});
+const external_react_namespaceObject = require("react");
+const ELLIPSIS = '•••';
+const createRange = (start, end)=>{
+    const length = end - start + 1;
+    return Array.from({
+        length
+    }, (_, index)=>start + index);
+};
+function usePagination({ currentPage, resultsPerPage, siblingPagesCount = 1, totalResults }) {
+    return (0, external_react_namespaceObject.useMemo)(()=>{
+        const totalPages = Math.ceil(totalResults / Math.floor(resultsPerPage));
+        if (totalPages <= 0) return [];
+        const visiblePageNumbers = siblingPagesCount + 5;
+        if (visiblePageNumbers >= totalPages) return createRange(1, totalPages);
+        const leftSiblingIndex = Math.max(currentPage - siblingPagesCount, 1);
+        const rightSiblingIndex = Math.min(currentPage + siblingPagesCount, totalPages);
+        const shouldShowLeftEllipsis = leftSiblingIndex > 2;
+        const shouldShowRightEllipsis = rightSiblingIndex < totalPages - 2;
+        const firstPage = 1;
+        const lastPage = totalPages;
+        if (!shouldShowLeftEllipsis && shouldShowRightEllipsis) {
+            const leftRange = createRange(1, 3 + 2 * siblingPagesCount);
+            return [
+                ...leftRange,
+                ELLIPSIS,
+                lastPage
+            ];
+        }
+        if (shouldShowLeftEllipsis && !shouldShowRightEllipsis) {
+            const rightRange = createRange(totalPages - (3 + 2 * siblingPagesCount) + 1, totalPages);
+            return [
+                firstPage,
+                ELLIPSIS,
+                ...rightRange
+            ];
+        }
+        if (shouldShowLeftEllipsis && shouldShowRightEllipsis) {
+            const middleRange = createRange(leftSiblingIndex, rightSiblingIndex);
+            return [
+                firstPage,
+                ELLIPSIS,
+                ...middleRange,
+                ELLIPSIS,
+                lastPage
+            ];
+        }
+        return [];
+    }, [
+        totalResults,
+        resultsPerPage,
+        siblingPagesCount,
+        currentPage
+    ]);
+}
+exports.ELLIPSIS = __webpack_exports__.ELLIPSIS;
+exports.usePagination = __webpack_exports__.usePagination;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ELLIPSIS",
+    "usePagination"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/hooks/use-pagination.d.ts

@@ -1,25 +1,27 @@
 export interface UsePaginationProps {
-    /** The current active page number */
+    /** Current active page number. */
     currentPage: number;
-    /** The number of results to display per page */
+    /** Number of results displayed per page. */
     resultsPerPage: number;
     /**
-     * The number of sibling pages to display on either side of the current page.
+     * Number of sibling pages to show on each side of the current page.
      * Defaults to 1.
      */
     siblingPagesCount?: number;
-    /** The total number of results across all pages */
+    /** Total number of results across all pages. */
     totalResults: number;
 }
-/** Constant representing the ellipsis ("...") used in pagination */
+/** Ellipsis marker used to collapse ranges in pagination output. */
 export declare const ELLIPSIS = "\u2022\u2022\u2022";
 /**
- * A custom hook that calculates the pagination logic for a given set of
- * results.
+ * Compute a pagination structure for result sets.
  *
- * @param props - An object containing the pagination properties
- * @returns An array representing the pagination structure, which includes page
- *   numbers and ellipsis indicators
+ * Returns a mixed array of page numbers and the `ELLIPSIS` marker representing
+ * collapsed ranges. The shape adapts to the total pages and the requested
+ * sibling window around the current page.
+ *
+ * @param props - Pagination options. See {@link UsePaginationProps}.
+ * @returns Array of page numbers and `ELLIPSIS` representing the pagination model.
  *
  * @example
  * ```tsx

package/dist/hooks/use-pagination.js

@@ -1,2 +1,56 @@
 "use client";
-import{useMemo as t}from"react";let r="•••",e=(t,r)=>Array.from({length:r-t+1},(r,e)=>t+e);function n({currentPage:n,resultsPerPage:a,siblingPagesCount:i=1,totalResults:o}){return t(()=>{let t=Math.ceil(o/Math.floor(a));if(t<=0)return[];if(i+5>=t)return e(1,t);let f=Math.max(n-i,1),l=Math.min(n+i,t),u=f>2,h=l<t-2;return!u&&h?[...e(1,3+2*i),r,t]:u&&!h?[1,r,...e(t-(3+2*i)+1,t)]:u&&h?[1,r,...e(f,l),r,t]:[]},[o,a,i,n])}export{r as ELLIPSIS,n as usePagination};
+import { useMemo } from "react";
+const ELLIPSIS = '•••';
+const createRange = (start, end)=>{
+    const length = end - start + 1;
+    return Array.from({
+        length
+    }, (_, index)=>start + index);
+};
+function usePagination({ currentPage, resultsPerPage, siblingPagesCount = 1, totalResults }) {
+    return useMemo(()=>{
+        const totalPages = Math.ceil(totalResults / Math.floor(resultsPerPage));
+        if (totalPages <= 0) return [];
+        const visiblePageNumbers = siblingPagesCount + 5;
+        if (visiblePageNumbers >= totalPages) return createRange(1, totalPages);
+        const leftSiblingIndex = Math.max(currentPage - siblingPagesCount, 1);
+        const rightSiblingIndex = Math.min(currentPage + siblingPagesCount, totalPages);
+        const shouldShowLeftEllipsis = leftSiblingIndex > 2;
+        const shouldShowRightEllipsis = rightSiblingIndex < totalPages - 2;
+        const firstPage = 1;
+        const lastPage = totalPages;
+        if (!shouldShowLeftEllipsis && shouldShowRightEllipsis) {
+            const leftRange = createRange(1, 3 + 2 * siblingPagesCount);
+            return [
+                ...leftRange,
+                ELLIPSIS,
+                lastPage
+            ];
+        }
+        if (shouldShowLeftEllipsis && !shouldShowRightEllipsis) {
+            const rightRange = createRange(totalPages - (3 + 2 * siblingPagesCount) + 1, totalPages);
+            return [
+                firstPage,
+                ELLIPSIS,
+                ...rightRange
+            ];
+        }
+        if (shouldShowLeftEllipsis && shouldShowRightEllipsis) {
+            const middleRange = createRange(leftSiblingIndex, rightSiblingIndex);
+            return [
+                firstPage,
+                ELLIPSIS,
+                ...middleRange,
+                ELLIPSIS,
+                lastPage
+            ];
+        }
+        return [];
+    }, [
+        totalResults,
+        resultsPerPage,
+        siblingPagesCount,
+        currentPage
+    ]);
+}
+export { ELLIPSIS, usePagination };