reso-ui 2.44.0 → 3.0.0-alpha.2

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

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

package/dist/cjs/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":["useState","useEffect","methodHasValue","objectHasValue","numberHasValue","createComponentStyles","createLayoutStyles","withSpacingsProps","Image","HorizontalScrollContainer"],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+var Text = require('../../Text/Text.js');
+var styles = require('../../../utils/styles.js');
+
+const Loader = ({ type = "default", text, size = "small", rootClassName, iconContainerClassName, rootStyles = {}, iconContainerStyles, }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_componentLoader_container: true,
+        resoui_componentLoader_container_fullscreen: type === "fullscreen",
+    }, rootClassName));
+    const loaderStyles = styles.createComponentStyles(styles.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.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "component-loader-root" },
+        React.createElement("div", { className: loaderStyles, style: iconContainerStyles, "data-testid": "component-loader-icon-container" }),
+        text && (React.createElement(Text.Text, { Element: "p", noBlockMargin: true, noInlineMargin: true }, text))));
+};
+
+exports.Loader = Loader;
+//# sourceMappingURL=Loader.js.map

package/dist/cjs/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":["createComponentStyles","createLayoutStyles","Text"],"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,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,gCAAgC,EAAE,IAAI;QACtC,2CAA2C,EAAE,IAAI,KAAK,YAAY;KACnE,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,YAAY,GAAGD,4BAAqB,CACxCC,yBAAkB,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,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,uBAAuB,EAAA;QAEnC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,mBAAmB,EAAA,aAAA,EACd,iCAAiC,EAAA,CAC7C;AACD,QAAA,IAAI,KACH,KAAA,CAAA,aAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAC,GAAG,EAAC,aAAa,EAAA,IAAA,EAAC,cAAc,EAAA,IAAA,EAAA,EAC3C,IAAI,CACA,CACR,CACG;AAEV;;;;"}

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

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+
+const ShimmerLoader = ({ rootClassName, rootStyles = {}, }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_componentShimmerLoader_container: true,
+    }, rootClassName));
+    const shimmerClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_componentShimmerLoader_shimmer: true,
+    }));
+    return (React.createElement("div", { "data-testid": "component-shimmer-loader-root", className: containerStyles, style: rootStyles },
+        React.createElement("div", { "data-testid": "component-shimmer-loader-shimmer", className: shimmerClasses })));
+};
+
+exports.ShimmerLoader = ShimmerLoader;
+//# sourceMappingURL=ShimmerLoader.js.map

package/dist/cjs/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":["createComponentStyles","createLayoutStyles"],"mappings":";;;;;AAYO,MAAM,aAAa,GAAG,CAAC,EAC5B,aAAa,EACb,UAAU,GAAG,EAAE,GACK,KAAI;AACxB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,uCAAuC,EAAE,IAAI;KAC9C,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,cAAc,GAAGD,4BAAqB,CAC1CC,yBAAkB,CAAC;AACjB,QAAA,qCAAqC,EAAE,IAAI;AAC5C,KAAA,CAAC,CACH;IACD,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,+BAA+B,EAC3C,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA;QAEjB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,kCAAkC,EAC9C,SAAS,EAAE,cAAc,EAAA,CACzB,CACE;AAEV;;;;"}

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

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

package/dist/cjs/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":["createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;AAoBO,MAAM,SAAS,GAAG,CAAC,EACxB,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,YAAY,EACC,KAAI;AACpB,IAAA,MAAM,YAAY,GAAGA,4BAAqB,CACxCC,yBAAkB,CAChBC,wBAAiB,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,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,UAAU,iBACL,iBAAiB,EAAA,EAE5B,QAAQ,CACL;AAEV;;;;"}

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

@@ -0,0 +1,43 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+var useDisableBodyScroll = require('../../../hooks/useDisableBodyScroll.js');
+
+const ModalContainer = ({ children, isOpen = false, layer = 1, rootClassName, rootStyles = {}, ...paddingProps }) => {
+    useDisableBodyScroll.useDisableBodyScroll(isOpen);
+    const [_isOpen, _setIsOpen] = React.useState(false);
+    React.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 = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_modal_backdrop: true,
+        resoui_modal_backdrop_transition: true,
+        /* secret sauce */
+        resoui_modal_backdrop_open: isOpen ? _isOpen : isOpen,
+    }));
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.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.createElement("div", { className: backdropClasses, style: {
+            zIndex: computedZIndex,
+        }, "data-testid": "modal-backdrop" },
+        React.createElement("div", { className: containerStyles, style: {
+                zIndex: computedZIndex + 1,
+                ...rootStyles,
+            }, "data-testid": "modal-container-root" }, children))));
+};
+
+exports.ModalContainer = ModalContainer;
+//# sourceMappingURL=Modal-Container.js.map

package/dist/cjs/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":["useDisableBodyScroll","useState","useEffect","createComponentStyles","createLayoutStyles","withSpacingsProps"],"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;IACzBA,yCAAoB,CAAC,MAAM,CAAC;IAC5B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAE7CC,eAAS,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,GAAGC,4BAAqB,CAC3CC,yBAAkB,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,GAAGD,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,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,KACT,KAAA,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,QAAA,KAAA,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/cjs/components/Modal/Modal-Header/Modal-Header.js

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

package/dist/cjs/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":["createComponentStyles","createLayoutStyles","CloseButton"],"mappings":";;;;;;AAuBO,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,KAAK,GAAG,OAAO,EACf,aAAa,EACb,UAAU,GAAG,EAAE,GACG,KAAI;AACtB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,mBAAmB,EAAE,IAAI;KAC1B,EACD,aAAa,CACd,CACF;IAED,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,mBAAmB,EAAA;AAE/B,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,qCAAqC,iBAAa,oBAAoB,EAAA,EACnF,KAAK,CACD;QACP,KAAA,CAAA,aAAA,CAACC,uBAAW,IAAC,OAAO,EAAE,OAAO,EAAA,CAAI,CAC7B;AAEV;;;;"}

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

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

package/dist/cjs/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":["createComponentStyles","createLayoutStyles","withSpacingsProps","methodHasValue"],"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,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,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,GAAGF,4BAAqB,CAC1CC,yBAAkB,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,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,eAAe,EAAA,EACvDE,0BAAc,CAAC,mBAAmB,CAAC,IAClC,mBAAmB,CAAC;QAClB,MAAM;KACP,CAAC,KAEF,KAAA,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,IAAIA,0BAAc,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/cjs/components/Nav/Navbar/Navbar.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var React = require('react');
+var classnames = require('classnames');
+var Text = require('../../Text/Text.js');
+var validations = require('../../../utils/validations.js');
+var styles = require('../../../utils/styles.js');
+var ResponsiveContext = require('../../../context/ResponsiveContext.js');
+require('../../../context/ThemeContext.js');
+var Flex = require('../../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 } = React.useContext(ResponsiveContext.ResponsiveContext);
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_navbar_header_container: true,
+        [`resoui_navbar_header_position_${position}`]: true,
+    }, { ph, ...spacingsProps }), rootClassName, {
+        resoui_no_select: true,
+    }));
+    const navClasses = styles.createComponentStyles(styles.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: validations.methodHasValue(onClickLogo) || LogoWrapperElement === "a",
+    });
+    return (React.createElement("header", { "data-testid": "navbar-root", className: containerStyles, style: rootStyles },
+        React.createElement("nav", { className: navClasses, style: {
+                maxWidth: typeof maxWidth === "number" ? maxWidth : "unset",
+                ...navStyles,
+            } },
+            React.createElement(Flex.Flex, null,
+                showHamburgerButtonOnMobileView && isMobile && (React.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.createElement("div", { className: "resoui_navbar_nav_hamburger_line" }),
+                    React.createElement("div", { className: "resoui_navbar_nav_hamburger_line" }),
+                    React.createElement("div", { className: "resoui_navbar_nav_hamburger_line" }))),
+                React.createElement(LogoWrapperElement, { "data-testid": "navbar-logo", className: logoContainerClasses, onClick: () => {
+                        if (validations.methodHasValue(onClickLogo)) {
+                            onClickLogo();
+                        }
+                    }, href: LogoWrapperElement === "a" ? logoHref : undefined }, typeof renderCustomLogo === "function" ? (renderCustomLogo()) : (React.createElement(Text.Text, { Element: "span", rootClassName: "resoui_navbar_nav_logo_text", size: 9 }, textLogo)))),
+            React.createElement("div", { className: "resoui_navbar_nav_children_container" }, children))));
+};
+
+exports.Navbar = Navbar;
+//# sourceMappingURL=Navbar.js.map

package/dist/cjs/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":["useContext","ResponsiveContext","createComponentStyles","createLayoutStyles","withSpacingsProps","clasnames","methodHasValue","Flex","Text"],"mappings":"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"}

package/dist/cjs/components/Paginator/Paginator.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+var Icon = require('../Icon/Icon.js');
+var ChevronSingleLeft = require('../../icons/svg/ChevronSingleLeft.svg.js');
+var ChevronSingleRight = require('../../icons/svg/ChevronSingleRight.svg.js');
+var ChevronDoubleLeft = require('../../icons/svg/ChevronDoubleLeft.svg.js');
+var ChevronDoubleRight = require('../../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 = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({ resoui_paginator_container: true }, spacingsProps), rootClassName));
+    const pages = React.useMemo(() => buildPageRange(currentPage, totalPages, siblingCount), [currentPage, totalPages, siblingCount]);
+    const isFirst = currentPage === 1;
+    const isLast = currentPage === totalPages;
+    return (React.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "paginator-root" },
+        React.createElement("button", { className: "resoui_paginator_btn resoui_paginator_nav_btn", onClick: () => onPageChange(1), disabled: isFirst, "data-testid": "paginator-first", "aria-label": "First page" },
+            React.createElement(Icon.Icon, { SvgIcon: ChevronDoubleLeft.default, width: 16, height: 16 })),
+        React.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.createElement(Icon.Icon, { SvgIcon: ChevronSingleLeft.default, width: 16, height: 16 })),
+        pages.map((page, idx) => page === ELLIPSIS ? (React.createElement("span", { key: `ellipsis-${idx}`, className: "resoui_paginator_ellipsis", "aria-hidden": "true" }, ELLIPSIS)) : (React.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.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.createElement(Icon.Icon, { SvgIcon: ChevronSingleRight.default, width: 16, height: 16 })),
+        React.createElement("button", { className: "resoui_paginator_btn resoui_paginator_nav_btn", onClick: () => onPageChange(totalPages), disabled: isLast, "data-testid": "paginator-last", "aria-label": "Last page" },
+            React.createElement(Icon.Icon, { SvgIcon: ChevronDoubleRight.default, width: 16, height: 16 }))));
+};
+
+exports.Paginator = Paginator;
+//# sourceMappingURL=Paginator.js.map

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

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

package/dist/cjs/components/Panel/Panel-Container/Panel-Container.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+
+const PanelContainer = ({ children, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_panel_container: true,
+    }, rootClassName));
+    return (React.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "panel-container-root" }, children));
+};
+
+exports.PanelContainer = PanelContainer;
+//# sourceMappingURL=Panel-Container.js.map

package/dist/cjs/components/Panel/Panel-Container/Panel-Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel-Container.js","sources":["../../../../../src/library/components/Panel/Panel-Container/Panel-Container.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles"],"mappings":";;;;;AAmBO,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,EAAE,GACM,KAAI;AACzB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,sBAAsB,EAAE,IAAI;KAC7B,EACD,aAAa,CACd,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,iBACL,sBAAsB,EAAA,EAEjC,QAAQ,CACL;AAEV;;;;"}

package/dist/cjs/components/Panel/Panel-Row/Panel-Row.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+
+const PanelRow = ({ keyStr, value, rootClassName, rootStyles = {}, keyClassName, keyStyles = {}, valueClassName, valueStyles = {}, }) => {
+    const rowClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_panel_row_container: true,
+    }, rootClassName));
+    const keyClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_panel_row_key: true,
+    }, keyClassName));
+    const valueClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_panel_row_value: true,
+    }, valueClassName));
+    return (React.createElement("div", { className: rowClasses, style: rootStyles, "data-testid": "panel-row-root" },
+        React.createElement("span", { className: keyClasses, style: keyStyles, "data-testid": "panel-row-key" }, keyStr),
+        React.createElement("span", { className: valueClasses, style: valueStyles, "data-testid": "panel-row-value" }, value)));
+};
+
+exports.PanelRow = PanelRow;
+//# sourceMappingURL=Panel-Row.js.map

package/dist/cjs/components/Panel/Panel-Row/Panel-Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel-Row.js","sources":["../../../../../src/library/components/Panel/Panel-Row/Panel-Row.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles"],"mappings":";;;;;AAuBO,MAAM,QAAQ,GAAG,CAAC,EACvB,MAAM,EACN,KAAK,EACL,aAAa,EACb,UAAU,GAAG,EAAE,EACf,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,cAAc,EACd,WAAW,GAAG,EAAE,GACD,KAAI;AACnB,IAAA,MAAM,UAAU,GAAGA,4BAAqB,CACtCC,yBAAkB,CAChB;AACE,QAAA,0BAA0B,EAAE,IAAI;KACjC,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,UAAU,GAAGD,4BAAqB,CACtCC,yBAAkB,CAChB;AACE,QAAA,oBAAoB,EAAE,IAAI;KAC3B,EACD,YAAY,CACb,CACF;AAED,IAAA,MAAM,YAAY,GAAGD,4BAAqB,CACxCC,yBAAkB,CAChB;AACE,QAAA,sBAAsB,EAAE,IAAI;KAC7B,EACD,cAAc,CACf,CACF;IAED,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAA,aAAA,EAAc,gBAAgB,EAAA;QACzE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,SAAS,EAAA,aAAA,EACJ,eAAe,EAAA,EAE1B,MAAM,CACF;AACP,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,WAAW,EAAA,aAAA,EACN,iBAAiB,EAAA,EAE5B,KAAK,CACD,CACH;AAEV;;;;"}

package/dist/cjs/components/Panel/Panel-Title/Panel-Title.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+
+const PanelTitle = ({ text, rootClassName, rootStyles = {}, }) => {
+    const titleStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_panel_title: true,
+    }, rootClassName));
+    return (React.createElement("p", { className: titleStyles, style: rootStyles, "data-testid": "panel-title-root" }, text));
+};
+
+exports.PanelTitle = PanelTitle;
+//# sourceMappingURL=Panel-Title.js.map

package/dist/cjs/components/Panel/Panel-Title/Panel-Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel-Title.js","sources":["../../../../../src/library/components/Panel/Panel-Title/Panel-Title.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles"],"mappings":";;;;;AAmBO,MAAM,UAAU,GAAG,CAAC,EACzB,IAAI,EACJ,aAAa,EACb,UAAU,GAAG,EAAE,GACE,KAAI;AACrB,IAAA,MAAM,WAAW,GAAGA,4BAAqB,CACvCC,yBAAkB,CAChB;AACE,QAAA,kBAAkB,EAAE,IAAI;KACzB,EACD,aAAa,CACd,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,iBACL,kBAAkB,EAAA,EAE7B,IAAI,CACH;AAER;;;;"}

package/dist/cjs/components/Quantity-Counter/Quantity-Counter.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+
+const QuantityCounter = ({ value = 1, onAdd, onSubtract, onChange, min = 1, max, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_quantityCounter_container: true,
+    }, rootClassName));
+    return (React.createElement("div", { className: containerStyles, "data-testid": "quantity-counter-root", style: rootStyles },
+        React.createElement("div", { className: "resoui_quantityCounter_counterBox resoui_no_select", onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                if (value > min) {
+                    if (typeof onChange === "function") {
+                        onChange(value - 1);
+                    }
+                    if (typeof onSubtract === "function") {
+                        onSubtract();
+                    }
+                }
+            }, role: "button", "data-testid": "quantity-counter-subtract" }, "-"),
+        React.createElement("span", { "data-testid": "quantity-counter-value" }, value),
+        React.createElement("div", { className: "resoui_quantityCounter_counterBox resoui_no_select", onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                if (typeof max === "number" ? value < max : true) {
+                    if (typeof onChange === "function") {
+                        onChange(value + 1);
+                    }
+                    if (typeof onAdd === "function") {
+                        onAdd();
+                    }
+                }
+            }, role: "button", "data-testid": "quantity-counter-add" }, "+")));
+};
+
+exports.QuantityCounter = QuantityCounter;
+//# sourceMappingURL=Quantity-Counter.js.map

package/dist/cjs/components/Quantity-Counter/Quantity-Counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quantity-Counter.js","sources":["../../../../src/library/components/Quantity-Counter/Quantity-Counter.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles"],"mappings":";;;;;AAwBO,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,GAAG,CAAC,EACT,KAAK,EACL,UAAU,EACV,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,GAAG,EACH,aAAa,EACb,UAAU,GAAG,EAAE,GACE,KAAI;AACrB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,gCAAgC,EAAE,IAAI;KACvC,EACD,aAAa,CACd,CACF;IAED,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,iBACd,uBAAuB,EACnC,KAAK,EAAE,UAAU,EAAA;QAEjB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,oDAAoD,EAC9D,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,cAAc,EAAE;gBAClB,CAAC,CAAC,eAAe,EAAE;gBACnB,IAAI,KAAK,GAAG,GAAG,EAAE;AACf,oBAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAClC,wBAAA,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;AACpB,oBAAA;AACD,oBAAA,IAAI,OAAO,UAAU,KAAK,UAAU,EAAE;AACpC,wBAAA,UAAU,EAAE;AACb,oBAAA;AACF,gBAAA;YACH,CAAC,EACD,IAAI,EAAC,QAAQ,iBACD,2BAA2B,EAAA,EAEtC,GAAG,CACA;QACN,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,wBAAwB,EAAA,EAAE,KAAK,CAAQ;QACzD,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,oDAAoD,EAC9D,OAAO,EAAE,CAAC,CAAC,KAAI;gBACb,CAAC,CAAC,cAAc,EAAE;gBAClB,CAAC,CAAC,eAAe,EAAE;AACnB,gBAAA,IAAI,OAAO,GAAG,KAAK,QAAQ,GAAG,KAAK,GAAG,GAAG,GAAG,IAAI,EAAE;AAChD,oBAAA,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE;AAClC,wBAAA,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;AACpB,oBAAA;AACD,oBAAA,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AAC/B,wBAAA,KAAK,EAAE;AACR,oBAAA;AACF,gBAAA;YACH,CAAC,EACD,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,sBAAsB,EAAA,EAEjC,GAAG,CACA,CACF;AAEV;;;;"}

package/dist/cjs/components/Sidebar/Sidebar.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+
+const Sidebar = ({ isOpen = true, width = "240px", children, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_sidebar_container: true,
+        resoui_sidebar_closed: !isOpen,
+    }, rootClassName));
+    return (React.createElement("aside", { className: containerStyles, style: { width, ...rootStyles }, "data-testid": "sidebar-root" }, children));
+};
+
+exports.Sidebar = Sidebar;
+//# sourceMappingURL=Sidebar.js.map

package/dist/cjs/components/Sidebar/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/library/components/Sidebar/Sidebar.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles"],"mappings":";;;;;MAea,OAAO,GAAG,CAAC,EACtB,MAAM,GAAG,IAAI,EACb,KAAK,GAAG,OAAO,EACf,QAAQ,EACR,aAAa,EACb,UAAU,GAAG,EAAE,GACD,KAAI;AAClB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,wBAAwB,EAAE,IAAI;QAC9B,qBAAqB,EAAE,CAAC,MAAM;KAC/B,EACD,aAAa,CACd,CACF;IAED,QACE,+BACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAA,aAAA,EACnB,cAAc,IAEzB,QAAQ,CACH;AAEZ;;;;"}

package/dist/cjs/components/Sidebar/SidebarNavLink.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+
+const SidebarNavLink = ({ to, label, active = false, icon, onClick, rootClassName, rootStyles = {}, }) => {
+    const linkStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_sidebarNavLink_link: true,
+        resoui_sidebarNavLink_active: active,
+    }, rootClassName));
+    return (React.createElement("a", { href: to, className: linkStyles, style: rootStyles, onClick: (e) => {
+            if (typeof onClick === "function") {
+                e.preventDefault();
+                onClick();
+            }
+        }, "data-testid": `sidebar-nav-link-${label}`, "aria-current": active ? "page" : undefined },
+        icon && React.createElement("span", { className: "resoui_sidebarNavLink_icon" }, icon),
+        React.createElement("span", { className: "resoui_sidebarNavLink_label" }, label)));
+};
+
+exports.SidebarNavLink = SidebarNavLink;
+//# sourceMappingURL=SidebarNavLink.js.map

package/dist/cjs/components/Sidebar/SidebarNavLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavLink.js","sources":["../../../../src/library/components/Sidebar/SidebarNavLink.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles"],"mappings":";;;;;AAeO,MAAM,cAAc,GAAG,CAAC,EAC7B,EAAE,EACF,KAAK,EACL,MAAM,GAAG,KAAK,EACd,IAAI,EACJ,OAAO,EACP,aAAa,EACb,UAAU,GAAG,EAAE,GACM,KAAI;AACzB,IAAA,MAAM,UAAU,GAAGA,4BAAqB,CACtCC,yBAAkB,CAChB;AACE,QAAA,0BAA0B,EAAE,IAAI;AAChC,QAAA,4BAA4B,EAAE,MAAM;KACrC,EACD,aAAa,CACd,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,UAAU,EACrB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,CAAC,CAAC,KAAI;AACb,YAAA,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;gBACjC,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,OAAO,EAAE;AACV,YAAA;AACH,QAAA,CAAC,EAAA,aAAA,EACY,CAAA,iBAAA,EAAoB,KAAK,CAAA,CAAE,EAAA,cAAA,EAC1B,MAAM,GAAG,MAAM,GAAG,SAAS,EAAA;AAExC,QAAA,IAAI,IAAI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,4BAA4B,EAAA,EAAE,IAAI,CAAQ;QACnE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,6BAA6B,EAAA,EAAE,KAAK,CAAQ,CAC1D;AAER;;;;"}