@vincentgraul/react-components 1.0.41 → 1.0.42

package/dist/use-match-device/use-match-device.types.js

@@ -1 +0,0 @@
-export {};

package/dist/use-match-resolution/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use-match-resolution/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC"}

package/dist/use-match-resolution/index.js

@@ -1,2 +0,0 @@
-export * from "./use-match-resolution";
-export * from "./use-match-resolution.types";

package/dist/use-match-resolution/use-match-resolution.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-match-resolution.d.ts","sourceRoot":"","sources":["../../src/use-match-resolution/use-match-resolution.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAc,MAAM,8BAA8B,CAAC;AAGxF,eAAO,MAAM,kBAAkB,EAAE,WAchC,CAAC;AAYF,eAAO,MAAM,kBAAkB,iBAChB,WAAW,OACpB,MAAM,KACT,eAsCF,CAAC"}

package/dist/use-match-resolution/use-match-resolution.js

@@ -1,49 +0,0 @@
-import { useEffect, useState } from "react";
-import { useMatchDevice } from "..";
-export const defaultBreakpoints = {
-    desktop: "(min-width: 1281px)",
-    laptop: "(min-width: 1025px) and (max-width: 1280px)",
-    laptopOrUpper: "(min-width: 1025px)",
-    laptopOrLower: "(max-width: 1280px)",
-    tablet: "(min-width: 768px) and (max-width: 1024px)",
-    tabletOrUpper: "(min-width: 768px)",
-    tabletOrLower: "(max-width: 1024px)",
-    largeMobile: "(min-width: 481px) and (max-width: 767px)",
-    largeMobileOrUpper: "(min-width: 481px)",
-    largeMobileOrLower: "(max-width: 767px)",
-    mobile: "(min-width: 320px) and (max-width: 480px)",
-    portrait: "(orientation: portrait)",
-    landscape: "(orientation: landscape)",
-};
-export const useMatchResolution = (breakpoints = defaultBreakpoints, UA = "") => {
-    const isClientSide = typeof window !== "undefined";
-    const { isDesktop, isMobile } = useMatchDevice(UA);
-    const match = (query) => isClientSide && window.matchMedia(query).matches;
-    const compute = () => ({
-        isDesktop: isClientSide ? match(breakpoints.desktop) : isDesktop,
-        isLaptop: isClientSide ? match(breakpoints.laptop) : isDesktop,
-        isLaptopOrUpper: isClientSide ? match(breakpoints.laptopOrUpper) : isDesktop,
-        isLaptopOrLower: isClientSide ? match(breakpoints.laptopOrLower) : false,
-        isTablet: isClientSide ? match(breakpoints.tablet) : isMobile,
-        isTabletOrUpper: isClientSide ? match(breakpoints.tabletOrUpper) : false,
-        isTabletOrLower: isClientSide ? match(breakpoints.tabletOrLower) : isMobile,
-        isLargeMobile: isClientSide ? match(breakpoints.largeMobile) : isMobile,
-        isLargeMobileOrUpper: isClientSide ? match(breakpoints.largeMobileOrUpper) : false,
-        isLargeMobileOrLower: isClientSide ? match(breakpoints.largeMobileOrLower) : isMobile,
-        isMobile: isClientSide ? match(breakpoints.mobile) : isMobile,
-        isPortrait: isClientSide ? match(breakpoints.portrait) : false,
-        isLandscape: isClientSide ? match(breakpoints.landscape) : false,
-    });
-    const [resolution, setResolution] = useState(compute());
-    useEffect(() => {
-        const onResize = () => setResolution(compute());
-        window.addEventListener("resize", onResize);
-        return () => {
-            window.removeEventListener("resize", onResize);
-        };
-    }, []);
-    useEffect(() => {
-        setResolution(compute());
-    }, [breakpoints]);
-    return { resolution, breakpoints, match };
-};

package/dist/use-match-resolution/use-match-resolution.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-match-resolution.types.d.ts","sourceRoot":"","sources":["../../src/use-match-resolution/use-match-resolution.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACnC,CAAC"}

package/dist/use-match-resolution/use-match-resolution.types.js

@@ -1 +0,0 @@
-export {};

package/dist/use-outside-alerter/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use-outside-alerter/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC"}

package/dist/use-outside-alerter/index.js

@@ -1,2 +0,0 @@
-export * from "./use-outside-alerter";
-export * from "./use-outside-alerter.types";

package/dist/use-outside-alerter/use-outside-alerter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-outside-alerter.d.ts","sourceRoot":"","sources":["../../src/use-outside-alerter/use-outside-alerter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAY,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,eAAO,MAAM,iBAAiB,QAAS,SAAS,CAAC,WAAW,CAAC,KAAG,cAyB/D,CAAC"}

package/dist/use-outside-alerter/use-outside-alerter.js

@@ -1,22 +0,0 @@
-import { useEffect, useState } from "react";
-export const useOutsideAlerter = (ref) => {
-    const [hasClickedOutside, setClickedOutside] = useState(false);
-    const handleOnReset = () => {
-        setClickedOutside(false);
-    };
-    useEffect(() => {
-        const handleOnClickOutside = (event) => {
-            if (event.target && ref.current) {
-                const value = !ref.current.contains(event.target);
-                if (value !== hasClickedOutside) {
-                    setClickedOutside(value);
-                }
-            }
-        };
-        document.addEventListener("mousedown", handleOnClickOutside);
-        return () => {
-            document.removeEventListener("mousedown", handleOnClickOutside);
-        };
-    }, [ref, hasClickedOutside]);
-    return { hasClickedOutside, onReset: handleOnReset };
-};

package/dist/use-outside-alerter/use-outside-alerter.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-outside-alerter.types.d.ts","sourceRoot":"","sources":["../../src/use-outside-alerter/use-outside-alerter.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

package/dist/use-outside-alerter/use-outside-alerter.types.js

@@ -1 +0,0 @@
-export {};

package/dist/use-pagination/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use-pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC"}

package/dist/use-pagination/index.js

@@ -1,2 +0,0 @@
-export * from "./use-pagination";
-export * from "./use-pagination.types";

package/dist/use-pagination/use-pagination.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../src/use-pagination/use-pagination.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAkBF,eAAO,MAAM,aAAa,UAAW,KAAK,KAAG,cA0D5C,CAAC"}

package/dist/use-pagination/use-pagination.js

@@ -1,49 +0,0 @@
-import { useEffect, useState } from "react";
-export const usePagination = (props) => {
-    const { totalRecords, itemNeighbours = 2, minItems = 5, maxRecordsPerPage = 10 } = props;
-    const [page, setPage] = useState(props.page);
-    const [total, setTotal] = useState(0);
-    const [items, setItems] = useState([]);
-    const generateItems = () => {
-        const items = [];
-        const from = Math.max(1, Math.min(page - itemNeighbours, total + 1 - minItems));
-        const to = Math.min(total, Math.max(minItems, page + itemNeighbours));
-        for (let i = from; i <= to; i++) {
-            items.push(i);
-        }
-        return items;
-    };
-    useEffect(() => {
-        setTotal(Math.ceil(totalRecords / maxRecordsPerPage));
-    }, [totalRecords, maxRecordsPerPage]);
-    useEffect(() => {
-        setItems(generateItems());
-    }, [page, total, itemNeighbours, minItems]);
-    const goToPage = (page) => {
-        const currentPage = Math.max(1, Math.min(page, total));
-        setPage(currentPage);
-    };
-    const goToFirst = () => {
-        goToPage(1);
-    };
-    const goToLeft = () => {
-        goToPage(page - 1);
-    };
-    const goToRight = () => {
-        goToPage(page + 1);
-    };
-    const goToLast = () => {
-        goToPage(total);
-    };
-    return {
-        page,
-        total,
-        items,
-        maxRecordsPerPage,
-        goToPage,
-        goToFirst,
-        goToLeft,
-        goToRight,
-        goToLast,
-    };
-};

package/dist/use-pagination/use-pagination.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-pagination.types.d.ts","sourceRoot":"","sources":["../../src/use-pagination/use-pagination.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC"}

package/dist/use-pagination/use-pagination.types.js

@@ -1 +0,0 @@
-export {};

package/dist/use-scroll-to/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use-scroll-to/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}

package/dist/use-scroll-to/index.js

@@ -1,2 +0,0 @@
-export * from "./use-scroll-to";
-export * from "./use-scroll-to.types";

package/dist/use-scroll-to/use-scroll-to.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-scroll-to.d.ts","sourceRoot":"","sources":["../../src/use-scroll-to/use-scroll-to.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASrD,eAAO,MAAM,WAAW,WAAY,SAAS,CAAC,WAAW,CAAC,KAAG,YAc5D,CAAC"}

package/dist/use-scroll-to/use-scroll-to.js

@@ -1,12 +0,0 @@
-export const useScrollTo = (target) => {
-    const isClientSide = typeof window !== "undefined";
-    if (!isClientSide) {
-        return { scrollToTop: () => null };
-    }
-    const scrollToTop = () => {
-        if (target.current) {
-            window.scrollTo(0, target.current.offsetTop);
-        }
-    };
-    return { scrollToTop };
-};

package/dist/use-scroll-to/use-scroll-to.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-scroll-to.types.d.ts","sourceRoot":"","sources":["../../src/use-scroll-to/use-scroll-to.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC"}

package/dist/use-scroll-to/use-scroll-to.types.js

@@ -1 +0,0 @@
-export {};

package/dist/use-visible/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use-visible/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/use-visible/index.js

@@ -1 +0,0 @@
-export * from "./use-visible";

package/dist/use-visible/use-visible.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-visible.d.ts","sourceRoot":"","sources":["../../src/use-visible/use-visible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvD,eAAO,MAAM,UAAU,WAAY,SAAS,CAAC,WAAW,CAAC,KAAG,OAsB3D,CAAC"}

package/dist/use-visible/use-visible.js

@@ -1,19 +0,0 @@
-import { useEffect, useState } from "react";
-export const useVisible = (target) => {
-    const [isVisible, setVisibility] = useState(false);
-    const handleObserver = (entry) => {
-        setVisibility(entry.isIntersecting);
-    };
-    useEffect(() => {
-        const observer = new IntersectionObserver(([entry]) => handleObserver(entry));
-        if (target && target.current) {
-            observer.observe(target.current);
-        }
-        return () => {
-            if (target && target.current) {
-                observer.unobserve(target.current);
-            }
-        };
-    }, [target]);
-    return isVisible;
-};

package/dist/wizard/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/wizard/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC"}

package/dist/wizard/index.js

@@ -1,2 +0,0 @@
-export * from "./wizard";
-export * from "./wizard.types";

package/dist/wizard/wizard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"wizard.d.ts","sourceRoot":"","sources":["../../src/wizard/wizard.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAuB,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,YAAY,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,YAAY,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,MAAM,UAAW,KAAK,4CAiClC,CAAC"}

package/dist/wizard/wizard.js

@@ -1,27 +0,0 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from "react";
-export const Wizard = (props) => {
-    const { children, renderHeader, renderFooter } = props;
-    const [step, setStep] = useState(1);
-    const totalSteps = React.Children.count(children);
-    const [isFirstPage, setFirstPage] = useState(false);
-    const [isLastPage, setLastPage] = useState(false);
-    useEffect(() => {
-        if (props.step <= totalSteps)
-            setStep(props.step);
-    }, [props.step]);
-    useEffect(() => {
-        setFirstPage(step === 1);
-        setLastPage(step === totalSteps);
-    }, [step]);
-    const currentPage = React.Children.toArray(children)[step - 1];
-    const nextStep = () => {
-        if (step < totalSteps)
-            setStep(step + 1);
-    };
-    const previousStep = () => {
-        if (step > 1)
-            setStep(step - 1);
-    };
-    return (_jsxs("div", { children: [renderHeader({ step, previousStep, nextStep, isFirstPage, isLastPage }), React.cloneElement(currentPage), renderFooter({ step, previousStep, nextStep, isFirstPage, isLastPage })] }));
-};

package/dist/wizard/wizard.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"wizard.types.d.ts","sourceRoot":"","sources":["../../src/wizard/wizard.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC"}

package/dist/wizard/wizard.types.js

@@ -1 +0,0 @@
-export {};