lkd-web-kit 0.7.13 → 0.7.15

package/dist/components/InfinityLoadMoreButton/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require$$2 = require('react/jsx-runtime');
 const core = require('@mantine/core');
 const hooks = require('@mantine/hooks');
+const clsx = require('clsx');
 const React = require('react');
 
 const InfinityLoadMoreButton = ({
@@ -14,7 +15,9 @@ const InfinityLoadMoreButton = ({
   ...props
 }) => {
   const { entry, ref } = hooks.useIntersection({
-    root: parentRef?.current ?? void 0
+    root: parentRef?.current,
+    rootMargin: "0px 0px 0px 0px",
+    threshold: 0.5
   });
   const {
     loadMore = "Cargar más",
@@ -22,17 +25,21 @@ const InfinityLoadMoreButton = ({
     end = "Fin de la lista"
   } = labels || {};
   const { hasNextPage, isFetchingNextPage, fetchNextPage } = infinity;
-  const isIntersecting = entry?.isIntersecting ?? false;
   React.useEffect(() => {
-    if (hasNextPage && !isFetchingNextPage && isIntersecting) fetchNextPage();
-  }, [hasNextPage, isFetchingNextPage, fetchNextPage, isIntersecting]);
+    if (hasNextPage && !isFetchingNextPage && entry?.isIntersecting)
+      fetchNextPage();
+  }, [entry?.isIntersecting]);
   return /* @__PURE__ */ require$$2.jsx(
     core.Button,
     {
       ref,
       onClick: () => fetchNextPage(),
-      disabled: !hasNextPage || isFetchingNextPage,
-      variant: "subtle",
+      className: clsx(
+        (!hasNextPage || isFetchingNextPage) && "pointer-events-none",
+        "font-medium"
+      ),
+      variant: "transparent",
+      color: !hasNextPage ? "gray" : void 0,
       ...props,
       children: isFetchingNextPage ? loading : hasNextPage ? loadMore : end
     }

package/dist/components/InfinityLoadMoreButton/index.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { Button } from '@mantine/core';
 import { useIntersection } from '@mantine/hooks';
+import clsx from 'clsx';
 import { useEffect } from 'react';
 
 const InfinityLoadMoreButton = ({
@@ -10,7 +11,9 @@ const InfinityLoadMoreButton = ({
   ...props
 }) => {
   const { entry, ref } = useIntersection({
-    root: parentRef?.current ?? void 0
+    root: parentRef?.current,
+    rootMargin: "0px 0px 0px 0px",
+    threshold: 0.5
   });
   const {
     loadMore = "Cargar más",
@@ -18,17 +21,21 @@ const InfinityLoadMoreButton = ({
     end = "Fin de la lista"
   } = labels || {};
   const { hasNextPage, isFetchingNextPage, fetchNextPage } = infinity;
-  const isIntersecting = entry?.isIntersecting ?? false;
   useEffect(() => {
-    if (hasNextPage && !isFetchingNextPage && isIntersecting) fetchNextPage();
-  }, [hasNextPage, isFetchingNextPage, fetchNextPage, isIntersecting]);
+    if (hasNextPage && !isFetchingNextPage && entry?.isIntersecting)
+      fetchNextPage();
+  }, [entry?.isIntersecting]);
   return /* @__PURE__ */ jsx(
     Button,
     {
       ref,
       onClick: () => fetchNextPage(),
-      disabled: !hasNextPage || isFetchingNextPage,
-      variant: "subtle",
+      className: clsx(
+        (!hasNextPage || isFetchingNextPage) && "pointer-events-none",
+        "font-medium"
+      ),
+      variant: "transparent",
+      color: !hasNextPage ? "gray" : void 0,
       ...props,
       children: isFetchingNextPage ? loading : hasNextPage ? loadMore : end
     }

package/dist/components/{SelectInfinity → InfinitySelect}/index.cjs

@@ -70,6 +70,7 @@ function InfinitySelect({
     overscan: 7,
     getScrollElement: () => scrollRef.current
   });
+  console.log(virtualizer.getTotalSize());
   const scrollRef = React.useRef(null);
   return /* @__PURE__ */ require$$2.jsxs(
     core.Combobox,
@@ -106,7 +107,8 @@ function InfinitySelect({
               handleSearch(event.currentTarget.value);
             } : void 0,
             onClick: (event) => {
-              if (!props.readOnly) searchable ? combobox.openDropdown() : combobox.toggleDropdown();
+              if (!props.readOnly)
+                searchable ? combobox.openDropdown() : combobox.toggleDropdown();
               props.onClick?.(event);
             },
             onFocus: (event) => {
@@ -122,18 +124,22 @@ function InfinitySelect({
             variant: props.readOnly ? "filled" : "default"
           }
         ) }),
-        /* @__PURE__ */ require$$2.jsx(core.Combobox.Dropdown, { children: /* @__PURE__ */ require$$2.jsxs(
+        /* @__PURE__ */ require$$2.jsx(core.Combobox.Dropdown, { children: /* @__PURE__ */ require$$2.jsx(
           core.Combobox.Options,
           {
+            mih: 50,
             mah: 200,
             style: {
               overflowY: "auto"
             },
             ref: scrollRef,
-            children: [
-              data.length > 0 ? /* @__PURE__ */ require$$2.jsx("div", { ...virtualStyles.getVirtualContainerProps(virtualizer), children: virtualizer.getVirtualItems().map((virtualItem) => {
+            children: data.length > 0 ? /* @__PURE__ */ require$$2.jsxs(require$$2.Fragment, { children: [
+              /* @__PURE__ */ require$$2.jsx("div", { ...virtualStyles.getVirtualContainerProps(virtualizer), children: virtualizer.getVirtualItems().map((virtualItem) => {
                 const option = data[virtualItem.index];
-                const virtualItemProps = virtualStyles.getVirtualItemProps(virtualItem, virtualizer);
+                const virtualItemProps = virtualStyles.getVirtualItemProps(
+                  virtualItem,
+                  virtualizer
+                );
                 return /* @__PURE__ */ React.createElement(
                   core.Combobox.Option,
                   {
@@ -147,16 +153,17 @@ function InfinitySelect({
                   },
                   renderOption ? renderOption({ option }) : getOptionLabel(option)
                 );
-              }) }) : !infinity.isFetching ? /* @__PURE__ */ require$$2.jsx(core.Combobox.Empty, { mih: 24, children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null,
-              /* @__PURE__ */ require$$2.jsx(core.Center, { children: /* @__PURE__ */ require$$2.jsx(
+              }) }),
+              virtualizer.getTotalSize() !== 0 && /* @__PURE__ */ require$$2.jsx(core.Center, { className: "mt-2", children: /* @__PURE__ */ require$$2.jsx(
                 index$1.InfinityLoadMoreButton,
                 {
                   infinity,
+                  parentRef: scrollRef,
                   size: "compact-sm",
                   ...loadMoreButtonProps
                 }
               ) })
-            ]
+            ] }) : !infinity.isFetching ? /* @__PURE__ */ require$$2.jsx(core.Combobox.Empty, { mih: 24, children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null
           }
         ) })
       ]

package/dist/components/{SelectInfinity → InfinitySelect}/index.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useEffect, useRef, createElement } from 'react';
 import { useCombobox, Combobox, InputBase, Input, Center } from '@mantine/core';
 import { useUncontrolled } from '@mantine/hooks';
@@ -66,6 +66,7 @@ function InfinitySelect({
     overscan: 7,
     getScrollElement: () => scrollRef.current
   });
+  console.log(virtualizer.getTotalSize());
   const scrollRef = useRef(null);
   return /* @__PURE__ */ jsxs(
     Combobox,
@@ -102,7 +103,8 @@ function InfinitySelect({
               handleSearch(event.currentTarget.value);
             } : void 0,
             onClick: (event) => {
-              if (!props.readOnly) searchable ? combobox.openDropdown() : combobox.toggleDropdown();
+              if (!props.readOnly)
+                searchable ? combobox.openDropdown() : combobox.toggleDropdown();
               props.onClick?.(event);
             },
             onFocus: (event) => {
@@ -118,18 +120,22 @@ function InfinitySelect({
             variant: props.readOnly ? "filled" : "default"
           }
         ) }),
-        /* @__PURE__ */ jsx(Combobox.Dropdown, { children: /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx(Combobox.Dropdown, { children: /* @__PURE__ */ jsx(
           Combobox.Options,
           {
+            mih: 50,
             mah: 200,
             style: {
               overflowY: "auto"
             },
             ref: scrollRef,
-            children: [
-              data.length > 0 ? /* @__PURE__ */ jsx("div", { ...getVirtualContainerProps(virtualizer), children: virtualizer.getVirtualItems().map((virtualItem) => {
+            children: data.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { ...getVirtualContainerProps(virtualizer), children: virtualizer.getVirtualItems().map((virtualItem) => {
                 const option = data[virtualItem.index];
-                const virtualItemProps = getVirtualItemProps(virtualItem, virtualizer);
+                const virtualItemProps = getVirtualItemProps(
+                  virtualItem,
+                  virtualizer
+                );
                 return /* @__PURE__ */ createElement(
                   Combobox.Option,
                   {
@@ -143,16 +149,17 @@ function InfinitySelect({
                   },
                   renderOption ? renderOption({ option }) : getOptionLabel(option)
                 );
-              }) }) : !infinity.isFetching ? /* @__PURE__ */ jsx(Combobox.Empty, { mih: 24, children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null,
-              /* @__PURE__ */ jsx(Center, { children: /* @__PURE__ */ jsx(
+              }) }),
+              virtualizer.getTotalSize() !== 0 && /* @__PURE__ */ jsx(Center, { className: "mt-2", children: /* @__PURE__ */ jsx(
                 InfinityLoadMoreButton,
                 {
                   infinity,
+                  parentRef: scrollRef,
                   size: "compact-sm",
                   ...loadMoreButtonProps
                 }
               ) })
-            ]
+            ] }) : !infinity.isFetching ? /* @__PURE__ */ jsx(Combobox.Empty, { mih: 24, children: nothingFoundMessage ? typeof nothingFoundMessage === "function" ? nothingFoundMessage({ combobox }) : nothingFoundMessage : "No hay resultados" }) : null
           }
         ) })
       ]

package/dist/form/{FormButtonSubmit.cjs → FormSubmitButton.cjs}

@@ -7,7 +7,7 @@ const require$$2 = require('react/jsx-runtime');
 const core = require('@mantine/core');
 const reactHookForm = require('react-hook-form');
 
-const FormButtonSubmit = ({
+const FormSubmitButton = ({
   disabled,
   disabledWhenSuccess,
   ...props
@@ -26,4 +26,4 @@ const FormButtonSubmit = ({
   );
 };
 
-exports.FormButtonSubmit = FormButtonSubmit;
+exports.FormSubmitButton = FormSubmitButton;

package/dist/form/{FormButtonSubmit.js → FormSubmitButton.js}

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Button } from '@mantine/core';
 import { useFormContext } from 'react-hook-form';
 
-const FormButtonSubmit = ({
+const FormSubmitButton = ({
   disabled,
   disabledWhenSuccess,
   ...props
@@ -22,4 +22,4 @@ const FormButtonSubmit = ({
   );
 };
 
-export { FormButtonSubmit };
+export { FormSubmitButton };

package/dist/form/base/FormSelectInfinity.cjs

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const require$$2 = require('react/jsx-runtime');
-const index = require('../../components/SelectInfinity/index.cjs');
+const index = require('../../components/InfinitySelect/index.cjs');
 const withController = require('../../hocs/withController.cjs');
 
 const FormInfinitySelect = withController.withController(({ field, props }) => {

package/dist/form/base/FormSelectInfinity.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { InfinitySelect } from '../../components/SelectInfinity/index.js';
+import { InfinitySelect } from '../../components/InfinitySelect/index.js';
 import { withController } from '../../hocs/withController.js';
 
 const FormInfinitySelect = withController(({ field, props }) => {

package/dist/index.cjs

@@ -3,31 +3,30 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const index = require('./components/EmptyState/index.cjs');
-const index$1 = require('./components/InfinityLoader/index.cjs');
 const NavItems = require('./components/NavItems.cjs');
 const Icon = require('./components/Icon.cjs');
-const index$2 = require('./components/InfinityLoadMoreButton/index.cjs');
-const index$3 = require('./components/MyDatePickerInput/index.cjs');
-const index$4 = require('./components/MyDateTimePicker/index.cjs');
-const index$5 = require('./components/MyNotifications/index.cjs');
-const index$6 = require('./components/MyNumberInput/index.cjs');
-const index$7 = require('./components/MySelect/index.cjs');
-const index$8 = require('./components/MyTextarea/index.cjs');
-const index$9 = require('./components/MyTextInput/index.cjs');
-const index$a = require('./components/MyTimeInput/index.cjs');
-const index$b = require('./components/SelectInfinity/index.cjs');
-const index$c = require('./components/MyMultiSelect/index.cjs');
-const index$d = require('./components/MyMonthPickerInput/index.cjs');
-const index$e = require('./components/MyDateInput/index.cjs');
-const index$f = require('./components/MyCheckboxGroup/index.cjs');
-const index$g = require('./components/MyRadioGroup/index.cjs');
+const index$1 = require('./components/InfinityLoadMoreButton/index.cjs');
+const index$2 = require('./components/MyDatePickerInput/index.cjs');
+const index$3 = require('./components/MyDateTimePicker/index.cjs');
+const index$4 = require('./components/MyNotifications/index.cjs');
+const index$5 = require('./components/MyNumberInput/index.cjs');
+const index$6 = require('./components/MySelect/index.cjs');
+const index$7 = require('./components/MyTextarea/index.cjs');
+const index$8 = require('./components/MyTextInput/index.cjs');
+const index$9 = require('./components/MyTimeInput/index.cjs');
+const index$a = require('./components/InfinitySelect/index.cjs');
+const index$b = require('./components/MyMultiSelect/index.cjs');
+const index$c = require('./components/MyMonthPickerInput/index.cjs');
+const index$d = require('./components/MyDateInput/index.cjs');
+const index$e = require('./components/MyCheckboxGroup/index.cjs');
+const index$f = require('./components/MyRadioGroup/index.cjs');
 const httpStatus = require('./consts/http-status.cjs');
 const revalidate = require('./consts/revalidate.cjs');
-const index$h = require('./contexts/NavigationHistoryContext/index.cjs');
+const index$g = require('./contexts/NavigationHistoryContext/index.cjs');
 const hook = require('./contexts/NavigationHistoryContext/hook.cjs');
-const index$i = require('./contexts/PageDataContext/index.cjs');
+const index$h = require('./contexts/PageDataContext/index.cjs');
 const Form = require('./form/Form.cjs');
-const FormButtonSubmit = require('./form/FormButtonSubmit.cjs');
+const FormSubmitButton = require('./form/FormSubmitButton.cjs');
 const zodValidator = require('./form/utils/zodValidator.cjs');
 const nullableButRequired = require('./form/utils/nullable-but-required.cjs');
 const optionalButRequired = require('./form/utils/optional-but-required.cjs');
@@ -68,33 +67,32 @@ const virtualStyles = require('./utils/virtual-styles.cjs');
 
 
 exports.EmptyState = index.EmptyState;
-exports.InfinityLoader = index$1.InfinityLoader;
 exports.NavItems = NavItems.NavItems;
 exports.Icon = Icon.Icon;
-exports.InfinityLoadMoreButton = index$2.InfinityLoadMoreButton;
-exports.MyDatePickerInput = index$3.MyDatePickerInput;
-exports.MyDateTimePicker = index$4.MyDateTimePicker;
-exports.MyNotifications = index$5.MyNotifications;
-exports.MyNumberInput = index$6.MyNumberInput;
-exports.MySelect = index$7.MySelect;
-exports.MyTextarea = index$8.MyTextarea;
-exports.MyTextInput = index$9.MyTextInput;
-exports.MyTimeInput = index$a.MyTimeInput;
-exports.InfinitySelect = index$b.InfinitySelect;
-exports.MyMultiSelect = index$c.MyMultiSelect;
-exports.MyMonthPickerInput = index$d.MyMonthPickerInput;
-exports.MyDateInput = index$e.MyDateInput;
-exports.MyCheckboxGroup = index$f.MyCheckboxGroup;
-exports.MyRadioGroup = index$g.MyRadioGroup;
+exports.InfinityLoadMoreButton = index$1.InfinityLoadMoreButton;
+exports.MyDatePickerInput = index$2.MyDatePickerInput;
+exports.MyDateTimePicker = index$3.MyDateTimePicker;
+exports.MyNotifications = index$4.MyNotifications;
+exports.MyNumberInput = index$5.MyNumberInput;
+exports.MySelect = index$6.MySelect;
+exports.MyTextarea = index$7.MyTextarea;
+exports.MyTextInput = index$8.MyTextInput;
+exports.MyTimeInput = index$9.MyTimeInput;
+exports.InfinitySelect = index$a.InfinitySelect;
+exports.MyMultiSelect = index$b.MyMultiSelect;
+exports.MyMonthPickerInput = index$c.MyMonthPickerInput;
+exports.MyDateInput = index$d.MyDateInput;
+exports.MyCheckboxGroup = index$e.MyCheckboxGroup;
+exports.MyRadioGroup = index$f.MyRadioGroup;
 exports.HttpStatus = httpStatus.HttpStatus;
 exports.Revalidate = revalidate.Revalidate;
-exports.NavigationHistoryProvider = index$h.NavigationHistoryProvider;
+exports.NavigationHistoryProvider = index$g.NavigationHistoryProvider;
 exports.QP_BACK_URL_NAME = hook.QP_BACK_URL_NAME;
 exports.useNavigationHistory = hook.useNavigationHistory;
-exports.PageDataProvider = index$i.PageDataProvider;
-exports.usePageData = index$i.usePageData;
+exports.PageDataProvider = index$h.PageDataProvider;
+exports.usePageData = index$h.usePageData;
 exports.Form = Form.Form;
-exports.FormButtonSubmit = FormButtonSubmit.FormButtonSubmit;
+exports.FormSubmitButton = FormSubmitButton.FormSubmitButton;
 exports.zodValidator = zodValidator.zodValidator;
 exports.nullableButRequired = nullableButRequired.nullableButRequired;
 exports.optionalButRequired = optionalButRequired.optionalButRequired;

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 import { BeforeErrorHook } from 'ky';
 import { BoxProps } from '@mantine/core';
 import { ButtonProps } from '@mantine/core';
-import { CenterProps } from '@mantine/core';
 import { ChangeEventHandler } from 'react';
 import { CheckboxGroupProps } from '@mantine/core';
 import { CheckboxProps } from '@mantine/core';
@@ -28,7 +27,6 @@ import { InfiniteQueryHookResult } from 'react-query-kit';
 import { InputBaseProps } from '@mantine/core';
 import { JSX } from 'react/jsx-runtime';
 import { KyResponse } from 'ky';
-import { LoaderProps } from '@mantine/core';
 import { MantineColorShade } from '@mantine/core';
 import { MantineSpacing } from '@mantine/core';
 import { MantineThemeColors } from '@mantine/core';
@@ -114,12 +112,6 @@ export declare const Form: <T extends FieldValues, TContext = any, TT extends T
 
 export declare function formatBytes(bytes: number, decimals?: number): string;
 
-export declare const FormButtonSubmit: ({ disabled, disabledWhenSuccess, ...props }: FormButtonSubmitProps) => JSX.Element;
-
-export declare interface FormButtonSubmitProps extends ButtonProps, ElementProps<'button', keyof ButtonProps> {
-    disabledWhenSuccess?: boolean;
-}
-
 export declare const FormCheckbox: FC<CheckboxProps & WithControllerProps & {
 onValueChange?: ChangeEventHandler<HTMLInputElement> | undefined;
 }>;
@@ -200,6 +192,12 @@ onValueChange?: ((value: string | null, option: ComboboxItem) => void) | undefin
 
 export declare type FormSelectProps = MySelectProps & WithControllerProps;
 
+export declare const FormSubmitButton: ({ disabled, disabledWhenSuccess, ...props }: FormSubmitButtonProps) => JSX.Element;
+
+export declare interface FormSubmitButtonProps extends ButtonProps, ElementProps<'button', keyof ButtonProps> {
+    disabledWhenSuccess?: boolean;
+}
+
 export declare const FormTextarea: FC<TextareaProps & WithControllerProps & {
 onValueChange?: ChangeEventHandler<HTMLTextAreaElement> | undefined;
 }>;
@@ -322,25 +320,13 @@ export declare function indexBy<T, K, C extends string>(arr: T[], getKey: (item:
 
 export declare type IndexByResult<T> = Record<string, T | undefined>;
 
-export declare const InfinityLoader: ({ root, infinity, rootMargin, endMessage, loaderProps, ...props }: InfinityLoaderProps) => JSX.Element;
-
-export declare interface InfinityLoaderProps extends CenterProps {
-    infinity: InfiniteQueryHookResult<InfiniteData<{
-        data: unknown[];
-    }, number>, Error>;
-    root?: RefObject<HTMLElement | null>;
-    rootMargin?: string;
-    endMessage?: React.ReactNode;
-    loaderProps?: LoaderProps;
-}
-
 export declare const InfinityLoadMoreButton: <T>({ infinity, labels, parentRef, ...props }: InfinityLoadMoreButtonProps<T>) => JSX.Element;
 
 export declare interface InfinityLoadMoreButtonProps<T> extends ButtonProps {
     infinity: InfiniteQueryHookResult<InfiniteData<{
         data: T[];
     }, number>, Error>;
-    parentRef?: RefObject<HTMLElement>;
+    parentRef?: RefObject<HTMLElement | null>;
     labels?: {
         loadMore?: string;
         loading?: string;
@@ -350,7 +336,7 @@ export declare interface InfinityLoadMoreButtonProps<T> extends ButtonProps {
 
 export declare function InfinitySelect<T = unknown>({ value, searchValue, defaultSearchValue, nothingFoundMessage, infinity, defaultValue, onChange, onSearchChange, renderOption, onOptionSubmit, getOptionLabel, getOptionValue, onSelectedOptionChange, selectedOption, comboboxProps, searchable, defaultSelectedOption, loadMoreButtonProps, ...props }: InfinitySelectProps<T>): JSX.Element;
 
-export declare interface InfinitySelectProps<T = unknown> extends InputBaseProps, ElementProps<'input', keyof InputBaseProps | 'value' | 'onChange'> {
+export declare interface InfinitySelectProps<T = unknown> extends InputBaseProps, ElementProps<"input", keyof InputBaseProps | "value" | "onChange"> {
     value?: string | null;
     defaultValue?: string;
     searchValue?: string;
@@ -372,6 +358,7 @@ export declare interface InfinitySelectProps<T = unknown> extends InputBaseProps
     onOptionSubmit?: (value: string, option: T) => void;
     getOptionLabel: (option: T) => string;
     getOptionValue: (option: T) => string;
+    resetPageParam?: () => Promise<void>;
     comboboxProps?: ComboboxProps;
     searchable?: boolean;
     ref?: React.Ref<HTMLInputElement>;

package/dist/index.js

@@ -1,5 +1,4 @@
 export { EmptyState } from './components/EmptyState/index.js';
-export { InfinityLoader } from './components/InfinityLoader/index.js';
 export { NavItems } from './components/NavItems.js';
 export { Icon } from './components/Icon.js';
 export { InfinityLoadMoreButton } from './components/InfinityLoadMoreButton/index.js';
@@ -11,7 +10,7 @@ export { MySelect } from './components/MySelect/index.js';
 export { MyTextarea } from './components/MyTextarea/index.js';
 export { MyTextInput } from './components/MyTextInput/index.js';
 export { MyTimeInput } from './components/MyTimeInput/index.js';
-export { InfinitySelect } from './components/SelectInfinity/index.js';
+export { InfinitySelect } from './components/InfinitySelect/index.js';
 export { MyMultiSelect } from './components/MyMultiSelect/index.js';
 export { MyMonthPickerInput } from './components/MyMonthPickerInput/index.js';
 export { MyDateInput } from './components/MyDateInput/index.js';
@@ -23,7 +22,7 @@ export { NavigationHistoryProvider } from './contexts/NavigationHistoryContext/i
 export { QP_BACK_URL_NAME, useNavigationHistory } from './contexts/NavigationHistoryContext/hook.js';
 export { PageDataProvider, usePageData } from './contexts/PageDataContext/index.js';
 export { Form } from './form/Form.js';
-export { FormButtonSubmit } from './form/FormButtonSubmit.js';
+export { FormSubmitButton } from './form/FormSubmitButton.js';
 export { zodValidator } from './form/utils/zodValidator.js';
 export { nullableButRequired } from './form/utils/nullable-but-required.js';
 export { optionalButRequired } from './form/utils/optional-but-required.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.7.13",
+  "version": "0.7.15",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
@@ -63,7 +63,7 @@
     "next": "^16.0.3",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "react-hook-form": "^7.66.0",
+    "react-hook-form": "^7.66.1",
     "react-query-kit": "^3.3.2",
     "zod": "^4.1.12"
   },

package/dist/components/InfinityLoader/index.cjs

@@ -1,68 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const require$$2 = require('react/jsx-runtime');
-const core = require('@mantine/core');
-const hooks = require('@mantine/hooks');
-const React = require('react');
-
-const InfinityLoader = ({
-  root,
-  infinity,
-  rootMargin = "0px 0px 0px 0px",
-  endMessage = "No hay más resultados",
-  loaderProps,
-  ...props
-}) => {
-  const { entry, ref } = hooks.useIntersection({
-    root: root?.current,
-    rootMargin
-  });
-  React.useEffect(() => {
-    if (!entry?.isIntersecting) return;
-    if (!infinity.hasNextPage) return;
-    if (infinity.isFetchingNextPage || infinity.isFetching) return;
-    infinity.fetchNextPage();
-  }, [
-    entry?.isIntersecting,
-    infinity.hasNextPage,
-    infinity.isFetchingNextPage,
-    infinity.isFetching
-  ]);
-  React.useEffect(() => {
-    if (!entry?.isIntersecting) return;
-    const el = root?.current ?? document.documentElement;
-    const hasScroll = el?.scrollHeight > el?.clientHeight;
-    if (hasScroll) return;
-    if (!infinity.hasNextPage) return;
-    if (infinity.isFetchingNextPage || infinity.isFetching) return;
-    infinity.fetchNextPage();
-  }, [
-    entry?.isIntersecting,
-    infinity.data?.pages.length,
-    infinity.hasNextPage,
-    infinity.isFetchingNextPage,
-    infinity.isFetching
-  ]);
-  const showLoader = infinity.isLoading || infinity.isFetchingNextPage;
-  const showEndMessage = infinity.data && infinity.data.pages.length > 1 && !infinity.hasNextPage;
-  if (!showLoader && !showEndMessage) {
-    return /* @__PURE__ */ require$$2.jsx("div", { ref });
-  }
-  return /* @__PURE__ */ require$$2.jsx(
-    core.Center,
-    {
-      ref,
-      ...props,
-      style: {
-        minHeight: "1rem",
-        fontSize: "14px",
-        ...props.style
-      },
-      children: showLoader ? /* @__PURE__ */ require$$2.jsx(core.Loader, { ...loaderProps }) : showEndMessage ? endMessage : null
-    }
-  );
-};
-
-exports.InfinityLoader = InfinityLoader;

package/dist/components/InfinityLoader/index.js

@@ -1,64 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Center, Loader } from '@mantine/core';
-import { useIntersection } from '@mantine/hooks';
-import { useEffect } from 'react';
-
-const InfinityLoader = ({
-  root,
-  infinity,
-  rootMargin = "0px 0px 0px 0px",
-  endMessage = "No hay más resultados",
-  loaderProps,
-  ...props
-}) => {
-  const { entry, ref } = useIntersection({
-    root: root?.current,
-    rootMargin
-  });
-  useEffect(() => {
-    if (!entry?.isIntersecting) return;
-    if (!infinity.hasNextPage) return;
-    if (infinity.isFetchingNextPage || infinity.isFetching) return;
-    infinity.fetchNextPage();
-  }, [
-    entry?.isIntersecting,
-    infinity.hasNextPage,
-    infinity.isFetchingNextPage,
-    infinity.isFetching
-  ]);
-  useEffect(() => {
-    if (!entry?.isIntersecting) return;
-    const el = root?.current ?? document.documentElement;
-    const hasScroll = el?.scrollHeight > el?.clientHeight;
-    if (hasScroll) return;
-    if (!infinity.hasNextPage) return;
-    if (infinity.isFetchingNextPage || infinity.isFetching) return;
-    infinity.fetchNextPage();
-  }, [
-    entry?.isIntersecting,
-    infinity.data?.pages.length,
-    infinity.hasNextPage,
-    infinity.isFetchingNextPage,
-    infinity.isFetching
-  ]);
-  const showLoader = infinity.isLoading || infinity.isFetchingNextPage;
-  const showEndMessage = infinity.data && infinity.data.pages.length > 1 && !infinity.hasNextPage;
-  if (!showLoader && !showEndMessage) {
-    return /* @__PURE__ */ jsx("div", { ref });
-  }
-  return /* @__PURE__ */ jsx(
-    Center,
-    {
-      ref,
-      ...props,
-      style: {
-        minHeight: "1rem",
-        fontSize: "14px",
-        ...props.style
-      },
-      children: showLoader ? /* @__PURE__ */ jsx(Loader, { ...loaderProps }) : showEndMessage ? endMessage : null
-    }
-  );
-};
-
-export { InfinityLoader };