lkd-web-kit 0.7.17 → 0.7.18

package/dist/components/InfinityLoadMoreButton/index.cjs

@@ -19,29 +19,24 @@ const InfinityLoadMoreButton = ({
     rootMargin: "0px 0px 0px 0px",
     threshold: 0.5
   });
-  const {
-    loadMore = "Cargar más",
-    loading = "Cargando...",
-    end = "Fin de la lista"
-  } = labels || {};
+  const { loadMore = "Cargar más", loading = "Cargando...", end = "Fin de la lista" } = labels || {};
   const { hasNextPage, isFetchingNextPage, fetchNextPage } = infinity;
   React.useEffect(() => {
-    if (hasNextPage && !isFetchingNextPage && entry?.isIntersecting)
-      fetchNextPage();
+    if (hasNextPage && !isFetchingNextPage && entry?.isIntersecting) fetchNextPage();
   }, [entry?.isIntersecting]);
+  const showLoader = infinity.isLoading || infinity.isFetchingNextPage;
+  const showEndMessage = infinity.data && infinity.data.pages.length > 1 && !infinity.hasNextPage;
+  if (showLoader && !showEndMessage) return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     core.Button,
     {
       ref,
       onClick: () => fetchNextPage(),
-      className: clsx(
-        (!hasNextPage || isFetchingNextPage) && "pointer-events-none",
-        "font-medium"
-      ),
+      className: clsx((!hasNextPage || isFetchingNextPage) && "pointer-events-none", "font-medium"),
       variant: "transparent",
       color: !hasNextPage ? "gray" : void 0,
       ...props,
-      children: isFetchingNextPage ? loading : hasNextPage ? loadMore : end
+      children: showLoader ? loading : hasNextPage ? loadMore : end
     }
   );
 };

package/dist/components/InfinityLoadMoreButton/index.js

@@ -15,29 +15,24 @@ const InfinityLoadMoreButton = ({
     rootMargin: "0px 0px 0px 0px",
     threshold: 0.5
   });
-  const {
-    loadMore = "Cargar más",
-    loading = "Cargando...",
-    end = "Fin de la lista"
-  } = labels || {};
+  const { loadMore = "Cargar más", loading = "Cargando...", end = "Fin de la lista" } = labels || {};
   const { hasNextPage, isFetchingNextPage, fetchNextPage } = infinity;
   useEffect(() => {
-    if (hasNextPage && !isFetchingNextPage && entry?.isIntersecting)
-      fetchNextPage();
+    if (hasNextPage && !isFetchingNextPage && entry?.isIntersecting) fetchNextPage();
   }, [entry?.isIntersecting]);
+  const showLoader = infinity.isLoading || infinity.isFetchingNextPage;
+  const showEndMessage = infinity.data && infinity.data.pages.length > 1 && !infinity.hasNextPage;
+  if (showLoader && !showEndMessage) return null;
   return /* @__PURE__ */ jsx(
     Button,
     {
       ref,
       onClick: () => fetchNextPage(),
-      className: clsx(
-        (!hasNextPage || isFetchingNextPage) && "pointer-events-none",
-        "font-medium"
-      ),
+      className: clsx((!hasNextPage || isFetchingNextPage) && "pointer-events-none", "font-medium"),
       variant: "transparent",
       color: !hasNextPage ? "gray" : void 0,
       ...props,
-      children: isFetchingNextPage ? loading : hasNextPage ? loadMore : end
+      children: showLoader ? loading : hasNextPage ? loadMore : end
     }
   );
 };

package/dist/components/InfinitySelect/index.cjs

@@ -106,8 +106,7 @@ 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) => {
@@ -135,10 +134,7 @@ function InfinitySelect({
             children: data.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.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,
                   {

package/dist/components/InfinitySelect/index.js

@@ -102,8 +102,7 @@ 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) => {
@@ -131,10 +130,7 @@ function InfinitySelect({
             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,
                   {

package/dist/components/MyMultiSelect/index.cjs

@@ -5,12 +5,6 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const core = require('@mantine/core');
 
-const MyMultiSelect = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-  core.MultiSelect,
-  {
-    variant: props.readOnly ? "filled" : "default",
-    ...props
-  }
-);
+const MyMultiSelect = (props) => /* @__PURE__ */ jsxRuntime.jsx(core.MultiSelect, { variant: props.readOnly ? "filled" : "default", ...props });
 
 exports.MyMultiSelect = MyMultiSelect;

package/dist/components/MyMultiSelect/index.js

@@ -1,12 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { MultiSelect } from '@mantine/core';
 
-const MyMultiSelect = (props) => /* @__PURE__ */ jsx(
-  MultiSelect,
-  {
-    variant: props.readOnly ? "filled" : "default",
-    ...props
-  }
-);
+const MyMultiSelect = (props) => /* @__PURE__ */ jsx(MultiSelect, { variant: props.readOnly ? "filled" : "default", ...props });
 
 export { MyMultiSelect };

package/dist/index.d.ts

@@ -320,7 +320,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 InfinityLoadMoreButton: <T>({ infinity, labels, parentRef, ...props }: InfinityLoadMoreButtonProps<T>) => JSX.Element;
+export declare const InfinityLoadMoreButton: <T>({ infinity, labels, parentRef, ...props }: InfinityLoadMoreButtonProps<T>) => JSX.Element | null;
 
 export declare interface InfinityLoadMoreButtonProps<T> extends ButtonProps {
     infinity: InfiniteQueryHookResult<InfiniteData<{
@@ -336,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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkd-web-kit",
-  "version": "0.7.17",
+  "version": "0.7.18",
   "description": "A template for creating React component libraries with Vite.",
   "author": "LKD",
   "license": "MIT",
@@ -23,11 +23,12 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "format": "prettier . --write --ignore-unknown",
+    "lint": "biome check",
+    "format": "biome format --write",
     "prepublishOnly": "npm run build"
   },
   "devDependencies": {
+    "@biomejs/biome": "2.3.7",
     "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
@@ -70,4 +71,4 @@
   "dependencies": {
     "@tanstack/react-virtual": "^3.13.12"
   }
-}
+}