@boxcustodia/library 2.0.0-alpha.17 → 2.0.0-alpha.19

package/src/components/calendar/hooks/use-range-calendar.ts

@@ -1,91 +0,0 @@
-import {
-  eachDayOfInterval,
-  isBefore,
-  isSameDay,
-  isWithinInterval,
-  startOfDay,
-} from "date-fns";
-import { DateRange, DateSingle } from "../calendar.model";
-import { isDateRange } from "../utils/typeguards";
-
-function useRangeCalendar(
-  selected: DateRange | undefined,
-  // FIX: remove any
-  setSelected: any,
-  disabled?: (date: Date) => boolean,
-) {
-  const selectRangeDate = (date: Date): void => {
-    const firstDateSelected = selected?.start;
-    if (firstDateSelected) {
-      const { start, end } = selected;
-      const isEndBeforeStart = isBefore(date, start!);
-      const isNewRange = start && end;
-
-      if (isEndBeforeStart || isNewRange) {
-        setSelected({ start: date, end: undefined });
-        return;
-      }
-
-      if (hasDisabledDateInRange(start, date)) return;
-
-      setSelected({
-        start,
-        end: date,
-      });
-    } else {
-      setSelected({ start: date, end: undefined });
-    }
-  };
-
-  const hasDisabledDateInRange = (
-    start: DateSingle,
-    end: DateSingle,
-  ): boolean => {
-    if (!disabled) return false;
-    if (!start || !end) return false;
-    const interval = eachDayOfInterval({ start: startOfDay(start), end: end });
-    const hasDisabled = interval.some((date) => disabled(date));
-    return hasDisabled;
-  };
-
-  const isInRange = (day: Date): boolean => {
-    if (!isDateRange(selected)) return false;
-    if (!selected) return false;
-
-    const { start, end } = selected;
-
-    const isOnlyStartSelected = start && !end;
-    if (isOnlyStartSelected) {
-      return isSameDay(day, start);
-    }
-
-    if (!start || !end) return false;
-    return isWithinInterval(day, {
-      start: startOfDay(start),
-      end: startOfDay(end),
-    });
-  };
-
-  const isFirstDayFromRange = (day: Date): boolean => {
-    if (!selected) return false;
-    if (!isDateRange(selected)) return false;
-    if (!selected.start) return false;
-    return isSameDay(day, selected.start);
-  };
-
-  const isLastDayFromRange = (day: Date): boolean => {
-    if (!selected) return false;
-    if (!isDateRange(selected)) return false;
-    if (!selected.end) return false;
-    return isSameDay(day, selected.end);
-  };
-
-  return {
-    selectRangeDate,
-    isInRange,
-    isFirstDayFromRange,
-    isLastDayFromRange,
-  };
-}
-
-export default useRangeCalendar;

package/src/components/calendar/hooks/use-single-calendar.ts

@@ -1,18 +0,0 @@
-import { isDate, isSameDay } from "date-fns";
-import { DateSingle } from "../calendar.model";
-
-function useSingleCalendar(selected: DateSingle | undefined, setSelected: any) {
-  const selectSingleDate = (date: Date): void => {
-    setSelected(date);
-  };
-
-  const isSingleSelected = (day: Date): boolean =>
-    isDate(selected) && isSameDay(day, selected);
-
-  return {
-    selectSingleDate,
-    isSingleSelected,
-  };
-}
-
-export default useSingleCalendar;

package/src/components/calendar/utils/typeguards.ts

@@ -1,7 +0,0 @@
-import { DateRange } from "../calendar.model";
-
-export function isDateRange(value: unknown): value is DateRange {
-  return Boolean(
-    value && typeof value === "object" && "start" in value && "end" in value,
-  );
-}

package/src/hooks/useArray/index.ts

@@ -1 +0,0 @@
-export { default as useArray } from "./useArray";

package/src/hooks/useAsync/index.ts

@@ -1 +0,0 @@
-export { default as useAsync } from "./useAsync";

package/src/hooks/useClickOutside/__test__/useClickOutside.test.tsx

@@ -1,33 +0,0 @@
-import { act, render, screen, waitFor } from "@testing-library/react";
-import { describe, expect, it, vi } from "vitest";
-import useClickOutside from "../useClickOutside";
-
-describe("useSelection hook", () => {
-  const Component = (mock: any) => {
-    const ref: any = useClickOutside(mock);
-    return (
-      <div data-testid="wrapper">
-        <div ref={ref} data-testid="target" />
-      </div>
-    );
-  };
-
-  it("should close on outside click", () => {
-    const mock = vi.fn();
-    render(<Component mock={mock} />);
-
-    // click item
-    const target = screen.getByTestId("target");
-    act(() => target.click());
-    waitFor(() => {
-      expect(mock).not.toHaveBeenCalled();
-    });
-
-    // click outside
-    const wrapper = screen.getByTestId("wrapper");
-    wrapper.click();
-    waitFor(() => {
-      expect(mock).toHaveBeenCalled();
-    });
-  });
-});

package/src/hooks/useClickOutside/index.ts

@@ -1 +0,0 @@
-export { default as useClickOutside } from "./useClickOutside";

package/src/hooks/useClipboard/__doc__/useClipboard.stories.tsx

@@ -1,43 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react-vite";
-import { Button } from "../../../components";
-import useClipboard from "../useClipboard";
-
-/**
- * Permite copiar texto al portapapeles del usuario. Devuelve el texto copiado actualmente y una función para copiar nuevo texto. Incluye manejo de compatibilidad y errores.
- */
-const meta: Meta = {
-  title: "hooks/useClipboard",
-  tags: ["autodocs"],
-  parameters: {
-    docs: {
-      source: { type: "code" },
-    },
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  name: "Copia al portapapeles",
-  args: {
-    textoACopiar: "Hello world",
-  },
-  render: (args) => {
-    const [copiedText, copy] = useClipboard();
-    return (
-      <div className="space-y-2">
-        <pre className="rounded-md bg-slate-950 p-4 text-white">
-          <code className="block">
-            Texto copiado:{" "}
-            <span className="text-blue-300">
-              {JSON.stringify(copiedText, null, 2)}
-            </span>
-          </code>
-        </pre>
-
-        <Button onClick={() => copy(args.textoACopiar)}>Copy</Button>
-      </div>
-    );
-  },
-};

package/src/hooks/useClipboard/__test__/useClipboard.test.tsx

@@ -1,19 +0,0 @@
-import { renderHook, waitFor } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
-import useClipboard from "../useClipboard";
-
-describe("useClipboard", () => {
-  it("should be defined", () => {
-    expect(useClipboard).toBeDefined();
-  });
-
-  it("should copy to clipboard", () => {
-    const { result } = renderHook(useClipboard);
-    const [copiedValue, copy] = result.current;
-
-    copy("test");
-    waitFor(() => {
-      expect(copiedValue).toEqual("test");
-    });
-  });
-});

package/src/hooks/useClipboard/index.ts

@@ -1 +0,0 @@
-export { default as useClipboard } from "./useClipboard";

package/src/hooks/useClipboard/useClipboard.tsx

@@ -1,28 +0,0 @@
-import { useCallback, useState } from "react";
-
-type CopiedValue = string | null;
-type CopyFunction = (text: string) => Promise<boolean>;
-
-function useCopyToClipboard(): [CopiedValue, CopyFunction] {
-  const [copiedText, setCopiedText] = useState<CopiedValue>(null);
-
-  const copy = useCallback(async (text: string) => {
-    if (!navigator?.clipboard) {
-      return false;
-    }
-
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopiedText(text);
-      return true;
-    } catch (error) {
-      console.error(error);
-      setCopiedText(null);
-      return false;
-    }
-  }, []);
-
-  return [copiedText, copy];
-}
-
-export default useCopyToClipboard;

package/src/hooks/useDebounceCallback/index.ts

@@ -1 +0,0 @@
-export { default as useDebouncedCallback } from "./useDebouncedCallback";

package/src/hooks/useDebounceValue/index.ts

@@ -1 +0,0 @@
-export { default as useDebouncedValue } from "./useDebouncedValue";

package/src/hooks/useDisclosure/__test__/useDisclosure.test.ts

@@ -1,43 +0,0 @@
-import { act, renderHook, waitFor } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
-import useDisclosure from "../useDisclosure";
-
-describe("useDisclosure hook", () => {
-  it("should be defined", () => {
-    const { result } = renderHook(useDisclosure);
-    expect(result.current).toBeDefined();
-  });
-
-  it("should open", () => {
-    const { result } = renderHook(useDisclosure);
-    const [state, { open }] = result.current;
-    expect(state).toBe(false);
-    act(() => open());
-
-    waitFor(() => {
-      expect(state).toBe(true);
-    });
-  });
-
-  it("should close", () => {
-    const { result } = renderHook(useDisclosure);
-    const [state, { close }] = result.current;
-    expect(state).toBe(false);
-    act(() => close());
-
-    waitFor(() => {
-      expect(state).toBe(false);
-    });
-  });
-
-  it("should toggle", () => {
-    const { result } = renderHook(useDisclosure);
-    const [state, { toggle }] = result.current;
-    expect(state).toBe(false);
-    act(() => toggle());
-
-    waitFor(() => {
-      expect(state).toBe(true);
-    });
-  });
-});

package/src/hooks/useDisclosure/index.ts

@@ -1 +0,0 @@
-export { default as useDisclosure } from "./useDisclosure";

package/src/hooks/useDocumentTitle/__doc__/useDocumentTitle.stories.tsx

@@ -1,26 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react-vite";
-import { useState } from "react";
-import { Button, Input } from "../../../components";
-import useDocumentTitle from "../useDocumentTitle";
-
-const meta: Meta = {
-  title: "hooks/useDocumentTitle",
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  render: () => {
-    const [title, setTitle] = useState("");
-    useDocumentTitle(title);
-
-    return (
-      <div className="space-y-2">
-        <Input onValueChange={setTitle} value={title} />
-        <Button onClick={() => setTitle(title)}>Set document title</Button>
-      </div>
-    );
-  },
-};

package/src/hooks/useDocumentTitle/index.ts

@@ -1 +0,0 @@
-export { default as useDocumentTitle } from "./useDocumentTitle";

package/src/hooks/useDocumentTitle/useDocumentTitle.tsx

@@ -1,11 +0,0 @@
-import { useEffect } from "react";
-
-function useDocumentTitle(title: string) {
-  useEffect(() => {
-    if (typeof title === "string" && title.trim().length > 0) {
-      document.title = title.trim();
-    }
-  }, [title]);
-}
-
-export default useDocumentTitle;

package/src/hooks/useEventListener/index.ts

@@ -1 +0,0 @@
-export { default as useEventListener } from "./useEventListener";

package/src/hooks/useFocusTrap/index.ts

@@ -1 +0,0 @@
-export { default as useFocusTrap } from "./useFocusTrap";

package/src/hooks/useHotkey/index.ts

@@ -1 +0,0 @@
-export { default as useHotkey } from "./useHotkey";

package/src/hooks/useHover/__doc__/useHover.stories.tsx

@@ -1,41 +0,0 @@
-import { Meta } from "@storybook/react-vite";
-import { cn } from "../../../lib";
-import useHover from "../useHover";
-
-/**
- * Hook que facilita el manejo de un estado booleano. Provee métodos para abrir, cerrar y toggle el estado
- */
-const meta: Meta = {
-  title: "hooks/useHover",
-};
-
-export default meta;
-
-export const Default = {
-  render: () => {
-    const { ref, isHovering } = useHover<HTMLDivElement>();
-
-    return (
-      <div className="space-y-2">
-        <div
-          ref={ref}
-          className={cn(
-            "rounded transition-colors w-32 h-32 shadow text-3xl grid place-items-center cursor-pointer",
-            { "bg-accent": isHovering },
-          )}
-        >
-          🍅
-        </div>
-
-        <pre className="rounded-md bg-slate-950 p-4 text-white">
-          <code className="block">
-            hover?:{" "}
-            <span className={isHovering ? "text-green-500" : "text-red-500"}>
-              {JSON.stringify(isHovering, null, 2)}
-            </span>
-          </code>
-        </pre>
-      </div>
-    );
-  },
-};

package/src/hooks/useHover/__test__/useHover.test.tsx

@@ -1,45 +0,0 @@
-import { fireEvent } from "@testing-library/dom";
-import { render, screen, waitFor } from "@testing-library/react";
-import { describe, expect, it, vi } from "vitest";
-import useHover from "../useHover";
-
-describe("useHover hook", () => {
-  it("should be defined", () => {
-    expect(useHover).toBeDefined();
-  });
-
-  it("should handle hover start and end events", async () => {
-    const handleHoverStart = vi.fn();
-    const handleHoverEnd = vi.fn();
-
-    const Component = () => {
-      const { ref, isHovering } = useHover<HTMLDivElement>({
-        onHoverStart: handleHoverStart,
-        onHoverEnd: handleHoverEnd,
-      });
-      return (
-        <div ref={ref} data-testid="hover-target">
-          {isHovering ? "Hovering" : "Not Hovering"}
-        </div>
-      );
-    };
-
-    render(<Component />);
-
-    const target = screen.getByTestId("hover-target");
-
-    fireEvent.mouseOver(target);
-
-    await waitFor(() => {
-      expect(handleHoverStart).toHaveBeenCalled();
-      expect(target.textContent).toBe("Hovering");
-    });
-
-    fireEvent.mouseOut(target);
-
-    await waitFor(() => {
-      expect(handleHoverEnd).toHaveBeenCalled();
-      expect(target.textContent).toBe("Not Hovering");
-    });
-  });
-});

package/src/hooks/useHover/index.ts

@@ -1 +0,0 @@
-export { default as useHover } from "./useHover";

package/src/hooks/useHover/useHover.tsx

@@ -1,40 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-
-type UseHoverOptions = {
-  onHoverStart?: (event: MouseEvent) => void;
-  onHoverEnd?: (event: MouseEvent) => void;
-};
-
-function useHover<T extends HTMLElement>(
-  options?: UseHoverOptions,
-): { ref: React.RefObject<T | null>; isHovering: boolean } {
-  const [isHovering, setIsHovering] = useState(false);
-  const ref = useRef<T | null>(null);
-
-  useEffect(() => {
-    const handleMouseOver = (event: MouseEvent) => {
-      setIsHovering(true);
-      options?.onHoverStart?.(event);
-    };
-
-    const handleMouseOut = (event: MouseEvent) => {
-      setIsHovering(false);
-      options?.onHoverEnd?.(event);
-    };
-
-    const node = ref.current;
-    if (node) {
-      node.addEventListener("mouseover", handleMouseOver);
-      node.addEventListener("mouseout", handleMouseOut);
-
-      return () => {
-        node.removeEventListener("mouseover", handleMouseOver);
-        node.removeEventListener("mouseout", handleMouseOut);
-      };
-    }
-  }, [options]);
-
-  return { ref, isHovering };
-}
-
-export default useHover;

package/src/hooks/useIsVisible/index.ts

@@ -1 +0,0 @@
-export { default as useIsVisible } from "./useIsVisible";

package/src/hooks/useLocalStorage/index.ts

@@ -1 +0,0 @@
-export { default as useLocalStorage } from "./useLocalStorage";

package/src/hooks/useMediaQuery/index.ts

@@ -1 +0,0 @@
-export { default as useMediaQuery } from "./useMediaQuery";

package/src/hooks/useMemoizedFn/index.ts

@@ -1 +0,0 @@
-export { default as useMemoizedFn } from "./useMemoizedFn";

package/src/hooks/useMutation/index.ts

@@ -1 +0,0 @@
-export { default as useMutation } from "./useMutation";

package/src/hooks/useObject/index.ts

@@ -1 +0,0 @@
-export { default as useObject } from "./useObject";

package/src/hooks/usePagination/index.ts

@@ -1,2 +0,0 @@
-export * from "./usePagination";
-export { default as usePagination } from "./usePagination";

package/src/hooks/usePortal/__test__/usePortal.test.tsx

@@ -1,20 +0,0 @@
-import { render, renderHook, screen } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
-import usePortal from "../usePortal";
-
-describe("usePortal hook", () => {
-  it("should be defined", () => {
-    const { result } = renderHook(() => usePortal("id"));
-    expect(result.current).toBeDefined();
-  });
-
-  it("should render element", () => {
-    const Component = () => {
-      const { render } = usePortal("id2");
-      return render(<div>Hello World</div>);
-    };
-
-    render(<Component />);
-    expect(screen.getByText("Hello World")).toBeInTheDocument();
-  });
-});

package/src/hooks/usePortal/index.ts

@@ -1 +0,0 @@
-export { default as usePortal } from "./usePortal";

package/src/hooks/usePortal/usePortal.ts

@@ -1,40 +0,0 @@
-import type { ReactNode, ReactPortal } from "react";
-import { useEffect, useMemo } from "react";
-import { createPortal } from "react-dom";
-import { Nullable } from "@/models";
-
-function usePortal(id: string) {
-  const getWrapper = (): Nullable<HTMLElement> => document.getElementById(id);
-
-  const createWrapper = (): HTMLElement => {
-    const element = document.createElement("div");
-    element.id = id;
-    return element;
-  };
-
-  const wrapper = useMemo(() => {
-    const element = getWrapper();
-    if (element) return element;
-    return createWrapper();
-  }, [id]);
-
-  useEffect(() => {
-    if (!document.getElementById(id)) {
-      document.body.appendChild(wrapper);
-    }
-
-    return () => {
-      const element = document.getElementById(id);
-      if (element) {
-        document.body.removeChild(element);
-      }
-    };
-  }, [id, wrapper]);
-
-  return {
-    render: (children: ReactNode): ReactPortal | null =>
-      createPortal(children, wrapper),
-  };
-}
-
-export default usePortal;

package/src/hooks/usePreventCloseWindow/index.ts

@@ -1 +0,0 @@
-export { default as usePreventCloseWindow } from "./usePreventCloseWindow";

package/src/hooks/useRangePagination/index.ts

@@ -1,2 +0,0 @@
-export * from "./useRangePagination";
-export { default as useRangePagination } from "./useRangePagination";

package/src/hooks/useSelection/__test__/useSelection.test.tsx

@@ -1,57 +0,0 @@
-import { act, renderHook, waitFor } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
-import useSelection from "../useSelection";
-
-describe("useSelection hook", () => {
-  it("should be defined", () => {
-    const items = [1, 2, 3];
-    const { result } = renderHook(() => useSelection(items));
-    const { isAllSelected, isNoneSelected } = result.current;
-
-    expect(isAllSelected).toBe(false);
-    expect(isNoneSelected).toBe(true);
-  });
-
-  it("should select all", () => {
-    const items = [1, 2, 3];
-    const { result } = renderHook(() => useSelection(items));
-    const { toggleAll } = result.current;
-
-    act(() => toggleAll());
-    expect(result.current.isAllSelected).toBe(true);
-    expect(result.current.isNoneSelected).toBe(false);
-  });
-
-  it("should select item", () => {
-    const items = [1, 2, 3];
-    const { result } = renderHook(() => useSelection(items));
-    const { select } = result.current;
-
-    act(() => select(2));
-    expect(result.current.isSelected(2)).toBe(true);
-  });
-
-  it("should unselect item", () => {
-    const items = [1, 2, 3];
-    const { result } = renderHook(() => useSelection(items));
-    const { select } = result.current;
-
-    act(() => select(2));
-    expect(result.current.isSelected(2)).toBe(true);
-
-    act(() => select(2));
-    waitFor(() => {
-      expect(result.current.isSelected(2)).toBe(false);
-    });
-  });
-
-  it("should clear selections", () => {
-    const items = [1, 2, 3];
-    const { result } = renderHook(() => useSelection(items));
-    const { clear } = result.current;
-
-    act(() => clear());
-    expect(result.current.isAllSelected).toBe(false);
-    expect(result.current.isNoneSelected).toBe(true);
-  });
-});

package/src/hooks/useSelection/index.ts

@@ -1 +0,0 @@
-export { default as useSelection } from "./useSelection";