reso-ui 2.44.0 → 3.0.0-alpha.2

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/context/DndArraySorterContext.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+
+/* tslint:disable */
+const ResoDndArraySorterContext = React.createContext({
+    wrapFactor: 0,
+    setWrapFactor: (val) => { },
+    leftEdgeIndices: [],
+    setLeftEdgeIndices: (val) => { },
+    rightEdgeIndices: [],
+    setRightEdgeIndices: (val) => { },
+    edgeTranslateX: 0,
+    setEdgeTranslateX: (val) => { },
+    edgeTranslateY: 0,
+    setEdgeTranslateY: (val) => { },
+    childItemMargins: { left: 0, right: 0, top: 0, bottom: 0 },
+    setChildItemMargins: (val) => { },
+});
+
+exports.ResoDndArraySorterContext = ResoDndArraySorterContext;
+//# sourceMappingURL=DndArraySorterContext.js.map

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/context/DndArraySorterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DndArraySorterContext.js","sources":["../../../../../../src/library/components/Dnd/Dnd-Array-Sorter/context/DndArraySorterContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAA;AA8BO,MAAM,yBAAyB,GACpC,KAAK,CAAC,aAAa,CAAyB;AAC1C,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,aAAa,EAAE,CAAC,GAAW,OAAM,CAAC;AAElC,IAAA,eAAe,EAAE,EAAE;AACnB,IAAA,kBAAkB,EAAE,CAAC,GAAa,OAAM,CAAC;AAEzC,IAAA,gBAAgB,EAAE,EAAE;AACpB,IAAA,mBAAmB,EAAE,CAAC,GAAa,OAAM,CAAC;AAE1C,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,iBAAiB,EAAE,CAAC,GAAW,OAAM,CAAC;AAEtC,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,iBAAiB,EAAE,CAAC,GAAW,OAAM,CAAC;AAEtC,IAAA,gBAAgB,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;AAC1D,IAAA,mBAAmB,EAAE,CAAC,GAAQ,OAAM,CAAC;AACtC,CAAA;;;;"}

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/hooks/useDndArraySorter.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var React = require('react');
+var useComponentWidthHeight = require('../../../../hooks/useComponentWidthHeight.js');
+
+const useDndArraySorter = (dropTargetId, dragzoneRef = undefined, horizontalWrap, deps) => {
+    const [wrapFactor, setWrapFactor] = React.useState(0);
+    const [leftEdgeIndices, setLeftEdgeIndices] = React.useState([]);
+    const [rightEdgeIndices, setRightEdgeIndices] = React.useState([]);
+    const [edgeTranslateX, setEdgeTranslateX] = React.useState(0);
+    const [edgeTranslateY, setEdgeTranslateY] = React.useState(0);
+    const [childItemMargins, setChildItemMargins] = React.useState({
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+    });
+    const { width } = useComponentWidthHeight.useComponentWidthHeight(dragzoneRef);
+    React.useEffect(() => {
+        if (dragzoneRef === null || dragzoneRef === void 0 ? void 0 : dragzoneRef.current) {
+            const parentNode = dragzoneRef.current;
+            const parentNodeComputedStyle = getComputedStyle(parentNode);
+            const parentNodePaddings = parseFloat(parentNodeComputedStyle.paddingLeft) +
+                parseFloat(parentNodeComputedStyle.paddingRight);
+            const parentNodeBorderWidth = parseFloat(parentNodeComputedStyle.borderWidth);
+            const parentNodeAvailableWidth = parentNode.getBoundingClientRect().width -
+                parentNodePaddings -
+                parentNodeBorderWidth;
+            const child = parentNode.children[0];
+            const childNodeComputedStyle = getComputedStyle(child);
+            const childNodeHorizontalMargins = parseFloat(childNodeComputedStyle.marginLeft) +
+                parseFloat(childNodeComputedStyle.marginRight);
+            const childNodeVerticalMargins = parseFloat(childNodeComputedStyle.marginLeft) +
+                parseFloat(childNodeComputedStyle.marginRight);
+            setChildItemMargins({
+                top: parseFloat(childNodeComputedStyle.marginTop),
+                bottom: parseFloat(childNodeComputedStyle.marginBottom),
+                left: parseFloat(childNodeComputedStyle.marginLeft),
+                right: parseFloat(childNodeComputedStyle.marginRight),
+            });
+            if (!horizontalWrap)
+                return;
+            /**
+             * Calculations below are for Horizontal Wrap only
+             */
+            const childNodeExactWidth = child.getBoundingClientRect().width + childNodeHorizontalMargins;
+            const _wrapFactor = Math.floor(parentNodeAvailableWidth / childNodeExactWidth);
+            if (_wrapFactor === 1) {
+                setLeftEdgeIndices([
+                    ...Array.prototype.map.call(parentNode.children, (_i, idx) => idx),
+                ]);
+                setRightEdgeIndices([]);
+                return;
+            }
+            const edgeTranslateXVal = (_wrapFactor - 1) * childNodeExactWidth;
+            setEdgeTranslateX(edgeTranslateXVal);
+            const edgeTranslateYVal = child.getBoundingClientRect().height + childNodeVerticalMargins;
+            setEdgeTranslateY(edgeTranslateYVal);
+            const _leftEdgeIndices = [];
+            const _rightEdgeIndices = [];
+            let cursor = 0;
+            while (cursor < parentNode.children.length) {
+                _leftEdgeIndices.push(cursor);
+                cursor += _wrapFactor;
+                if (cursor <= parentNode.children.length) {
+                    _rightEdgeIndices.push(cursor - 1);
+                }
+            }
+            // console.log({
+            //   _wrapFactor,
+            //   parentNodeAvailableWidth,
+            //   childNodeExactWidth,
+            //   _leftEdgeIndices,
+            //   _rightEdgeIndices,
+            // });
+            setWrapFactor(_wrapFactor);
+            setLeftEdgeIndices(_leftEdgeIndices);
+            setRightEdgeIndices(_rightEdgeIndices);
+        }
+    }, [dragzoneRef === null || dragzoneRef === void 0 ? void 0 : dragzoneRef.current, dropTargetId, width, ...deps]);
+    return {
+        wrapFactor,
+        setWrapFactor,
+        leftEdgeIndices,
+        setLeftEdgeIndices,
+        rightEdgeIndices,
+        setRightEdgeIndices,
+        edgeTranslateX,
+        setEdgeTranslateX,
+        edgeTranslateY,
+        setEdgeTranslateY,
+        childItemMargins,
+        setChildItemMargins,
+    };
+};
+
+exports.useDndArraySorter = useDndArraySorter;
+//# sourceMappingURL=useDndArraySorter.js.map

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/hooks/useDndArraySorter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDndArraySorter.js","sources":["../../../../../../src/library/components/Dnd/Dnd-Array-Sorter/hooks/useDndArraySorter.ts"],"sourcesContent":[null],"names":["useState","useComponentWidthHeight","useEffect"],"mappings":"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"}

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/shared-data.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const ElementLastTranslation = {};
+const ElementIdToTransitioning = {};
+exports.InitialDragzoneChildren = null;
+const setInitialDragzoneChildren = (val) => {
+    exports.InitialDragzoneChildren = val;
+};
+const clearElementTransitioning = () => {
+    Object.keys(ElementIdToTransitioning).forEach((k) => {
+        delete ElementIdToTransitioning[k];
+    });
+};
+
+exports.ElementIdToTransitioning = ElementIdToTransitioning;
+exports.ElementLastTranslation = ElementLastTranslation;
+exports.clearElementTransitioning = clearElementTransitioning;
+exports.setInitialDragzoneChildren = setInitialDragzoneChildren;
+//# sourceMappingURL=shared-data.js.map

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/shared-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-data.js","sources":["../../../../../src/library/components/Dnd/Dnd-Array-Sorter/shared-data.ts"],"sourcesContent":[null],"names":["InitialDragzoneChildren"],"mappings":";;AAAO,MAAM,sBAAsB,GAAG;AAE/B,MAAM,wBAAwB,GAAG;AAE7BA,+BAAuB,GAAG;AAE9B,MAAM,0BAA0B,GAAG,CAAC,GAAQ,KAAI;IACrDA,+BAAuB,GAAG,GAAG;AAC/B;AAEO,MAAM,yBAAyB,GAAG,MAAK;IAC5C,MAAM,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAI;AAClD,QAAA,OAAO,wBAAwB,CAAC,CAAC,CAAC;AACpC,IAAA,CAAC,CAAC;AACJ;;;;;;;"}

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/utils/index.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var index = require('../constants/index.js');
+
+const clearElementStyles = (el) => {
+    el.style.transform = "";
+    el.style.opacity = "";
+    el.classList.remove("resoui_resodnd_draggable_transition", "resoui_resodnd_draggable_dragging", "resoui_resodnd_remove_transition");
+};
+const animateElementMovement = (el, translateValues, options) => {
+    var _a;
+    if (!el)
+        return;
+    const onTransitionEnd = options === null || options === void 0 ? void 0 : options.onTransitionEnd;
+    const onTransitionCancelled = options === null || options === void 0 ? void 0 : options.onTransitionCancelled;
+    const clearElementStylesOnTransitionEnd = (_a = options === null || options === void 0 ? void 0 : options.clearElementStylesOnTransitionEnd) !== null && _a !== void 0 ? _a : true;
+    const translateX = typeof translateValues.x === "string"
+        ? `translateX(${translateValues.x})`
+        : "";
+    const translateY = typeof translateValues.y === "string"
+        ? `translateY(${translateValues.y})`
+        : "";
+    const transformStyle = `${translateX} ${translateY}`.trim();
+    el.classList.add("resoui_resodnd_draggable_transition");
+    el.style.transform = transformStyle;
+    el.ontransitionend = (tev) => {
+        if (clearElementStylesOnTransitionEnd) {
+            clearElementStyles(el);
+        }
+        if (typeof onTransitionEnd === "function") {
+            onTransitionEnd(tev);
+        }
+    };
+    el.ontransitioncancel = (tev) => {
+        clearElementStyles(el);
+        if (typeof onTransitionCancelled === "function") {
+            onTransitionCancelled(tev);
+        }
+    };
+};
+const animateElementRemoval = (el, direction, options
+// onTransitionEnd?: (tev: TransitionEvent) => void
+) => {
+    if (!el)
+        return;
+    const onTransitionEnd = options === null || options === void 0 ? void 0 : options.onTransitionEnd;
+    const onTransitionCancelled = options === null || options === void 0 ? void 0 : options.onTransitionCancelled;
+    const transitionDistance = 50;
+    const transitionDir = direction !== null && direction !== void 0 ? direction : "up";
+    const transitionStyle = transitionDir === "up"
+        ? `translateY(-${transitionDistance}px)`
+        : transitionDir === "down"
+            ? `translateY(${transitionDistance}px)`
+            : transitionDir === "left"
+                ? `translateX(-${transitionDistance}px)`
+                : `translateX(${transitionDistance}px)`;
+    el.classList.add("resoui_resodnd_remove_transition");
+    el.style.transform = `${transitionStyle} scale(0.98)`;
+    el.style.opacity = "0";
+    el.ontransitionend = (_ev) => {
+        if (typeof onTransitionEnd === "function") {
+            onTransitionEnd(_ev);
+        }
+    };
+    el.ontransitioncancel = (tev) => {
+        clearElementStyles(el);
+        if (typeof onTransitionCancelled === "function") {
+            onTransitionCancelled(tev);
+        }
+    };
+};
+const getArrItemId = (initialId) => initialId.replace(index.RESODND_DOM_ID_PREFIX, "");
+
+exports.animateElementMovement = animateElementMovement;
+exports.animateElementRemoval = animateElementRemoval;
+exports.clearElementStyles = clearElementStyles;
+exports.getArrItemId = getArrItemId;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Dnd/Dnd-Array-Sorter/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/library/components/Dnd/Dnd-Array-Sorter/utils/index.ts"],"sourcesContent":[null],"names":["RESODND_DOM_ID_PREFIX"],"mappings":"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"}

package/dist/cjs/components/Drawer/Drawer.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+var useDisableBodyScroll = require('../../hooks/useDisableBodyScroll.js');
+var DrawerContent = require('./DrawerContent.js');
+
+const Drawer = ({ children, isOpen = false, onClose, title = "", layer = 1, width = 300, side = "right", fullWidth = false, closeOnBackdropClick = false, titleClassName, titleStyles = {}, closeButtonClassName, closeButtonStyles = {}, contentClassName, contentStyles = {}, 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), 125); // match transition duration
+            return () => clearTimeout(timeout);
+        }
+    }, [isOpen]);
+    const backdropClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_drawer_backdrop: true,
+        resoui_component_drawer_backdrop_transition: true,
+        /* secret sauce */
+        resoui_drawer_backdrop_open: isOpen ? _isOpen : isOpen,
+    }));
+    const computedZIndex = layer + 10;
+    const getIsOpen = () => (isOpen ? isOpen : _isOpen);
+    /**
+     * When the component enters, we want to mount the component first.
+     * So we are using the actual isOpen.
+     *
+     * When the component leaves, we want to remove the open classes first,
+     * before removing it from the dom. therefore, we are using the _isOpen.
+     *
+     * When determining display block or none: is the drawer is not yet opened,
+     * isOpen uses the actual isOpen. If the component is alreayd opened.
+     *
+     * DO NOT USE display: none, as we intentionally want the component to unmount
+     * from the DOM when it closes
+     */
+    return (getIsOpen() && (React.createElement("div", { className: backdropClasses, style: {
+            zIndex: computedZIndex,
+            alignItems: side === "right" ? "flex-end" : "flex-start",
+        }, "data-testid": "drawer-backdrop" },
+        React.createElement(DrawerContent.default, { internalIsOpen: _isOpen, isOpen: isOpen, onClose: onClose, side: side, title: title, width: width, fullWidth: fullWidth, closeOnBackdropClick: closeOnBackdropClick, rootClassName: rootClassName, rootStyles: rootStyles, titleClassName: titleClassName, titleStyles: titleStyles, contentClassName: contentClassName, contentStyles: contentStyles, layer: computedZIndex, closeButtonClassName: closeButtonClassName, closeButtonStyles: closeButtonStyles, ...paddingProps }, children))));
+};
+
+exports.Drawer = Drawer;
+//# sourceMappingURL=Drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":["../../../../src/library/components/Drawer/Drawer.tsx"],"sourcesContent":[null],"names":["useDisableBodyScroll","useState","useEffect","createComponentStyles","createLayoutStyles","DrawerContent"],"mappings":";;;;;;;AAaO,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,OAAO,EACP,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,CAAC,EACT,KAAK,GAAG,GAAG,EACX,IAAI,GAAG,OAAO,EACd,SAAS,GAAG,KAAK,EACjB,oBAAoB,GAAG,KAAK,EAC5B,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,oBAAoB,EACpB,iBAAiB,GAAG,EAAE,EACtB,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,YAAY,EACH,KAAI;IAChBA,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,sBAAsB,EAAE,IAAI;AAC5B,QAAA,2CAA2C,EAAE,IAAI;;QAEjD,2BAA2B,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM;AACvD,KAAA,CAAC,CACH;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,EAAE;AAEjC,IAAA,MAAM,SAAS,GAAG,OAAO,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnD;;;;;;;;;;;;AAYG;IAEH,QACE,SAAS,EAAE,KACT,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;AACL,YAAA,MAAM,EAAE,cAAc;YACtB,UAAU,EAAE,IAAI,KAAK,OAAO,GAAG,UAAU,GAAG,YAAY;AACzD,SAAA,EAAA,aAAA,EACW,iBAAiB,EAAA;AAE7B,QAAA,KAAA,CAAA,aAAA,CAACC,qBAAa,EAAA,EACZ,cAAc,EAAE,OAAO,EACvB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,oBAAoB,EAAE,oBAAoB,EAC1C,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,cAAc,EACrB,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,iBAAiB,EAAA,GAChC,YAAY,EAAA,EAEf,QAAQ,CACK,CACZ,CACP;AAEL;;;;"}

package/dist/cjs/components/Drawer/DrawerContent.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+var useClickOutside = require('../../hooks/useClickOutside.js');
+require('../../context/ThemeContext.js');
+var Flex = require('../Containers/Flex/Flex.js');
+var CloseButton = require('../Buttons/Close-Button/Close-Button.js');
+
+const DrawerContent = ({ children, isOpen = false, internalIsOpen, onClose, side, title, width, fullWidth, layer, closeOnBackdropClick, rootClassName, rootStyles = {}, titleClassName, titleStyles = {}, contentClassName, contentStyles = {}, closeButtonClassName, closeButtonStyles = {}, ...paddingProps }) => {
+    const drawerContentRef = React.useRef();
+    useClickOutside.useClickOutside(drawerContentRef, () => {
+        if (closeOnBackdropClick) {
+            onClose();
+        }
+    });
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_drawer_container: true,
+        resoui_component_drawer_container_transition: true,
+        resoui_drawer_container_left: side === "left",
+        resoui_drawer_container_right: side === "right",
+        resoui_drawer_container_open: isOpen ? internalIsOpen : isOpen,
+    }, paddingProps), rootClassName));
+    const titleClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_drawer_title: true,
+    }, titleClassName));
+    const contentClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_drawer_content: true,
+    }, contentClassName));
+    const computedZIndex = layer + 1;
+    return (React.createElement("div", { ref: drawerContentRef, className: containerStyles, style: {
+            zIndex: computedZIndex + 1,
+            width: fullWidth ? "100%" : `${width}px`,
+            ...rootStyles,
+        }, "data-testid": "drawer-container-root" },
+        React.createElement(Flex.Flex, { rootClassName: titleClasses, rootStyles: titleStyles },
+            title && title !== "" ? title : React.createElement("div", null),
+            React.createElement(CloseButton.CloseButton, { onClick: () => {
+                    onClose();
+                }, rootClassName: closeButtonClassName, rootStyles: closeButtonStyles })),
+        React.createElement(Flex.Flex, { direction: "column", justify: "start", align: "start", rootClassName: contentClasses, rootStyles: contentStyles, ...{
+                datatestid: "drawer-content-container",
+            } }, children)));
+};
+
+exports.default = DrawerContent;
+//# sourceMappingURL=DrawerContent.js.map

package/dist/cjs/components/Drawer/DrawerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent.js","sources":["../../../../src/library/components/Drawer/DrawerContent.tsx"],"sourcesContent":[null],"names":["useRef","useClickOutside","createComponentStyles","createLayoutStyles","withSpacingsProps","Flex","CloseButton"],"mappings":";;;;;;;;;;;AAiCA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,MAAM,GAAG,KAAK,EACd,cAAc,EACd,OAAO,EACP,IAAI,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,KAAK,EACL,oBAAoB,EACpB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,cAAc,EACd,WAAW,GAAG,EAAE,EAChB,gBAAgB,EAChB,aAAa,GAAG,EAAE,EAClB,oBAAoB,EACpB,iBAAiB,GAAG,EAAE,EACtB,GAAG,YAAY,EACK,KAAI;AACxB,IAAA,MAAM,gBAAgB,GAAGA,YAAM,EAAkB;AAEjD,IAAAC,+BAAe,CAAC,gBAAgB,EAAE,MAAK;AACrC,QAAA,IAAI,oBAAoB,EAAE;AACxB,YAAA,OAAO,EAAE;AACV,QAAA;AACH,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,uBAAuB,EAAE,IAAI;AAC7B,QAAA,4CAA4C,EAAE,IAAI;QAClD,4BAA4B,EAAE,IAAI,KAAK,MAAM;QAC7C,6BAA6B,EAAE,IAAI,KAAK,OAAO;QAC/C,4BAA4B,EAAE,MAAM,GAAG,cAAc,GAAG,MAAM;AAC/D,KAAA,EACD,YAAY,CACb,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,YAAY,GAAGF,4BAAqB,CACxCC,yBAAkB,CAChB;AACE,QAAA,mBAAmB,EAAE,IAAI;KAC1B,EACD,cAAc,CACf,CACF;AAED,IAAA,MAAM,cAAc,GAAGD,4BAAqB,CAC1CC,yBAAkB,CAChB;AACE,QAAA,qBAAqB,EAAE,IAAI;KAC5B,EACD,gBAAgB,CACjB,CACF;AAED,IAAA,MAAM,cAAc,GAAG,KAAK,GAAG,CAAC;IAEhC,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,gBAAgB,EACrB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,MAAM,EAAE,cAAc,GAAG,CAAC;YAC1B,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;AACxC,YAAA,GAAG,UAAU;AACd,SAAA,EAAA,aAAA,EACW,uBAAuB,EAAA;QAEnC,KAAA,CAAA,aAAA,CAACE,SAAI,IAAC,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAA;YACvD,KAAK,IAAI,KAAK,KAAK,EAAE,GAAG,KAAK,GAAG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,CAAO;AACxC,YAAA,KAAA,CAAA,aAAA,CAACC,uBAAW,EAAA,EACV,OAAO,EAAE,MAAK;AACZ,oBAAA,OAAO,EAAE;gBACX,CAAC,EACD,aAAa,EAAE,oBAAoB,EACnC,UAAU,EAAE,iBAAiB,EAAA,CAC7B,CACG;QACP,KAAA,CAAA,aAAA,CAACD,SAAI,IACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,cAAc,EAC7B,UAAU,EAAE,aAAa,EAAA,GACrB;AACF,gBAAA,UAAU,EAAE,0BAA0B;AACvC,aAAA,EAAA,EAEA,QAAQ,CACJ,CACH;AAEV;;;;"}

package/dist/cjs/components/Errors/Component-Error/Component-Error.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+
+const ComponentError = ({ text, rootClassName, rootStyles = {}, iconClassName, iconStyles = {}, textClassName, textStyles = {}, }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_componentError_container: true,
+    }, rootClassName));
+    const iconClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_componentError_icon: true,
+        resoui_componentError_icon_margin: text && text !== "",
+    }, iconClassName));
+    const textClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_componentError_text: true,
+    }, textClassName));
+    return (React.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "component-error-root" },
+        React.createElement("div", { className: iconClasses, style: iconStyles, "data-testid": "component-error-icon" }, "!"),
+        text && text !== "" && (React.createElement("p", { className: textClasses, style: textStyles, "data-testid": "component-error-text" }, text))));
+};
+
+exports.ComponentError = ComponentError;
+//# sourceMappingURL=Component-Error.js.map

package/dist/cjs/components/Errors/Component-Error/Component-Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component-Error.js","sources":["../../../../../src/library/components/Errors/Component-Error/Component-Error.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles"],"mappings":";;;;;AAuBO,MAAM,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,aAAa,EACb,UAAU,GAAG,EAAE,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,aAAa,EACb,UAAU,GAAG,EAAE,GACM,KAAI;AACzB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,+BAA+B,EAAE,IAAI;KACtC,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,WAAW,GAAGD,4BAAqB,CACvCC,yBAAkB,CAChB;AACE,QAAA,0BAA0B,EAAE,IAAI;AAChC,QAAA,iCAAiC,EAAE,IAAI,IAAI,IAAI,KAAK,EAAE;KACvD,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,WAAW,GAAGD,4BAAqB,CACvCC,yBAAkB,CAChB;AACE,QAAA,0BAA0B,EAAE,IAAI;KACjC,EACD,aAAa,CACd,CACF;IAED,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,sBAAsB,EAAA;QAElC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,sBAAsB,EAAA,EAAA,GAAA,CAG9B;QACL,IAAI,IAAI,IAAI,KAAK,EAAE,KAClB,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,iBACL,sBAAsB,EAAA,EAEjC,IAAI,CACH,CACL,CACG;AAEV;;;;"}

package/dist/cjs/components/Errors/Full-Screen-Error/Full-Screen-Error.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+var useDisableBodyScroll = require('../../../hooks/useDisableBodyScroll.js');
+
+const FullScreenError = ({ text = "Oops, something went horribly wrong!", rootClassName, rootStyles = {}, textClassName, textStyles = {}, iconClassName, iconStyles = {}, }) => {
+    useDisableBodyScroll.useDisableBodyScroll(true);
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_fullScreenError_container: true,
+    }, rootClassName));
+    const iconClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_fullScreenError_icon: true,
+    }, iconClassName));
+    const textClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_fullScreenError_text: true,
+    }, textClassName));
+    return (React.createElement("div", { className: containerStyles, style: rootStyles, "data-testid": "full-screen-error-root" },
+        React.createElement("div", { className: iconClasses, style: iconStyles, "data-testid": "full-screen-error-icon" }, "!"),
+        React.createElement("p", { className: textClasses, style: textStyles, "data-testid": "full-screen-error-text" }, text)));
+};
+
+exports.FullScreenError = FullScreenError;
+//# sourceMappingURL=Full-Screen-Error.js.map

package/dist/cjs/components/Errors/Full-Screen-Error/Full-Screen-Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Full-Screen-Error.js","sources":["../../../../../src/library/components/Errors/Full-Screen-Error/Full-Screen-Error.tsx"],"sourcesContent":[null],"names":["useDisableBodyScroll","createComponentStyles","createLayoutStyles"],"mappings":";;;;;;AAwBO,MAAM,eAAe,GAAG,CAAC,EAC9B,IAAI,GAAG,sCAAsC,EAC7C,aAAa,EACb,UAAU,GAAG,EAAE,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,aAAa,EACb,UAAU,GAAG,EAAE,GACO,KAAI;IAC1BA,yCAAoB,CAAC,IAAI,CAAC;AAE1B,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,gCAAgC,EAAE,IAAI;KACvC,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,WAAW,GAAGD,4BAAqB,CACvCC,yBAAkB,CAChB;AACE,QAAA,2BAA2B,EAAE,IAAI;KAClC,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,WAAW,GAAGD,4BAAqB,CACvCC,yBAAkB,CAChB;AACE,QAAA,2BAA2B,EAAE,IAAI;KAClC,EACD,aAAa,CACd,CACF;IAED,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,wBAAwB,EAAA;QAEpC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,wBAAwB,EAAA,EAAA,GAAA,CAGhC;AACN,QAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,EAAA,aAAA,EACL,wBAAwB,EAAA,EAEnC,IAAI,CACH,CACA;AAEV;;;;"}

package/dist/cjs/components/Example/Example.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var React = require('react');
+var Text = require('../Text/Text.js');
+var styles = require('../../utils/styles.js');
+
+const Example = ({ children, name, rootClassName, rootStyles = {}, }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_example_component_container: true,
+    }, rootClassName));
+    return (React.createElement("div", { className: containerStyles, "data-testid": "example-component-root", style: rootStyles },
+        React.createElement(Text.Text, null, "Hello World!"),
+        React.createElement(Text.Text, null, "This is just an example component"),
+        React.createElement(Text.Text, null,
+            "Name: ",
+            name),
+        typeof children !== null && typeof children !== undefined && children));
+};
+
+exports.Example = Example;
+//# sourceMappingURL=Example.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Example.js","sources":["../../../../src/library/components/Example/Example.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","Text"],"mappings":";;;;;;AAuBO,MAAM,OAAO,GAAG,CAAC,EACtB,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,UAAU,GAAG,EAAE,GACG,KAAI;AACtB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,kCAAkC,EAAE,IAAI;KACzC,EACD,aAAa,CACd,CACF;IAED,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,iBACd,wBAAwB,EACpC,KAAK,EAAE,UAAU,EAAA;AAEjB,QAAA,KAAA,CAAA,aAAA,CAACC,SAAI,EAAA,IAAA,EAAA,cAAA,CAAoB;AACzB,QAAA,KAAA,CAAA,aAAA,CAACA,SAAI,EAAA,IAAA,EAAA,mCAAA,CAAyC;AAC9C,QAAA,KAAA,CAAA,aAAA,CAACA,SAAI,EAAA,IAAA;;AAAQ,YAAA,IAAI,CAAQ;AACxB,QAAA,OAAO,QAAQ,KAAK,IAAI,IAAI,OAAO,QAAQ,KAAK,SAAS,IAAI,QAAQ,CAClE;AAEV;;;;"}

package/dist/cjs/components/External-Links/External-Links.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+
+const ExternalLinks = ({ links, rootClassName, rootStyles = {}, linkClassName, linkStyles = {}, ...spacingsProps }) => {
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_externalLinks_container: true,
+    }, spacingsProps), rootClassName));
+    const linkClasses = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_externalLinks_link: true,
+    }, linkClassName));
+    return (React.createElement(React.Fragment, null, links && links.length > 0 && (React.createElement("ul", { "data-testid": "external-links-root", className: containerClasses, style: rootStyles }, links.map((x, idx) => (React.createElement("li", { "data-testid": `external-links-link-${x}`, className: "resoui_externalLinks_linkContainer", key: idx },
+        React.createElement("a", { href: x.link, target: "_blank", rel: "noreferrer", className: linkClasses, style: linkStyles }, x.text))))))));
+};
+
+exports.ExternalLinks = ExternalLinks;
+//# sourceMappingURL=External-Links.js.map

package/dist/cjs/components/External-Links/External-Links.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"External-Links.js","sources":["../../../../src/library/components/External-Links/External-Links.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;AA4BO,MAAM,aAAa,GAAG,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,UAAU,GAAG,EAAE,EACf,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACI,KAAI;AACxB,IAAA,MAAM,gBAAgB,GAAGA,4BAAqB,CAC5CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,8BAA8B,EAAE,IAAI;AACrC,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;AAED,IAAA,MAAM,WAAW,GAAGF,4BAAqB,CACvCC,yBAAkB,CAChB;AACE,QAAA,yBAAyB,EAAE,IAAI;KAChC,EACD,aAAa,CACd,CACF;IAED,QACE,0CACG,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,KACxB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,UAAU,EAAA,EAEhB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,MAChB,2CACe,CAAA,oBAAA,EAAuB,CAAC,EAAE,EACvC,SAAS,EAAC,oCAAoC,EAC9C,GAAG,EAAE,GAAG,EAAA;AAER,QAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAE,WAAW,EACtB,KAAK,EAAE,UAAU,EAAA,EAEhB,CAAC,CAAC,IAAI,CACL,CACD,CACN,CAAC,CACC,CACN,CACA;AAEP;;;;"}

package/dist/cjs/components/Footer/Footer.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+
+const Footer = ({ children, positionFixed = false, rootClassName, rootStyles = {}, pv = 3, ph = 5, ...spacingsProps }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_footer_container: true,
+        resoui_footer_container_positionFixed: positionFixed,
+    }, { ph, pv, ...spacingsProps }), rootClassName));
+    return (React.createElement("footer", { "data-testid": "footer-root", className: containerStyles, style: rootStyles }, children));
+};
+
+exports.Footer = Footer;
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../src/library/components/Footer/Footer.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;AAsBO,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,aAAa,GAAG,KAAK,EACrB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,GAAG,aAAa,EACH,KAAI;AACjB,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,uBAAuB,EAAE,IAAI;AAC7B,QAAA,qCAAqC,EAAE,aAAa;AACrD,KAAA,EACD,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,aAAa,EAAE,CAC7B,EACD,aAAa,CACd,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,aAAa,EACzB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EAAA,EAEhB,QAAQ,CACF;AAEb;;;;"}

package/dist/cjs/components/Icon/Icon.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../utils/styles.js');
+
+const Icon = ({ SvgIcon, width = 32, height = 32, inline = false, fill = "#434B59", stroke = "current", rootClassName, rootStyles = {}, ...spacingsProps }) => {
+    const containerClasses = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_icon_container: true,
+        resoui_icon_container_inline: inline,
+    }, spacingsProps), rootClassName));
+    return (React.createElement("div", { "data-testid": "icon-root", className: containerClasses, style: rootStyles },
+        React.createElement(SvgIcon, { "data-testid": "icon-svg-icon", width: width, height: height, fill: fill, stroke: stroke })));
+};
+
+exports.Icon = Icon;
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../src/library/components/Icon/Icon.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","withSpacingsProps"],"mappings":";;;;;AA4BO,MAAM,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,EAAE,EACX,MAAM,GAAG,KAAK,EACd,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,SAAS,EAClB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,GAAG,aAAa,EACL,KAAI;AACf,IAAA,MAAM,gBAAgB,GAAGA,4BAAqB,CAC5CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,4BAA4B,EAAE,MAAM;AACrC,KAAA,EACD,aAAa,CACd,EACD,aAAa,CACd,CACF;IAED,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,WAAW,EACvB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,UAAU,EAAA;QAEjB,KAAA,CAAA,aAAA,CAAC,OAAO,mBACM,eAAe,EAC3B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EAAA,CACd,CACE;AAEV;;;;"}

package/dist/cjs/components/Images/Hero/Hero.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var React = require('react');
+var Image = require('../Image/Image.js');
+var styles = require('../../../utils/styles.js');
+
+const Hero = ({ src, alt = "RESO Hero Image", fullWidth = false, rootClassName, imgClassName, rootStyles = {}, imgStyles = {}, ...spacingsProps }) => {
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles({
+        resoui_hero_container: true,
+        resoui_hero_container_fullWidth: fullWidth,
+    }, rootClassName, {
+        resoui_position_relative: true,
+        // resoui_width_full does not work here because both [Image] and [Hero] styles overrides the global [width] style
+    }));
+    return (React.createElement(Image.Image, { rootClassName: containerStyles, rootStyles: rootStyles, src: src, alt: alt, imgClassName: imgClassName, imgStyles: imgStyles, mh: fullWidth ? 0 : "center", ...spacingsProps }));
+};
+
+exports.Hero = Hero;
+//# sourceMappingURL=Hero.js.map

package/dist/cjs/components/Images/Hero/Hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","sources":["../../../../../src/library/components/Images/Hero/Hero.tsx"],"sourcesContent":[null],"names":["createComponentStyles","createLayoutStyles","Image"],"mappings":";;;;;;AAsBO,MAAM,IAAI,GAAG,CAAC,EACnB,GAAG,EACH,GAAG,GAAG,iBAAiB,EACvB,SAAS,GAAG,KAAK,EACjB,aAAa,EACb,YAAY,EACZ,UAAU,GAAG,EAAE,EACf,SAAS,GAAG,EAAE,EACd,GAAG,aAAa,EACL,KAAI;AACf,IAAA,MAAM,eAAe,GAAGA,4BAAqB,CAC3CC,yBAAkB,CAChB;AACE,QAAA,qBAAqB,EAAE,IAAI;AAC3B,QAAA,+BAA+B,EAAE,SAAS;AAC3C,KAAA,EACD,aAAa,EACb;AACE,QAAA,wBAAwB,EAAE,IAAI;;AAE/B,KAAA,CACF,CACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAACC,WAAK,IACJ,aAAa,EAAE,eAAe,EAC9B,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,SAAS,GAAG,CAAC,GAAG,QAAQ,KACxB,aAAa,EAAA,CACjB;AAEN;;;;"}

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

@@ -0,0 +1,68 @@
+'use strict';
+
+var React = require('react');
+var styles = require('../../../utils/styles.js');
+var ShimmerLoader = require('../../Loaders/ShimmerLoader/ShimmerLoader.js');
+var validations = require('../../../utils/validations.js');
+
+const Image = ({ onClick, clickable, src, alt = "RESO Image", imgClassName, objectFit = "fill", rootClassName, rootStyles = {}, fallbacks = [], imgStyles = {}, inheritWidth = false, ...spacingsProps }) => {
+    const [fallbackIndex, setFallbackIndex] = React.useState(-1);
+    const [loaded, setLoaded] = React.useState(false);
+    const [error, setError] = React.useState(false);
+    const [imageDimension, setImageDimension] = React.useState("landscape");
+    const containerStyles = styles.createComponentStyles(styles.createLayoutStyles(styles.withSpacingsProps({
+        resoui_image_container: true,
+        resoui_image_container_inheritWidth: inheritWidth,
+        [`resoui_image_container_clickable_${clickable}`]: !!clickable,
+    }, spacingsProps), rootClassName, {
+        resoui_position_relative: true,
+    }));
+    const imgClasses = styles.createComponentStyles(styles.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.createElement("div", { className: containerStyles, style: rootStyles, onClick: () => {
+            if (onClick && validations.methodHasValue(onClick)) {
+                onClick();
+            }
+        }, "data-testid": "image-component-root" }, error ? (React.createElement("p", { "data-testid": "image-component-error" }, `Unable to load ${alt}`)) : (React.createElement(React.Fragment, null,
+        !loaded && React.createElement(ShimmerLoader.ShimmerLoader, null),
+        React.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 })))));
+};
+
+exports.Image = Image;
+//# sourceMappingURL=Image.js.map

package/dist/cjs/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":["useState","createComponentStyles","createLayoutStyles","withSpacingsProps","methodHasValue","ShimmerLoader"],"mappings":";;;;;;;MAgCa,KAAK,GAAG,CAAC,EACpB,OAAO,EACP,SAAS,EACT,GAAG,EACH,GAAG,GAAG,YAAY,EAClB,YAAY,EACZ,SAAS,GAAG,MAAM,EAClB,aAAa,EACb,UAAU,GAAG,EAAE,EACf,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,YAAY,GAAG,KAAK,EACpB,GAAG,aAAa,EACJ,KAAI;IAChB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,EAAE,CAAC;IACtD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAU,KAAK,CAAC;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGA,cAAQ,CAAU,KAAK,CAAC;IAClD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGA,cAAQ,CAElD,WAAW,CAAC;AAEd,IAAA,MAAM,eAAe,GAAGC,4BAAqB,CAC3CC,yBAAkB,CAChBC,wBAAiB,CACf;AACE,QAAA,sBAAsB,EAAE,IAAI;AAC5B,QAAA,mCAAmC,EAAE,YAAY;AACjD,QAAA,CAAC,oCAAoC,SAAS,CAAA,CAAE,GAAG,CAAC,CAAC,SAAS;AAC/D,KAAA,EACD,aAAa,CACd,EACD,aAAa,EACb;AACE,QAAA,wBAAwB,EAAE,IAAI;AAC/B,KAAA,CACF,CACF;AAED,IAAA,MAAM,UAAU,GAAGF,4BAAqB,CACtCC,yBAAkB,CAChB;AACE,QAAA,gBAAgB,EAAE,IAAI;AACtB,QAAA,CAAC,CAAA,iBAAA,EAAoB,cAAc,CAAA,CAAE,GAAG,IAAI;AAC5C,QAAA,CAAC,CAAA,qBAAA,EAAwB,SAAS,CAAA,CAAE,GAAG,IAAI;KAC5C,EACD,YAAY,CACb,CACF;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,CAAM,KAAI;QAC9B,QAAQ,CAAC,KAAK,CAAC;QACf,SAAS,CAAC,IAAI,CAAC;AAEf,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM;AACtB,QAAA,IAAI,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,YAAY,EAAE;YAC5C,iBAAiB,CAAC,UAAU,CAAC;AAC9B,QAAA;AAAM,aAAA,IAAI,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,aAAa,EAAE;YACrD,iBAAiB,CAAC,QAAQ,CAAC;AAC5B,QAAA;AAAM,aAAA;YACL,iBAAiB,CAAC,WAAW,CAAC;AAC/B,QAAA;AACH,IAAA,CAAC;IAED,MAAM,YAAY,GAAG,SAAS,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;AACtD,IAAA,MAAM,SAAS,GACb,YAAY,IAAI,aAAa,GAAG,EAAE,GAAG,SAAS,CAAC,aAAa,CAAC,GAAG,GAAG;AAErE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,MAAK;AACZ,YAAA,IAAI,OAAO,IAAIE,0BAAc,CAAC,OAAO,CAAC,EAAE;AACtC,gBAAA,OAAO,EAAE;AACV,YAAA;AACH,QAAA,CAAC,iBACW,sBAAsB,EAAA,EAEjC,KAAK,IACJ,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,aAAA,EAAe,uBAAuB,EAAA,EAAE,CAAA,eAAA,EAAkB,GAAG,CAAA,CAAE,CAAK,KAEpE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,CAAC,MAAM,IAAI,KAAA,CAAA,aAAA,CAACC,2BAAa,EAAA,IAAA,CAAG;AAC7B,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,KAAK,EACH,MAAM,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,EAE/D,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,SAAS,EACd,MAAM,EAAE,CAAC,CAAC,KAAI;gBACZ,YAAY,CAAC,CAAC,CAAC;AACjB,YAAA,CAAC,EACD,OAAO,EAAE,MAAK;AACZ,gBAAA,IAAI,YAAY,EAAE;oBAChB,SAAS,CAAC,KAAK,CAAC;AAChB,oBAAA,IAAI,aAAa,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;AACxC,wBAAA,gBAAgB,CAAC,aAAa,GAAG,CAAC,CAAC;AACpC,oBAAA;AAAM,yBAAA;wBACL,SAAS,CAAC,IAAI,CAAC;wBACf,QAAQ,CAAC,IAAI,CAAC;AACf,oBAAA;AACF,gBAAA;AAAM,qBAAA;oBACL,SAAS,CAAC,IAAI,CAAC;oBACf,QAAQ,CAAC,IAAI,CAAC;AACf,gBAAA;YACH,CAAC,EACD,SAAS,EAAE,UAAU,GACrB,CACD,CACJ,CACG;AAEV;;;;"}