@majapisoftwares/ui 4.3.16 → 5.0.0

package/components/Tooltip/index.jsx

@@ -1,3 +0,0 @@
-import Tooltip from "./Tooltip";
-export * from "./Tooltip";
-export default Tooltip;

package/components/VisibilityActivatedButton/VisibilityActivatedButton.d.ts

@@ -1,7 +0,0 @@
-import { type ComponentProps } from "react";
-import Button from "../Button";
-export default function VisibilityActivatedButton({ rootMargin, threshold, root, ...props }: ComponentProps<typeof Button> & {
-    root?: Element | Document | null;
-    threshold?: number;
-    rootMargin?: string;
-}): import("react").JSX.Element;

package/components/VisibilityActivatedButton/VisibilityActivatedButton.jsx

@@ -1,18 +0,0 @@
-import { useEffect, useRef } from "react";
-import { useIntersection } from "react-use";
-import Button from "../Button";
-export default function VisibilityActivatedButton({ rootMargin, threshold, root, ...props }) {
-    const observerRef = useRef(null);
-    const intersection = useIntersection(observerRef, {
-        root,
-        rootMargin,
-        threshold,
-    });
-    useEffect(() => {
-        if (intersection && intersection.isIntersecting) {
-            observerRef.current?.click();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [intersection?.isIntersecting]);
-    return <Button ref={observerRef} {...props}/>;
-}

package/components/VisibilityActivatedButton/index.d.ts

@@ -1,3 +0,0 @@
-import VisibilityActivatedButton from "./VisibilityActivatedButton";
-export * from "./VisibilityActivatedButton";
-export default VisibilityActivatedButton;

package/components/VisibilityActivatedButton/index.jsx

@@ -1,3 +0,0 @@
-import VisibilityActivatedButton from "./VisibilityActivatedButton";
-export * from "./VisibilityActivatedButton";
-export default VisibilityActivatedButton;

package/form.d.ts

@@ -1,82 +0,0 @@
-import { type FormEvent } from "react";
-import type { ArrayKey, IsTuple, TupleKeys } from "react-hook-form/dist/types/path/common";
-import type { Get, PartialDeep, RequiredDeep, WritableDeep } from "type-fest";
-import type { DeepPartial } from "redux";
-type Any = any;
-export type DeepMapValues<T, V> = {
-    [K in keyof T]: T[K] extends Array<Any> ? DeepMapValues<T[K][0], V> & V : T[K] extends object ? DeepMapValues<T[K], V> : V;
-};
-export type IsEqual<T1, T2> = T1 extends T2 ? (<G>() => G extends T1 ? 1 : 2) extends <G>() => G extends T2 ? 1 : 2 ? true : false : false;
-export type Primitive = null | undefined | string | number | boolean | symbol | bigint;
-export type BrowserNativeObject = Date | FileList | File;
-export type FieldValues = Record<string, Any>;
-export type AnyIsEqual<T1, T2> = T1 extends T2 ? IsEqual<T1, T2> extends true ? true : never : never;
-export type PathImpl<K extends string | number, V, TraversedTypes> = V extends Primitive | BrowserNativeObject ? `${K}` : true extends AnyIsEqual<TraversedTypes, V> ? `${K}` : `${K}` | `${K}.${PathInternal<V, TraversedTypes | V>}`;
-export type PathInternal<T, TraversedTypes = T> = T extends ReadonlyArray<infer V> ? IsTuple<T> extends true ? {
-    [K in TupleKeys<T>]-?: PathImpl<K & string, T[K], TraversedTypes>;
-}[TupleKeys<T>] : PathImpl<ArrayKey, V, TraversedTypes> : {
-    [K in keyof T]-?: PathImpl<K & string, T[K], TraversedTypes>;
-}[keyof T];
-export type Path<T> = T extends Any ? PathInternal<T> : never;
-export type FieldPath<TFieldValues extends FieldValues> = Path<TFieldValues>;
-export type DeepRequiredByValidation<T, V extends {
-    [K in keyof T]?: Any;
-}> = {
-    [P in keyof T]-?: P extends keyof V ? T[P] extends object ? DeepRequiredByValidation<T[P], V[P]> : DeepRequiredByValidation<NonNullable<T[P]>, V[P]> : T[P];
-};
-export type Validation = {
-    required?: string;
-    min?: [number, string];
-    pattern?: [RegExp, string];
-};
-export declare function createFormState<T extends object, V extends PartialDeep<DeepMapValues<RequiredDeep<T>, Validation>>>(options: {
-    defaultValues: T;
-    validation?: V;
-}): {
-    options: {
-        defaultValues: T;
-        validation?: V;
-    };
-    values: DeepRequiredByValidation<T, V>;
-    setValue<N extends FieldPath<T>>(name: N, value: DeepPartial<Get<T, N>>): void;
-    errors: DeepMapValues<RequiredDeep<T>, {
-        message: string;
-    }>;
-    registeredFields: {
-        value: string[];
-    } & {
-        $$valtioSnapshot: {
-            value: string[];
-        };
-    };
-    reset(values?: DeepPartial<T>): void;
-};
-export declare function useForm<T extends ReturnType<typeof createFormState>>(state: T, options?: {
-    onSubmit?: (values: T["values"]) => void;
-    resetOnUnmount?: boolean;
-}): WritableDeep<import("valtio").Snapshot<T>> & {
-    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
-    register: <N extends FieldPath<T["values"]>>(name: N, handler?: {
-        onChange?: (e: Any) => Any;
-        onValueChange?: (e: Any) => Any;
-    }) => {
-        onChange(event: {
-            target: {
-                value: Any;
-            };
-        }): void;
-        name: N;
-        value: any;
-        error: boolean;
-        helpText: any;
-        required: boolean;
-    } | {
-        onValueChange(value: Any): void;
-        name: N;
-        value: any;
-        error: boolean;
-        helpText: any;
-        required: boolean;
-    };
-};
-export {};

package/form.js

@@ -1,113 +0,0 @@
-import { proxy, ref, useSnapshot } from "valtio";
-import { useCallback } from "react";
-import { cloneDeep, get, isNil, merge, set, unset } from "lodash-es";
-import { useUnmount } from "react-use";
-export function createFormState(options) {
-    const defaultValues = cloneDeep(options.defaultValues);
-    const valuesState = proxy(defaultValues);
-    const errorsState = proxy({});
-    const formState = proxy({
-        options,
-        values: valuesState,
-        setValue(name, value) {
-            unset(errorsState, name);
-            set(valuesState, name, value);
-        },
-        errors: errorsState,
-        registeredFields: ref({
-            value: [],
-        }),
-        reset(values) {
-            const update = merge(cloneDeep(defaultValues), cloneDeep(values));
-            for (const key in formState.values) {
-                delete formState.values[key];
-            }
-            for (const key in update) {
-                const typedKey = key;
-                formState.setValue(typedKey, update[key]);
-            }
-        },
-    });
-    return formState;
-}
-// noinspection JSUnusedGlobalSymbols
-export function useForm(state, options) {
-    const snapshot = useSnapshot(state, {
-        sync: true,
-    });
-    useUnmount(() => {
-        if (options?.resetOnUnmount) {
-            snapshot.reset();
-        }
-    });
-    return {
-        ...snapshot,
-        onSubmit: (e) => {
-            e.preventDefault();
-            const fields = Array.from(e.currentTarget.querySelectorAll(`[name],[data-input-name]`)).map((f) => f.getAttribute("name") || f.getAttribute("data-input-name"));
-            for (const field of fields) {
-                const nameWithoutIndexes = field
-                    .split(".")
-                    .filter((n) => isNaN(+n))
-                    .join(".");
-                const validation = get(snapshot.options.validation, nameWithoutIndexes);
-                const value = get(snapshot.values, field);
-                if (validation?.required &&
-                    (Array.isArray(value) ? !value.length : !value)) {
-                    set(state.errors, field, { message: validation.required });
-                }
-                else if (validation?.pattern &&
-                    !validation.pattern[0].test(value)) {
-                    set(state.errors, field, { message: validation.pattern[1] });
-                }
-                else if (!isNil(validation?.min) &&
-                    value.length < validation?.min[0]) {
-                    set(state.errors, field, { message: validation?.min[1] });
-                }
-            }
-            if (Object.keys(state.errors).length === 0) {
-                options?.onSubmit?.(snapshot.values);
-            }
-            else {
-                console.error(state.errors);
-            }
-        },
-        register: useCallback((name, handler) => {
-            if (!state.registeredFields.value.includes(name)) {
-                state.registeredFields.value.push(name);
-            }
-            const nameWithoutIndexes = name
-                .split(".")
-                .filter((n) => isNaN(+n))
-                .join(".");
-            const value = get(snapshot.values, name);
-            const props = {
-                name,
-                value: !isNil(value) ? value : "",
-                error: !!get(snapshot.errors, name),
-                // @ts-expect-error the type is correct
-                helpText: get(snapshot.errors, name)?.message,
-                required: !!get(snapshot.options.validation, nameWithoutIndexes)?.required,
-                ...(handler?.onChange || !handler?.onValueChange
-                    ? {
-                        onChange(event) {
-                            snapshot.setValue(name, (handler?.onChange
-                                ? handler?.onChange(event)
-                                : event.target.value));
-                        },
-                    }
-                    : {
-                        onValueChange(value) {
-                            snapshot.setValue(name, handler.onValueChange(value));
-                        },
-                    }),
-            };
-            if (!props.helpText) {
-                delete props.helpText;
-            }
-            return props;
-        }, 
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-        [snapshot]),
-    };
-}

package/form2.d.ts

@@ -1,15 +0,0 @@
-import { type ControllerFieldState, type ControllerProps, type ControllerRenderProps, type FieldPath, type FieldValues, type UseFormProps, type UseFormReturn, type UseFormStateReturn } from "react-hook-form";
-import * as z from "zod";
-import React from "react";
-export declare function useForm<TSchema extends z.Schema<any, any>, TFieldValues extends FieldValues = z.infer<TSchema>>({ schema, ...props }: UseFormProps<TFieldValues> & {
-    schema?: TSchema;
-}): UseFormReturn<TFieldValues>;
-export declare function Controller<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: Omit<ControllerProps<TFieldValues, TName>, "render"> & {
-    render: ({ field, fieldState, formState, }: {
-        field: ControllerRenderProps<TFieldValues, TName> & {
-            error?: string;
-        };
-        fieldState: ControllerFieldState;
-        formState: UseFormStateReturn<TFieldValues>;
-    }) => React.ReactElement;
-}): React.JSX.Element;

package/form2.jsx

@@ -1,30 +0,0 @@
-import { Controller as RHFController, useForm as useRHForm, } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
-import * as z from "zod";
-import React, { useMemo } from "react";
-import { get } from "lodash-es";
-export function useForm({ schema, ...props }) {
-    const jsonProps = JSON.stringify(props);
-    const config = useMemo(() => ({
-        resolver: schema ? zodResolver(schema) : undefined,
-        ...props,
-    }), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [jsonProps, schema]);
-    const formReturn = useRHForm(config);
-    const register = formReturn.register;
-    formReturn.register = function (name, options) {
-        const registerReturn = register(name, options);
-        const zodProperty = schema
-            ?.shape?.[name];
-        return {
-            ...registerReturn,
-            error: get(formReturn.formState.errors, name)?.message,
-            required: !!zodProperty && !zodProperty.isOptional(),
-        };
-    };
-    return formReturn;
-}
-export function Controller(props) {
-    return <RHFController {...props}/>;
-}

package/hooks/useBeforeUnload.d.ts

@@ -1 +0,0 @@
-export default function useBeforeUnload(message?: string | false): void;

package/hooks/useBeforeUnload.js

@@ -1,17 +0,0 @@
-import { useEffect } from "react";
-export default function useBeforeUnload(message) {
-    useEffect(() => {
-        if (message) {
-            const handleBeforeUnload = (e) => {
-                e.preventDefault();
-                // noinspection JSDeprecatedSymbols
-                e.returnValue = message; // This message is not shown in most browsers
-                return message; // Some older browsers may display this message
-            };
-            window.addEventListener("beforeunload", handleBeforeUnload);
-            return () => {
-                window.removeEventListener("beforeunload", handleBeforeUnload);
-            };
-        }
-    }, [message]);
-}

package/hooks/useDebounceEffect.d.ts

@@ -1,2 +0,0 @@
-import { type DependencyList } from "react";
-export default function useDebounceEffect(fn: () => void, waitTime: number, deps?: DependencyList): void;

package/hooks/useDebounceEffect.js

@@ -1,14 +0,0 @@
-import { useEffect } from "react";
-export default function useDebounceEffect(fn, waitTime, deps) {
-    useEffect(() => {
-        const t = setTimeout(() => {
-            // @ts-expect-error trust me
-            // eslint-disable-next-line prefer-spread
-            fn.apply(undefined, deps);
-        }, waitTime);
-        return () => {
-            clearTimeout(t);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, deps);
-}

package/hooks/useDebouncedValue.d.ts

@@ -1,2 +0,0 @@
-import { type StringValue } from "ms";
-export default function useDebounce<T = unknown>(value: T, delay: StringValue | number): T;

package/hooks/useDebouncedValue.js

@@ -1,14 +0,0 @@
-import { useEffect, useState } from "react";
-import ms, {} from "ms";
-export default function useDebounce(value, delay) {
-    const [debouncedValue, setDebouncedValue] = useState(value);
-    useEffect(() => {
-        const handler = setTimeout(() => {
-            setDebouncedValue(value);
-        }, typeof delay !== "number" ? ms(delay) : delay);
-        return () => {
-            clearTimeout(handler);
-        };
-    }, [value, delay]);
-    return debouncedValue;
-}

package/hooks/useLagRadar.d.ts

@@ -1 +0,0 @@
-export default function useLagRadar(): void;

package/hooks/useLagRadar.jsx

@@ -1,124 +0,0 @@
-import React from "react";
-import { useWindowSize } from "react-use";
-export default function useLagRadar() {
-    const { width, height } = useWindowSize();
-    React.useEffect(() => {
-        return lagRadar({
-            frames: 60, // number of frames to draw, more = worse performance
-            speed: 0.0017, // how fast the sweep moves (rads per ms)
-            size: Math.min(width, height) / 3, // outer frame px
-            inset: 3, // circle inset px
-            parent: document.body, // DOM node to attach to
-        });
-    }, [width, height]);
-}
-function lagRadar(config = {}) {
-    const { frames = 50, // number of frames to draw, more = worse performance
-    speed = 0.0017, // how fast the sweep moves (rads per ms)
-    size = 300, // outer frame px
-    inset = 3, // circle inset px
-    parent = document.body, // DOM node to attach to
-     } = config;
-    const styles = document.createTextNode(`
-    .lagRadar {
-      position: fixed;
-      bottom: 0.5rem;
-      right: 0.5rem;
-    }
-    .lagRadar {
-      pointer-events: none;
-    }
-    .lagRadar-sweep > * {
-      shape-rendering: crispEdges;
-    }
-    .lagRadar-face {
-      fill: transparent;
-    }
-    .lagRadar-hand {
-      stroke-width: 4px;
-      stroke-linecap: round;
-    }
-  `);
-    function $svg(tag, props = {}, children = []) {
-        const el = document.createElementNS("http://www.w3.org/2000/svg", tag);
-        Object.keys(props).forEach((prop) => el.setAttribute(prop, props[prop]));
-        children.forEach((child) => el.appendChild(child));
-        return el;
-    }
-    const PI2 = Math.PI * 2;
-    const middle = size / 2;
-    const radius = middle - inset;
-    const $hand = $svg("path", { class: "lagRadar-hand" });
-    const $arcs = new Array(frames).fill("path").map((t) => $svg(t));
-    const $root = $svg("svg", {
-        class: "lagRadar",
-        height: size,
-        width: size,
-    }, [
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        $svg("style", { type: "text/css" }, [styles]),
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        $svg("g", { class: "lagRadar-sweep" }, $arcs),
-        $hand,
-        $svg("circle", {
-            class: "lagRadar-face",
-            cx: middle,
-            cy: middle,
-            r: radius,
-        }),
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    ]);
-    parent.appendChild($root);
-    let frame;
-    let framePtr = 0;
-    let last = {
-        rotation: 0,
-        now: Date.now(),
-        tx: middle + radius,
-        ty: middle,
-    };
-    const calcHue = (() => {
-        const max_hue = 120;
-        const max_ms = 1000;
-        const log_f = 10;
-        // noinspection SpellCheckingInspection
-        const mult = max_hue / Math.log(max_ms / log_f);
-        return function (ms_delta) {
-            return (max_hue -
-                Math.max(0, Math.min(mult * Math.log(ms_delta / log_f), max_hue)));
-        };
-    })();
-    function animate() {
-        const now = Date.now();
-        const rDelta = Math.min(PI2 - speed, speed * (now - last.now));
-        const rotation = (last.rotation + rDelta) % PI2;
-        const tx = middle + radius * Math.cos(rotation);
-        const ty = middle + radius * Math.sin(rotation);
-        const bigArc = rDelta < Math.PI ? "0" : "1";
-        const path = `M${tx} ${ty}A${radius} ${radius} 0 ${bigArc} 0 ${last.tx} ${last.ty}L${middle} ${middle}`;
-        const hue = calcHue(rDelta / speed);
-        $arcs[framePtr % frames].setAttribute("d", path);
-        $arcs[framePtr % frames].setAttribute("fill", `hsl(${hue}, 80%, 40%)`);
-        $hand.setAttribute("d", `M${middle} ${middle}L${tx} ${ty}`);
-        $hand.setAttribute("stroke", `hsl(${hue}, 80%, 60%)`);
-        for (let i = 0; i < frames; i++) {
-            $arcs[(frames + framePtr - i) % frames].style.fillOpacity = (1 -
-                i / frames);
-        }
-        framePtr++;
-        last = {
-            now,
-            rotation,
-            tx,
-            ty,
-        };
-        frame = window.requestAnimationFrame(animate);
-    }
-    animate();
-    return function destroy() {
-        if (frame) {
-            window.cancelAnimationFrame(frame);
-        }
-        $root.remove();
-    };
-}

package/hooks/useMediaQuery.d.ts

@@ -1 +0,0 @@
-export default function useMediaQuery(query: string): boolean;

package/hooks/useMediaQuery.js

@@ -1,37 +0,0 @@
-// noinspection JSDeprecatedSymbols
-import { useEffect, useState } from "react";
-export default function useMediaQuery(query) {
-    const getMatches = (query) => {
-        // Prevents SSR issues
-        if (typeof window !== "undefined") {
-            return window.matchMedia(query).matches;
-        }
-        return false;
-    };
-    const [matches, setMatches] = useState(getMatches(query));
-    function handleChange() {
-        setMatches(getMatches(query));
-    }
-    useEffect(() => {
-        const matchMedia = window.matchMedia(query);
-        // Triggered at the first client-side load and if query changes
-        handleChange();
-        // Listen matchMedia
-        if (matchMedia.addListener) {
-            matchMedia.addListener(handleChange);
-        }
-        else {
-            matchMedia.addEventListener("change", handleChange);
-        }
-        return () => {
-            if (matchMedia.removeListener) {
-                matchMedia.removeListener(handleChange);
-            }
-            else {
-                matchMedia.removeEventListener("change", handleChange);
-            }
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [query]);
-    return matches;
-}

package/hooks/useMutationWindowCloseProtection.d.ts

@@ -1,2 +0,0 @@
-export default function useMutationWindowCloseProtection(): void;
-export declare function MutationWindowCloseProtection(): null;

package/hooks/useMutationWindowCloseProtection.js

@@ -1,13 +0,0 @@
-import { useIsMutating } from "@tanstack/react-query";
-import useBeforeUnload from "./useBeforeUnload";
-export default function useMutationWindowCloseProtection() {
-    const isMutating = useIsMutating();
-    useBeforeUnload(isMutating
-        ? "Mutation in progress. Are you sure you want to leave this page?"
-        : false);
-}
-// noinspection JSUnusedGlobalSymbols
-export function MutationWindowCloseProtection() {
-    useMutationWindowCloseProtection();
-    return null;
-}

package/hooks/useScroll.d.ts

@@ -1,3 +0,0 @@
-export declare function useIsScrolled(disabled?: boolean): boolean;
-export declare function useScrollY(disabled?: boolean): number;
-export declare function useScrollYMovement(max: number | undefined, callback: (scrollYMovement: number) => void, disabled?: boolean): void;

package/hooks/useScroll.js

@@ -1,47 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-import { isBrowser } from "../utils/isBrowser";
-// noinspection JSUnusedGlobalSymbols
-export function useIsScrolled(disabled) {
-    return useScrollY(disabled) > 0;
-}
-export function useScrollY(disabled) {
-    const [scrollY, setScrollY] = useState(isBrowser ? window.scrollY : 0);
-    useEffect(() => {
-        function onScroll() {
-            setScrollY(window.scrollY);
-        }
-        if (!disabled) {
-            onScroll();
-            window.addEventListener("scroll", onScroll, { passive: true });
-            return () => {
-                window.removeEventListener("scroll", onScroll);
-            };
-        }
-    }, [disabled]);
-    return scrollY;
-}
-export function useScrollYMovement(max = Infinity, callback, disabled) {
-    const scrollYMovement = useRef(0);
-    const previousScrollYMovement = useRef(0);
-    useEffect(() => {
-        function onScroll() {
-            const movement = window.scrollY - previousScrollYMovement.current;
-            scrollYMovement.current = scrollYMovement.current + movement;
-            scrollYMovement.current =
-                scrollYMovement.current > max
-                    ? max
-                    : scrollYMovement.current < 0 || window.scrollY <= 0
-                        ? 0
-                        : scrollYMovement.current;
-            callback(scrollYMovement.current);
-            previousScrollYMovement.current = window.scrollY;
-        }
-        if (!disabled) {
-            onScroll();
-            window.addEventListener("scroll", onScroll, { passive: true });
-            return () => {
-                window.removeEventListener("scroll", onScroll);
-            };
-        }
-    }, [callback, max, disabled]);
-}

package/hooks/useTranslation.d.ts

@@ -1,4 +0,0 @@
-export type Intl<T = string> = {
-    [key: string]: Intl<T> | T;
-};
-export default function useTranslation<K extends string>(intl?: Intl, prePath?: string): (sentence: K, path?: string) => string;

package/hooks/useTranslation.js

@@ -1,11 +0,0 @@
-import { useCallback } from "react";
-import { get } from "lodash-es";
-export default function useTranslation(intl, prePath) {
-    return useCallback((sentence, path) => {
-        return (get(intl, [
-            ...(prePath?.split(".") || []),
-            ...(path?.split(".") || []),
-            sentence,
-        ].filter(Boolean)) || sentence);
-    }, [intl, prePath]);
-}

package/hooks/useWhyDidYouUpdate.d.ts

@@ -1,3 +0,0 @@
-export default function useWhyDidYouUpdate(name: string, props: {
-    [key: string]: any;
-}): void;

package/hooks/useWhyDidYouUpdate.js

@@ -1,44 +0,0 @@
-import { useEffect, useRef } from "react";
-import { isEqual } from "lodash-es";
-export default function useWhyDidYouUpdate(name, props) {
-    // create a reference to track the previous data
-    const previousProps = useRef({});
-    useEffect(() => {
-        if (previousProps.current) {
-            // merge the keys of previous and current data
-            const keys = Object.keys({ ...previousProps.current, ...props });
-            // to store what has changed
-            const changesObj = {};
-            // check what values have changed between the previous and current
-            keys.forEach((key) => {
-                // if both are object
-                if (typeof props[key] === "object" &&
-                    typeof previousProps.current[key] === "object") {
-                    if (!isEqual(previousProps.current[key], props[key])) {
-                        // add to changesObj
-                        changesObj[key] = {
-                            from: previousProps.current[key],
-                            to: props[key],
-                        };
-                    }
-                }
-                else {
-                    // if both are non-object
-                    if (previousProps.current[key] !== props[key]) {
-                        // add to changesObj
-                        changesObj[key] = {
-                            from: previousProps.current[key],
-                            to: props[key],
-                        };
-                    }
-                }
-            });
-            // if changesObj not empty, print the cause
-            if (Object.keys(changesObj).length) {
-                console.info("This is causing re-renders", name, changesObj);
-            }
-        }
-        // update the previous props with the current
-        previousProps.current = props;
-    });
-}

package/imgur.d.ts

@@ -1 +0,0 @@
-export default function uploadToImgur(file: Blob): Promise<string>;