reso-ui 2.44.0 → 3.0.0-alpha.2

package/dist/esm/components/Images/Image/Image.js

@@ -0,0 +1,66 @@
+import React__default, { useState } from 'react';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
+import { ShimmerLoader } from '../../Loaders/ShimmerLoader/ShimmerLoader.js';
+import { methodHasValue } from '../../../utils/validations.js';
+
+const Image = ({ onClick, clickable, src, alt = "RESO Image", imgClassName, objectFit = "fill", rootClassName, rootStyles = {}, fallbacks = [], imgStyles = {}, inheritWidth = false, ...spacingsProps }) => {
+    const [fallbackIndex, setFallbackIndex] = useState(-1);
+    const [loaded, setLoaded] = useState(false);
+    const [error, setError] = useState(false);
+    const [imageDimension, setImageDimension] = useState("landscape");
+    const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_image_container: true,
+        resoui_image_container_inheritWidth: inheritWidth,
+        [`resoui_image_container_clickable_${clickable}`]: !!clickable,
+    }, spacingsProps), rootClassName, {
+        resoui_position_relative: true,
+    }));
+    const imgClasses = createComponentStyles(createLayoutStyles({
+        resoui_image_img: true,
+        [`resoui_image_img_${imageDimension}`]: true,
+        [`resoui_image_img_fit-${objectFit}`]: true,
+    }, imgClassName));
+    const handleOnLoad = (e) => {
+        setError(false);
+        setLoaded(true);
+        const image = e.target;
+        if (image.naturalHeight > image.naturalWidth) {
+            setImageDimension("portrait");
+        }
+        else if (image.naturalWidth === image.naturalHeight) {
+            setImageDimension("square");
+        }
+        else {
+            setImageDimension("landscape");
+        }
+    };
+    const hasFallbacks = fallbacks && fallbacks.length > 0;
+    const imgSource = hasFallbacks && fallbackIndex > -1 ? fallbacks[fallbackIndex] : src;
+    return (React__default.createElement("div", { className: containerStyles, style: rootStyles, onClick: () => {
+            if (onClick && methodHasValue(onClick)) {
+                onClick();
+            }
+        }, "data-testid": "image-component-root" }, error ? (React__default.createElement("p", { "data-testid": "image-component-error" }, `Unable to load ${alt}`)) : (React__default.createElement(React__default.Fragment, null,
+        !loaded && React__default.createElement(ShimmerLoader, null),
+        React__default.createElement("img", { "data-testid": "image-component-img", style: loaded ? { ...imgStyles } : { ...imgStyles, display: "none" }, alt: alt, src: imgSource, onLoad: (e) => {
+                handleOnLoad(e);
+            }, onError: () => {
+                if (hasFallbacks) {
+                    setLoaded(false);
+                    if (fallbackIndex < fallbacks.length - 1) {
+                        setFallbackIndex(fallbackIndex + 1);
+                    }
+                    else {
+                        setLoaded(true);
+                        setError(true);
+                    }
+                }
+                else {
+                    setLoaded(true);
+                    setError(true);
+                }
+            }, className: imgClasses })))));
+};
+
+export { Image };
+//# sourceMappingURL=Image.js.map

package/dist/esm/components/Images/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../../../src/library/components/Images/Image/Image.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/dist/esm/components/Images/Multi-Image-Viewer/Multi-Image-Viewer.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import { IImageObject } from "../../../interfaces/IImageObject";
+import ImageClickable from "../../../interfaces/ImageClickable";
+import { IMarginProps } from "../../../interfaces/ISpacingsProps";
+import "./styles/Multi-Image-Viewer.layout.scss";
+import "./styles/Multi-Image-Viewer.theme.scss";
+export interface IMultiImageViewerProps extends IComponent, IMarginProps {
+    imageObjects: IImageObject[];
+    defaultImagePath?: string;
+    wiggleMainImage?: boolean;
+    wiggleMiniImage?: boolean;
+    clickable?: ImageClickable;
+    getMiniImagePath?: (imageObj: IImageObject) => string;
+    onClickImage?: () => void;
+    onClickMiniImage?: (imageObj: IImageObject) => void;
+    indexOverride?: number;
+    setIndexOverride?: (idx: number) => void;
+    initialSelectedIndex?: number;
+    onRemoveMiniImage?: (idx: number, imageObj: IImageObject) => void;
+    onRemoveSelectedImage?: (imageObj: IImageObject) => void;
+    mainImageClassName?: string;
+    mainImageStyles?: React.CSSProperties;
+    miniImageClassname?: string;
+    miniImageStyles?: React.CSSProperties;
+    miniImageSelectedClassName?: string;
+    miniImageSelectedStyles?: React.CSSProperties;
+}
+export declare const MultiImageViewer: ({ imageObjects, defaultImagePath, wiggleMainImage, wiggleMiniImage, clickable, rootClassName, rootStyles, getMiniImagePath, onClickImage, onClickMiniImage, indexOverride, setIndexOverride, initialSelectedIndex, onRemoveMiniImage, onRemoveSelectedImage, mainImageClassName, mainImageStyles, miniImageClassname, miniImageStyles, miniImageSelectedClassName, miniImageSelectedStyles, ...marginProps }: IMultiImageViewerProps) => React.JSX.Element;

package/dist/esm/components/Images/Multi-Image-Viewer/Multi-Image-Viewer.js

@@ -0,0 +1,83 @@
+import React__default, { useState, useEffect } from 'react';
+import { Image } from '../Image/Image.js';
+import { HorizontalScrollContainer } from '../../Containers/Horizontal-Scroll-Container/Horizontal-Scroll-Container.js';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
+import { methodHasValue, objectHasValue, numberHasValue } from '../../../utils/validations.js';
+
+const MultiImageViewer = ({ imageObjects, defaultImagePath = "", wiggleMainImage = false, wiggleMiniImage = false, clickable, rootClassName, rootStyles = {}, getMiniImagePath, onClickImage, onClickMiniImage, indexOverride, setIndexOverride, initialSelectedIndex = 0, onRemoveMiniImage, onRemoveSelectedImage, mainImageClassName, mainImageStyles = {}, miniImageClassname, miniImageStyles = {}, miniImageSelectedClassName, miniImageSelectedStyles = {}, ...marginProps }) => {
+    const [shownImageIndex, setShownImageIndex] = useState(initialSelectedIndex);
+    // on mount / unmount
+    useEffect(() => {
+        setShownImageIndex(initialSelectedIndex);
+        if (methodHasValue(setIndexOverride)) {
+            setIndexOverride(initialSelectedIndex);
+        }
+    }, []);
+    useEffect(() => {
+        if (!objectHasValue(imageObjects[shownImageIndex])) {
+            setShownImageIndex(0);
+        }
+        if (numberHasValue(indexOverride)) {
+            setShownImageIndex(indexOverride);
+        }
+    }, [imageObjects, setShownImageIndex, shownImageIndex, indexOverride]);
+    const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_multiImageViewer_container: true,
+    }, marginProps), rootClassName));
+    const mainImageClasses = createComponentStyles(createLayoutStyles({
+        resoui_multiImageViewer_mainImage: true,
+        resoui_multiImageViewer_mainImage_wiggle: wiggleMainImage === true,
+        resoui_multiImageViewer_mainImage_multi: imageObjects.length > 1,
+    }, mainImageClassName));
+    return (React__default.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "multi-image-viewer-root" },
+        React__default.createElement("div", { className: "resoui_multiImageViewer_mainImage_wrapper" },
+            methodHasValue(onRemoveSelectedImage) ? (React__default.createElement("div", { role: "button", "data-testid": "multi-image-viewer-main-closeBtn", className: "resoui_multiImageViewer_mainImage_closeBtn", onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onRemoveSelectedImage(imageObjects[shownImageIndex]);
+                } },
+                React__default.createElement("div", { className: "resoui_multiImageViewer_mainImage_closeBtn_arm" }))) : null,
+            React__default.createElement(Image, { inheritWidth: true, clickable: clickable, rootClassName: mainImageClasses, rootStyles: mainImageStyles, onClick: () => {
+                    if (onClickImage && methodHasValue(onClickImage)) {
+                        onClickImage();
+                    }
+                }, src: imageObjects && imageObjects[shownImageIndex]
+                    ? imageObjects[shownImageIndex].path
+                    : "", alt: imageObjects && imageObjects[shownImageIndex]
+                    ? imageObjects[shownImageIndex].alt
+                    : "RESO Image" })),
+        imageObjects && imageObjects.length > 1 && (React__default.createElement(HorizontalScrollContainer, { inheritWidth: true, pa: methodHasValue(onRemoveMiniImage) ? 2 : undefined }, imageObjects.map((imageObj, idx) => {
+            const miniImageLayoutClasses = createLayoutStyles({
+                resoui_multiImageViewer_miniImage: true,
+                resoui_multiImageViewer_miniImage_wiggle: wiggleMiniImage === true,
+                resoui_multiImageViewer_miniImage_selected: shownImageIndex === idx,
+                [miniImageSelectedClassName]: miniImageSelectedClassName && shownImageIndex === idx,
+            }, miniImageClassname);
+            return (React__default.createElement("div", { className: "resoui_multiImageViewer_miniImage_wrapper", key: `resoui_multiImageViewer_miniImage_${idx}` },
+                methodHasValue(onRemoveMiniImage) ? (React__default.createElement("div", { role: "button", "data-testid": `multi-image-viewer-mini-closeBtn-${idx}`, className: "resoui_multiImageViewer_miniImage_closeBtn", onClick: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        onRemoveMiniImage(idx, imageObj);
+                    } },
+                    React__default.createElement("div", { className: "resoui_multiImageViewer_miniImage_closeBtn_arm" }))) : null,
+                React__default.createElement(Image, { clickable: "pointer", rootClassName: createComponentStyles(miniImageLayoutClasses), mh: 1, rootStyles: shownImageIndex === idx
+                        ? {
+                            ...miniImageStyles,
+                            ...miniImageSelectedStyles,
+                        }
+                        : miniImageStyles, onClick: () => {
+                        if (methodHasValue(setIndexOverride)) {
+                            setIndexOverride(idx);
+                        }
+                        if (methodHasValue(onClickMiniImage)) {
+                            onClickMiniImage(imageObj);
+                        }
+                        setShownImageIndex(idx);
+                    }, src: methodHasValue(getMiniImagePath)
+                        ? getMiniImagePath(imageObj)
+                        : imageObj.path, alt: imageObj && imageObj.alt ? imageObj.alt : "RESO Image Mini", fallbacks: [imageObj.path, defaultImagePath] })));
+        })))));
+};
+
+export { MultiImageViewer };
+//# sourceMappingURL=Multi-Image-Viewer.js.map

package/dist/esm/components/Images/Multi-Image-Viewer/Multi-Image-Viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Multi-Image-Viewer.js","sources":["../../../../../src/library/components/Images/Multi-Image-Viewer/Multi-Image-Viewer.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"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"}

package/dist/esm/components/Loaders/Loader/Loader.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import "./styles/Component-Loader.layout.scss";
+import "./styles/Component-Loader.theme.scss";
+export type LoaderSize = "small" | "medium" | "large";
+export interface ILoaderProps extends IComponent {
+    type?: "default" | "fullscreen";
+    text?: string;
+    size?: LoaderSize;
+    iconContainerClassName?: string;
+    iconContainerStyles?: React.CSSProperties;
+}
+export declare const Loader: ({ type, text, size, rootClassName, iconContainerClassName, rootStyles, iconContainerStyles, }: ILoaderProps) => React.JSX.Element;

package/dist/esm/components/Loaders/Loader/Loader.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { Text } from '../../Text/Text.js';
+import { createComponentStyles, createLayoutStyles } from '../../../utils/styles.js';
+
+const Loader = ({ type = "default", text, size = "small", rootClassName, iconContainerClassName, rootStyles = {}, iconContainerStyles, }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_componentLoader_container: true,
+        resoui_componentLoader_container_fullscreen: type === "fullscreen",
+    }, rootClassName));
+    const loaderStyles = createComponentStyles(createLayoutStyles({
+        resoui_componentLoader_icon_container: true,
+        resoui_componentLoader_icon_container_mb: typeof text === "string" && text !== "",
+        resoui_spin: true,
+        [`resoui_componentLoader_icon_size_${size}`]: true,
+    }, iconContainerClassName));
+    return (React__default.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "component-loader-root" },
+        React__default.createElement("div", { className: loaderStyles, style: iconContainerStyles, "data-testid": "component-loader-icon-container" }),
+        text && (React__default.createElement(Text, { Element: "p", noBlockMargin: true, noInlineMargin: true }, text))));
+};
+
+export { Loader };
+//# sourceMappingURL=Loader.js.map

package/dist/esm/components/Loaders/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sources":["../../../../../src/library/components/Loaders/Loader/Loader.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AA2BO,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,IAAI,GAAG,OAAO,EACd,aAAa,EACb,sBAAsB,EACtB,UAAU,GAAG,EAAE,EACf,mBAAmB,GACN,KAAI;AACjB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB;AACE,QAAA,gCAAgC,EAAE,IAAI;QACtC,2CAA2C,EAAE,IAAI,KAAK,YAAY;KACnE,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,YAAY,GAAG,qBAAqB,CACxC,kBAAkB,CAChB;AACE,QAAA,qCAAqC,EAAE,IAAI;QAC3C,wCAAwC,EACtC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,EAAE;AACzC,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,CAAC,CAAA,iCAAA,EAAoC,IAAI,CAAA,CAAE,GAAG,IAAI;KACnD,EACD,sBAAsB,CACvB,CACF;IAED,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,uBAAuB,EAAA;QAEnCA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,mBAAmB,EAAA,aAAA,EACd,iCAAiC,EAAA,CAC7C;AACD,QAAA,IAAI,KACHA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAC,GAAG,EAAC,aAAa,EAAA,IAAA,EAAC,cAAc,EAAA,IAAA,EAAA,EAC3C,IAAI,CACA,CACR,CACG;AAEV;;;;"}

package/dist/esm/components/Loaders/ShimmerLoader/ShimmerLoader.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import "./styles/Shimmer-Loader.layout.scss";
+export interface IShimmerLoaderProps extends IComponent {
+}
+export declare const ShimmerLoader: ({ rootClassName, rootStyles, }: IShimmerLoaderProps) => React.JSX.Element;

package/dist/esm/components/Loaders/ShimmerLoader/ShimmerLoader.js

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../../utils/styles.js';
+
+const ShimmerLoader = ({ rootClassName, rootStyles = {}, }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_componentShimmerLoader_container: true,
+    }, rootClassName));
+    const shimmerClasses = createComponentStyles(createLayoutStyles({
+        resoui_componentShimmerLoader_shimmer: true,
+    }));
+    return (React__default.createElement("div", { "data-testid": "component-shimmer-loader-root", className: containerStyles, style: rootStyles },
+        React__default.createElement("div", { "data-testid": "component-shimmer-loader-shimmer", className: shimmerClasses })));
+};
+
+export { ShimmerLoader };
+//# sourceMappingURL=ShimmerLoader.js.map

package/dist/esm/components/Loaders/ShimmerLoader/ShimmerLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerLoader.js","sources":["../../../../../src/library/components/Loaders/ShimmerLoader/ShimmerLoader.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAYO,MAAM,aAAa,GAAG,CAAC,EAC5B,aAAa,EACb,UAAU,GAAG,EAAE,GACK,KAAI;AACxB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB;AACE,QAAA,uCAAuC,EAAE,IAAI;KAC9C,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,cAAc,GAAG,qBAAqB,CAC1C,kBAAkB,CAAC;AACjB,QAAA,qCAAqC,EAAE,IAAI;AAC5C,KAAA,CAAC,CACH;IACD,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,+BAA+B,EAC3C,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA;QAEjBA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,kCAAkC,EAC9C,SAAS,EAAE,cAAc,EAAA,CACzB,CACE;AAEV;;;;"}

package/dist/esm/components/Modal/Modal-Body/Modal-Body.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
+
+const ModalBody = ({ children, rootClassName, rootStyles = {}, ...paddingProps }) => {
+    const modalClasses = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_modal_body: true,
+    }, paddingProps), rootClassName, {
+        resoui_width_full: true,
+        resoui_position_relative: true,
+    }));
+    return (React__default.createElement("div", { className: modalClasses, style: rootStyles, "data-testid": "modal-body-root" }, children));
+};
+
+export { ModalBody };
+//# sourceMappingURL=Modal-Body.js.map

package/dist/esm/components/Modal/Modal-Body/Modal-Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-Body.js","sources":["../../../../../src/library/components/Modal/Modal-Body/Modal-Body.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAoBO,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,YAAY,EACC,KAAI;AACpB,IAAA,MAAM,YAAY,GAAG,qBAAqB,CACxC,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,iBAAiB,EAAE,IAAI;AACxB,KAAA,EACD,YAAY,CACb,EACD,aAAa,EACb;AACE,QAAA,iBAAiB,EAAE,IAAI;AACvB,QAAA,wBAAwB,EAAE,IAAI;AAC/B,KAAA,CACF,CACF;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,UAAU,iBACL,iBAAiB,EAAA,EAE5B,QAAQ,CACL;AAEV;;;;"}

package/dist/esm/components/Modal/Modal-Container/Modal-Container.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import { IPaddingProps } from "../../../interfaces/ISpacingsProps";
+import "./styles/Modal-Container.layout.scss";
+import "./styles/Modal-Container.theme.scss";
+export interface IModalContainerProps extends IComponent, IPaddingProps {
+    children: React.ReactNode;
+    isOpen: boolean;
+    layer?: number;
+}
+export interface IModalChildrenProps extends Omit<IModalContainerProps, "children"> {
+}
+export declare const ModalContainer: ({ children, isOpen, layer, rootClassName, rootStyles, ...paddingProps }: IModalContainerProps) => React.JSX.Element;

package/dist/esm/components/Modal/Modal-Container/Modal-Container.js

@@ -0,0 +1,41 @@
+import React__default, { useState, useEffect } from 'react';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
+import { useDisableBodyScroll } from '../../../hooks/useDisableBodyScroll.js';
+
+const ModalContainer = ({ children, isOpen = false, layer = 1, rootClassName, rootStyles = {}, ...paddingProps }) => {
+    useDisableBodyScroll(isOpen);
+    const [_isOpen, _setIsOpen] = useState(false);
+    useEffect(() => {
+        if (isOpen) {
+            _setIsOpen(true);
+        }
+        else {
+            // delay unmount to allow transition to complete
+            const timeout = setTimeout(() => _setIsOpen(false), 250); // match transition duration
+            return () => clearTimeout(timeout);
+        }
+    }, [isOpen]);
+    const backdropClasses = createComponentStyles(createLayoutStyles({
+        resoui_modal_backdrop: true,
+        resoui_modal_backdrop_transition: true,
+        /* secret sauce */
+        resoui_modal_backdrop_open: isOpen ? _isOpen : isOpen,
+    }));
+    const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_modal_container: true,
+        resoui_modal_container_transition: true,
+        resoui_modal_container_open: isOpen ? _isOpen : isOpen,
+    }, paddingProps), rootClassName));
+    const computedZIndex = layer + 10;
+    const getIsOpen = () => (isOpen ? isOpen : _isOpen);
+    return (getIsOpen() && (React__default.createElement("div", { className: backdropClasses, style: {
+            zIndex: computedZIndex,
+        }, "data-testid": "modal-backdrop" },
+        React__default.createElement("div", { className: containerStyles, style: {
+                zIndex: computedZIndex + 1,
+                ...rootStyles,
+            }, "data-testid": "modal-container-root" }, children))));
+};
+
+export { ModalContainer };
+//# sourceMappingURL=Modal-Container.js.map

package/dist/esm/components/Modal/Modal-Container/Modal-Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-Container.js","sources":["../../../../../src/library/components/Modal/Modal-Container/Modal-Container.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AA6BO,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,CAAC,EACT,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,YAAY,EACM,KAAI;IACzB,oBAAoB,CAAC,MAAM,CAAC;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,EAAE;YACV,UAAU,CAAC,IAAI,CAAC;AACjB,QAAA;AAAM,aAAA;;AAEL,YAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,UAAU,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;AACzD,YAAA,OAAO,MAAM,YAAY,CAAC,OAAO,CAAC;AACnC,QAAA;AACH,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAAC;AACjB,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,gCAAgC,EAAE,IAAI;;QAEtC,0BAA0B,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AACtD,KAAA,CAAC,CACH;AAED,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,sBAAsB,EAAE,IAAI;AAC5B,QAAA,iCAAiC,EAAE,IAAI;QACvC,2BAA2B,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AACvD,KAAA,EACD,YAAY,CACb,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,EAAE;AAEjC,IAAA,MAAM,SAAS,GAAG,OAAO,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAEnD,QACE,SAAS,EAAE,KACTA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,cAAc;AACvB,SAAA,EAAA,aAAA,EACW,gBAAgB,EAAA;AAE5B,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;gBACL,MAAM,EAAE,cAAc,GAAG,CAAC;AAC1B,gBAAA,GAAG,UAAU;AACd,aAAA,EAAA,aAAA,EACW,sBAAsB,EAAA,EAEjC,QAAQ,CACL,CACF,CACP;AAEL;;;;"}

package/dist/esm/components/Modal/Modal-Header/Modal-Header.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import "./styles/Modal-Header.layout.scss";
+import "./styles/Modal-Header.theme.scss";
+export interface IModalHeaderProps extends IComponent {
+    title: string;
+    onClose: () => void;
+}
+export declare const ModalHeader: ({ onClose, title, rootClassName, rootStyles, }: IModalHeaderProps) => React.JSX.Element;

package/dist/esm/components/Modal/Modal-Header/Modal-Header.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles } from '../../../utils/styles.js';
+import { CloseButton } from '../../Buttons/Close-Button/Close-Button.js';
+
+const ModalHeader = ({ onClose, title = "Modal", rootClassName, rootStyles = {}, }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles({
+        resoui_modal_header: true,
+    }, rootClassName));
+    return (React__default.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "modal-header-root" },
+        React__default.createElement("span", { className: "resoui_sub_heading resoui_no_select", "data-testid": "modal-header-title" }, title),
+        React__default.createElement(CloseButton, { onClick: onClose })));
+};
+
+export { ModalHeader };
+//# sourceMappingURL=Modal-Header.js.map

package/dist/esm/components/Modal/Modal-Header/Modal-Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-Header.js","sources":["../../../../../src/library/components/Modal/Modal-Header/Modal-Header.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;AAuBO,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,KAAK,GAAG,OAAO,EACf,aAAa,EACb,UAAU,GAAG,EAAE,GACG,KAAI;AACtB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB;AACE,QAAA,mBAAmB,EAAE,IAAI;KAC1B,EACD,aAAa,CACd,CACF;IAED,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,mBAAmB,EAAA;AAE/B,QAAAA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qCAAqC,iBAAa,oBAAoB,EAAA,EACnF,KAAK,CACD;QACPA,cAAA,CAAA,aAAA,CAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAA,CAAI,CAC7B;AAEV;;;;"}

package/dist/esm/components/Nav/NavItem/NavItem.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import { IMarginProps } from "../../../interfaces/ISpacingsProps";
+import "./styles/NavItem.layout.scss";
+import "./styles/NavItem.theme.scss";
+export interface INavItemProps extends IComponent, IMarginProps {
+    children?: React.ReactNode;
+    Implementation?: "a" | "button";
+    onClick?: () => void;
+    active?: boolean;
+    enableActiveStyles?: boolean;
+    href?: string;
+    elementClassName?: string;
+    elementStyles?: React.CSSProperties;
+    renderCustomNavItem?: (props: {
+        active: boolean;
+    }) => React.ReactNode;
+}
+export declare const NavItem: ({ Implementation, children, onClick, active, enableActiveStyles, href, renderCustomNavItem, elementClassName, elementStyles, rootClassName, rootStyles, ...spacingsProps }: INavItemProps) => React.JSX.Element;

package/dist/esm/components/Nav/NavItem/NavItem.js

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
+import { methodHasValue } from '../../../utils/validations.js';
+
+const NavItem = ({ Implementation = "a", children, onClick, active = false, enableActiveStyles = true, href = "#", renderCustomNavItem, elementClassName, elementStyles = {}, rootClassName, rootStyles = {}, ...spacingsProps }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_navItem_container: true,
+    }, spacingsProps), rootClassName, {
+        resoui_no_select: true,
+    }));
+    const elementClasses = createComponentStyles(createLayoutStyles({
+        resoui_navItem_base: true,
+        resoui_navItem_element: true,
+        resoui_navItem_element_active: enableActiveStyles === true && active === true,
+    }, elementClassName, {
+        resoui_no_select: true,
+    }));
+    return (React__default.createElement("div", { "data-testid": "navItem-root", className: containerStyles }, methodHasValue(renderCustomNavItem) ? (renderCustomNavItem({
+        active,
+    })) : (React__default.createElement(Implementation, { "data-testid": `navItem-element-${Implementation}`, className: elementClasses, style: elementStyles, onClick: () => {
+            if (methodHasValue(onClick)) {
+                onClick();
+            }
+        }, href: Implementation === "a" ? href : undefined }, children))));
+};
+
+export { NavItem };
+//# sourceMappingURL=NavItem.js.map

package/dist/esm/components/Nav/NavItem/NavItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavItem.js","sources":["../../../../../src/library/components/Nav/NavItem/NavItem.tsx"],"sourcesContent":[null],"names":["React"],"mappings":";;;;MAwCa,OAAO,GAAG,CAAC,EACtB,cAAc,GAAG,GAAG,EACpB,QAAQ,EACR,OAAO,EACP,MAAM,GAAG,KAAK,EACd,kBAAkB,GAAG,IAAI,EACzB,IAAI,GAAG,GAAG,EACV,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACF,KAAI;AAClB,IAAA,MAAM,eAAe,GAAG,qBAAqB,CAC3C,kBAAkB,CAChB,iBAAiB,CACf;AACE,QAAA,wBAAwB,EAAE,IAAI;AAC/B,KAAA,EACD,aAAa,CACd,EACD,aAAa,EACb;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,MAAM,cAAc,GAAG,qBAAqB,CAC1C,kBAAkB,CAChB;AACE,QAAA,mBAAmB,EAAE,IAAI;AACzB,QAAA,sBAAsB,EAAE,IAAI;AAC5B,QAAA,6BAA6B,EAAE,kBAAkB,KAAK,IAAI,IAAI,MAAM,KAAK,IAAI;AAC9E,KAAA,EACD,gBAAgB,EAChB;AACE,QAAA,gBAAgB,EAAE,IAAI;AACvB,KAAA,CACF,CACF;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,eAAe,EAAA,EACvD,cAAc,CAAC,mBAAmB,CAAC,IAClC,mBAAmB,CAAC;QAClB,MAAM;KACP,CAAC,KAEFA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EAAA,aAAA,EACA,CAAA,gBAAA,EAAmB,cAAc,CAAA,CAAE,EAChD,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,MAAK;AACZ,YAAA,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;AAC3B,gBAAA,OAAO,EAAE;AACV,YAAA;QACH,CAAC,EACD,IAAI,EAAE,cAAc,KAAK,GAAG,GAAG,IAAI,GAAG,SAAS,EAAA,EAE9C,QAAQ,CACM,CAClB,CACG;AAEV;;;;"}

package/dist/esm/components/Nav/Navbar/Navbar.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import IComponent from "../../../interfaces/IComponent";
+import { IPaddingProps } from "../../../interfaces/ISpacingsProps";
+import "./styles/Navbar.layout.scss";
+import "./styles/Navbar.theme.scss";
+export interface INavbarProps extends IComponent, IPaddingProps {
+    LogoWrapperElement?: "a" | "div";
+    logoHref?: string;
+    textLogo?: string;
+    renderCustomLogo?: () => React.ReactNode;
+    onClickLogo?: () => void;
+    onClickHamburgerButton?: () => void;
+    showHamburgerButtonOnMobileView?: boolean;
+    children: React.ReactNode;
+    maxWidth?: number;
+    position?: "absolute" | "fixed";
+    navClassName?: string;
+    navStyles?: React.CSSProperties;
+}
+export declare const Navbar: ({ LogoWrapperElement, logoHref, textLogo, renderCustomLogo, onClickLogo, showHamburgerButtonOnMobileView, onClickHamburgerButton, maxWidth, children, position, navClassName, navStyles, rootClassName, rootStyles, ph, ...spacingsProps }: INavbarProps) => React.JSX.Element;

package/dist/esm/components/Nav/Navbar/Navbar.js

@@ -0,0 +1,53 @@
+import React__default, { useContext } from 'react';
+import classnames from 'classnames';
+import { Text } from '../../Text/Text.js';
+import { methodHasValue } from '../../../utils/validations.js';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../../utils/styles.js';
+import { ResponsiveContext } from '../../../context/ResponsiveContext.js';
+import '../../../context/ThemeContext.js';
+import { Flex } from '../../Containers/Flex/Flex.js';
+
+const Navbar = ({ LogoWrapperElement = "a", logoHref = "#", textLogo = "Logo", renderCustomLogo, onClickLogo, showHamburgerButtonOnMobileView = false, onClickHamburgerButton, maxWidth, children, position = "fixed", navClassName, navStyles = {}, rootClassName, rootStyles = {}, ph = 5, ...spacingsProps }) => {
+    const { isMobile } = useContext(ResponsiveContext);
+    const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({
+        resoui_navbar_header_container: true,
+        [`resoui_navbar_header_position_${position}`]: true,
+    }, { ph, ...spacingsProps }), rootClassName, {
+        resoui_no_select: true,
+    }));
+    const navClasses = createComponentStyles(createLayoutStyles({
+        resoui_navbar_nav_container: true,
+    }, rootClassName, {
+        resoui_no_select: true,
+    }));
+    const logoContainerClasses = classnames({
+        resoui_no_select: true,
+        resoui_navbar_nav_logo_container: true,
+        resoui_navbar_nav_logo_container_curson_pointer: methodHasValue(onClickLogo) || LogoWrapperElement === "a",
+    });
+    return (React__default.createElement("header", { "data-testid": "navbar-root", className: containerStyles, style: rootStyles },
+        React__default.createElement("nav", { className: navClasses, style: {
+                maxWidth: typeof maxWidth === "number" ? maxWidth : "unset",
+                ...navStyles,
+            } },
+            React__default.createElement(Flex, null,
+                showHamburgerButtonOnMobileView && isMobile && (React__default.createElement("div", { role: "button", "data-testid": "navbar-hamburger", className: "resoui_navbar_nav_hamburger_container", onClick: (e) => {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        if (typeof onClickHamburgerButton === "function") {
+                            onClickHamburgerButton();
+                        }
+                    } },
+                    React__default.createElement("div", { className: "resoui_navbar_nav_hamburger_line" }),
+                    React__default.createElement("div", { className: "resoui_navbar_nav_hamburger_line" }),
+                    React__default.createElement("div", { className: "resoui_navbar_nav_hamburger_line" }))),
+                React__default.createElement(LogoWrapperElement, { "data-testid": "navbar-logo", className: logoContainerClasses, onClick: () => {
+                        if (methodHasValue(onClickLogo)) {
+                            onClickLogo();
+                        }
+                    }, href: LogoWrapperElement === "a" ? logoHref : undefined }, typeof renderCustomLogo === "function" ? (renderCustomLogo()) : (React__default.createElement(Text, { Element: "span", rootClassName: "resoui_navbar_nav_logo_text", size: 9 }, textLogo)))),
+            React__default.createElement("div", { className: "resoui_navbar_nav_children_container" }, children))));
+};
+
+export { Navbar };
+//# sourceMappingURL=Navbar.js.map

package/dist/esm/components/Nav/Navbar/Navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navbar.js","sources":["../../../../../src/library/components/Nav/Navbar/Navbar.tsx"],"sourcesContent":[null],"names":["clasnames","React"],"mappings":"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"}

package/dist/esm/components/Paginator/Paginator.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import IComponent from "../../interfaces/IComponent";
+import { IMarginProps } from "../../interfaces/ISpacingsProps";
+import "./styles/Paginator.layout.scss";
+import "./styles/Paginator.theme.scss";
+export interface IPaginatorProps extends IComponent, IMarginProps {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+    siblingCount?: number;
+}
+export declare const Paginator: ({ currentPage, totalPages, onPageChange, siblingCount, rootClassName, rootStyles, ...spacingsProps }: IPaginatorProps) => React.JSX.Element;

package/dist/esm/components/Paginator/Paginator.js

@@ -0,0 +1,50 @@
+import React__default, { useMemo } from 'react';
+import { createComponentStyles, createLayoutStyles, withSpacingsProps } from '../../utils/styles.js';
+import { Icon } from '../Icon/Icon.js';
+import SvgChevronSingleLeft from '../../icons/svg/ChevronSingleLeft.svg.js';
+import SvgChevronSingleRight from '../../icons/svg/ChevronSingleRight.svg.js';
+import SvgChevronDoubleLeft from '../../icons/svg/ChevronDoubleLeft.svg.js';
+import SvgChevronDoubleRight from '../../icons/svg/ChevronDoubleRight.svg.js';
+
+const ELLIPSIS = "...";
+const buildPageRange = (currentPage, totalPages, siblingCount) => {
+    const totalPageNumbers = siblingCount * 2 + 5;
+    if (totalPageNumbers >= totalPages) {
+        return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    const leftSiblingIndex = Math.max(currentPage - siblingCount, 1);
+    const rightSiblingIndex = Math.min(currentPage + siblingCount, totalPages);
+    const showLeftEllipsis = leftSiblingIndex > 2;
+    const showRightEllipsis = rightSiblingIndex < totalPages - 2;
+    if (!showLeftEllipsis && showRightEllipsis) {
+        const leftItemCount = 3 + 2 * siblingCount;
+        const leftRange = Array.from({ length: leftItemCount }, (_, i) => i + 1);
+        return [...leftRange, ELLIPSIS, totalPages];
+    }
+    if (showLeftEllipsis && !showRightEllipsis) {
+        const rightItemCount = 3 + 2 * siblingCount;
+        const rightRange = Array.from({ length: rightItemCount }, (_, i) => totalPages - rightItemCount + i + 1);
+        return [1, ELLIPSIS, ...rightRange];
+    }
+    const middleRange = Array.from({ length: rightSiblingIndex - leftSiblingIndex + 1 }, (_, i) => leftSiblingIndex + i);
+    return [1, ELLIPSIS, ...middleRange, ELLIPSIS, totalPages];
+};
+const Paginator = ({ currentPage, totalPages, onPageChange, siblingCount = 1, rootClassName, rootStyles = {}, ...spacingsProps }) => {
+    const containerStyles = createComponentStyles(createLayoutStyles(withSpacingsProps({ resoui_paginator_container: true }, spacingsProps), rootClassName));
+    const pages = useMemo(() => buildPageRange(currentPage, totalPages, siblingCount), [currentPage, totalPages, siblingCount]);
+    const isFirst = currentPage === 1;
+    const isLast = currentPage === totalPages;
+    return (React__default.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "paginator-root" },
+        React__default.createElement("button", { className: "resoui_paginator_btn resoui_paginator_nav_btn", onClick: () => onPageChange(1), disabled: isFirst, "data-testid": "paginator-first", "aria-label": "First page" },
+            React__default.createElement(Icon, { SvgIcon: SvgChevronDoubleLeft, width: 16, height: 16 })),
+        React__default.createElement("button", { className: "resoui_paginator_btn resoui_paginator_nav_btn", onClick: () => onPageChange(currentPage - 1), disabled: isFirst, "data-testid": "paginator-prev", "aria-label": "Previous page" },
+            React__default.createElement(Icon, { SvgIcon: SvgChevronSingleLeft, width: 16, height: 16 })),
+        pages.map((page, idx) => page === ELLIPSIS ? (React__default.createElement("span", { key: `ellipsis-${idx}`, className: "resoui_paginator_ellipsis", "aria-hidden": "true" }, ELLIPSIS)) : (React__default.createElement("button", { key: page, className: `resoui_paginator_btn paginator_page_btn${page === currentPage ? " resoui_paginator_page_active" : ""}`, onClick: () => onPageChange(page), "aria-current": page === currentPage ? "page" : undefined, "data-testid": `paginator-page-${page}` }, page))),
+        React__default.createElement("button", { className: "resoui_paginator_btn resoui_paginator_nav_btn", onClick: () => onPageChange(currentPage + 1), disabled: isLast, "data-testid": "paginator-next", "aria-label": "Next page" },
+            React__default.createElement(Icon, { SvgIcon: SvgChevronSingleRight, width: 16, height: 16 })),
+        React__default.createElement("button", { className: "resoui_paginator_btn resoui_paginator_nav_btn", onClick: () => onPageChange(totalPages), disabled: isLast, "data-testid": "paginator-last", "aria-label": "Last page" },
+            React__default.createElement(Icon, { SvgIcon: SvgChevronDoubleRight, width: 16, height: 16 }))));
+};
+
+export { Paginator };
+//# sourceMappingURL=Paginator.js.map

package/dist/esm/components/Paginator/Paginator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paginator.js","sources":["../../../../src/library/components/Paginator/Paginator.tsx"],"sourcesContent":[null],"names":["React","ChevronDoubleLeft","ChevronSingleLeft","ChevronSingleRight","ChevronDoubleRight"],"mappings":"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"}

package/dist/esm/components/Paginator/index.d.ts

@@ -0,0 +1,3 @@
+import "../../styles/global.scss";
+export { Paginator } from "./Paginator";
+export type { IPaginatorProps } from "./Paginator";