lkd-web-kit 0.3.10 → 0.3.12

package/dist/index.cjs3.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 const hooks = require('@mantine/hooks');
-const clsx = require('clsx');
 const react = require('react');
 
 const InfinityLoader = ({
@@ -14,7 +13,6 @@ const InfinityLoader = ({
   rootMargin = "0px 0px 0px 0px",
   endMessage = "No hay más resultados",
   loaderProps,
-  className,
   ...props
 }) => {
   const { entry, ref } = hooks.useIntersection({
@@ -34,9 +32,13 @@ const InfinityLoader = ({
     core.Center,
     {
       ref,
-      className: clsx("min-h-4 text-sm", className),
       ...props,
-      children: infinity.isFetchingNextPage ? /* @__PURE__ */ jsxRuntime.jsx(core.Loader, { ...loaderProps }) : infinity.data && infinity.data.pages.length > 1 && !infinity.hasNextPage ? endMessage : null
+      style: {
+        minHeight: "1rem",
+        fontSize: "14px",
+        ...props.style
+      },
+      children: infinity.isLoading || infinity.isFetchingNextPage ? /* @__PURE__ */ jsxRuntime.jsx(core.Loader, { ...loaderProps }) : infinity.data && infinity.data.pages.length > 1 && !infinity.hasNextPage ? endMessage : null
     }
   );
 };

package/dist/index.d.ts

@@ -259,7 +259,7 @@ 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, className, ...props }: InfinityLoaderProps) => JSX.Element;
+export declare const InfinityLoader: ({ root, infinity, rootMargin, endMessage, loaderProps, ...props }: InfinityLoaderProps) => JSX.Element;
 
 export declare interface InfinityLoaderProps extends CenterProps {
     infinity: InfiniteQueryHookResult<InfiniteData<{

package/dist/index.es3.js

@@ -1,7 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { Center, Loader } from '@mantine/core';
 import { useIntersection } from '@mantine/hooks';
-import clsx from 'clsx';
 import { useEffect } from 'react';
 
 const InfinityLoader = ({
@@ -10,7 +9,6 @@ const InfinityLoader = ({
   rootMargin = "0px 0px 0px 0px",
   endMessage = "No hay más resultados",
   loaderProps,
-  className,
   ...props
 }) => {
   const { entry, ref } = useIntersection({
@@ -30,9 +28,13 @@ const InfinityLoader = ({
     Center,
     {
       ref,
-      className: clsx("min-h-4 text-sm", className),
       ...props,
-      children: infinity.isFetchingNextPage ? /* @__PURE__ */ jsx(Loader, { ...loaderProps }) : infinity.data && infinity.data.pages.length > 1 && !infinity.hasNextPage ? endMessage : null
+      style: {
+        minHeight: "1rem",
+        fontSize: "14px",
+        ...props.style
+      },
+      children: infinity.isLoading || infinity.isFetchingNextPage ? /* @__PURE__ */ jsx(Loader, { ...loaderProps }) : infinity.data && infinity.data.pages.length > 1 && !infinity.hasNextPage ? endMessage : null
     }
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.3.10",
+  "version": "0.3.12",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",