@eztrak/shared 0.1.1 → 0.2.3

package/README.md

@@ -8,38 +8,50 @@ Shared utilities, hooks, and UI components for Eztrak applications.
 npm install @eztrak/shared
 ```
 
-## Usage
+Peer dependencies for hooks:
 
-### `cn` — class name helper
+```bash
+npm install react react-dom react-router-dom
+```
 
-Merge conditional class names and resolve conflicting Tailwind CSS utilities:
+## Usage
+
+### Utils
 
 ```js
-import { cn } from "@eztrak/shared/utils";
+import { cn, formatDate, getApiError, isEmpty } from "@eztrak/shared/utils";
 
 <div className={cn("px-4 py-2", isActive && "bg-blue-500", className)} />
 ```
 
-You can also import from the package root:
+`cn` combines [`clsx`](https://github.com/lukeed/clsx) with [`tailwind-merge`](https://github.com/dcastil/tailwind-merge).
+
+### Hooks
 
 ```js
-import { cn } from "@eztrak/shared";
+import { usePaginationUrlSync, useGridHeight } from "@eztrak/shared/hooks";
+
+const gridHeight = useGridHeight({ offset: 390 });
 ```
 
-`cn` combines [`clsx`](https://github.com/lukeed/clsx) with [`tailwind-merge`](https://github.com/dcastil/tailwind-merge).
+### Root import
+
+```js
+import { cn, useGridHeight } from "@eztrak/shared";
+```
 
 ## Exports
 
 | Subpath | Description |
 | --- | --- |
-| `@eztrak/shared` | Main entry — re-exports available utilities |
-| `@eztrak/shared/utils` | Utility functions (`cn`, and more over time) |
-
-Additional subpath exports (`/hooks`, `/ui`, etc.) will be added in future releases.
+| `@eztrak/shared` | Main entry — re-exports utils and hooks |
+| `@eztrak/shared/utils` | `cn`, date/format helpers, API error helpers, form field helpers |
+| `@eztrak/shared/hooks` | `usePaginationUrlSync`, `useGridHeight` |
 
 ## Requirements
 
 - Node.js 18+
+- React 18+ (for hooks)
 - Works with any bundler that supports the [Node.js `exports` field](https://nodejs.org/api/packages.html#exports)
 
 ## License

package/dist/chunk-BDNXC2WX.mjs

@@ -0,0 +1,72 @@
+// src/hooks/usePaginationUrlSync.ts
+import { useEffect } from "react";
+var usePaginationUrlSync = (searchParams, setSearchParams, page, setPage, perPage, setPerPage, defaultPage = 1, defaultPerPage = 20) => {
+  useEffect(() => {
+    const currentUrlPage = parseInt(searchParams.get("page") ?? "") || defaultPage;
+    const currentUrlPerPage = parseInt(searchParams.get("perPage") ?? "") || defaultPerPage;
+    const hasPageParam = searchParams.has("page");
+    const hasPerPageParam = searchParams.has("perPage");
+    if (!hasPageParam || !hasPerPageParam) {
+      const newParams = new URLSearchParams(searchParams);
+      if (!hasPageParam) {
+        newParams.set("page", defaultPage.toString());
+      }
+      if (!hasPerPageParam) {
+        newParams.set("perPage", defaultPerPage.toString());
+      }
+      setSearchParams(newParams, { replace: true });
+      return;
+    }
+    if (currentUrlPage !== page) {
+      setPage(currentUrlPage);
+    }
+    if (currentUrlPerPage !== perPage) {
+      setPerPage(currentUrlPerPage);
+    }
+  }, [
+    searchParams,
+    setSearchParams,
+    page,
+    setPage,
+    perPage,
+    setPerPage,
+    defaultPage,
+    defaultPerPage
+  ]);
+};
+
+// src/hooks/useGridHeight.ts
+import { useEffect as useEffect2, useState } from "react";
+var useGridHeight = ({
+  height,
+  headerId = "layout-header",
+  footerId = "layout-footer",
+  offset = 390
+} = {}) => {
+  const [gridHeight, setGridHeight] = useState(height || "300px");
+  useEffect2(() => {
+    if (height) {
+      setGridHeight(height);
+      return;
+    }
+    const calculateHeight = () => {
+      const header = document.getElementById(headerId);
+      const footer = document.getElementById(footerId);
+      const headerHeight = header ? header.offsetHeight : 0;
+      const footerHeight = footer ? footer.offsetHeight : 0;
+      const totalHeight = window.innerHeight;
+      const remainingHeight = totalHeight - headerHeight - footerHeight - offset;
+      setGridHeight(`${remainingHeight}px`);
+    };
+    calculateHeight();
+    window.addEventListener("resize", calculateHeight);
+    return () => window.removeEventListener("resize", calculateHeight);
+  }, [height, headerId, footerId, offset]);
+  return gridHeight;
+};
+
+export {
+  usePaginationUrlSync,
+  useGridHeight
+};
+//# sourceMappingURL=chunk-BDNXC2WX.mjs.map

package/dist/chunk-BDNXC2WX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/usePaginationUrlSync.ts","../src/hooks/useGridHeight.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { SetURLSearchParams } from \"react-router-dom\";\n\nexport const usePaginationUrlSync = (\n  searchParams: URLSearchParams,\n  setSearchParams: SetURLSearchParams,\n  page: number,\n  setPage: (page: number) => void,\n  perPage: number,\n  setPerPage: (perPage: number) => void,\n  defaultPage = 1,\n  defaultPerPage = 20\n) => {\n  useEffect(() => {\n    const currentUrlPage = parseInt(searchParams.get(\"page\") ?? \"\") || defaultPage;\n    const currentUrlPerPage =\n      parseInt(searchParams.get(\"perPage\") ?? \"\") || defaultPerPage;\n    const hasPageParam = searchParams.has(\"page\");\n    const hasPerPageParam = searchParams.has(\"perPage\");\n\n    if (!hasPageParam || !hasPerPageParam) {\n      const newParams = new URLSearchParams(searchParams);\n\n      if (!hasPageParam) {\n        newParams.set(\"page\", defaultPage.toString());\n      }\n\n      if (!hasPerPageParam) {\n        newParams.set(\"perPage\", defaultPerPage.toString());\n      }\n\n      setSearchParams(newParams, { replace: true });\n      return;\n    }\n\n    if (currentUrlPage !== page) {\n      setPage(currentUrlPage);\n    }\n\n    if (currentUrlPerPage !== perPage) {\n      setPerPage(currentUrlPerPage);\n    }\n  }, [\n    searchParams,\n    setSearchParams,\n    page,\n    setPage,\n    perPage,\n    setPerPage,\n    defaultPage,\n    defaultPerPage,\n  ]);\n};\n","import { useEffect, useState } from \"react\";\n\nexport interface UseGridHeightOptions {\n  height?: string;\n  headerId?: string;\n  footerId?: string;\n  offset?: number;\n}\n\nexport const useGridHeight = ({\n  height,\n  headerId = \"layout-header\",\n  footerId = \"layout-footer\",\n  offset = 390,\n}: UseGridHeightOptions = {}) => {\n  const [gridHeight, setGridHeight] = useState(height || \"300px\");\n\n  useEffect(() => {\n    if (height) {\n      setGridHeight(height);\n      return;\n    }\n\n    const calculateHeight = () => {\n      const header = document.getElementById(headerId);\n      const footer = document.getElementById(footerId);\n\n      const headerHeight = header ? header.offsetHeight : 0;\n      const footerHeight = footer ? footer.offsetHeight : 0;\n      const totalHeight = window.innerHeight;\n\n      const remainingHeight = totalHeight - headerHeight - footerHeight - offset;\n      setGridHeight(`${remainingHeight}px`);\n    };\n\n    calculateHeight();\n    window.addEventListener(\"resize\", calculateHeight);\n    return () => window.removeEventListener(\"resize\", calculateHeight);\n  }, [height, headerId, footerId, offset]);\n\n  return gridHeight;\n};\n"],"mappings":";AAAA,SAAS,iBAAiB;AAGnB,IAAM,uBAAuB,CAClC,cACA,iBACA,MACA,SACA,SACA,YACA,cAAc,GACd,iBAAiB,OACd;AACH,YAAU,MAAM;AACd,UAAM,iBAAiB,SAAS,aAAa,IAAI,MAAM,KAAK,EAAE,KAAK;AACnE,UAAM,oBACJ,SAAS,aAAa,IAAI,SAAS,KAAK,EAAE,KAAK;AACjD,UAAM,eAAe,aAAa,IAAI,MAAM;AAC5C,UAAM,kBAAkB,aAAa,IAAI,SAAS;AAElD,QAAI,CAAC,gBAAgB,CAAC,iBAAiB;AACrC,YAAM,YAAY,IAAI,gBAAgB,YAAY;AAElD,UAAI,CAAC,cAAc;AACjB,kBAAU,IAAI,QAAQ,YAAY,SAAS,CAAC;AAAA,MAC9C;AAEA,UAAI,CAAC,iBAAiB;AACpB,kBAAU,IAAI,WAAW,eAAe,SAAS,CAAC;AAAA,MACpD;AAEA,sBAAgB,WAAW,EAAE,SAAS,KAAK,CAAC;AAC5C;AAAA,IACF;AAEA,QAAI,mBAAmB,MAAM;AAC3B,cAAQ,cAAc;AAAA,IACxB;AAEA,QAAI,sBAAsB,SAAS;AACjC,iBAAW,iBAAiB;AAAA,IAC9B;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;;;ACpDA,SAAS,aAAAA,YAAW,gBAAgB;AAS7B,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AACX,IAA0B,CAAC,MAAM;AAC/B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,UAAU,OAAO;AAE9D,EAAAA,WAAU,MAAM;AACd,QAAI,QAAQ;AACV,oBAAc,MAAM;AACpB;AAAA,IACF;AAEA,UAAM,kBAAkB,MAAM;AAC5B,YAAM,SAAS,SAAS,eAAe,QAAQ;AAC/C,YAAM,SAAS,SAAS,eAAe,QAAQ;AAE/C,YAAM,eAAe,SAAS,OAAO,eAAe;AACpD,YAAM,eAAe,SAAS,OAAO,eAAe;AACpD,YAAM,cAAc,OAAO;AAE3B,YAAM,kBAAkB,cAAc,eAAe,eAAe;AACpE,oBAAc,GAAG,eAAe,IAAI;AAAA,IACtC;AAEA,oBAAgB;AAChB,WAAO,iBAAiB,UAAU,eAAe;AACjD,WAAO,MAAM,OAAO,oBAAoB,UAAU,eAAe;AAAA,EACnE,GAAG,CAAC,QAAQ,UAAU,UAAU,MAAM,CAAC;AAEvC,SAAO;AACT;","names":["useEffect"]}

package/dist/chunk-WARJTN5T.mjs

@@ -0,0 +1,212 @@
+// src/utils/cn.ts
+import clsx from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/utils/helpers.ts
+var truncateText = (text, maxLength = 20) => {
+  if (!text) return "";
+  if (text.length <= maxLength) {
+    return text;
+  }
+  return text.slice(0, maxLength - 3) + "...";
+};
+function getApiError(apiError) {
+  if (!apiError) return "An unknown error occurred";
+  if (typeof apiError === "string") {
+    return apiError;
+  }
+  const error = apiError;
+  if (error.response?.data) {
+    const responseData = error.response.data;
+    if (typeof responseData === "string") {
+      return responseData;
+    }
+    const errors = responseData.errors;
+    if (errors && typeof errors === "object") {
+      for (const key in errors) {
+        const messages = errors[key];
+        if (Array.isArray(messages) && messages.length > 0) {
+          return String(messages[0]);
+        }
+      }
+    }
+    if (responseData.message) {
+      return String(responseData.message);
+    }
+    if (responseData.title) {
+      return String(responseData.title);
+    }
+  }
+  if (error.message) {
+    return error.message;
+  }
+  return "An unknown error occurred";
+}
+var normalizeApiListItems = (responseData) => {
+  if (responseData == null) return [];
+  if (Array.isArray(responseData)) return responseData;
+  const record = responseData;
+  const data = record.data;
+  if (data && typeof data === "object" && !Array.isArray(data) && Array.isArray(data.items)) {
+    return data.items;
+  }
+  const returnModel = record.returnModel;
+  if (Array.isArray(returnModel?.items)) return returnModel.items;
+  if (Array.isArray(data)) return data;
+  if (typeof data === "object" && data !== null) {
+    return [data];
+  }
+  return [];
+};
+function capitalizeText(name) {
+  if (!name) return "";
+  return name.split(" ").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
+}
+function toLowerCaseText(text) {
+  if (!text) return "";
+  return text.toLowerCase();
+}
+var formatDate = (dateString) => {
+  if (dateString === null || dateString === void 0) return "-";
+  const date = new Date(dateString);
+  if (isNaN(date.getTime())) {
+    return dateString;
+  }
+  const month = (date.getMonth() + 1).toString().padStart(2, "0");
+  const day = date.getDate().toString().padStart(2, "0");
+  const year = date.getFullYear().toString().slice(-2);
+  return `${month}/${day}/${year}`;
+};
+var isEmpty = (obj) => {
+  return Object.keys(obj).length === 0;
+};
+var toDateInputValue = (date) => {
+  if (!date) return "";
+  let d;
+  if (typeof date === "string") {
+    if (/^\d{4}-\d{2}-\d{2}$/.test(date)) {
+      return date;
+    }
+    d = new Date(date);
+  } else {
+    d = new Date(date);
+  }
+  if (isNaN(d.getTime())) return "";
+  const localDate = new Date(d.getTime() - d.getTimezoneOffset() * 6e4);
+  const year = localDate.getFullYear();
+  const month = (localDate.getMonth() + 1).toString().padStart(2, "0");
+  const day = localDate.getDate().toString().padStart(2, "0");
+  return `${year}-${month}-${day}`;
+};
+function convertCommaDataToArray(data) {
+  if (!data || data.trim() === "") {
+    return [];
+  }
+  return data.split(",").map((item) => item.trim());
+}
+function checkIfExistsInArray(array, searchValue) {
+  return array.includes(searchValue);
+}
+var currencyFormatter = (value) => {
+  return value?.toLocaleString("en-US", {
+    style: "currency",
+    currency: "USD"
+  }) ?? "";
+};
+var parseCurrencyValueToNumber = (value) => {
+  if (value == null || value === "") return 0;
+  const raw = typeof value === "object" && value !== null && "value" in value ? value.value : value;
+  const stringValue = raw == null || raw === "" ? "" : String(raw);
+  const numericValue = stringValue.replace(/[$,]/g, "");
+  return parseFloat(numericValue) || 0;
+};
+function flattenTableData(data, columns) {
+  if (!Array.isArray(data)) return [];
+  return data.map((row) => {
+    const flatRow = { ...row };
+    (columns ?? []).forEach((col) => {
+      const key = col.field;
+      if (!key) return;
+      if (key.includes(".")) {
+        const value = key.split(".").reduce(
+          (acc, part) => acc?.[part],
+          row
+        );
+        flatRow[key] = value ?? "";
+      }
+    });
+    return flatRow;
+  });
+}
+var getErrorMessages = (error) => {
+  if (error?.data?.errors) {
+    return Object.values(error.data.errors).flat().join("\n");
+  }
+  return error?.data?.title ?? error?.data?.error?.name?.[0] ?? "Failed to save";
+};
+var getFieldsByCategory = (fields = [], key) => {
+  return fields?.filter(({ category = "" }) => category === key);
+};
+var getFieldsByName = (fields = [], key) => {
+  return fields.filter(({ name = "" }) => name === key);
+};
+var deserializeJson = (jsonString) => {
+  try {
+    return JSON.parse(jsonString);
+  } catch (error) {
+    console.error("Error parsing JSON:", error);
+    return null;
+  }
+};
+var formatDateTime = (dateString) => {
+  if (!dateString) return "Invalid Date";
+  const date = new Date(dateString);
+  if (isNaN(date.getTime())) return "Invalid Date";
+  const options = {
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    hour12: true
+  };
+  return date.toLocaleString("en-US", options);
+};
+var removeByPropertyValues = (items = [], property, values = [], { caseInsensitive = false } = {}) => {
+  if (!Array.isArray(items) || !property) return Array.isArray(items) ? items : [];
+  const normalize = (v) => caseInsensitive && typeof v === "string" ? v.toLowerCase() : v;
+  const valuesArr = Array.isArray(values) ? values : [values];
+  const toRemove = new Set(valuesArr.map(normalize));
+  return items.filter((item) => !toRemove.has(normalize(item?.[property])));
+};
+var getFieldsByInputType = (fields = [], key) => {
+  return fields.filter(({ inputType = "" }) => inputType === key);
+};
+
+export {
+  cn,
+  truncateText,
+  getApiError,
+  normalizeApiListItems,
+  capitalizeText,
+  toLowerCaseText,
+  formatDate,
+  isEmpty,
+  toDateInputValue,
+  convertCommaDataToArray,
+  checkIfExistsInArray,
+  currencyFormatter,
+  parseCurrencyValueToNumber,
+  flattenTableData,
+  getErrorMessages,
+  getFieldsByCategory,
+  getFieldsByName,
+  deserializeJson,
+  formatDateTime,
+  removeByPropertyValues,
+  getFieldsByInputType
+};
+//# sourceMappingURL=chunk-WARJTN5T.mjs.map

package/dist/chunk-WARJTN5T.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/cn.ts","../src/utils/helpers.ts"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: Parameters<typeof clsx>) {\r\n  return twMerge(clsx(inputs));\r\n}\r\n","export const truncateText = (text: string | null | undefined, maxLength = 20) => {\n  if (!text) return \"\";\n  if (text.length <= maxLength) {\n    return text;\n  }\n  return text.slice(0, maxLength - 3) + \"...\";\n};\n\nexport function getApiError(apiError: unknown): string {\n  if (!apiError) return \"An unknown error occurred\";\n\n  if (typeof apiError === \"string\") {\n    return apiError;\n  }\n\n  const error = apiError as {\n    response?: { data?: Record<string, unknown> };\n    message?: string;\n  };\n\n  if (error.response?.data) {\n    const responseData = error.response.data;\n\n    if (typeof responseData === \"string\") {\n      return responseData;\n    }\n\n    const errors = responseData.errors;\n    if (errors && typeof errors === \"object\") {\n      for (const key in errors) {\n        const messages = (errors as Record<string, unknown>)[key];\n        if (Array.isArray(messages) && messages.length > 0) {\n          return String(messages[0]);\n        }\n      }\n    }\n\n    if (responseData.message) {\n      return String(responseData.message);\n    }\n\n    if (responseData.title) {\n      return String(responseData.title);\n    }\n  }\n\n  if (error.message) {\n    return error.message;\n  }\n\n  return \"An unknown error occurred\";\n}\n\nexport const normalizeApiListItems = (responseData: unknown): unknown[] => {\n  if (responseData == null) return [];\n  if (Array.isArray(responseData)) return responseData;\n\n  const record = responseData as Record<string, unknown>;\n  const data = record.data;\n\n  if (\n    data &&\n    typeof data === \"object\" &&\n    !Array.isArray(data) &&\n    Array.isArray((data as { items?: unknown[] }).items)\n  ) {\n    return (data as { items: unknown[] }).items;\n  }\n\n  const returnModel = record.returnModel as { items?: unknown[] } | undefined;\n  if (Array.isArray(returnModel?.items)) return returnModel.items;\n  if (Array.isArray(data)) return data;\n  if (typeof data === \"object\" && data !== null) {\n    return [data];\n  }\n  return [];\n};\n\nexport function capitalizeText(name: string | null | undefined): string {\n  if (!name) return \"\";\n  return name\n    .split(\" \")\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())\n    .join(\" \");\n}\n\nexport function toLowerCaseText(text: string | null | undefined): string {\n  if (!text) return \"\";\n  return text.toLowerCase();\n}\n\nexport const formatDate = (dateString: string | null | undefined): string => {\n  if (dateString === null || dateString === undefined) return \"-\";\n  const date = new Date(dateString);\n\n  if (isNaN(date.getTime())) {\n    return dateString;\n  }\n\n  const month = (date.getMonth() + 1).toString().padStart(2, \"0\");\n  const day = date.getDate().toString().padStart(2, \"0\");\n  const year = date.getFullYear().toString().slice(-2);\n  return `${month}/${day}/${year}`;\n};\n\nexport const isEmpty = (obj: object): boolean => {\n  return Object.keys(obj).length === 0;\n};\n\nexport const toDateInputValue = (date: string | Date | null | undefined): string => {\n  if (!date) return \"\";\n\n  let d: Date;\n\n  if (typeof date === \"string\") {\n    if (/^\\d{4}-\\d{2}-\\d{2}$/.test(date)) {\n      return date;\n    }\n    d = new Date(date);\n  } else {\n    d = new Date(date);\n  }\n\n  if (isNaN(d.getTime())) return \"\";\n\n  const localDate = new Date(d.getTime() - d.getTimezoneOffset() * 60000);\n  const year = localDate.getFullYear();\n  const month = (localDate.getMonth() + 1).toString().padStart(2, \"0\");\n  const day = localDate.getDate().toString().padStart(2, \"0\");\n\n  return `${year}-${month}-${day}`;\n};\n\nexport function convertCommaDataToArray(data: string | null | undefined): string[] {\n  if (!data || data.trim() === \"\") {\n    return [];\n  }\n  return data.split(\",\").map((item) => item.trim());\n}\n\nexport function checkIfExistsInArray<T>(array: T[], searchValue: T): boolean {\n  return array.includes(searchValue);\n}\n\nexport const currencyFormatter = (value: number | null | undefined): string => {\n  return value?.toLocaleString(\"en-US\", {\n    style: \"currency\",\n    currency: \"USD\",\n  }) ?? \"\";\n};\n\nexport const parseCurrencyValueToNumber = (value: unknown): number => {\n  if (value == null || value === \"\") return 0;\n\n  const raw =\n    typeof value === \"object\" && value !== null && \"value\" in value\n      ? (value as { value: unknown }).value\n      : value;\n\n  const stringValue = raw == null || raw === \"\" ? \"\" : String(raw);\n  const numericValue = stringValue.replace(/[$,]/g, \"\");\n  return parseFloat(numericValue) || 0;\n};\n\nexport function flattenTableData<T extends Record<string, unknown>>(\n  data: T[] | null | undefined,\n  columns: { field?: string }[] | null | undefined\n): T[] {\n  if (!Array.isArray(data)) return [];\n  return data.map((row) => {\n    const flatRow = { ...row };\n    (columns ?? []).forEach((col) => {\n      const key = col.field;\n      if (!key) return;\n      if (key.includes(\".\")) {\n        const value = key.split(\".\").reduce<unknown>(\n          (acc, part) => (acc as Record<string, unknown> | undefined)?.[part],\n          row\n        );\n        (flatRow as Record<string, unknown>)[key] = value ?? \"\";\n      }\n    });\n    return flatRow;\n  });\n}\n\nexport const getErrorMessages = (error: {\n  data?: {\n    errors?: Record<string, string[]>;\n    title?: string;\n    error?: { name?: string[] };\n  };\n} | null | undefined): string => {\n  if (error?.data?.errors) {\n    return Object.values(error.data.errors).flat().join(\"\\n\");\n  }\n  return (\n    error?.data?.title ??\n    error?.data?.error?.name?.[0] ??\n    \"Failed to save\"\n  );\n};\n\nexport const getFieldsByCategory = <T extends { category?: string }>(\n  fields: T[] = [],\n  key: string\n): T[] => {\n  return fields?.filter(({ category = \"\" }) => category === key);\n};\n\nexport const getFieldsByName = <T extends { name?: string }>(\n  fields: T[] = [],\n  key: string\n): T[] => {\n  return fields.filter(({ name = \"\" }) => name === key);\n};\n\nexport const deserializeJson = <T = unknown>(jsonString: string): T | null => {\n  try {\n    return JSON.parse(jsonString) as T;\n  } catch (error) {\n    console.error(\"Error parsing JSON:\", error);\n    return null;\n  }\n};\n\nexport const formatDateTime = (dateString: string | null | undefined): string => {\n  if (!dateString) return \"Invalid Date\";\n  const date = new Date(dateString);\n  if (isNaN(date.getTime())) return \"Invalid Date\";\n  const options: Intl.DateTimeFormatOptions = {\n    year: \"numeric\",\n    month: \"numeric\",\n    day: \"numeric\",\n    hour: \"numeric\",\n    minute: \"numeric\",\n    hour12: true,\n  };\n  return date.toLocaleString(\"en-US\", options);\n};\n\nexport const removeByPropertyValues = <T extends Record<string, unknown>>(\n  items: T[] = [],\n  property: keyof T & string,\n  values: unknown[] = [],\n  { caseInsensitive = false }: { caseInsensitive?: boolean } = {}\n): T[] => {\n  if (!Array.isArray(items) || !property) return Array.isArray(items) ? items : [];\n  const normalize = (v: unknown) =>\n    caseInsensitive && typeof v === \"string\" ? v.toLowerCase() : v;\n  const valuesArr = Array.isArray(values) ? values : [values];\n  const toRemove = new Set(valuesArr.map(normalize));\n  return items.filter((item) => !toRemove.has(normalize(item?.[property])));\n};\n\nexport const getFieldsByInputType = <T extends { inputType?: string }>(\n  fields: T[] = [],\n  key: string\n): T[] => {\n  return fields.filter(({ inputType = \"\" }) => inputType === key);\n};\n"],"mappings":"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","names":[]}

package/dist/hooks/index.d.mts

@@ -0,0 +1,13 @@
+import { SetURLSearchParams } from 'react-router-dom';
+
+declare const usePaginationUrlSync: (searchParams: URLSearchParams, setSearchParams: SetURLSearchParams, page: number, setPage: (page: number) => void, perPage: number, setPerPage: (perPage: number) => void, defaultPage?: number, defaultPerPage?: number) => void;
+
+interface UseGridHeightOptions {
+    height?: string;
+    headerId?: string;
+    footerId?: string;
+    offset?: number;
+}
+declare const useGridHeight: ({ height, headerId, footerId, offset, }?: UseGridHeightOptions) => string;
+
+export { type UseGridHeightOptions, useGridHeight, usePaginationUrlSync };

package/dist/hooks/index.d.ts

@@ -0,0 +1,13 @@
+import { SetURLSearchParams } from 'react-router-dom';
+
+declare const usePaginationUrlSync: (searchParams: URLSearchParams, setSearchParams: SetURLSearchParams, page: number, setPage: (page: number) => void, perPage: number, setPerPage: (perPage: number) => void, defaultPage?: number, defaultPerPage?: number) => void;
+
+interface UseGridHeightOptions {
+    height?: string;
+    headerId?: string;
+    footerId?: string;
+    offset?: number;
+}
+declare const useGridHeight: ({ height, headerId, footerId, offset, }?: UseGridHeightOptions) => string;
+
+export { type UseGridHeightOptions, useGridHeight, usePaginationUrlSync };

package/dist/hooks/index.js

@@ -0,0 +1,99 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useGridHeight: () => useGridHeight,
+  usePaginationUrlSync: () => usePaginationUrlSync
+});
+module.exports = __toCommonJS(hooks_exports);
+
+// src/hooks/usePaginationUrlSync.ts
+var import_react = require("react");
+var usePaginationUrlSync = (searchParams, setSearchParams, page, setPage, perPage, setPerPage, defaultPage = 1, defaultPerPage = 20) => {
+  (0, import_react.useEffect)(() => {
+    const currentUrlPage = parseInt(searchParams.get("page") ?? "") || defaultPage;
+    const currentUrlPerPage = parseInt(searchParams.get("perPage") ?? "") || defaultPerPage;
+    const hasPageParam = searchParams.has("page");
+    const hasPerPageParam = searchParams.has("perPage");
+    if (!hasPageParam || !hasPerPageParam) {
+      const newParams = new URLSearchParams(searchParams);
+      if (!hasPageParam) {
+        newParams.set("page", defaultPage.toString());
+      }
+      if (!hasPerPageParam) {
+        newParams.set("perPage", defaultPerPage.toString());
+      }
+      setSearchParams(newParams, { replace: true });
+      return;
+    }
+    if (currentUrlPage !== page) {
+      setPage(currentUrlPage);
+    }
+    if (currentUrlPerPage !== perPage) {
+      setPerPage(currentUrlPerPage);
+    }
+  }, [
+    searchParams,
+    setSearchParams,
+    page,
+    setPage,
+    perPage,
+    setPerPage,
+    defaultPage,
+    defaultPerPage
+  ]);
+};
+
+// src/hooks/useGridHeight.ts
+var import_react2 = require("react");
+var useGridHeight = ({
+  height,
+  headerId = "layout-header",
+  footerId = "layout-footer",
+  offset = 390
+} = {}) => {
+  const [gridHeight, setGridHeight] = (0, import_react2.useState)(height || "300px");
+  (0, import_react2.useEffect)(() => {
+    if (height) {
+      setGridHeight(height);
+      return;
+    }
+    const calculateHeight = () => {
+      const header = document.getElementById(headerId);
+      const footer = document.getElementById(footerId);
+      const headerHeight = header ? header.offsetHeight : 0;
+      const footerHeight = footer ? footer.offsetHeight : 0;
+      const totalHeight = window.innerHeight;
+      const remainingHeight = totalHeight - headerHeight - footerHeight - offset;
+      setGridHeight(`${remainingHeight}px`);
+    };
+    calculateHeight();
+    window.addEventListener("resize", calculateHeight);
+    return () => window.removeEventListener("resize", calculateHeight);
+  }, [height, headerId, footerId, offset]);
+  return gridHeight;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useGridHeight,
+  usePaginationUrlSync
+});
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/index.ts","../../src/hooks/usePaginationUrlSync.ts","../../src/hooks/useGridHeight.ts"],"sourcesContent":["export { usePaginationUrlSync } from \"./usePaginationUrlSync\";\nexport { useGridHeight } from \"./useGridHeight\";\nexport type { UseGridHeightOptions } from \"./useGridHeight\";\n","import { useEffect } from \"react\";\nimport type { SetURLSearchParams } from \"react-router-dom\";\n\nexport const usePaginationUrlSync = (\n  searchParams: URLSearchParams,\n  setSearchParams: SetURLSearchParams,\n  page: number,\n  setPage: (page: number) => void,\n  perPage: number,\n  setPerPage: (perPage: number) => void,\n  defaultPage = 1,\n  defaultPerPage = 20\n) => {\n  useEffect(() => {\n    const currentUrlPage = parseInt(searchParams.get(\"page\") ?? \"\") || defaultPage;\n    const currentUrlPerPage =\n      parseInt(searchParams.get(\"perPage\") ?? \"\") || defaultPerPage;\n    const hasPageParam = searchParams.has(\"page\");\n    const hasPerPageParam = searchParams.has(\"perPage\");\n\n    if (!hasPageParam || !hasPerPageParam) {\n      const newParams = new URLSearchParams(searchParams);\n\n      if (!hasPageParam) {\n        newParams.set(\"page\", defaultPage.toString());\n      }\n\n      if (!hasPerPageParam) {\n        newParams.set(\"perPage\", defaultPerPage.toString());\n      }\n\n      setSearchParams(newParams, { replace: true });\n      return;\n    }\n\n    if (currentUrlPage !== page) {\n      setPage(currentUrlPage);\n    }\n\n    if (currentUrlPerPage !== perPage) {\n      setPerPage(currentUrlPerPage);\n    }\n  }, [\n    searchParams,\n    setSearchParams,\n    page,\n    setPage,\n    perPage,\n    setPerPage,\n    defaultPage,\n    defaultPerPage,\n  ]);\n};\n","import { useEffect, useState } from \"react\";\n\nexport interface UseGridHeightOptions {\n  height?: string;\n  headerId?: string;\n  footerId?: string;\n  offset?: number;\n}\n\nexport const useGridHeight = ({\n  height,\n  headerId = \"layout-header\",\n  footerId = \"layout-footer\",\n  offset = 390,\n}: UseGridHeightOptions = {}) => {\n  const [gridHeight, setGridHeight] = useState(height || \"300px\");\n\n  useEffect(() => {\n    if (height) {\n      setGridHeight(height);\n      return;\n    }\n\n    const calculateHeight = () => {\n      const header = document.getElementById(headerId);\n      const footer = document.getElementById(footerId);\n\n      const headerHeight = header ? header.offsetHeight : 0;\n      const footerHeight = footer ? footer.offsetHeight : 0;\n      const totalHeight = window.innerHeight;\n\n      const remainingHeight = totalHeight - headerHeight - footerHeight - offset;\n      setGridHeight(`${remainingHeight}px`);\n    };\n\n    calculateHeight();\n    window.addEventListener(\"resize\", calculateHeight);\n    return () => window.removeEventListener(\"resize\", calculateHeight);\n  }, [height, headerId, footerId, offset]);\n\n  return gridHeight;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAA0B;AAGnB,IAAM,uBAAuB,CAClC,cACA,iBACA,MACA,SACA,SACA,YACA,cAAc,GACd,iBAAiB,OACd;AACH,8BAAU,MAAM;AACd,UAAM,iBAAiB,SAAS,aAAa,IAAI,MAAM,KAAK,EAAE,KAAK;AACnE,UAAM,oBACJ,SAAS,aAAa,IAAI,SAAS,KAAK,EAAE,KAAK;AACjD,UAAM,eAAe,aAAa,IAAI,MAAM;AAC5C,UAAM,kBAAkB,aAAa,IAAI,SAAS;AAElD,QAAI,CAAC,gBAAgB,CAAC,iBAAiB;AACrC,YAAM,YAAY,IAAI,gBAAgB,YAAY;AAElD,UAAI,CAAC,cAAc;AACjB,kBAAU,IAAI,QAAQ,YAAY,SAAS,CAAC;AAAA,MAC9C;AAEA,UAAI,CAAC,iBAAiB;AACpB,kBAAU,IAAI,WAAW,eAAe,SAAS,CAAC;AAAA,MACpD;AAEA,sBAAgB,WAAW,EAAE,SAAS,KAAK,CAAC;AAC5C;AAAA,IACF;AAEA,QAAI,mBAAmB,MAAM;AAC3B,cAAQ,cAAc;AAAA,IACxB;AAEA,QAAI,sBAAsB,SAAS;AACjC,iBAAW,iBAAiB;AAAA,IAC9B;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;;;ACpDA,IAAAA,gBAAoC;AAS7B,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AACX,IAA0B,CAAC,MAAM;AAC/B,QAAM,CAAC,YAAY,aAAa,QAAI,wBAAS,UAAU,OAAO;AAE9D,+BAAU,MAAM;AACd,QAAI,QAAQ;AACV,oBAAc,MAAM;AACpB;AAAA,IACF;AAEA,UAAM,kBAAkB,MAAM;AAC5B,YAAM,SAAS,SAAS,eAAe,QAAQ;AAC/C,YAAM,SAAS,SAAS,eAAe,QAAQ;AAE/C,YAAM,eAAe,SAAS,OAAO,eAAe;AACpD,YAAM,eAAe,SAAS,OAAO,eAAe;AACpD,YAAM,cAAc,OAAO;AAE3B,YAAM,kBAAkB,cAAc,eAAe,eAAe;AACpE,oBAAc,GAAG,eAAe,IAAI;AAAA,IACtC;AAEA,oBAAgB;AAChB,WAAO,iBAAiB,UAAU,eAAe;AACjD,WAAO,MAAM,OAAO,oBAAoB,UAAU,eAAe;AAAA,EACnE,GAAG,CAAC,QAAQ,UAAU,UAAU,MAAM,CAAC;AAEvC,SAAO;AACT;","names":["import_react"]}

package/dist/hooks/index.mjs

@@ -0,0 +1,9 @@
+import {
+  useGridHeight,
+  usePaginationUrlSync
+} from "../chunk-BDNXC2WX.mjs";
+export {
+  useGridHeight,
+  usePaginationUrlSync
+};
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.d.mts

@@ -1,2 +1,4 @@
-export { cn } from './utils/index.mjs';
+export { capitalizeText, checkIfExistsInArray, cn, convertCommaDataToArray, currencyFormatter, deserializeJson, flattenTableData, formatDate, formatDateTime, getApiError, getErrorMessages, getFieldsByCategory, getFieldsByInputType, getFieldsByName, isEmpty, normalizeApiListItems, parseCurrencyValueToNumber, removeByPropertyValues, toDateInputValue, toLowerCaseText, truncateText } from './utils/index.mjs';
+export { UseGridHeightOptions, useGridHeight, usePaginationUrlSync } from './hooks/index.mjs';
 import 'clsx';
+import 'react-router-dom';

package/dist/index.d.ts

@@ -1,2 +1,4 @@
-export { cn } from './utils/index.js';
+export { capitalizeText, checkIfExistsInArray, cn, convertCommaDataToArray, currencyFormatter, deserializeJson, flattenTableData, formatDate, formatDateTime, getApiError, getErrorMessages, getFieldsByCategory, getFieldsByInputType, getFieldsByName, isEmpty, normalizeApiListItems, parseCurrencyValueToNumber, removeByPropertyValues, toDateInputValue, toLowerCaseText, truncateText } from './utils/index.js';
+export { UseGridHeightOptions, useGridHeight, usePaginationUrlSync } from './hooks/index.js';
 import 'clsx';
+import 'react-router-dom';