lkd-web-kit 0.0.5 → 0.0.6

package/dist/index.d.ts

@@ -42,6 +42,13 @@ export declare interface ApiPagination<T> {
     data: T[];
 }
 
+export declare type Args<T, S> = {
+    params?: T;
+    searchParams?: S & {
+        [QP_BACK_URL_NAME]?: string;
+    };
+};
+
 export declare const breakpointsWithPx: {
     xs: string;
     sm: string;
@@ -187,6 +194,10 @@ export declare interface InfinityLoaderProps extends CenterProps {
     loaderProps?: LoaderProps;
 }
 
+export declare const isInfinityEmpty: (data: InfiniteData<{
+    data: unknown[];
+}> | undefined) => boolean;
+
 export declare type KyError<T = unknown> = HTTPError<T> & {
     response: {
         bodyJson?: T;
@@ -232,6 +243,8 @@ export declare interface NavItemsProps {
     }[];
 }
 
+export declare const newHref: <T extends TParams, S extends TSearchParams = TSearchParams>(fn: string | ((args: Args<T, S>) => string)) => (args?: Args<T, S>) => string;
+
 export declare const nullableInput: <T extends ZodTypeAny>(schema: T, message?: string) => z.ZodEffects<z.ZodNullable<T>, (T["_output"] & undefined) | (T["_output"] & {}), T["_input"] | null>;
 
 export declare const PageDataProvider: ({ value, children }: PageDataProviderProps) => JSX.Element;
@@ -321,6 +334,12 @@ declare const stylesBySize: {
 
 export declare const toTailwindColors: (colors: MantineThemeColors) => Record<DefaultMantineColor, Record<MantineColorShade, string>>;
 
+export declare type TParams = Record<string, any> | unknown;
+
+export declare type TSearchParams = {
+    [x: string]: any;
+};
+
 export declare const useFetchNextPageOnScroll: (infinity: InfiniteQueryHookResult<InfiniteData<{
     data: unknown[];
 }, number>, Error>, elementRef?: RefObject<HTMLElement | null>) => void;

package/dist/index.js

@@ -3,6 +3,7 @@ import { Center, Loader, useCombobox, Combobox, InputBase, Input, ScrollArea, St
 import require$$0, { useEffect, useRef, createContext, useState, useContext } from 'react';
 import { FormProvider, useFormContext, Controller } from 'react-hook-form';
 import { z } from 'zod';
+import queryString from 'query-string';
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -6300,4 +6301,23 @@ const shuffleArray = (array) => {
   return shuffledArray;
 };
 
-export { EmptyState, Form, FormButtonSubmit, HttpStatus, InfinityLoader, NavItems, NavigationHistoryProvider, PageDataProvider, QP_BACK_URL_NAME, Revalidate, SelectInfinity, addBodyJsonHook, breakpointsWithPx, formatBytes, groupBy, indexBy, nullableInput, parseJSON, shuffleArray, toTailwindColors, useFetchNextPageOnScroll, useNavigationHistory, useOnScrollProgress, usePageData, withForm, withModalManager, zodValidator };
+const newHref = (fn) => (args) => {
+  const href = typeof fn === "string" ? fn : fn(
+    args ?? {
+      params: {},
+      searchParams: {}
+    }
+  );
+  if (args?.searchParams) {
+    const qs = queryString.stringify(args.searchParams, {
+      skipEmptyString: true,
+      skipNull: true
+    });
+    return `${href}${qs ? `?${qs}` : ""}`;
+  }
+  return href;
+};
+
+const isInfinityEmpty = (data) => data?.pages[0].data.length === 0;
+
+export { EmptyState, Form, FormButtonSubmit, HttpStatus, InfinityLoader, NavItems, NavigationHistoryProvider, PageDataProvider, QP_BACK_URL_NAME, Revalidate, SelectInfinity, addBodyJsonHook, breakpointsWithPx, formatBytes, groupBy, indexBy, isInfinityEmpty, newHref, nullableInput, parseJSON, shuffleArray, toTailwindColors, useFetchNextPageOnScroll, useNavigationHistory, useOnScrollProgress, usePageData, withForm, withModalManager, zodValidator };

package/dist/index.umd.cjs

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('@mantine/core'), require('react'), require('react-hook-form'), require('zod')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', '@mantine/core', 'react', 'react-hook-form', 'zod'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["lkd-web-kit"] = {}, global.require$$1, global.core, global.require$$0, global.reactHookForm, global.zod));
-})(this, (function (exports, require$$1, core, require$$0, reactHookForm, zod) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('@mantine/core'), require('react'), require('react-hook-form'), require('zod'), require('query-string')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', '@mantine/core', 'react', 'react-hook-form', 'zod', 'query-string'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["lkd-web-kit"] = {}, global.require$$1, global.core, global.require$$0, global.reactHookForm, global.zod, global.queryString));
+})(this, (function (exports, require$$1, core, require$$0, reactHookForm, zod, queryString) { 'use strict';
 
   function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -6300,6 +6300,25 @@
     return shuffledArray;
   };
 
+  const newHref = (fn) => (args) => {
+    const href = typeof fn === "string" ? fn : fn(
+      args ?? {
+        params: {},
+        searchParams: {}
+      }
+    );
+    if (args?.searchParams) {
+      const qs = queryString.stringify(args.searchParams, {
+        skipEmptyString: true,
+        skipNull: true
+      });
+      return `${href}${qs ? `?${qs}` : ""}`;
+    }
+    return href;
+  };
+
+  const isInfinityEmpty = (data) => data?.pages[0].data.length === 0;
+
   exports.EmptyState = EmptyState;
   exports.Form = Form;
   exports.FormButtonSubmit = FormButtonSubmit;
@@ -6316,6 +6335,8 @@
   exports.formatBytes = formatBytes;
   exports.groupBy = groupBy;
   exports.indexBy = indexBy;
+  exports.isInfinityEmpty = isInfinityEmpty;
+  exports.newHref = newHref;
   exports.nullableInput = nullableInput;
   exports.parseJSON = parseJSON;
   exports.shuffleArray = shuffleArray;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
@@ -56,6 +56,7 @@
     "@tanstack/react-query": "^5.72.2",
     "ky": "^1.8.0",
     "next": "^15.3.0",
+    "query-string": "^9.1.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-hook-form": "^7.55.0",