lkd-web-kit 0.0.0 → 0.0.1

package/dist/types.d.ts

@@ -0,0 +1,33 @@
+import { Dispatch } from 'react';
+import { SetStateAction } from 'react';
+
+export declare interface ApiList<T = unknown> {
+    data: T[];
+}
+
+export declare interface ApiPagination<T> {
+    data: T[];
+}
+
+export declare type DeepPartial<T> = {
+    [P in keyof T]?: DeepPartial<T[P]>;
+};
+
+export declare interface LayoutProps {
+    children: React.ReactNode;
+    params: Promise<PageParams>;
+}
+
+declare interface PageParams extends Record<string, string | string[] | undefined> {
+}
+
+export declare interface PageProps {
+    params: Promise<PageParams>;
+    searchParams: Promise<{
+        [key: string]: string | string[] | undefined;
+    }>;
+}
+
+export declare type Setter<T> = Dispatch<SetStateAction<T>>;
+
+export { }

package/dist/useFetchNextPageOnScroll-08q9N5OE.js

@@ -0,0 +1,49 @@
+import { useEffect } from 'react';
+
+const useOnScrollProgress = (triggerPercentage, callback, elementRef) => {
+  if (triggerPercentage < 0 || triggerPercentage > 1) {
+    throw new Error("El porcentaje debe estar entre 0 y 1");
+  }
+  useEffect(() => {
+    let hasTriggered = false;
+    const handleScroll = () => {
+      const el = elementRef?.current;
+      const target = el ?? document.documentElement;
+      const scrollHeight = target.scrollHeight - target.clientHeight;
+      const scrollTop = el ? target.scrollTop : window.scrollY;
+      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;
+      if (!hasTriggered && scrollProgress >= triggerPercentage) {
+        callback();
+        hasTriggered = true;
+      }
+    };
+    const scrollTarget = elementRef?.current ?? window;
+    scrollTarget.addEventListener("scroll", handleScroll);
+    handleScroll();
+    return () => {
+      scrollTarget.removeEventListener("scroll", handleScroll);
+    };
+  }, [triggerPercentage, callback, elementRef]);
+};
+
+const useFetchNextPageOnScroll = (infinity, elementRef) => {
+  useOnScrollProgress(
+    0.9,
+    () => {
+      if (infinity.hasNextPage) {
+        infinity.fetchNextPage();
+      }
+    },
+    elementRef
+  );
+  useEffect(() => {
+    const el = elementRef?.current;
+    const scrollTarget = el ?? document.documentElement;
+    const hasScroll = scrollTarget.scrollHeight > scrollTarget.clientHeight;
+    if (!hasScroll && infinity.hasNextPage) {
+      infinity.fetchNextPage();
+    }
+  }, [infinity.data, elementRef]);
+};
+
+export { useOnScrollProgress as a, useFetchNextPageOnScroll as u };

package/dist/useFetchNextPageOnScroll-Fqj7Vp-O.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+const require$$0 = require('react');
+
+const useOnScrollProgress = (triggerPercentage, callback, elementRef) => {
+  if (triggerPercentage < 0 || triggerPercentage > 1) {
+    throw new Error("El porcentaje debe estar entre 0 y 1");
+  }
+  require$$0.useEffect(() => {
+    let hasTriggered = false;
+    const handleScroll = () => {
+      const el = elementRef?.current;
+      const target = el ?? document.documentElement;
+      const scrollHeight = target.scrollHeight - target.clientHeight;
+      const scrollTop = el ? target.scrollTop : window.scrollY;
+      const scrollProgress = scrollHeight > 0 ? Math.min(1, scrollTop / scrollHeight) : 0;
+      if (!hasTriggered && scrollProgress >= triggerPercentage) {
+        callback();
+        hasTriggered = true;
+      }
+    };
+    const scrollTarget = elementRef?.current ?? window;
+    scrollTarget.addEventListener("scroll", handleScroll);
+    handleScroll();
+    return () => {
+      scrollTarget.removeEventListener("scroll", handleScroll);
+    };
+  }, [triggerPercentage, callback, elementRef]);
+};
+
+const useFetchNextPageOnScroll = (infinity, elementRef) => {
+  useOnScrollProgress(
+    0.9,
+    () => {
+      if (infinity.hasNextPage) {
+        infinity.fetchNextPage();
+      }
+    },
+    elementRef
+  );
+  require$$0.useEffect(() => {
+    const el = elementRef?.current;
+    const scrollTarget = el ?? document.documentElement;
+    const hasScroll = scrollTarget.scrollHeight > scrollTarget.clientHeight;
+    if (!hasScroll && infinity.hasNextPage) {
+      infinity.fetchNextPage();
+    }
+  }, [infinity.data, elementRef]);
+};
+
+exports.useFetchNextPageOnScroll = useFetchNextPageOnScroll;
+exports.useOnScrollProgress = useOnScrollProgress;

package/dist/utils.d.ts

@@ -0,0 +1,29 @@
+import { BeforeErrorHook } from 'ky';
+import { HTTPError } from 'ky';
+import { KyResponse } from 'ky';
+
+export declare const addBodyJsonHook: BeforeErrorHook;
+
+export declare function formatBytes(bytes: number, decimals?: number): string;
+
+export declare const groupBy: <T extends any>(arr: T[], getKey: (item: T) => string | string[] | null) => Record<string, T[] | undefined>;
+
+export declare type GroupByResult<T> = Record<string, T[] | undefined>;
+
+export declare function indexBy<T, K, C extends string>(arr: T[], getKey: (item: T) => C | undefined): Record<C, T | undefined>;
+
+export declare function indexBy<T, K, C extends string>(arr: T[], getKey: (item: T) => C | undefined, getValue: (item: T) => K): Record<C, K | undefined>;
+
+export declare type IndexByResult<T> = Record<string, T | undefined>;
+
+export declare type KyError<T = unknown> = HTTPError<T> & {
+    response: {
+        bodyJson?: T;
+    };
+};
+
+export declare const parseJSON: (response: KyResponse) => Promise<any>;
+
+export declare const shuffleArray: <T>(array: T[]) => T[];
+
+export { }

package/dist/zodValidator-Bx6RMGoL.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+const zodValidator = (schema) => {
+  return (values) => {
+    const result = schema.safeParse(values);
+    if (result.success) return;
+    const { error } = result;
+    const firstError = error.issues[0];
+    return firstError?.message;
+  };
+};
+
+exports.zodValidator = zodValidator;

package/dist/zodValidator-ChEQ3cmF.js

@@ -0,0 +1,11 @@
+const zodValidator = (schema) => {
+  return (values) => {
+    const result = schema.safeParse(values);
+    if (result.success) return;
+    const { error } = result;
+    const firstError = error.issues[0];
+    return firstError?.message;
+  };
+};
+
+export { zodValidator as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
@@ -15,14 +15,95 @@
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
-    ".": {
+    "./components": {
       "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
+        "types": "./dist/components/index.d.ts",
+        "default": "./dist/components/index.js"
       },
       "require": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.cjs"
+        "types": "./dist/components/index.d.ts",
+        "default": "./dist/components/index.cjs"
+      }
+    },
+    "./consts": {
+      "import": {
+        "types": "./dist/consts/index.d.ts",
+        "default": "./dist/consts/index.js"
+      },
+      "require": {
+        "types": "./dist/consts/index.d.ts",
+        "default": "./dist/consts/index.cjs"
+      }
+    },
+    "./contexts" :{
+      "import": {
+        "types": "./dist/contexts/index.d.ts",
+        "default": "./dist/contexts/index.js"
+      },
+      "require": {
+        "types": "./dist/contexts/index.d.ts",
+        "default": "./dist/contexts/index.cjs"
+      }
+    },
+    "./form": {
+      "import": {
+        "types": "./dist/form/index.d.ts",
+        "default": "./dist/form/index.js"
+      },
+      "require": {
+        "types": "./dist/form/index.d.ts",
+        "default": "./dist/form/index.cjs"
+      }
+    },
+    "./hocs": {
+      "import": {
+        "types": "./dist/hocs/index.d.ts",
+        "default": "./dist/hocs/index.js"
+      },
+      "require": {
+        "types": "./dist/hocs/index.d.ts",
+        "default": "./dist/hocs/index.cjs"
+      }
+    },
+
+    "./hooks": {
+      "import": {
+        "types": "./dist/hooks/index.d.ts",
+        "default": "./dist/hooks/index.js"
+      },
+      "require": {
+        "types": "./dist/hooks/index.d.ts",
+        "default": "./dist/hooks/index.cjs"
+      }
+    },
+    "./mantine":{
+      "import": {
+        "types": "./dist/mantine/index.d.ts",
+        "default": "./dist/mantine/index.js"
+      },
+      "require": {
+        "types": "./dist/mantine/index.d.ts",
+        "default": "./dist/mantine/index.cjs"
+      }
+    },
+    "./utils": {
+      "import": {
+        "types": "./dist/utils/index.d.ts",
+        "default": "./dist/utils/index.js"
+      },
+      "require": {
+        "types": "./dist/utils/index.d.ts",
+        "default": "./dist/utils/index.cjs"
+      }
+    },
+    "./types": {
+      "import": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/types/index.js"
+      },
+      "require": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/types/index.cjs"
       }
     }
   },
@@ -61,10 +142,13 @@
   "peerDependencies": {
     "@mantine/core": "^7.17.4",
     "@mantine/hooks": "^7.17.4",
-    "next": "^15.2.5",
+    "@tanstack/react-query": "^5.72.2",
+    "ky": "^1.8.0",
+    "next": "^15.3.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.55.0",
+    "react-query-kit": "^3.3.1",
     "zod": "^3.24.2"
   }
 }