@vincentgraul/react-components 1.0.37 → 1.0.39

package/build/table/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./table";
+export * from "./table.types";
+//# sourceMappingURL=index.d.ts.map

package/build/table/index.d.ts.map

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

package/build/table/index.js

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

package/build/table/table.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode, PropsWithChildren } from "react";
+import { Column } from "./table.types";
+type Props<T> = {
+    columns: Column[];
+    records: T[];
+    renderHeader?: () => ReactNode;
+    renderFooter?: () => ReactNode;
+    renderColumnsRow?: (columns: ReactNode) => ReactNode;
+    renderColumnsCell?: (column: Column, key: string) => ReactNode;
+    renderRecordsRow?: (cells: ReactNode, key: string) => ReactNode;
+    renderRecordsCell?: (cell: Primitive, key: string) => ReactNode;
+    renderRecordsEmptyCell?: (key: string) => ReactNode;
+    renderNoRecords?: () => ReactNode;
+};
+export declare const Table: <T>({ columns, records, renderHeader, renderFooter, renderColumnsRow, renderColumnsCell, renderRecordsRow, renderRecordsCell, renderRecordsEmptyCell, renderNoRecords, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Th: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const Tr: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const Td: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=table.d.ts.map

package/build/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,KAAK,KAAK,CAAC,CAAC,IAAI;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,KAAK,SAAS,CAAC;IACrD,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;IAC/D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;IAChE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;IAChE,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;IACpD,eAAe,CAAC,EAAE,MAAM,SAAS,CAAC;CACnC,CAAC;AAWF,eAAO,MAAM,KAAK,GAAI,CAAC,wKAWpB,KAAK,CAAC,CAAC,CAAC,4CAyCV,CAAC;AAEF,eAAO,MAAM,EAAE,iBAAkB,iBAAiB,4CAA8C,CAAC;AACjG,eAAO,MAAM,EAAE,iBAAkB,iBAAiB,4CAA8C,CAAC;AACjG,eAAO,MAAM,EAAE,iBAAkB,iBAAiB,4CAA8C,CAAC"}

package/build/table/table.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import styles from "./table.module.css";
+export const Table = ({ columns, records, renderHeader = () => null, renderFooter = () => null, renderColumnsRow = (columns) => _jsx("tr", { children: columns }), renderColumnsCell = (column, key) => _jsx(Th, { children: column.name }, key), renderRecordsRow = (cells, key) => _jsx(Tr, { children: cells }, key), renderRecordsCell = (cell, key) => _jsx(Td, { children: cell }, key), renderRecordsEmptyCell = (key) => _jsx(Td, { children: "X" }, key), renderNoRecords = () => null, }) => {
+    const displayColumns = () => renderColumnsRow(columns.map((column, index) => renderColumnsCell(column, `column-${index}`)));
+    const displayRows = () => {
+        const columnNames = columns.map((column) => column.name);
+        return records.map((record, rowIndex) => {
+            const cells = columnNames.map((name) => record[name]);
+            return renderRecordsRow(cells.map((cell, cellIndex) => cell
+                ? renderRecordsCell(cell, `cell-${cellIndex}`)
+                : renderRecordsEmptyCell(`cell-${cellIndex}`)), `row-${rowIndex}`);
+        });
+    };
+    return (_jsxs("div", { className: styles.container, children: [renderHeader(), records.length === 0 ? (renderNoRecords()) : (_jsx(_Fragment, { children: _jsxs("table", { className: styles.main, children: [_jsx("thead", { children: displayColumns() }), _jsx("tbody", { className: styles.tbody, children: displayRows() })] }) })), renderFooter()] }));
+};
+export const Th = ({ children }) => _jsx("th", { className: styles.th, children: children });
+export const Tr = ({ children }) => _jsx("tr", { className: styles.tr, children: children });
+export const Td = ({ children }) => _jsx("th", { className: styles.td, children: children });

package/build/table/table.types.d.ts

@@ -0,0 +1,6 @@
+export type Column = {
+    name: string;
+    label: string;
+    [field: string]: any;
+};
+//# sourceMappingURL=table.types.d.ts.map

package/build/table/table.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../src/table/table.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB,CAAC"}

package/build/table/table.types.js

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

package/build/use-breadcrumb/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-breadcrumb";
+export * from "./use-breadcrumb.types";
+//# sourceMappingURL=index.d.ts.map

package/build/use-breadcrumb/index.d.ts.map

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

package/build/use-breadcrumb/index.js

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

package/build/use-breadcrumb/use-breadcrumb.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbType, BreadcrumbElementType } from "./use-breadcrumb.types";
+export declare const useBreadcrumb: ({ url, mapping, }: BreadcrumbType) => BreadcrumbElementType[];
+//# sourceMappingURL=use-breadcrumb.d.ts.map

package/build/use-breadcrumb/use-breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-breadcrumb.d.ts","sourceRoot":"","sources":["../../src/use-breadcrumb/use-breadcrumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/E,eAAO,MAAM,aAAa,sBAGvB,cAAc,KAAG,qBAAqB,EA4BxC,CAAC"}

package/build/use-breadcrumb/use-breadcrumb.js

@@ -0,0 +1,23 @@
+import { useEffect, useState } from "react";
+export const useBreadcrumb = ({ url = new URL(location.href), mapping, }) => {
+    const [elements, setElements] = useState([]);
+    const prepareElements = (paths) => {
+        let previousPath = "";
+        paths.shift();
+        return paths.map((path) => {
+            let label = path;
+            const url = `${previousPath}/${path}`;
+            previousPath = url;
+            if (mapping) {
+                const value = mapping.find((value) => value.url === path);
+                label = value ? value.label : path;
+            }
+            return { label, url };
+        });
+    };
+    useEffect(() => {
+        const paths = url.pathname.split("/");
+        setElements(prepareElements(paths));
+    }, []);
+    return elements;
+};

package/build/use-breadcrumb/use-breadcrumb.types.d.ts

@@ -0,0 +1,12 @@
+export type BreadcrumbElementType = {
+    label: string;
+    url: string;
+};
+export type BreadcrumbType = {
+    url?: URL;
+    mapping?: {
+        url: string;
+        label: string;
+    }[];
+};
+//# sourceMappingURL=use-breadcrumb.types.d.ts.map

package/build/use-breadcrumb/use-breadcrumb.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-breadcrumb.types.d.ts","sourceRoot":"","sources":["../../src/use-breadcrumb/use-breadcrumb.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,OAAO,CAAC,EAAE;QACR,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL,CAAC"}

package/build/use-breadcrumb/use-breadcrumb.types.js

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

package/build/use-match-device/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-match-device";
+export * from "./use-match-device.types";
+//# sourceMappingURL=index.d.ts.map

package/build/use-match-device/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/use-match-device/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC"}

package/build/use-match-device/index.js

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

package/build/use-match-device/use-match-device.d.ts

@@ -0,0 +1,3 @@
+import { Device } from "./use-match-device.types";
+export declare const useMatchDevice: (UA: string) => Device;
+//# sourceMappingURL=use-match-device.d.ts.map

package/build/use-match-device/use-match-device.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-match-device.d.ts","sourceRoot":"","sources":["../../src/use-match-device/use-match-device.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAQlD,eAAO,MAAM,cAAc,OAAQ,MAAM,KAAG,MA8B3C,CAAC"}

package/build/use-match-device/use-match-device.js

@@ -0,0 +1,25 @@
+import { useEffect, useState } from "react";
+import UAParser from "ua-parser-js";
+export const useMatchDevice = (UA) => {
+    const isClientSide = typeof window !== "undefined";
+    const compute = () => {
+        const parser = new UAParser.UAParser(UA);
+        const { type } = parser.getDevice();
+        const device = {
+            isMobile: type === "mobile",
+            isTablet: type === "tablet",
+            isMobileOrTablet: false,
+            isDesktop: !type,
+        };
+        device.isMobileOrTablet = device.isMobile || device.isTablet;
+        return device;
+    };
+    if (!isClientSide) {
+        return compute();
+    }
+    const [device, setDevice] = useState(compute());
+    useEffect(() => {
+        setDevice(compute());
+    }, [UA]);
+    return device;
+};

package/build/use-match-device/use-match-device.types.d.ts

@@ -0,0 +1,7 @@
+export type Device = {
+    isMobile: boolean;
+    isTablet: boolean;
+    isMobileOrTablet: boolean;
+    isDesktop: boolean;
+};
+//# sourceMappingURL=use-match-device.types.d.ts.map

package/build/use-match-device/use-match-device.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-match-device.types.d.ts","sourceRoot":"","sources":["../../src/use-match-device/use-match-device.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC"}

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

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

package/build/use-match-resolution/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-match-resolution";
+export * from "./use-match-resolution.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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/build/use-match-resolution/index.js

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

package/build/use-match-resolution/use-match-resolution.d.ts

@@ -0,0 +1,4 @@
+import { Breakpoints, MatchResolution } from "./use-match-resolution.types";
+export declare const defaultBreakpoints: Breakpoints;
+export declare const useMatchResolution: (breakpoints?: Breakpoints, UA?: string) => MatchResolution;
+//# sourceMappingURL=use-match-resolution.d.ts.map

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

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

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

@@ -0,0 +1,49 @@
+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/build/use-match-resolution/use-match-resolution.types.d.ts

@@ -0,0 +1,36 @@
+export type Breakpoints = {
+    desktop: string;
+    laptop: string;
+    laptopOrUpper: string;
+    laptopOrLower: string;
+    tablet: string;
+    tabletOrUpper: string;
+    tabletOrLower: string;
+    largeMobile: string;
+    largeMobileOrUpper: string;
+    largeMobileOrLower: string;
+    mobile: string;
+    portrait: string;
+    landscape: string;
+};
+export type Resolution = {
+    isDesktop: boolean;
+    isLaptop: boolean;
+    isLaptopOrUpper: boolean;
+    isLaptopOrLower: boolean;
+    isTablet: boolean;
+    isTabletOrUpper: boolean;
+    isTabletOrLower: boolean;
+    isLargeMobile: boolean;
+    isLargeMobileOrUpper: boolean;
+    isLargeMobileOrLower: boolean;
+    isMobile: boolean;
+    isPortrait: boolean;
+    isLandscape: boolean;
+};
+export type MatchResolution = {
+    resolution: Resolution;
+    breakpoints: Breakpoints;
+    match: (query: string) => boolean;
+};
+//# sourceMappingURL=use-match-resolution.types.d.ts.map

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

@@ -0,0 +1 @@
+{"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/build/use-match-resolution/use-match-resolution.types.js

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

package/build/use-outside-alerter/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-outside-alerter";
+export * from "./use-outside-alerter.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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/build/use-outside-alerter/index.js

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

package/build/use-outside-alerter/use-outside-alerter.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from "react";
+import { OutsideAlerter } from "./use-outside-alerter.types";
+export declare const useOutsideAlerter: (ref: RefObject<HTMLElement>) => OutsideAlerter;
+//# sourceMappingURL=use-outside-alerter.d.ts.map

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

@@ -0,0 +1 @@
+{"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/build/use-outside-alerter/use-outside-alerter.js

@@ -0,0 +1,22 @@
+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/build/use-outside-alerter/use-outside-alerter.types.d.ts

@@ -0,0 +1,5 @@
+export type OutsideAlerter = {
+    hasClickedOutside: boolean;
+    onReset: () => void;
+};
+//# sourceMappingURL=use-outside-alerter.types.d.ts.map

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

@@ -0,0 +1 @@
+{"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/build/use-outside-alerter/use-outside-alerter.types.js

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

package/build/use-pagination/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-pagination";
+export * from "./use-pagination.types";
+//# sourceMappingURL=index.d.ts.map

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

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

package/build/use-pagination/index.js

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

package/build/use-pagination/use-pagination.d.ts

@@ -0,0 +1,11 @@
+import { PaginationData } from "./use-pagination.types";
+type Props = {
+    page: number;
+    totalRecords: number;
+    maxRecordsPerPage?: number;
+    itemNeighbours?: number;
+    minItems?: number;
+};
+export declare const usePagination: (props: Props) => PaginationData;
+export {};
+//# sourceMappingURL=use-pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"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/build/use-pagination/use-pagination.js

@@ -0,0 +1,49 @@
+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/build/use-pagination/use-pagination.types.d.ts

@@ -0,0 +1,12 @@
+export type PaginationData = {
+    page: number;
+    total: number;
+    items: number[];
+    maxRecordsPerPage: number;
+    goToPage: (page: number) => void;
+    goToFirst: () => void;
+    goToLeft: () => void;
+    goToRight: () => void;
+    goToLast: () => void;
+};
+//# sourceMappingURL=use-pagination.types.d.ts.map

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

@@ -0,0 +1 @@
+{"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/build/use-pagination/use-pagination.types.js

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

package/build/use-scroll-to/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-scroll-to";
+export * from "./use-scroll-to.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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/build/use-scroll-to/index.js

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

package/build/use-scroll-to/use-scroll-to.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from "react";
+import { ScrollEvents } from "./use-scroll-to.types";
+export declare const useScrollTo: (target: RefObject<HTMLElement>) => ScrollEvents;
+//# sourceMappingURL=use-scroll-to.d.ts.map

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

@@ -0,0 +1 @@
+{"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/build/use-scroll-to/use-scroll-to.js

@@ -0,0 +1,12 @@
+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/build/use-scroll-to/use-scroll-to.types.d.ts

@@ -0,0 +1,4 @@
+export type ScrollEvents = {
+    scrollToTop: () => void;
+};
+//# sourceMappingURL=use-scroll-to.types.d.ts.map

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

@@ -0,0 +1 @@
+{"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/build/use-scroll-to/use-scroll-to.types.js

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

package/build/use-visible/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./use-visible";
+//# sourceMappingURL=index.d.ts.map

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

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

package/build/use-visible/index.js

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

package/build/use-visible/use-visible.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from "react";
+export declare const useVisible: (target: RefObject<HTMLElement>) => boolean;
+//# sourceMappingURL=use-visible.d.ts.map

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

@@ -0,0 +1 @@
+{"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/build/{visible/useVisible.js → use-visible/use-visible.js}

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-export default function useVisible(target) {
+export const useVisible = (target) => {
     const [isVisible, setVisibility] = useState(false);
     const handleObserver = (entry) => {
         setVisibility(entry.isIntersecting);
@@ -16,4 +16,4 @@ export default function useVisible(target) {
         };
     }, [target]);
     return isVisible;
-}
+};

package/build/visible/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./use-visible";
+//# sourceMappingURL=index.d.ts.map

package/build/visible/index.d.ts.map

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

package/build/visible/index.js

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

package/build/visible/use-visible.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from "react";
+export declare const useVisible: (target: RefObject<HTMLElement>) => boolean;
+//# sourceMappingURL=use-visible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-visible.d.ts","sourceRoot":"","sources":["../../src/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/build/visible/use-visible.js

@@ -0,0 +1,19 @@
+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/build/wizard/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./wizard";
+export * from "./wizard.types";
+//# sourceMappingURL=index.d.ts.map