sharpcodes-heroui 1.0.5 → 1.0.7

package/dist/components/index.js

@@ -1,2 +1,3 @@
+"use client";
 export * from "./fields";
 export * from "./form-fields";

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./pagination";
+export * from "./xlsx";

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export * from "./pagination";
+export * from "./xlsx";

package/dist/hooks/pagination.d.ts

@@ -0,0 +1,37 @@
+import { FieldValues } from "react-hook-form";
+import { DateRangeItem } from "../components";
+type TFilter = {
+    key: string;
+    values: Array<number | string>;
+};
+type TUsePagination = {
+    initial?: Partial<PaginationSchema>;
+    url: string;
+    name: string;
+    filters?: Array<TFilter>;
+    isDisabled?: boolean;
+};
+type TUsePaginationLocalCalculator<T extends FieldValues> = {
+    pageIndex: number;
+    items: Array<T>;
+    rowCount: number;
+    search?: string;
+};
+export declare const usePagination: <T extends FieldValues, IsPaginated extends boolean = true>({ isDisabled, filters, name, url, initial }: TUsePagination) => {
+    query: import("@tanstack/react-query").UseQueryResult<import("@tanstack/query-core").NoInfer<IsPaginated extends true ? PaginatedResponse<T> : Res<T>>, Res<never>>;
+    page: number;
+    setPage: import("react").Dispatch<import("react").SetStateAction<number>>;
+    count: number;
+    setCount: import("react").Dispatch<import("react").SetStateAction<number>>;
+    search: string;
+    setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
+    dateRange: DateRangeItem | null;
+    setDateRange: import("react").Dispatch<import("react").SetStateAction<DateRangeItem | null>>;
+};
+export declare const usePaginationLocalCalculator: <T extends FieldValues>({ items, pageIndex, rowCount, search }: TUsePaginationLocalCalculator<T>) => {
+    canPrev: boolean;
+    canNext: boolean;
+    currentData: T[];
+    totalPages: number;
+};
+export {};

package/dist/hooks/pagination.js

@@ -0,0 +1,98 @@
+/* eslint-disable react-hooks/set-state-in-effect */
+import _ from "lodash";
+import { useQuery } from "@tanstack/react-query";
+import { useEffect, useMemo, useState } from "react";
+import { useDebounce } from "react-haiku";
+import { localApi, toMoment } from "../libs";
+// prettier-ignore
+export const usePagination = ({ isDisabled, filters, name, url, initial }) => {
+    const [page, setPage] = useState(1);
+    const [count, setCount] = useState(10);
+    const [search, setSearch] = useState("");
+    const [dateRange, setDateRange] = useState({
+        from: toMoment().startOf("date").toDate(),
+        to: toMoment().endOf("date").toDate()
+    });
+    const debounced = useDebounce({ search, page, count }, 300);
+    const debouncedDateRangeValue = useDebounce(dateRange, 300);
+    const serializedFilters = useMemo(() => normalizeFilters(filters), [filters]);
+    const serializedDateRange = useMemo(() => normalizeDateRange(debouncedDateRangeValue ?? undefined), [debouncedDateRangeValue]);
+    const query = useQuery({
+        enabled: !isDisabled,
+        queryKey: [name, url, debounced.page, debounced.count, debounced.search, serializedDateRange, serializedFilters],
+        queryFn: async ({ signal }) => {
+            const params = new URLSearchParams();
+            params.set("page", page.toString());
+            params.set("count", count.toString());
+            if (debounced.search)
+                params.set("search", debounced.search);
+            if (dateRange) {
+                const { from, to } = dateRange;
+                params.set("from", toMoment(from).format("YYYY-MM-DD"));
+                params.set("to", toMoment(to).format("YYYY-MM-DD"));
+            }
+            if (filters?.length) {
+                for (const { key, values } of filters) {
+                    params.set(key, values.join(","));
+                }
+            }
+            return localApi.get(url, { signal, params })
+                .then(({ data }) => data.ok ? data : null);
+        },
+        placeholderData: (prev) => prev,
+        staleTime: 1000 * 30
+    });
+    useEffect(() => {
+        setCount((count) => initial?.count ?? count);
+        setPage((page) => initial?.page ?? page);
+        setSearch((search) => initial?.search ?? search);
+        setDateRange((range) => initial?.range ?? range);
+    }, [initial]);
+    useEffect(() => {
+        setPage(1);
+    }, [debounced.count, debounced.search, serializedFilters, serializedDateRange]);
+    return {
+        query,
+        page, setPage,
+        count, setCount,
+        search, setSearch,
+        dateRange, setDateRange
+    };
+};
+// prettier-ignore
+const normalizeFilters = (filters) => _(filters).map((f) => ({
+    key: f.key,
+    values: _.sortBy(f.values)
+}))
+    .sortBy("key")
+    .value();
+// prettier-ignore
+const normalizeDateRange = (range) => {
+    if (!range?.from || !range?.to)
+        return "";
+    const from = toMoment(range.from).format("YYYY-MM-DD");
+    const to = toMoment(range.to).format("YYYY-MM-DD");
+    return [from, to].join("_");
+};
+// prettier-ignore
+export const usePaginationLocalCalculator = ({ items, pageIndex, rowCount, search }) => {
+    const [canPrev, setCanPrev] = useState(false);
+    const [canNext, setCanNext] = useState(false);
+    const [currentData, setCurrentData] = useState(items);
+    const [totalPages, setTotalPages] = useState(1);
+    useEffect(() => {
+        const filteredItems = search
+            ? items.filter((item) => JSON.stringify(item).toLowerCase().includes(search.toLowerCase()))
+            : items;
+        const totalPages = Math.ceil(filteredItems.length / rowCount) || 1;
+        const canPrev = (pageIndex + 1) > 1;
+        const canNext = (pageIndex + 1) < totalPages;
+        const startIndex = pageIndex * rowCount;
+        const data = filteredItems.slice(startIndex, startIndex + rowCount);
+        setCurrentData(data);
+        setCanNext(canNext);
+        setCanPrev(canPrev);
+        setTotalPages(totalPages);
+    }, [items, pageIndex, search, rowCount]);
+    return { canPrev, canNext, currentData, totalPages };
+};

package/dist/hooks/xlsx.d.ts

@@ -0,0 +1,22 @@
+import * as xlsx from "xlsx";
+import { FieldValues, Path } from "react-hook-form";
+export type TExcelToJsonResult<T extends FieldValues> = {
+    headers: Array<{
+        normalized: Path<T>;
+        original: string;
+    }>;
+    data: Array<T>;
+    metadata: xlsx.FullProperties | undefined;
+};
+type TUseExcelReader<T extends FieldValues> = {
+    headerRowIndex?: number;
+    rowStartIndex: number;
+    normalizeKeys: Partial<Record<string, Path<T>>>;
+    dateKeys?: Array<Path<T>>;
+};
+export declare const useExcelReader: <T extends FieldValues>({ normalizeKeys, dateKeys, rowStartIndex, headerRowIndex }: TUseExcelReader<T>) => {
+    readWithId: (buffer: Buffer) => Record<string, TExcelToJsonResult<T & {
+        _id: string;
+    }>>;
+};
+export {};

package/dist/hooks/xlsx.js

@@ -0,0 +1,49 @@
+import _ from "lodash";
+import * as xlsx from "xlsx";
+// prettier-ignore
+export const useExcelReader = ({ normalizeKeys, dateKeys, rowStartIndex, headerRowIndex = 0 }) => {
+    const readWithId = (buffer) => {
+        const result = {};
+        const workbook = xlsx.read(buffer, { type: "buffer" });
+        for (const sheetName of workbook.SheetNames) {
+            const sheet = workbook.Sheets[sheetName];
+            const rows = xlsx.utils.sheet_to_json(sheet, {
+                header: 1,
+                defval: null,
+                raw: true,
+            });
+            const excelHeaders = rows[headerRowIndex];
+            const headers = excelHeaders.map((header) => normalizeKeys[header] || header);
+            const data = rows.slice(rowStartIndex).map((row) => {
+                const o = {};
+                headers.forEach((key, index) => {
+                    let value = row[index];
+                    const isDate = dateKeys?.includes(key) && typeof value === "number";
+                    if (isDate) {
+                        const parsed = xlsx.SSF.parse_date_code(value);
+                        if (parsed)
+                            value = new Date(parsed.y, parsed.m - 1, parsed.d);
+                    }
+                    o[key] = value;
+                });
+                return {
+                    ...o,
+                    _id: crypto.randomUUID()
+                };
+            })
+                .filter((row) => Object.values(row).some((v) => !_.isNil(v)));
+            result[sheetName] = {
+                // @ts-expect-error data
+                data,
+                // @ts-expect-error Path<T>
+                headers: headers.map((normalized, index) => ({
+                    normalized,
+                    original: excelHeaders[index]
+                })),
+                metadata: workbook.Props
+            };
+        }
+        return result;
+    };
+    return { readWithId };
+};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./components";
 export * from "./libs";
+export * from "./hooks";

package/dist/index.js

@@ -1,2 +1,3 @@
 export * from "./components";
 export * from "./libs";
+export * from "./hooks";

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "sharpcodes-heroui",
 	"private": false,
-	"version": "1.0.5",
+	"version": "1.0.7",
 	"type": "module",
 	"main": "dist/index.js",
 	"module": "dist/index.js",
@@ -35,12 +35,13 @@
 		"react-haiku": "^2.4.1",
 		"react-hook-form": "^7.72.1",
 		"use-local-storage-state": "^19.5.0",
+		"xlsx": "^0.18.5",
 		"zod": "^4.3.6"
 	},
 	"devDependencies": {
 		"@eslint/js": "^9.39.4",
 		"@types/lodash": "^4.17.24",
-		"@types/node": "^24.12.2",
+		"@types/node": "^25.6.0",
 		"@types/react": "^19.2.14",
 		"@types/react-dom": "^19.2.3",
 		"@vitejs/plugin-react": "^6.0.1",