@hitachivantara/uikit-react-lab 4.0.2 → 4.0.4

package/dist/modern/Drawer/Drawer.js

@@ -1,14 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-
 var _Close;
-
 const _excluded = ["className", "classes", "id", "children", "open", "onClose", "anchor", "buttonTitle"];
-
 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 from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
@@ -17,32 +12,29 @@ import { withStyles } from "@mui/styles";
 import { Close } from "@hitachivantara/uikit-react-icons";
 import { HvButton, withTooltip, setId } from "@hitachivantara/uikit-react-core";
 import styles from "./styles";
+
 /**
  * The Drawer component provides a foundation to create a sliding pane.
  * It only provides the pane with a close button, the rest of the
  * content can be customized.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const HvDrawer = _ref => {
   let {
-    className,
-    classes,
-    id,
-    children,
-    open,
-    onClose,
-    anchor = "right",
-    buttonTitle = "Close"
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      className,
+      classes,
+      id,
+      children,
+      open,
+      onClose,
+      anchor = "right",
+      buttonTitle = "Close"
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const closeButtonDisplay = () => _Close || (_Close = /*#__PURE__*/_jsx(Close, {
     role: "presentation"
   }));
-
   const CloseButtonTooltipWrapper = buttonTitle ? withTooltip(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
   return /*#__PURE__*/_jsxs(Drawer, _objectSpread(_objectSpread({
     className: clsx(classes.root, className),
@@ -71,18 +63,15 @@ const HvDrawer = _ref => {
     }), children]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * Id to be applied to the root node.
    */
   id: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -91,33 +80,27 @@ process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
      * Style applied to the root of the component.
      */
     root: PropTypes.string,
-
     /**
      * Style applied to the background (outside) of the component.
      */
     background: PropTypes.string,
-
     /**
      * Style applied to the component (root).
      */
     paper: PropTypes.string,
-
     /**
      * Style applied to the close button.
      */
     closeButton: PropTypes.string
   }).isRequired,
-
   /**
    * Components of the Drawer.
    */
   children: PropTypes.node.isRequired,
-
   /**
    * Current state of the Drawer.
    */
   open: PropTypes.bool.isRequired,
-
   /**
    * Function executed on close.
    * Extended from Modal from material-ui
@@ -126,12 +109,10 @@ process.env.NODE_ENV !== "production" ? HvDrawer.propTypes = {
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
   onClose: PropTypes.func.isRequired,
-
   /**
    * The side the drawer opens from.
    */
   anchor: PropTypes.oneOf(["left", "top", "right", "bottom"]),
-
   /**
    * Title for the button close.
    */

package/dist/modern/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"sources":["../../../src/Drawer/Drawer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n  className,\n  classes,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Drawer\n      className={clsx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </Drawer>\n  );\n};\n\nHvDrawer.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Drawer.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Drawer.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * The side the drawer opens from.\n   */\n  anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","names":["React","clsx","PropTypes","Drawer","withStyles","Close","HvButton","withTooltip","setId","styles","HvDrawer","className","classes","id","children","open","onClose","anchor","buttonTitle","others","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","event","reason","closeButton","propTypes","string","shape","isRequired","node","bool","func","oneOf","name"],"sources":["../../../src/Drawer/Drawer.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Drawer } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport { HvButton, withTooltip, setId } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * The Drawer component provides a foundation to create a sliding pane.\n * It only provides the pane with a close button, the rest of the\n * content can be customized.\n */\nconst HvDrawer = ({\n  className,\n  classes,\n  id,\n  children,\n  open,\n  onClose,\n  anchor = \"right\",\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Drawer\n      className={clsx(classes.root, className)}\n      id={id}\n      anchor={anchor}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      {...others}\n    >\n      <HvButton\n        id={setId(id, \"close\")}\n        className={classes.closeButton}\n        category=\"ghost\"\n        onClick={onClose}\n        aria-label={buttonTitle}\n      >\n        <CloseButtonTooltipWrapper />\n      </HvButton>\n      {children}\n    </Drawer>\n  );\n};\n\nHvDrawer.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Drawer.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Drawer.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   * Extended from Modal from material-ui\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} reason Can be: `\"escapeKeyDown\"`, `\"backdropClick\"`.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * The side the drawer opens from.\n   */\n  anchor: PropTypes.oneOf([\"left\", \"top\", \"right\", \"bottom\"]),\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDrawer\" })(HvDrawer);\n"],"mappings":"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"}

package/dist/modern/Drawer/index.js.map

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

package/dist/modern/Drawer/styles.js

@@ -1,5 +1,4 @@
 import { hexToRgb, alpha } from "@mui/material";
-
 const styles = theme => ({
   background: {
     background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8)
@@ -18,6 +17,5 @@ const styles = theme => ({
     right: theme.hvSpacing("sm")
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/Drawer/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["hexToRgb","alpha","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../../src/Drawer/styles.js"],"sourcesContent":["import { hexToRgb, alpha } from \"@mui/material\";\n\nconst styles = (theme) => ({\n  background: {\n    background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,KAAnB,QAAgC,eAAhC;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;EACzBC,UAAU,EAAE;IACVA,UAAU,EAAEH,KAAK,CAACD,QAAQ,CAACG,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,CAAT,EAA8C,GAA9C;EADP,CADa;EAIzBC,KAAK,EAAE;IACLL,UAAU,EAAG,GAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM,EAD5C;IAELC,OAAO,EAAE,KAFJ;IAGLC,QAAQ,EAAE,MAHL;IAILC,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;EAJN,CAJkB;EAUzBC,WAAW,EAAE;IACXJ,OAAO,EAAE,CADE;IAEXK,QAAQ,EAAE,SAFC;IAGXC,QAAQ,EAAE,UAHC;IAIXC,GAAG,EAAEf,KAAK,CAACgB,SAAN,CAAgB,IAAhB,CAJM;IAKXC,KAAK,EAAEjB,KAAK,CAACgB,SAAN,CAAgB,IAAhB;EALI;AAVY,CAAZ,CAAf;;AAmBA,eAAejB,MAAf"}
+{"version":3,"file":"styles.js","names":["hexToRgb","alpha","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"sources":["../../../src/Drawer/styles.js"],"sourcesContent":["import { hexToRgb, alpha } from \"@mui/material\";\n\nconst styles = (theme) => ({\n  background: {\n    background: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo4), 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,KAAK,QAAQ,eAAe;AAE/C,MAAMC,MAAM,GAAIC,KAAK,KAAM;EACzBC,UAAU,EAAE;IACVA,UAAU,EAAEH,KAAK,CAACD,QAAQ,CAACG,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK,CAAC,EAAE,GAAG;EACpE,CAAC;EACDC,KAAK,EAAE;IACLL,UAAU,EAAG,GAAED,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACG,KAAM,EAAC;IAClDC,OAAO,EAAE,KAAK;IACdC,QAAQ,EAAE,MAAM;IAChBC,SAAS,EAAEV,KAAK,CAACE,EAAE,CAACS,OAAO,CAAC,CAAC;EAC/B,CAAC;EACDC,WAAW,EAAE;IACXJ,OAAO,EAAE,CAAC;IACVK,QAAQ,EAAE,SAAS;IACnBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAEf,KAAK,CAACgB,SAAS,CAAC,IAAI,CAAC;IAC1BC,KAAK,EAAEjB,KAAK,CAACgB,SAAS,CAAC,IAAI;EAC7B;AACF,CAAC,CAAC;AAEF,eAAejB,MAAM"}

package/dist/modern/ImageCarousel/ImageCarousel.js

@@ -1,15 +1,9 @@
 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 "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState, useRef, useEffect, useCallback } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -21,32 +15,29 @@ 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);
-
+      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 => ({
@@ -82,19 +73,15 @@ const HvImageCarousel = props => {
     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) => {
@@ -107,7 +94,6 @@ const HvImageCarousel = props => {
     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);
@@ -118,62 +104,50 @@ const HvImageCarousel = props => {
   }, [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)
@@ -334,13 +308,11 @@ const HvImageCarousel = props => {
     })]
   }));
 };
-
 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.
    */
@@ -349,188 +321,151 @@ process.env.NODE_ENV !== "production" ? HvImageCarousel.propTypes = {
      * 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
    */