npm - @vincentgraul/react-components - Versions diffs - 1.0.39 → 1.0.40 - Mend

@vincentgraul/react-components 1.0.39 → 1.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1261) hide show

package/build/country-selector/country-selector.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"country-selector.d.ts","sourceRoot":"","sources":["../../src/country-selector/country-selector.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,KAAK,4CA2B3C,CAAC"}

package/build/country-selector/country-selector.js DELETED Viewed

@@ -1,35 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { Select } from "..";
-import { capitalize } from "@vincentgraul/utils/word";
-import * as Icons from "./icons";
-import styles from "./country-selector.module.css";
-export const CountrySelector = (props) => {
-    const { value, languages, onChange, flagWidth = "30px" } = props;
-    const [options, setOptions] = useState(null);
-    useEffect(() => {
-        const prepareOptions = () => __awaiter(void 0, void 0, void 0, function* () {
-            setOptions(yield Promise.all(languages.map((language) => __awaiter(void 0, void 0, void 0, function* () {
-                const Flag = Icons[capitalize(language)];
-                return {
-                    value: language,
-                    label: _jsx(Flag, { className: styles.flag, style: { width: flagWidth } }),
-                };
-            }))));
-        });
-        prepareOptions();
-    }, [languages]);
-    if (!options) {
-        return null;
-    }
-    return _jsx(Select, { selectedValue: value, options: options, onChange: onChange });
-};

package/build/loader/image-loader/image-loader.d.ts DELETED Viewed

@@ -1,7 +0,0 @@
-type Props = {
-    src: string;
-    text: string;
-};
-export declare const ImageLoader: ({ src, text }: Props) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=image-loader.d.ts.map

package/build/loader/image-loader/image-loader.d.ts.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"version":3,"file":"image-loader.d.ts","sourceRoot":"","sources":["../../../src/loader/image-loader/image-loader.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,KAAK,4CAK/C,CAAC"}

package/build/loader/image-loader/image-loader.js DELETED Viewed

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from "./image-loader.module.css";
-export const ImageLoader = ({ src, text }) => (_jsxs("div", { className: styles.container, children: [_jsx("img", { className: styles.image, src: src }), _jsx("span", { children: text })] }));

package/build/loader/image-loader/index.d.ts DELETED Viewed

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

package/build/loader/image-loader/index.d.ts.map DELETED Viewed

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

package/build/loader/image-loader/index.js DELETED Viewed

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

package/build/match-device/index.d.ts.map DELETED Viewed

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

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

	@@ -1 +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/use-match-device.types.d.ts.map DELETED Viewed

	@@ -1 +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-resolution/index.d.ts.map DELETED Viewed

	@@ -1 +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/use-match-resolution.d.ts.map DELETED Viewed

	@@ -1 +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/use-match-resolution.types.d.ts.map DELETED Viewed

@@ -1 +0,0 @@

- {"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/modal/modal.js DELETED Viewed

@@ -1,14 +0,0 @@
-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/numbered-pagination/index.d.ts DELETED Viewed

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

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

	@@ -1 +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 DELETED Viewed

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

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

@@ -1,15 +0,0 @@
-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 DELETED Viewed

@@ -1 +0,0 @@

- {"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 DELETED Viewed

@@ -1,17 +0,0 @@
-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 DELETED Viewed

@@ -1,11 +0,0 @@
-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 DELETED Viewed

	@@ -1 +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 DELETED Viewed

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

package/build/outside-alerter/index.d.ts.map DELETED Viewed

	@@ -1 +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/use-outside-alerter.d.ts.map DELETED Viewed

	@@ -1 +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/use-outside-alerter.types.d.ts.map DELETED Viewed

	@@ -1 +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/pagination/use-pagination.d.ts DELETED Viewed

@@ -1,11 +0,0 @@
-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 DELETED Viewed

@@ -1 +0,0 @@

- {"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/use-pagination.types.d.ts DELETED Viewed

@@ -1,12 +0,0 @@
-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 DELETED Viewed

@@ -1 +0,0 @@

- {"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/scroll-to/index.d.ts.map DELETED Viewed

	@@ -1 +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/use-scroll-to.d.ts.map DELETED Viewed

	@@ -1 +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/use-scroll-to.types.d.ts.map DELETED Viewed

	@@ -1 +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/select/select.d.ts.map DELETED Viewed

	@@ -1 +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 DELETED Viewed

@@ -1,42 +0,0 @@
-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/use-breadcrumb/use-breadcrumb.js DELETED Viewed

@@ -1,23 +0,0 @@
-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-match-device/index.d.ts DELETED Viewed

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

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

@@ -1,3 +0,0 @@
-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.js DELETED Viewed

@@ -1,25 +0,0 @@
-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 DELETED Viewed

@@ -1,7 +0,0 @@
-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.js DELETED Viewed

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

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

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

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

@@ -1,4 +0,0 @@
-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 DELETED Viewed

	@@ -1 +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 DELETED Viewed

@@ -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/build/use-match-resolution/use-match-resolution.types.d.ts DELETED Viewed

@@ -1,36 +0,0 @@
-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.js DELETED Viewed

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

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

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

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

@@ -1,4 +0,0 @@
-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.js DELETED Viewed

@@ -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/build/use-outside-alerter/use-outside-alerter.types.d.ts DELETED Viewed

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

package/build/use-outside-alerter/use-outside-alerter.types.js DELETED Viewed

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

package/build/use-pagination/use-pagination.js DELETED Viewed

@@ -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/build/use-pagination/use-pagination.types.js DELETED Viewed

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

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

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

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

@@ -1,4 +0,0 @@
-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.js DELETED Viewed

@@ -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/build/use-scroll-to/use-scroll-to.types.d.ts DELETED Viewed

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

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

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

package/build/visible/index.d.ts DELETED Viewed

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

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

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

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

@@ -1,3 +0,0 @@
-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 DELETED Viewed

	@@ -1 +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"}