@hitachivantara/uikit-react-lab 4.4.0 → 5.0.1

package/dist/modern/ImageCarousel/ImageCarousel.js

@@ -1,477 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _Close, _Fullscreen, _Backwards, _Forwards, _Backwards2, _Forwards2;
-const _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 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";
-const HvImageCarousel = props => {
-  const {
-      className,
-      classes,
-      documents,
-      title,
-      id,
-      fullscreen: fullscreenProp = false,
-      thumbnails = false,
-      lowCardinality = false,
-      infiniteCarousel = false,
-      xs = false,
-      onChange,
-      counter = false,
-      currentStep = 0,
-      setCurrentStep,
-      visibleArrows = false,
-      variant = "contain"
-    } = props,
-    others = _objectWithoutProperties(props, _excluded);
-  const elementId = useUniqueId(id, "hvcarousel");
-  const [fullscreen, setFullscreen] = useState(false);
-  const options = documents.map(element => ({
-    src: element.src,
-    value: setId(elementId, element.value)
-  }));
-  const [sliceStart, setSliceStart] = useState(0);
-  const [selImage, setImage] = useState(currentStep);
-  const [offset, setOffset] = useState(0);
-  const [imageHover, setImageHover] = useState(false);
-  let direction = "next";
-  const useStyles = makeStyles(theme => ({
-    button: {
-      backgroundColor: theme.hv.palette.atmosphere.atmo3
-    },
-    imageBox: {
-      minWidth: "100%",
-      display: "flex",
-      justifyContent: "center"
-    },
-    allImages: {
-      width: "max-content",
-      display: "flex"
-    }
-  }));
-  const style = useStyles();
-  const [selectedIndex, setScrollTo] = useScrollTo(0, setId(elementId, "panel"), false, 100, documents, onChange, "row");
-  const [selectedBigIndex, setBigScrollTo] = useScrollTo(0, setId(elementId, "bigPanel"), false, 0, options, onChange, "row");
-  const refBackwards = useRef(null);
-  const refForwards = useRef(null);
-  let typeCircle = "circle";
-  const handleSelection = useCallback((event, value, index) => {
-    const wrappedOnChange = () => {
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, index);
-    };
-    setScrollTo(event, value, index, wrappedOnChange);
-  }, [onChange, setScrollTo]);
-  const handleFocus = focus => {
-    if (focus === refBackwards.current || focus === refForwards.current) focus.focus();
-  };
-  const handleBigSelection = useCallback((event, value, index) => {
-    const wrappedOnChange = () => {
-      onChange === null || onChange === void 0 ? void 0 : onChange(event, index);
-    };
-    setBigScrollTo(event, value, index, wrappedOnChange);
-  }, [onChange, setBigScrollTo]);
-  const handleVisibility = useCallback((event, value, index) => {
-    const image = document.getElementById(value);
-    const panel = document.getElementById(setId(elementId, "panel"));
-    const container = document.getElementById(setId(elementId, "container"));
-    const containerWidth = container.offsetWidth;
-    const offsetPanel = panel.offsetLeft;
-    const offsetImage = image.offsetLeft;
-    const imageWidth = image.offsetWidth;
-    const scroll = panel.scrollLeft;
-    const focus = document.activeElement;
-    if (offsetPanel + offsetImage + offset + imageWidth - scroll > containerWidth || offsetImage - scroll < 0) {
-      handleSelection(event, value, index);
-      handleFocus(focus);
-    }
-  }, [elementId, handleSelection, offset]);
-  useEffect(() => {
-    setCurrentStep === null || setCurrentStep === void 0 ? void 0 : setCurrentStep(selImage);
-  }, [selImage, setCurrentStep]);
-  useEffect(() => {
-    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]);
-  const 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);
-    }
-  };
-  const nextImage = () => {
-    let next;
-    if (selImage !== documents.length - 1) next = selImage + 1;else if (infiniteCarousel) next = 0;
-    setImage(next);
-    if (xs) {
-      direction = "next";
-      changeSlice();
-    }
-  };
-  const previousImage = () => {
-    let previous;
-    if (selImage !== 0) previous = selImage - 1;else if (infiniteCarousel) previous = documents.length - 1;
-    setImage(previous);
-    if (xs) {
-      direction = "prev";
-      changeSlice();
-    }
-  };
-  const styleThumbnail = index => {
-    if (index !== selImage) return classes.img;
-    return classes.thumbnailSelected;
-  };
-  const 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: () => setFullscreen(!fullscreen),
-          children: _Close || (_Close = /*#__PURE__*/_jsx(Close, {}))
-        }) : /*#__PURE__*/_jsx(HvButton, {
-          icon: true,
-          "aria-label": "Fullscreen",
-          onClick: () => setFullscreen(true),
-          children: _Fullscreen || (_Fullscreen = /*#__PURE__*/_jsx(Fullscreen, {}))
-        })
-      })]
-    }), /*#__PURE__*/_jsxs(HvContainer, {
-      className: clsx(classes.imageContainer, fullscreen ? "fullscreen" : "notFullscreen", !xs && "nxs"),
-      onFocus: () => setImageHover(true),
-      onMouseOver: () => setImageHover(true),
-      onBlur: () => setImageHover(false),
-      onMouseOut: () => setImageHover(false),
-      children: [/*#__PURE__*/_jsx(HvPanel, {
-        className: clsx(classes.stack, xs ? "xs" : "nxs"),
-        id: setId(elementId, "bigPanel"),
-        children: options.map((element, index) => /*#__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 ${element.value}`)
-          })
-        }, `div ${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: event => 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: event => nextImage(event),
-              children: _Forwards || (_Forwards = /*#__PURE__*/_jsx(Forwards, {}))
-            })
-          })
-        })]
-      }), xs && /*#__PURE__*/_jsx("div", {
-        className: classes.xsCircles,
-        children: documents.map((element, index) => /*#__PURE__*/_jsx("span", {
-          className: circleType(index),
-          title: typeCircle
-        }, `Circle ${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: `${selImage + 1}/${documents.length}`
-          })
-        })
-      })]
-    }), !xs && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [lowCardinality ? /*#__PURE__*/_jsx("div", {
-        className: classes.circles,
-        children: documents.map((element, index) => /*#__PURE__*/_jsx("span", {
-          className: circleType(index),
-          title: `${typeCircle} ${index}`
-        }, `Circle ${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: event => 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: ` /  ${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: event => 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((element, i) => /*#__PURE__*/_jsx(Button, {
-            id: element.value,
-            className: classes.thumbnailButton,
-            onClick: () => setImage(i),
-            children: /*#__PURE__*/_jsx("img", {
-              className: styleThumbnail(i),
-              src: element.src,
-              alt: element.value
-            }, `Thumbnail ${element.value}`)
-          }, `Button ${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/modern/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/modern/ImageCarousel/index.d.ts

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

package/dist/modern/ImageCarousel/index.js

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

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