@vincentgraul/react-components 1.0.38 → 1.0.40

package/dist/country-selector/icons/Zw.d.ts.map

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

package/dist/country-selector/index.d.ts

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

package/dist/country-selector/index.d.ts.map

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

package/dist/country-selector/index.js

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

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+export * from "./breadcrumb";
+export * from "./use-breadcrumb";
+export * from "./country-selector";
+export * from "./input";
+export * from "./loader";
+export * from "./use-match-device";
+export * from "./use-match-resolution";
+export * from "./modal";
+export * from "./mount-react-hook";
+export * from "./pagination";
+export * from "./use-outside-alerter";
+export * from "./use-pagination";
+export * from "./use-scroll-to";
+export * from "./select";
+export * from "./table";
+export * from "./use-visible";
+export * from "./wizard";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,17 @@
+export * from "./breadcrumb";
+export * from "./use-breadcrumb";
+export * from "./country-selector";
+export * from "./input";
+export * from "./loader";
+export * from "./use-match-device";
+export * from "./use-match-resolution";
+export * from "./modal";
+export * from "./mount-react-hook";
+export * from "./pagination";
+export * from "./use-outside-alerter";
+export * from "./use-pagination";
+export * from "./use-scroll-to";
+export * from "./select";
+export * from "./table";
+export * from "./use-visible";
+export * from "./wizard";

package/dist/input/index.d.ts

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

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

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

package/dist/input/index.js

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

package/dist/input/input.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { InputType, InputColors, InputStatus } from "./input.types";
+type Props = Exclude<React.InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    label: string;
+    type: InputType;
+    colors?: InputColors;
+    status?: InputStatus;
+    message?: string;
+};
+export declare const Input: ({ label, message, colors, status, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=input.d.ts.map

package/dist/input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/input/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGpE,KAAK,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,KAAK,gDAAiD,KAAK,4CAwBvE,CAAC"}

package/dist/input/input.js

@@ -0,0 +1,24 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import styles from "./input.module.css";
+export const Input = (_a) => {
+    var { label, message, colors, status } = _a, rest = __rest(_a, ["label", "message", "colors", "status"]);
+    const CSSVariables = {
+        "--success-color": colors === null || colors === void 0 ? void 0 : colors.success,
+        "--warning-color": colors === null || colors === void 0 ? void 0 : colors.warning,
+        "--error-color": colors === null || colors === void 0 ? void 0 : colors.error,
+        "--focus-color": colors === null || colors === void 0 ? void 0 : colors.focus,
+    };
+    return (_jsxs("div", { className: styles.container, style: CSSVariables, children: [_jsxs("div", { className: styles["input-container"], children: [_jsx("input", Object.assign({ className: clsx(styles.input, status) }, rest)), _jsx("fieldset", { className: clsx(styles.fieldset, status), children: _jsx("legend", { className: styles.legend, children: label }) })] }), message && (_jsx("div", { className: styles["message-container"], children: _jsx("span", { className: styles.message, children: message }) }))] }));
+};

package/dist/input/input.types.d.ts

@@ -0,0 +1,9 @@
+export type InputType = "text" | "password";
+export type InputColors = {
+    focus: string;
+    success: string;
+    error: string;
+    warning: string;
+};
+export type InputStatus = "success" | "warning" | "error";
+//# sourceMappingURL=input.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.types.d.ts","sourceRoot":"","sources":["../../src/input/input.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC"}

package/dist/input/input.types.js

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

package/dist/loader/index.d.ts

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

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

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

package/dist/loader/index.js

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

package/dist/loader/loader.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+type LoaderProps = {
+    children: ReactNode;
+};
+type LoaderWithImageProps = {
+    src: string;
+    text: string;
+};
+export declare const Loader: (props: LoaderProps | LoaderWithImageProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=loader.d.ts.map

package/dist/loader/loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/loader/loader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,MAAM,UAAW,WAAW,GAAG,oBAAoB,4CAiB/D,CAAC"}

package/dist/loader/loader.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from "./loader.module.css";
+export const Loader = (props) => {
+    const Root = ({ children }) => (_jsx("div", { className: styles.overlay, children: _jsx("div", { className: styles.container, children: children }) }));
+    const LoaderWithImage = ({ src, text }) => (_jsx(Root, { children: _jsxs("div", { className: styles["image-container"], children: [_jsx("img", { className: styles.image, src: src, alt: "loader-image" }), _jsx("span", { children: text })] }) }));
+    return "children" in props ? Root(props) : LoaderWithImage(props);
+};

package/dist/modal/index.d.ts

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

package/dist/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/dist/modal/index.js

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

package/dist/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/dist/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/dist/modal/modal.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import styles from "./modal.module.css";
+import { useOutsideAlerter } from "..";
+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/dist/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/dist/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/dist/mount-react-hook/index.js

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

package/dist/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/dist/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/dist/mount-react-hook/mount-react-hook.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "@testing-library/react";
+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/dist/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/dist/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/dist/mount-react-hook/mount-react-hook.types.js

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

package/dist/pagination/index.d.ts

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

package/dist/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/dist/pagination/index.js

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

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/pagination/pagination.types.js

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

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

@@ -0,0 +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,QAAQ,CAAC,aAAa,CAAC,4CAQrD,CAAC;AACF,eAAe,cAAc,CAAC"}

package/dist/select/index.d.ts

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

package/dist/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/dist/select/index.js

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

package/dist/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/dist/select/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAIrE,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/dist/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 { useOutsideAlerter } from "..";
+import { ArrowBottom } from "./icons";
+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/dist/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/dist/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/dist/select/select.types.js

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

package/dist/table/index.d.ts

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

package/dist/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/dist/table/index.js

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

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/table/table.types.js

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

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

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

package/dist/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/dist/use-breadcrumb/index.js

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

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/use-breadcrumb/use-breadcrumb.types.js

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

package/dist/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/dist/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/dist/use-match-device/index.js

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

package/dist/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/dist/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"}