@hitachivantara/uikit-react-lab 4.5.0 → 5.0.2

package/dist/legacy/ImageCarousel/ImageCarousel.js

@@ -1,550 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _Close, _Fullscreen, _Backwards, _Forwards, _Backwards2, _Forwards2;
-var _excluded = ["className", "classes", "documents", "title", "id", "fullscreen", "thumbnails", "lowCardinality", "infiniteCarousel", "xs", "onChange", "counter", "currentStep", "setCurrentStep", "visibleArrows", "variant"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.array.slice.js";
-import "core-js/modules/es.array.concat.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import React, { useState, useRef, useEffect, useCallback } from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import { setId, useUniqueId, HvButton, HvContainer, HvTypography, HvGrid, HvStack, HvPanel, useScrollTo } from "@hitachivantara/uikit-react-core";
-import { Button, Fade } from "@mui/material";
-import { withStyles, makeStyles } from "@mui/styles";
-import { Backwards, Forwards, Close, Fullscreen } from "@hitachivantara/uikit-react-icons";
-import styles from "./styles";
-/**
- * ImageCarousel description/documentation paragraph
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var HvImageCarousel = function HvImageCarousel(props) {
-  var className = props.className,
-    classes = props.classes,
-    documents = props.documents,
-    title = props.title,
-    id = props.id,
-    _props$fullscreen = props.fullscreen,
-    fullscreenProp = _props$fullscreen === void 0 ? false : _props$fullscreen,
-    _props$thumbnails = props.thumbnails,
-    thumbnails = _props$thumbnails === void 0 ? false : _props$thumbnails,
-    _props$lowCardinality = props.lowCardinality,
-    lowCardinality = _props$lowCardinality === void 0 ? false : _props$lowCardinality,
-    _props$infiniteCarous = props.infiniteCarousel,
-    infiniteCarousel = _props$infiniteCarous === void 0 ? false : _props$infiniteCarous,
-    _props$xs = props.xs,
-    xs = _props$xs === void 0 ? false : _props$xs,
-    onChange = props.onChange,
-    _props$counter = props.counter,
-    counter = _props$counter === void 0 ? false : _props$counter,
-    _props$currentStep = props.currentStep,
-    currentStep = _props$currentStep === void 0 ? 0 : _props$currentStep,
-    setCurrentStep = props.setCurrentStep,
-    _props$visibleArrows = props.visibleArrows,
-    visibleArrows = _props$visibleArrows === void 0 ? false : _props$visibleArrows,
-    _props$variant = props.variant,
-    variant = _props$variant === void 0 ? "contain" : _props$variant,
-    others = _objectWithoutProperties(props, _excluded);
-  var elementId = useUniqueId(id, "hvcarousel");
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    fullscreen = _useState2[0],
-    setFullscreen = _useState2[1];
-  var options = documents.map(function (element) {
-    return {
-      src: element.src,
-      value: setId(elementId, element.value)
-    };
-  });
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    sliceStart = _useState4[0],
-    setSliceStart = _useState4[1];
-  var _useState5 = useState(currentStep),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selImage = _useState6[0],
-    setImage = _useState6[1];
-  var _useState7 = useState(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    offset = _useState8[0],
-    setOffset = _useState8[1];
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    imageHover = _useState10[0],
-    setImageHover = _useState10[1];
-  var direction = "next";
-  var useStyles = makeStyles(function (theme) {
-    return {
-      button: {
-        backgroundColor: theme.hv.palette.atmosphere.atmo3
-      },
-      imageBox: {
-        minWidth: "100%",
-        display: "flex",
-        justifyContent: "center"
-      },
-      allImages: {
-        width: "max-content",
-        display: "flex"
-      }
-    };
-  });
-  var style = useStyles();
-  var _useScrollTo = useScrollTo(0, setId(elementId, "panel"), false, 100, documents, onChange, "row"),
-    _useScrollTo2 = _slicedToArray(_useScrollTo, 2),
-    selectedIndex = _useScrollTo2[0],
-    setScrollTo = _useScrollTo2[1];
-  var _useScrollTo3 = useScrollTo(0, setId(elementId, "bigPanel"), false, 0, options, onChange, "row"),
-    _useScrollTo4 = _slicedToArray(_useScrollTo3, 2),
-    selectedBigIndex = _useScrollTo4[0],
-    setBigScrollTo = _useScrollTo4[1];
-  var refBackwards = useRef(null);
-  var refForwards = useRef(null);
-  var typeCircle = "circle";
-  var handleSelection = useCallback(function (event, value, index) {
-    var wrappedOnChange = function wrappedOnChange() {
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, index);
-    };
-    setScrollTo(event, value, index, wrappedOnChange);
-  }, [onChange, setScrollTo]);
-  var handleFocus = function handleFocus(focus) {
-    if (focus === refBackwards.current || focus === refForwards.current) focus.focus();
-  };
-  var handleBigSelection = useCallback(function (event, value, index) {
-    var wrappedOnChange = function wrappedOnChange() {
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, index);
-    };
-    setBigScrollTo(event, value, index, wrappedOnChange);
-  }, [onChange, setBigScrollTo]);
-  var handleVisibility = useCallback(function (event, value, index) {
-    var image = document.getElementById(value);
-    var panel = document.getElementById(setId(elementId, "panel"));
-    var container = document.getElementById(setId(elementId, "container"));
-    var containerWidth = container.offsetWidth;
-    var offsetPanel = panel.offsetLeft;
-    var offsetImage = image.offsetLeft;
-    var imageWidth = image.offsetWidth;
-    var scroll = panel.scrollLeft;
-    var focus = document.activeElement;
-    if (offsetPanel + offsetImage + offset + imageWidth - scroll > containerWidth || offsetImage - scroll < 0) {
-      handleSelection(event, value, index);
-      handleFocus(focus);
-    }
-  }, [elementId, handleSelection, offset]);
-  useEffect(function () {
-    setCurrentStep === null || setCurrentStep === void 0 ? void 0 : setCurrentStep(selImage);
-  }, [selImage, setCurrentStep]);
-  useEffect(function () {
-    if (fullscreen) setOffset(150);else setOffset(0);
-    if (thumbnails) {
-      handleVisibility(undefined, documents[selImage].value, selImage, selectedIndex);
-    }
-    handleBigSelection(undefined, options[selImage].value, selImage, selectedBigIndex);
-  }, [documents, fullscreen, handleBigSelection, handleVisibility, options, selImage, selectedBigIndex, selectedIndex, thumbnails]);
-  var changeSlice = function changeSlice() {
-    if (direction === "next") {
-      if (infiniteCarousel && selImage === documents.length - 1) setSliceStart(0);else if (selImage > sliceStart + 2 && selImage !== documents.length - 2) setSliceStart(sliceStart + 1);
-    }
-    if (direction === "prev") {
-      if (infiniteCarousel && selImage === 0) setSliceStart(documents.length > 5 ? documents.length - 5 : 0);else if (selImage < sliceStart + 2 && selImage !== 1) setSliceStart(sliceStart - 1);
-    }
-  };
-  var nextImage = function nextImage() {
-    var next;
-    if (selImage !== documents.length - 1) next = selImage + 1;else if (infiniteCarousel) next = 0;
-    setImage(next);
-    if (xs) {
-      direction = "next";
-      changeSlice();
-    }
-  };
-  var previousImage = function previousImage() {
-    var previous;
-    if (selImage !== 0) previous = selImage - 1;else if (infiniteCarousel) previous = documents.length - 1;
-    setImage(previous);
-    if (xs) {
-      direction = "prev";
-      changeSlice();
-    }
-  };
-  var styleThumbnail = function styleThumbnail(index) {
-    if (index !== selImage) return classes.img;
-    return classes.thumbnailSelected;
-  };
-  var circleType = function circleType(index) {
-    if (index === selImage) {
-      typeCircle = "BigCircle";
-      if (xs) return classes.xsSelectedCircle;
-      return classes.selectedCircle;
-    }
-    typeCircle = "Circle";
-    return classes.miniCircle;
-  };
-  return /*#__PURE__*/_jsxs(HvContainer, _objectSpread(_objectSpread({
-    id: setId(elementId, "container"),
-    className: clsx(className, classes.root, xs ? "xs" : "nxs", fullscreen && classes.fullscreenStyle)
-  }, others), {}, {
-    children: [!xs && /*#__PURE__*/_jsxs("div", {
-      className: classes.title,
-      children: [/*#__PURE__*/_jsx("div", {
-        children: title
-      }), fullscreenProp && /*#__PURE__*/_jsx("div", {
-        children: fullscreen ? /*#__PURE__*/_jsx(HvButton, {
-          className: classes.closeButton,
-          icon: true,
-          "aria-label": "Close",
-          onClick: function onClick() {
-            return setFullscreen(!fullscreen);
-          },
-          children: _Close || (_Close = /*#__PURE__*/_jsx(Close, {}))
-        }) : /*#__PURE__*/_jsx(HvButton, {
-          icon: true,
-          "aria-label": "Fullscreen",
-          onClick: function onClick() {
-            return setFullscreen(true);
-          },
-          children: _Fullscreen || (_Fullscreen = /*#__PURE__*/_jsx(Fullscreen, {}))
-        })
-      })]
-    }), /*#__PURE__*/_jsxs(HvContainer, {
-      className: clsx(classes.imageContainer, fullscreen ? "fullscreen" : "notFullscreen", !xs && "nxs"),
-      onFocus: function onFocus() {
-        return setImageHover(true);
-      },
-      onMouseOver: function onMouseOver() {
-        return setImageHover(true);
-      },
-      onBlur: function onBlur() {
-        return setImageHover(false);
-      },
-      onMouseOut: function onMouseOut() {
-        return setImageHover(false);
-      },
-      children: [/*#__PURE__*/_jsx(HvPanel, {
-        className: clsx(classes.stack, xs ? "xs" : "nxs"),
-        id: setId(elementId, "bigPanel"),
-        children: options.map(function (element, index) {
-          return /*#__PURE__*/_jsx("div", {
-            className: style.imageBox,
-            id: element.value,
-            children: /*#__PURE__*/_jsx(Fade, {
-              in: selImage === index || xs,
-              timeout: {
-                appear: 500,
-                enter: 1200,
-                exit: 200
-              },
-              children: /*#__PURE__*/_jsx("img", {
-                className: clsx(classes.selectedImage, xs ? "xs" : "nxs", fullscreen ? "fullscreen" : "notFullscreen", variant),
-                src: element.src,
-                alt: element.value
-              }, "image ".concat(element.value))
-            })
-          }, "div ".concat(element.value));
-        })
-      }), (xs || lowCardinality) && /*#__PURE__*/_jsxs("div", {
-        className: clsx(classes.lowButtons, !xs && "nxs"),
-        children: [/*#__PURE__*/_jsx("div", {
-          children: /*#__PURE__*/_jsx(Fade, {
-            in: imageHover || visibleArrows,
-            children: /*#__PURE__*/_jsx(HvButton, {
-              ref: refBackwards,
-              className: classes.button,
-              icon: true,
-              "aria-label": "Backwards",
-              onClick: function onClick(event) {
-                return previousImage(event);
-              },
-              children: _Backwards || (_Backwards = /*#__PURE__*/_jsx(Backwards, {}))
-            })
-          })
-        }), /*#__PURE__*/_jsx("div", {
-          children: /*#__PURE__*/_jsx(Fade, {
-            in: imageHover || visibleArrows,
-            children: /*#__PURE__*/_jsx(HvButton, {
-              ref: refForwards,
-              className: classes.button,
-              icon: true,
-              "aria-label": "Forwards",
-              onClick: function onClick(event) {
-                return nextImage(event);
-              },
-              children: _Forwards || (_Forwards = /*#__PURE__*/_jsx(Forwards, {}))
-            })
-          })
-        })]
-      }), xs && /*#__PURE__*/_jsx("div", {
-        className: classes.xsCircles,
-        children: documents.map(function (element, index) {
-          return /*#__PURE__*/_jsx("span", {
-            className: circleType(index),
-            title: typeCircle
-          }, "Circle ".concat(element.value));
-        }).slice(sliceStart, sliceStart + 5)
-      }), counter && /*#__PURE__*/_jsx("div", {
-        className: clsx(classes.divCounter, !xs && "nxs"),
-        children: /*#__PURE__*/_jsx("span", {
-          className: classes.counter,
-          children: /*#__PURE__*/_jsx(HvTypography, {
-            variant: "normalText",
-            style: {
-              color: "white"
-            },
-            children: "".concat(selImage + 1, "/").concat(documents.length)
-          })
-        })
-      })]
-    }), !xs && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [lowCardinality ? /*#__PURE__*/_jsx("div", {
-        className: classes.circles,
-        children: documents.map(function (element, index) {
-          return /*#__PURE__*/_jsx("span", {
-            className: circleType(index),
-            title: "".concat(typeCircle, " ").concat(index)
-          }, "Circle ".concat(element.value));
-        })
-      }) : /*#__PURE__*/_jsxs(HvGrid, {
-        className: clsx(classes.normalButtons),
-        container: true,
-        justifyContent: "space-between",
-        alignItems: "center",
-        children: [/*#__PURE__*/_jsx(HvGrid, {
-          item: true,
-          children: /*#__PURE__*/_jsx(HvButton, {
-            className: infiniteCarousel || selImage !== 0 ? "" : classes.hidden,
-            ref: refBackwards,
-            icon: true,
-            "aria-label": "Backwards",
-            onClick: function onClick(event) {
-              return previousImage(event);
-            },
-            children: _Backwards2 || (_Backwards2 = /*#__PURE__*/_jsx(Backwards, {}))
-          })
-        }), /*#__PURE__*/_jsxs(HvGrid, {
-          item: true,
-          children: [/*#__PURE__*/_jsx(HvTypography, {
-            variant: "highlightText",
-            component: "a",
-            children: selImage + 1
-          }), /*#__PURE__*/_jsx(HvTypography, {
-            variant: "normalText",
-            component: "a",
-            children: " /  ".concat(documents.length)
-          })]
-        }), /*#__PURE__*/_jsx(HvGrid, {
-          item: true,
-          children: /*#__PURE__*/_jsx(HvButton, {
-            className: infiniteCarousel || selImage !== documents.length - 1 ? "" : classes.hidden,
-            ref: refForwards,
-            icon: true,
-            "aria-label": "Forwards",
-            onClick: function onClick(event) {
-              return nextImage(event);
-            },
-            children: _Forwards2 || (_Forwards2 = /*#__PURE__*/_jsx(Forwards, {}))
-          })
-        })]
-      }), thumbnails && /*#__PURE__*/_jsx(HvPanel, {
-        className: classes.panel,
-        id: setId(elementId, "panel"),
-        children: /*#__PURE__*/_jsx(HvStack, {
-          direction: "row",
-          spacing: "xs",
-          withNavigation: true,
-          children: documents.map(function (element, i) {
-            return /*#__PURE__*/_jsx(Button, {
-              id: element.value,
-              className: classes.thumbnailButton,
-              onClick: function onClick() {
-                return setImage(i);
-              },
-              children: /*#__PURE__*/_jsx("img", {
-                className: styleThumbnail(i),
-                src: element.src,
-                alt: element.value
-              }, "Thumbnail ".concat(element.value))
-            }, "Button ".concat(element.value));
-          })
-        }, "Thumbnails")
-      })]
-    })]
-  }));
-};
-process.env.NODE_ENV !== "production" ? HvImageCarousel.propTypes = {
-  /**
-   * Class names to be applied.
-   */
-  className: PropTypes.string,
-  /**
-   * A Jss Object used to override or extend the styles applied.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Styles applied to the component root class.
-     */
-    root: PropTypes.string,
-    /**
-     * Styles applied to the component SelectedImage.
-     */
-    selectedImage: PropTypes.string,
-    /**
-     * Styles applied to xs mode
-     */
-    xsMode: PropTypes.string,
-    /**
-     * Styles applied to image in xsMode
-     */
-    xsImage: PropTypes.string,
-    /**
-     * Styles applied to panel with low cardinality circles
-     */
-    circles: PropTypes.string,
-    /**
-     * Styles applied to xs mode circles
-     */
-    xsCircles: PropTypes.string,
-    /**
-     * Styles applied to unavailable button
-     */
-    hidden: PropTypes.string,
-    /**
-     * Styles applied to the carousel title
-     */
-    title: PropTypes.string,
-    /**
-     * Styles applied to the counter
-     */
-    counter: PropTypes.string,
-    /**
-     * Styles applied to the div with the counter
-     */
-    divCounter: PropTypes.string,
-    /**
-     * Styles applied to the thumbnails
-     */
-    img: PropTypes.string,
-    /**
-     * Styles applied to the selected thumbnail
-     */
-    thumbnailSelected: PropTypes.string,
-    /**
-     * Styles applied to the thumbnail button
-     */
-    thumbnailButton: PropTypes.string,
-    /**
-     * Styles applied to the low cardinality circles
-     */
-    miniCircle: PropTypes.string,
-    /**
-     * Styles applied to the circle of the selected image
-     */
-    selectedCircle: PropTypes.string,
-    /**
-     * Styles applied to the circle of the selected image in xsmode
-     */
-    xsSelectedCircle: PropTypes.string,
-    /**
-     * Styles applied to the panel with low cardinality buttons
-     */
-    lowButtons: PropTypes.string,
-    /**
-     * Styles applied to the container of the selected image
-     */
-    imageContainer: PropTypes.string,
-    /**
-     * Styles applied to the panel with the thumbnails
-     */
-    stack: PropTypes.string,
-    /**
-     * Styles applied to the panel that contains the buttons and counter in default mode
-     */
-    normalButtons: PropTypes.string,
-    /**
-     * Styles applied to fullscreen mode.
-     */
-    fullscreenStyle: PropTypes.string,
-    /**
-     * Styles applied to close button in fullscreen mode.
-     */
-    closeButton: PropTypes.string,
-    /**
-     * Styles applied to change image buttons.
-     */
-    button: PropTypes.string,
-    /**
-     * Styles applied to thumbnails panel.
-     */
-    panel: PropTypes.string
-  }).isRequired,
-  /**
-   * Documents to be displayed.
-   */
-  documents: PropTypes.array.isRequired,
-  /**
-   * Title of the image carousel
-   */
-  title: PropTypes.node,
-  /**
-   * A function called each time the selected image changes.
-   */
-  onChange: PropTypes.func,
-  /**
-   * Id to be applied to the root node.
-   */
-  id: PropTypes.string,
-  /**
-   * A flag that activates the thumbnails.
-   */
-  thumbnails: PropTypes.bool,
-  /**
-   * A flag that switches to low cardinality mode
-   */
-  lowCardinality: PropTypes.bool,
-  /**
-   * A flag that activates the infinite carousel behavior
-   */
-  infiniteCarousel: PropTypes.bool,
-  /**
-   * A flag that activates a counter on the top right corner of the selected image
-   */
-  counter: PropTypes.bool,
-  /**
-   * Set Image Carousel to fullscreen mode
-   */
-  fullscreen: PropTypes.bool,
-  /**
-   * Set selected image to a particular image in documents
-   */
-  currentStep: PropTypes.number,
-  /**
-   * Function that changes the selected image
-   */
-  setCurrentStep: PropTypes.func,
-  /**
-   * Image Carousel set to xs mode
-   */
-  xs: PropTypes.bool,
-  /**
-   * Arrows always displayed in low cardinality or xs mode
-   */
-  visibleArrows: PropTypes.bool,
-  /**
-   * Selected image fit variant
-   */
-  variant: PropTypes.string
-} : void 0;
-export default withStyles(styles, {
-  name: "HvImageCarousel"
-})(HvImageCarousel);
-//# sourceMappingURL=ImageCarousel.js.map

package/dist/legacy/ImageCarousel/ImageCarousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageCarousel.js","names":["React","useState","useRef","useEffect","useCallback","PropTypes","clsx","setId","useUniqueId","HvButton","HvContainer","HvTypography","HvGrid","HvStack","HvPanel","useScrollTo","Button","Fade","withStyles","makeStyles","Backwards","Forwards","Close","Fullscreen","styles","HvImageCarousel","props","className","classes","documents","title","id","fullscreen","fullscreenProp","thumbnails","lowCardinality","infiniteCarousel","xs","onChange","counter","currentStep","setCurrentStep","visibleArrows","variant","others","elementId","setFullscreen","options","map","element","src","value","sliceStart","setSliceStart","selImage","setImage","offset","setOffset","imageHover","setImageHover","direction","useStyles","theme","button","backgroundColor","hv","palette","atmosphere","atmo3","imageBox","minWidth","display","justifyContent","allImages","width","style","selectedIndex","setScrollTo","selectedBigIndex","setBigScrollTo","refBackwards","refForwards","typeCircle","handleSelection","event","index","wrappedOnChange","handleFocus","focus","current","handleBigSelection","handleVisibility","image","document","getElementById","panel","container","containerWidth","offsetWidth","offsetPanel","offsetLeft","offsetImage","imageWidth","scroll","scrollLeft","activeElement","undefined","changeSlice","length","nextImage","next","previousImage","previous","styleThumbnail","img","thumbnailSelected","circleType","xsSelectedCircle","selectedCircle","miniCircle","root","fullscreenStyle","closeButton","imageContainer","stack","appear","enter","exit","selectedImage","lowButtons","xsCircles","slice","divCounter","color","circles","normalButtons","hidden","i","thumbnailButton","propTypes","string","shape","xsMode","xsImage","isRequired","array","node","func","bool","number","name"],"sources":["../../../src/ImageCarousel/ImageCarousel.js"],"sourcesContent":["import React, { useState, useRef, useEffect, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport {\n  setId,\n  useUniqueId,\n  HvButton,\n  HvContainer,\n  HvTypography,\n  HvGrid,\n  HvStack,\n  HvPanel,\n  useScrollTo,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport { Button, Fade } from \"@mui/material\";\nimport { withStyles, makeStyles } from \"@mui/styles\";\n\nimport { Backwards, Forwards, Close, Fullscreen } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n/**\n * ImageCarousel description/documentation paragraph\n */\nconst HvImageCarousel = (props) => {\n  const {\n    className,\n    classes,\n    documents,\n    title,\n    id,\n    fullscreen: fullscreenProp = false,\n    thumbnails = false,\n    lowCardinality = false,\n    infiniteCarousel = false,\n    xs = false,\n    onChange,\n    counter = false,\n    currentStep = 0,\n    setCurrentStep,\n    visibleArrows = false,\n    variant = \"contain\",\n    ...others\n  } = props;\n  const elementId = useUniqueId(id, \"hvcarousel\");\n  const [fullscreen, setFullscreen] = useState(false);\n  const options = documents.map((element) => ({\n    src: element.src,\n    value: setId(elementId, element.value),\n  }));\n\n  const [sliceStart, setSliceStart] = useState(0);\n  const [selImage, setImage] = useState(currentStep);\n  const [offset, setOffset] = useState(0);\n  const [imageHover, setImageHover] = useState(false);\n  let direction = \"next\";\n  const useStyles = makeStyles((theme) => ({\n    button: {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    },\n    imageBox: {\n      minWidth: \"100%\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n    allImages: {\n      width: \"max-content\",\n      display: \"flex\",\n    },\n  }));\n  const style = useStyles();\n\n  const [selectedIndex, setScrollTo] = useScrollTo(\n    0,\n    setId(elementId, \"panel\"),\n    false,\n    100,\n    documents,\n    onChange,\n    \"row\"\n  );\n  const [selectedBigIndex, setBigScrollTo] = useScrollTo(\n    0,\n    setId(elementId, \"bigPanel\"),\n    false,\n    0,\n    options,\n    onChange,\n    \"row\"\n  );\n  const refBackwards = useRef(null);\n  const refForwards = useRef(null);\n  let typeCircle = \"circle\";\n\n  const handleSelection = useCallback(\n    (event, value, index) => {\n      const wrappedOnChange = () => {\n        onChange?.(event, index);\n      };\n      setScrollTo(event, value, index, wrappedOnChange);\n    },\n    [onChange, setScrollTo]\n  );\n\n  const handleFocus = (focus) => {\n    if (focus === refBackwards.current || focus === refForwards.current) focus.focus();\n  };\n\n  const handleBigSelection = useCallback(\n    (event, value, index) => {\n      const wrappedOnChange = () => {\n        onChange?.(event, index);\n      };\n      setBigScrollTo(event, value, index, wrappedOnChange);\n    },\n    [onChange, setBigScrollTo]\n  );\n\n  const handleVisibility = useCallback(\n    (event, value, index) => {\n      const image = document.getElementById(value);\n      const panel = document.getElementById(setId(elementId, \"panel\"));\n      const container = document.getElementById(setId(elementId, \"container\"));\n      const containerWidth = container.offsetWidth;\n      const offsetPanel = panel.offsetLeft;\n      const offsetImage = image.offsetLeft;\n      const imageWidth = image.offsetWidth;\n      const scroll = panel.scrollLeft;\n      const focus = document.activeElement;\n\n      if (\n        offsetPanel + offsetImage + offset + imageWidth - scroll > containerWidth ||\n        offsetImage - scroll < 0\n      ) {\n        handleSelection(event, value, index);\n        handleFocus(focus);\n      }\n    },\n    [elementId, handleSelection, offset]\n  );\n\n  useEffect(() => {\n    setCurrentStep?.(selImage);\n  }, [selImage, setCurrentStep]);\n\n  useEffect(() => {\n    if (fullscreen) setOffset(150);\n    else setOffset(0);\n\n    if (thumbnails) {\n      handleVisibility(undefined, documents[selImage].value, selImage, selectedIndex);\n    }\n    handleBigSelection(undefined, options[selImage].value, selImage, selectedBigIndex);\n  }, [\n    documents,\n    fullscreen,\n    handleBigSelection,\n    handleVisibility,\n    options,\n    selImage,\n    selectedBigIndex,\n    selectedIndex,\n    thumbnails,\n  ]);\n\n  const changeSlice = () => {\n    if (direction === \"next\") {\n      if (infiniteCarousel && selImage === documents.length - 1) setSliceStart(0);\n      else if (selImage > sliceStart + 2 && selImage !== documents.length - 2)\n        setSliceStart(sliceStart + 1);\n    }\n    if (direction === \"prev\") {\n      if (infiniteCarousel && selImage === 0)\n        setSliceStart(documents.length > 5 ? documents.length - 5 : 0);\n      else if (selImage < sliceStart + 2 && selImage !== 1) setSliceStart(sliceStart - 1);\n    }\n  };\n\n  const nextImage = () => {\n    let next;\n    if (selImage !== documents.length - 1) next = selImage + 1;\n    else if (infiniteCarousel) next = 0;\n    setImage(next);\n    if (xs) {\n      direction = \"next\";\n      changeSlice();\n    }\n  };\n\n  const previousImage = () => {\n    let previous;\n    if (selImage !== 0) previous = selImage - 1;\n    else if (infiniteCarousel) previous = documents.length - 1;\n    setImage(previous);\n    if (xs) {\n      direction = \"prev\";\n      changeSlice();\n    }\n  };\n\n  const styleThumbnail = (index) => {\n    if (index !== selImage) return classes.img;\n    return classes.thumbnailSelected;\n  };\n\n  const circleType = (index) => {\n    if (index === selImage) {\n      typeCircle = \"BigCircle\";\n      if (xs) return classes.xsSelectedCircle;\n      return classes.selectedCircle;\n    }\n    typeCircle = \"Circle\";\n    return classes.miniCircle;\n  };\n\n  return (\n    <HvContainer\n      id={setId(elementId, \"container\")}\n      className={clsx(\n        className,\n        classes.root,\n        fullscreen ? classes.fullscreenStyle : \"\",\n        xs ? \"xs\" : \"nxs\"\n      )}\n      {...others}\n    >\n      {!xs && (\n        <div className={classes.title}>\n          <div>{title}</div>\n          {fullscreenProp && (\n            <div>\n              {fullscreen ? (\n                <HvButton\n                  className={classes.closeButton}\n                  icon\n                  aria-label=\"Close\"\n                  onClick={() => setFullscreen(!fullscreen)}\n                >\n                  <Close />\n                </HvButton>\n              ) : (\n                <HvButton icon aria-label=\"Fullscreen\" onClick={() => setFullscreen(true)}>\n                  <Fullscreen />\n                </HvButton>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n      <HvContainer\n        className={clsx(\n          classes.imageContainer,\n          !xs ? \"nxs\" : \"\",\n          fullscreen ? \"fullscreen\" : \"notFullscreen\"\n        )}\n        onFocus={() => setImageHover(true)}\n        onMouseOver={() => setImageHover(true)}\n        onBlur={() => setImageHover(false)}\n        onMouseOut={() => setImageHover(false)}\n      >\n        <HvPanel\n          className={clsx(classes.stack, xs ? \"xs\" : \"nxs\")}\n          id={setId(elementId, \"bigPanel\")}\n        >\n          {options.map((element, index) => (\n            <div className={style.imageBox} id={element.value} key={`div ${element.value}`}>\n              <Fade in={selImage === index || xs} timeout={{ appear: 500, enter: 1200, exit: 200 }}>\n                <img\n                  className={clsx(\n                    classes.selectedImage,\n                    xs ? \"xs\" : \"nxs\",\n                    fullscreen ? \"fullscreen\" : \"notFullscreen\",\n                    variant\n                  )}\n                  src={element.src}\n                  alt={element.value}\n                  key={`image ${element.value}`}\n                />\n              </Fade>\n            </div>\n          ))}\n        </HvPanel>\n        {(xs || lowCardinality) && (\n          <div className={clsx(classes.lowButtons, !xs ? \"nxs\" : \"\")}>\n            <div>\n              <Fade in={imageHover || visibleArrows}>\n                <HvButton\n                  ref={refBackwards}\n                  className={classes.button}\n                  icon\n                  aria-label=\"Backwards\"\n                  onClick={(event) => previousImage(event)}\n                >\n                  <Backwards />\n                </HvButton>\n              </Fade>\n            </div>\n            <div>\n              <Fade in={imageHover || visibleArrows}>\n                <HvButton\n                  ref={refForwards}\n                  className={classes.button}\n                  icon\n                  aria-label=\"Forwards\"\n                  onClick={(event) => nextImage(event)}\n                >\n                  <Forwards />\n                </HvButton>\n              </Fade>\n            </div>\n          </div>\n        )}\n        {xs && (\n          <div className={classes.xsCircles}>\n            {documents\n              .map((element, index) => (\n                <span\n                  className={circleType(index)}\n                  title={typeCircle}\n                  key={`Circle ${element.value}`}\n                />\n              ))\n              .slice(sliceStart, sliceStart + 5)}\n          </div>\n        )}\n        {counter && (\n          <div className={clsx(classes.divCounter, !xs ? \"nxs\" : \"\")}>\n            <span className={classes.counter}>\n              <HvTypography variant=\"normalText\" style={{ color: \"white\" }}>\n                {`${selImage + 1}/${documents.length}`}\n              </HvTypography>\n            </span>\n          </div>\n        )}\n      </HvContainer>\n      {!xs && (\n        <>\n          {lowCardinality ? (\n            <div className={classes.circles}>\n              {documents.map((element, index) => (\n                <span\n                  className={circleType(index)}\n                  title={`${typeCircle} ${index}`}\n                  key={`Circle ${element.value}`}\n                />\n              ))}\n            </div>\n          ) : (\n            <HvGrid\n              className={clsx(classes.normalButtons)}\n              container\n              justifyContent=\"space-between\"\n              alignItems=\"center\"\n            >\n              <HvGrid item>\n                <HvButton\n                  className={infiniteCarousel || selImage !== 0 ? \"\" : classes.hidden}\n                  ref={refBackwards}\n                  icon\n                  aria-label=\"Backwards\"\n                  onClick={(event) => previousImage(event)}\n                >\n                  <Backwards />\n                </HvButton>\n              </HvGrid>\n              <HvGrid item>\n                <HvTypography variant=\"highlightText\" component=\"a\">\n                  {selImage + 1}\n                </HvTypography>\n                <HvTypography variant=\"normalText\" component=\"a\">\n                  {` /  ${documents.length}`}\n                </HvTypography>\n              </HvGrid>\n              <HvGrid item>\n                <HvButton\n                  className={\n                    infiniteCarousel || selImage !== documents.length - 1 ? \"\" : classes.hidden\n                  }\n                  ref={refForwards}\n                  icon\n                  aria-label=\"Forwards\"\n                  onClick={(event) => nextImage(event)}\n                >\n                  <Forwards />\n                </HvButton>\n              </HvGrid>\n            </HvGrid>\n          )}\n          {thumbnails && (\n            <HvPanel className={classes.panel} id={setId(elementId, \"panel\")}>\n              <HvStack key=\"Thumbnails\" direction=\"row\" spacing=\"xs\" withNavigation>\n                {documents.map((element, i) => (\n                  <Button\n                    id={element.value}\n                    key={`Button ${element.value}`}\n                    className={classes.thumbnailButton}\n                    onClick={() => setImage(i)}\n                  >\n                    <img\n                      className={styleThumbnail(i)}\n                      src={element.src}\n                      alt={element.value}\n                      key={`Thumbnail ${element.value}`}\n                    />\n                  </Button>\n                ))}\n              </HvStack>\n            </HvPanel>\n          )}\n        </>\n      )}\n    </HvContainer>\n  );\n};\n\nHvImageCarousel.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component SelectedImage.\n     */\n    selectedImage: PropTypes.string,\n    /**\n     * Styles applied to xs mode\n     */\n    xsMode: PropTypes.string,\n    /**\n     * Styles applied to image in xsMode\n     */\n    xsImage: PropTypes.string,\n    /**\n     * Styles applied to panel with low cardinality circles\n     */\n    circles: PropTypes.string,\n    /**\n     * Styles applied to xs mode circles\n     */\n    xsCircles: PropTypes.string,\n    /**\n     * Styles applied to unavailable button\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied to the carousel title\n     */\n    title: PropTypes.string,\n    /**\n     * Styles applied to the counter\n     */\n    counter: PropTypes.string,\n    /**\n     * Styles applied to the div with the counter\n     */\n    divCounter: PropTypes.string,\n    /**\n     * Styles applied to the thumbnails\n     */\n    img: PropTypes.string,\n    /**\n     * Styles applied to the selected thumbnail\n     */\n    thumbnailSelected: PropTypes.string,\n    /**\n     * Styles applied to the thumbnail button\n     */\n    thumbnailButton: PropTypes.string,\n    /**\n     * Styles applied to the low cardinality circles\n     */\n    miniCircle: PropTypes.string,\n    /**\n     * Styles applied to the circle of the selected image\n     */\n    selectedCircle: PropTypes.string,\n    /**\n     * Styles applied to the circle of the selected image in xsmode\n     */\n    xsSelectedCircle: PropTypes.string,\n    /**\n     * Styles applied to the panel with low cardinality buttons\n     */\n    lowButtons: PropTypes.string,\n    /**\n     * Styles applied to the container of the selected image\n     */\n    imageContainer: PropTypes.string,\n    /**\n     * Styles applied to the panel with the thumbnails\n     */\n    stack: PropTypes.string,\n    /**\n     * Styles applied to the panel that contains the buttons and counter in default mode\n     */\n    normalButtons: PropTypes.string,\n    /**\n     * Styles applied to fullscreen mode.\n     */\n    fullscreenStyle: PropTypes.string,\n    /**\n     * Styles applied to close button in fullscreen mode.\n     */\n    closeButton: PropTypes.string,\n    /**\n     * Styles applied to change image buttons.\n     */\n    button: PropTypes.string,\n    /**\n     * Styles applied to thumbnails panel.\n     */\n    panel: PropTypes.string,\n  }).isRequired,\n  /**\n   * Documents to be displayed.\n   */\n  documents: PropTypes.array.isRequired,\n  /**\n   * Title of the image carousel\n   */\n  title: PropTypes.node,\n  /**\n   * A function called each time the selected image changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A flag that activates the thumbnails.\n   */\n  thumbnails: PropTypes.bool,\n  /**\n   * A flag that switches to low cardinality mode\n   */\n  lowCardinality: PropTypes.bool,\n  /**\n   * A flag that activates the infinite carousel behavior\n   */\n  infiniteCarousel: PropTypes.bool,\n  /**\n   * A flag that activates a counter on the top right corner of the selected image\n   */\n  counter: PropTypes.bool,\n  /**\n   * Set Image Carousel to fullscreen mode\n   */\n  fullscreen: PropTypes.bool,\n  /**\n   * Set selected image to a particular image in documents\n   */\n  currentStep: PropTypes.number,\n  /**\n   * Function that changes the selected image\n   */\n  setCurrentStep: PropTypes.func,\n  /**\n   * Image Carousel set to xs mode\n   */\n  xs: PropTypes.bool,\n  /**\n   * Arrows always displayed in low cardinality or xs mode\n   */\n  visibleArrows: PropTypes.bool,\n  /**\n   * Selected image fit variant\n   */\n  variant: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvImageCarousel\" })(HvImageCarousel);\n"],"mappings":"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"}

package/dist/legacy/ImageCarousel/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./ImageCarousel";
-export * from "./ImageCarousel";

package/dist/legacy/ImageCarousel/index.js

@@ -1,2 +0,0 @@
-export { default } from "./ImageCarousel";
-//# sourceMappingURL=index.js.map

package/dist/legacy/ImageCarousel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/ImageCarousel/index.js"],"sourcesContent":["export { default } from \"./ImageCarousel\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB"}