@boxcustodia/library 2.0.0-alpha.18 → 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/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/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/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";

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

@@ -1,51 +0,0 @@
-import { act, renderHook, waitFor } from "@testing-library/react";
-import { describe, expect, it } from "vitest";
-import { useStep } from "../../../hooks";
-
-describe("useStep hook", () => {
-  it("should be defined", () => {
-    expect(useStep).toBeDefined();
-  });
-
-  it("should return the current step", () => {
-    const steps = ["step1", "step2", "step3"];
-    const { result } = renderHook(() => useStep(steps));
-
-    expect(result.current.currentStepIndex).toBe(0);
-    expect(result.current.isFirstStep).toBe(true);
-  });
-
-  it("should go to the next and prev step", () => {
-    const steps = ["step1", "step2", "step3"];
-    const { result } = renderHook(() => useStep(steps));
-
-    // go next
-    act(() => result.current.next());
-
-    waitFor(() => {
-      expect(result.current.currentStepIndex).toBe(1);
-      expect(result.current.isFirstStep).toBe(false);
-    });
-
-    // go back
-    act(() => result.current.back());
-
-    waitFor(() => {
-      expect(result.current.currentStepIndex).toBe(0);
-      expect(result.current.isFirstStep).toBe(true);
-    });
-  });
-
-  it("should go to specified step", () => {
-    const steps = ["step1", "step2", "step3"];
-    const { result } = renderHook(() => useStep(steps));
-
-    act(() => result.current.goTo(2));
-
-    waitFor(() => {
-      expect(result.current.currentStepIndex).toBe(2);
-      expect(result.current.isFirstStep).toBe(false);
-      expect(result.current.isLastStep).toBe(true);
-    });
-  });
-});

package/src/hooks/useStep/index.ts

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

package/src/hooks/useToggle/index.ts

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