@vincentgraul/react-components 1.0.38 → 1.0.39

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

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

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import UAParser from "ua-parser-js";
-export default function useMatchDevice(UA) {
+export const useMatchDevice = (UA) => {
     const isClientSide = typeof window !== "undefined";
     const compute = () => {
         const parser = new UAParser.UAParser(UA);
@@ -22,4 +22,4 @@ export default function useMatchDevice(UA) {
         setDevice(compute());
     }, [UA]);
     return device;
-}
+};

package/build/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/match-device/use-match-device.types.d.ts.map

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

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

package/build/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/match-resolution/index.d.ts.map

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

package/build/match-resolution/index.js

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

package/build/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/match-resolution/use-match-resolution.d.ts.map

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

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import useMatchDevice from "../match-device/useMatchDevice";
+import { useMatchDevice } from "..";
 export const defaultBreakpoints = {
     desktop: "(min-width: 1281px)",
     laptop: "(min-width: 1025px) and (max-width: 1280px)",
@@ -15,7 +15,7 @@ export const defaultBreakpoints = {
     portrait: "(orientation: portrait)",
     landscape: "(orientation: landscape)",
 };
-export default function useMatchResolution(breakpoints = defaultBreakpoints, UA = "") {
+export const useMatchResolution = (breakpoints = defaultBreakpoints, UA = "") => {
     const isClientSide = typeof window !== "undefined";
     const { isDesktop, isMobile } = useMatchDevice(UA);
     const match = (query) => isClientSide && window.matchMedia(query).matches;
@@ -46,4 +46,4 @@ export default function useMatchResolution(breakpoints = defaultBreakpoints, UA
         setResolution(compute());
     }, [breakpoints]);
     return { resolution, breakpoints, match };
-}
+};

package/build/match-resolution/{useMatchResolution.d.ts → use-match-resolution.types.d.ts}

@@ -1,4 +1,4 @@
-export interface Breakpoints {
+export type Breakpoints = {
     desktop: string;
     laptop: string;
     laptopOrUpper: string;
@@ -12,8 +12,8 @@ export interface Breakpoints {
     mobile: string;
     portrait: string;
     landscape: string;
-}
-export interface Resolution {
+};
+export type Resolution = {
     isDesktop: boolean;
     isLaptop: boolean;
     isLaptopOrUpper: boolean;
@@ -27,12 +27,10 @@ export interface Resolution {
     isMobile: boolean;
     isPortrait: boolean;
     isLandscape: boolean;
-}
-export interface MatchResolution {
+};
+export type MatchResolution = {
     resolution: Resolution;
     breakpoints: Breakpoints;
     match: (query: string) => boolean;
-}
-export declare const defaultBreakpoints: Breakpoints;
-export default function useMatchResolution(breakpoints?: Breakpoints, UA?: string): MatchResolution;
-//# sourceMappingURL=useMatchResolution.d.ts.map
+};
+//# sourceMappingURL=use-match-resolution.types.d.ts.map

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

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

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

package/build/modal/index.d.ts

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

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

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

package/build/modal/index.js

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

package/build/modal/modal.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    onClickedOutside?: () => void;
+};
+export declare const Modal: ({ children, onClickedOutside }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=modal.d.ts.map

package/build/modal/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/modal/modal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAI5D,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,KAAK,mCAAoC,KAAK,4CAiB1D,CAAC"}

package/build/modal/modal.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useOutsideAlerter } from "..";
+import styles from "./modal.module.css";
+export const Modal = ({ children, onClickedOutside }) => {
+    const ref = useRef(null);
+    const { hasClickedOutside } = useOutsideAlerter(ref);
+    useEffect(() => {
+        if (onClickedOutside && hasClickedOutside) {
+            onClickedOutside();
+        }
+    }, [hasClickedOutside]);
+    return (_jsx("div", { className: styles.overlay, children: _jsx("div", { className: styles.container, ref: ref, children: children }) }));
+};

package/build/mount-react-hook/index.d.ts

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

package/build/mount-react-hook/index.d.ts.map

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

package/build/mount-react-hook/index.js

@@ -0,0 +1,2 @@
+export * from "./mount-react-hook";
+export * from "./mount-react-hook.types";

package/build/mount-react-hook/mount-react-hook.d.ts

@@ -0,0 +1,4 @@
+import { ComponentType } from "react";
+import { MountedHook } from "./mount-react-hook.types";
+export declare const mountReactHook: (Component: ComponentType, props?: ObjectLiteral) => MountedHook;
+//# sourceMappingURL=mount-react-hook.d.ts.map

package/build/mount-react-hook/mount-react-hook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount-react-hook.d.ts","sourceRoot":"","sources":["../../src/mount-react-hook/mount-react-hook.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AASvD,eAAO,MAAM,cAAc,cACd,aAAa,UACjB,aAAa,KACnB,WAaF,CAAC"}

package/build/mount-react-hook/{mountReactHook.js → mount-react-hook.js}

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { render } from "@testing-library/react";
-export default function mountReactHook(Component, props = {}) {
+export const mountReactHook = (Component, props = {}) => {
     let value = null;
     const { container, unmount } = render(_jsx(Component, Object.assign({}, props, { children: (hookValue) => {
             value = hookValue;
             return null;
         } })));
     return { container, unmount, value };
-}
+};

package/build/mount-react-hook/mount-react-hook.types.d.ts

@@ -0,0 +1,6 @@
+export type MountedHook = {
+    container: HTMLElement;
+    unmount: () => void;
+    value: ObjectLiteral | Primitive;
+};
+//# sourceMappingURL=mount-react-hook.types.d.ts.map

package/build/mount-react-hook/mount-react-hook.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount-react-hook.types.d.ts","sourceRoot":"","sources":["../../src/mount-react-hook/mount-react-hook.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,aAAa,GAAG,SAAS,CAAC;CAClC,CAAC"}

package/build/mount-react-hook/mount-react-hook.types.js

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

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

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

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

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

package/build/numbered-pagination/index.js

@@ -0,0 +1 @@
+export * from "./numbered-pagination";

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

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+import { Pagination } from "..";
+import { NumberedPaginationColors } from "./numbered-pagination.types";
+export declare enum ArrowPosition {
+    LEFT = 0,
+    RIGHT = 1
+}
+type Props = Pagination & {
+    colors?: NumberedPaginationColors;
+    renderSingleArrow?: (position: ArrowPosition) => ReactNode;
+    renderDoubleArrow?: (position: ArrowPosition) => ReactNode;
+};
+export declare const NumberedPagination: ({ page, total, items, colors, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=numbered-pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"numbered-pagination.d.ts","sourceRoot":"","sources":["../../src/numbered-pagination/numbered-pagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAChC,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAEvE,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AAED,KAAK,KAAK,GAAG,UAAU,GAAG;IACxB,MAAM,CAAC,EAAE,wBAAwB,CAAC;IAClC,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,SAAS,CAAC;IAC3D,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,SAAS,CAAC;CAC5D,CAAC;AAUF,eAAO,MAAM,kBAAkB,8HAY5B,KAAK,4CAqDP,CAAC"}

package/build/numbered-pagination/numbered-pagination.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import styles from "./numbered-pagination.module.css";
+export var ArrowPosition;
+(function (ArrowPosition) {
+    ArrowPosition[ArrowPosition["LEFT"] = 0] = "LEFT";
+    ArrowPosition[ArrowPosition["RIGHT"] = 1] = "RIGHT";
+})(ArrowPosition || (ArrowPosition = {}));
+export const NumberedPagination = ({ page, total, items, colors, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, }) => {
+    const CSSVariables = {
+        "--hover-background-color": colors === null || colors === void 0 ? void 0 : colors.hover.background,
+        "--hover-text-color": colors === null || colors === void 0 ? void 0 : colors.hover.text,
+        "--selected-background-color": colors === null || colors === void 0 ? void 0 : colors.selected.background,
+        "--selected-text-color": colors === null || colors === void 0 ? void 0 : colors.selected.text,
+    };
+    return (_jsxs("div", { className: styles.container, style: CSSVariables, children: [page > 1 && (_jsxs(_Fragment, { children: [renderDoubleArrow && (_jsx("div", { className: styles.item, onClick: () => goToFirst(), children: renderDoubleArrow(ArrowPosition.LEFT) })), renderSingleArrow && (_jsx("div", { className: styles.item, onClick: () => goToLeft(), children: renderSingleArrow(ArrowPosition.LEFT) }))] })), items.map((currentPage, index) => (_jsx("div", { className: clsx(styles.item, currentPage === page && styles.selected), onClick: () => goToPage(currentPage), children: currentPage }, index))), page < total && (_jsxs(_Fragment, { children: [renderSingleArrow && (_jsx("div", { className: styles.item, onClick: () => goToRight(), children: renderSingleArrow(ArrowPosition.RIGHT) })), renderDoubleArrow && (_jsx("div", { className: styles.item, onClick: () => goToLast(), children: renderDoubleArrow(ArrowPosition.RIGHT) }))] }))] }));
+};

package/build/numbered-pagination/numbered-pagination.types.d.ts

@@ -0,0 +1,11 @@
+export type NumberedPaginationColors = {
+    hover: {
+        background: string;
+        text: string;
+    };
+    selected: {
+        background: string;
+        text: string;
+    };
+};
+//# sourceMappingURL=numbered-pagination.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"numbered-pagination.types.d.ts","sourceRoot":"","sources":["../../src/numbered-pagination/numbered-pagination.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD,CAAC"}

package/build/numbered-pagination/numbered-pagination.types.js

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

package/build/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/outside-alerter/index.d.ts.map

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

package/build/outside-alerter/index.js

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

package/build/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/outside-alerter/use-outside-alerter.d.ts.map

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

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-export default function useOutsideAlerter(ref) {
+export const useOutsideAlerter = (ref) => {
     const [hasClickedOutside, setClickedOutside] = useState(false);
     const handleOnReset = () => {
         setClickedOutside(false);
@@ -19,4 +19,4 @@ export default function useOutsideAlerter(ref) {
         };
     }, [ref, hasClickedOutside]);
     return { hasClickedOutside, onReset: handleOnReset };
-}
+};

package/build/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/outside-alerter/use-outside-alerter.types.d.ts.map

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

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

package/build/pagination/index.d.ts

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

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

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

package/build/pagination/index.js

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

package/build/pagination/pagination.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import { PaginationData, PaginationColors } from "..";
+export declare enum ArrowPosition {
+    LEFT = 0,
+    RIGHT = 1
+}
+type Props = PaginationData & {
+    colors?: PaginationColors;
+    renderSingleArrow?: (position: ArrowPosition) => ReactNode;
+    renderDoubleArrow?: (position: ArrowPosition) => ReactNode;
+};
+export declare const Pagination: ({ page, total, items, colors, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/pagination/pagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC;AAEtD,oBAAY,aAAa;IACvB,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AAED,KAAK,KAAK,GAAG,cAAc,GAAG;IAC5B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,SAAS,CAAC;IAC3D,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,SAAS,CAAC;CAC5D,CAAC;AAUF,eAAO,MAAM,UAAU,8HAYpB,KAAK,4CAqDP,CAAC"}

package/build/pagination/pagination.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import styles from "./pagination.module.css";
+export var ArrowPosition;
+(function (ArrowPosition) {
+    ArrowPosition[ArrowPosition["LEFT"] = 0] = "LEFT";
+    ArrowPosition[ArrowPosition["RIGHT"] = 1] = "RIGHT";
+})(ArrowPosition || (ArrowPosition = {}));
+export const Pagination = ({ page, total, items, colors, goToFirst, goToLeft, goToRight, goToLast, goToPage, renderSingleArrow, renderDoubleArrow, }) => {
+    const CSSVariables = {
+        "--hover-background-color": colors === null || colors === void 0 ? void 0 : colors.hover.background,
+        "--hover-text-color": colors === null || colors === void 0 ? void 0 : colors.hover.text,
+        "--selected-background-color": colors === null || colors === void 0 ? void 0 : colors.selected.background,
+        "--selected-text-color": colors === null || colors === void 0 ? void 0 : colors.selected.text,
+    };
+    return (_jsxs("div", { className: styles.container, style: CSSVariables, children: [page > 1 && (_jsxs(_Fragment, { children: [renderDoubleArrow && (_jsx("div", { className: styles.item, onClick: () => goToFirst(), children: renderDoubleArrow(ArrowPosition.LEFT) })), renderSingleArrow && (_jsx("div", { className: styles.item, onClick: () => goToLeft(), children: renderSingleArrow(ArrowPosition.LEFT) }))] })), items.map((currentPage, index) => (_jsx("div", { className: clsx(styles.item, currentPage === page && styles.selected), onClick: () => goToPage(currentPage), children: currentPage }, index))), page < total && (_jsxs(_Fragment, { children: [renderSingleArrow && (_jsx("div", { className: styles.item, onClick: () => goToRight(), children: renderSingleArrow(ArrowPosition.RIGHT) })), renderDoubleArrow && (_jsx("div", { className: styles.item, onClick: () => goToLast(), children: renderDoubleArrow(ArrowPosition.RIGHT) }))] }))] }));
+};

package/build/pagination/pagination.types.d.ts

@@ -0,0 +1,11 @@
+export type PaginationColors = {
+    hover: {
+        background: string;
+        text: string;
+    };
+    selected: {
+        background: string;
+        text: string;
+    };
+};
+//# sourceMappingURL=pagination.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.types.d.ts","sourceRoot":"","sources":["../../src/pagination/pagination.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,QAAQ,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;CAChD,CAAC"}

package/build/pagination/pagination.types.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-pagination.d.ts","sourceRoot":"","sources":["../../src/pagination/use-pagination.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,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,UA0D5C,CAAC"}

package/build/pagination/{usePagination.js → use-pagination.js}

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-export default function usePagination(props) {
+export const usePagination = (props) => {
     const { totalRecords, itemNeighbours = 2, minItems = 5, maxRecordsPerPage = 10 } = props;
     const [page, setPage] = useState(props.page);
     const [total, setTotal] = useState(0);
@@ -46,4 +46,4 @@ export default function usePagination(props) {
         goToRight,
         goToLast,
     };
-}
+};

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

@@ -0,0 +1,12 @@
+export type Pagination = {
+    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/pagination/use-pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pagination.types.d.ts","sourceRoot":"","sources":["../../src/pagination/use-pagination.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,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/pagination/use-pagination.types.js

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

package/build/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/scroll-to/index.d.ts.map

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

package/build/scroll-to/index.js

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

package/build/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/scroll-to/use-scroll-to.d.ts.map

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

@@ -1,4 +1,4 @@
-export default function useScrollTo(target) {
+export const useScrollTo = (target) => {
     const isClientSide = typeof window !== "undefined";
     if (!isClientSide) {
         return { scrollToTop: () => null };
@@ -9,4 +9,4 @@ export default function useScrollTo(target) {
         }
     };
     return { scrollToTop };
-}
+};

package/build/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/scroll-to/use-scroll-to.types.d.ts.map

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

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

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

package/build/select/icons/ArrowBottom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowBottom.d.ts","sourceRoot":"","sources":["../../../src/select/icons/ArrowBottom.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,QAAA,MAAM,cAAc,UAAW,SAAS,aAAa,CAAC,4CAQrD,CAAC;AACF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ArrowBottom.d.ts","sourceRoot":"","sources":["../../../src/select/icons/ArrowBottom.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,QAAA,MAAM,cAAc,UAAW,QAAQ,CAAC,aAAa,CAAC,4CAQrD,CAAC;AACF,eAAe,cAAc,CAAC"}

package/build/select/index.d.ts

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

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

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

package/build/select/index.js

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

package/build/select/select.d.ts

@@ -0,0 +1,9 @@
+import { SelectOptionWithoutId, SelectOption } from "./select.types";
+type Props = {
+    options: SelectOptionWithoutId[];
+    selectedValue?: string;
+    onChange?: (option: SelectOption) => void;
+};
+export declare const Select: ({ options: optionsProps, selectedValue, onChange }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=select.d.ts.map

package/build/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAErE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,MAAM,uDAAwD,KAAK,4CAwE/E,CAAC"}

package/build/select/select.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import styles from "./select.module.css";
+import { ArrowBottom } from "./icons";
+import { useOutsideAlerter } from "..";
+export const Select = ({ options: optionsProps, selectedValue, onChange }) => {
+    const [options, setOptions] = useState(null);
+    const [isListVisible, setListVisibility] = useState(false);
+    const [selectedOption, setSelectedOption] = useState(null);
+    const ref = useRef(null);
+    const { hasClickedOutside, onReset: onResetOutsideAlerter } = useOutsideAlerter(ref);
+    const handleSelectedOptionClick = () => {
+        onResetOutsideAlerter();
+        setListVisibility(!isListVisible);
+    };
+    const handleOptionClick = (option) => {
+        setSelectedOption(option);
+        setListVisibility(false);
+        if (onChange) {
+            onChange(option);
+        }
+    };
+    useEffect(() => {
+        setOptions(optionsProps.map((option, index) => (Object.assign(Object.assign({}, option), { id: index }))));
+    }, [optionsProps]);
+    useEffect(() => {
+        if (options && !selectedOption) {
+            setSelectedOption(selectedValue ? options.find((option) => option.value === selectedValue) : options[0]);
+        }
+    }, [options]);
+    useEffect(() => {
+        if (hasClickedOutside) {
+            setListVisibility(false);
+        }
+    }, [hasClickedOutside]);
+    if (!options || !selectedOption) {
+        return null;
+    }
+    return (_jsxs("div", { className: styles.container, ref: ref, children: [_jsxs("div", { className: styles["selected-option-container"], onClick: handleSelectedOptionClick, children: [_jsx("span", { className: styles["selected-option-text"], children: selectedOption.label }), _jsx(ArrowBottom, { className: styles["selected-option-arrow"] })] }), isListVisible && (_jsx("ul", { className: styles["options-list"], children: options
+                    .filter((option) => option.id !== selectedOption.id)
+                    .map((option) => (_jsx("li", { className: styles.option, onClick: () => handleOptionClick(option), children: option.label }, option.id))) }))] }));
+};

package/build/select/select.types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+export type SelectOption = {
+    id: number;
+    label: string | ReactNode;
+    value: string;
+};
+export type SelectOptionWithoutId = Omit<SelectOption, "id">;
+//# sourceMappingURL=select.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.types.d.ts","sourceRoot":"","sources":["../../src/select/select.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC"}

package/build/select/select.types.js

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