@hitachivantara/uikit-react-lab 4.0.1-next.1 → 4.0.1-next.4

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

@@ -0,0 +1 @@
+{"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

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

package/dist/legacy/ImageCarousel/index.js

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

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

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

package/dist/legacy/ImageCarousel/styles.js

@@ -0,0 +1,228 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var styles = function styles(theme) {
+  var _notFullscreen, _img, _thumbnailSelected, _imageContainer;
+
+  return {
+    root: {
+      "&:not(.xs)": {
+        background: theme.hv.palette.atmosphere.atmo1,
+        display: "flex",
+        alignItems: "center",
+        flexDirection: "column",
+        margin: "0px",
+        paddingTop: "15px",
+        paddingBottom: "15px"
+      },
+      "&:not(.nxs)": {
+        width: "100%",
+        maxWidth: "500px",
+        height: "200px",
+        padding: "0px"
+      }
+    },
+    fullscreenStyle: {
+      width: "100vw",
+      height: "100vh",
+      position: "fixed",
+      padding: "10px 150px 10px 150px",
+      top: 0,
+      left: 0,
+      zIndex: 1300
+    },
+    closeButton: {
+      position: "absolute",
+      right: "25px"
+    },
+    selectedImage: {
+      "&:not(.contain)": {
+        objectFit: "cover"
+      },
+      "&:not(.cover)": {
+        objectFit: "contain"
+      },
+      "&:not(.xs)": {
+        width: "100%",
+        textAlign: "center",
+        "&:not(.fullscreen)": (_notFullscreen = {}, _defineProperty(_notFullscreen, theme.breakpoints.up("xs"), {
+          height: "150px",
+          minHeight: "150px"
+        }), _defineProperty(_notFullscreen, theme.breakpoints.up("sm"), {
+          height: "300px",
+          minHeight: "300px"
+        }), _defineProperty(_notFullscreen, theme.breakpoints.up("lg"), {
+          height: "450px",
+          minHeight: "450px"
+        }), _notFullscreen),
+        "&:not(.notFullscreen)": {
+          height: "100%"
+        }
+      },
+      "&:not(.nxs)": {
+        width: "100%",
+        textAlign: "center"
+      }
+    },
+    xsMode: {
+      width: "min-content",
+      height: "min-content",
+      margin: "0px",
+      textAlign: "center"
+    },
+    circles: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    xsCircles: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      position: "relative",
+      transform: "translateY(-63px)"
+    },
+    hidden: {
+      visibility: "hidden"
+    },
+    title: {
+      display: "flex",
+      alignItems: "flex-start",
+      width: "100%",
+      justifyContent: "space-between"
+    },
+    divCounter: {
+      width: "100%",
+      paddingTop: "10px",
+      paddingRight: "15px",
+      display: "flex",
+      justifyContent: "flex-end",
+      position: "relative",
+      bottom: "102%",
+      "&:not(.nxs)": {
+        right: "5%",
+        bottom: "262px",
+        padding: "0px"
+      }
+    },
+    counter: {
+      width: "45px",
+      backgroundColor: theme.hv.palette.base.base2
+    },
+    img: (_img = {
+      width: "100%",
+      height: "70px"
+    }, _defineProperty(_img, theme.breakpoints.up("lg"), {
+      height: "75px"
+    }), _defineProperty(_img, "textAlign", "center"), _defineProperty(_img, "objectFit", "cover"), _img),
+    thumbnailSelected: (_thumbnailSelected = {
+      width: "100%",
+      height: "70px"
+    }, _defineProperty(_thumbnailSelected, theme.breakpoints.up("lg"), {
+      height: "75px"
+    }), _defineProperty(_thumbnailSelected, "textAlign", "center"), _defineProperty(_thumbnailSelected, "objectFit", "cover"), _defineProperty(_thumbnailSelected, "borderStyle", "solid"), _defineProperty(_thumbnailSelected, "borderColor", theme.hv.palette.base.base2), _defineProperty(_thumbnailSelected, "opacity", "50%"), _thumbnailSelected),
+    thumbnailButton: _defineProperty({
+      width: "110px",
+      height: "70px",
+      padding: "0px 0px"
+    }, theme.breakpoints.up("lg"), {
+      width: "120px",
+      height: "75px"
+    }),
+    miniCircle: {
+      width: "5px",
+      height: "5px",
+      borderRadius: "50%",
+      backgroundColor: theme.hv.palette.atmosphere.atmo4,
+      display: "inline-block",
+      margin: "10px"
+    },
+    selectedCircle: {
+      width: "10px",
+      height: "10px",
+      borderRadius: "50%",
+      backgroundColor: theme.hv.palette.atmosphere.atmo5,
+      display: "inline-block",
+      margin: "10px"
+    },
+    xsSelectedCircle: {
+      width: "10px",
+      height: "10px",
+      borderRadius: "50%",
+      backgroundColor: theme.hv.palette.atmosphere.atmo3,
+      display: "inline-block",
+      margin: "10px"
+    },
+    lowButtons: {
+      width: "95%",
+      display: "inline-flex",
+      justifyContent: "space-between",
+      position: "relative",
+      top: "-50%",
+      transform: "translateY(-16px)",
+      "&:not(.nxs)": {
+        width: "90%",
+        top: "-99px"
+      }
+    },
+    imageContainer: (_imageContainer = {
+      width: "100%",
+      marginTop: "20px",
+      margin: "0px",
+      textAlign: "center",
+      padding: "0px"
+    }, _defineProperty(_imageContainer, theme.breakpoints.up("xs"), {
+      height: "150px",
+      minHeight: "150px"
+    }), _defineProperty(_imageContainer, theme.breakpoints.up("sm"), {
+      height: "300px",
+      minHeight: "300px"
+    }), _defineProperty(_imageContainer, theme.breakpoints.up("lg"), {
+      height: "450px",
+      minHeight: "450px"
+    }), _defineProperty(_imageContainer, "&:not(.notFullscreen)", {
+      height: "85%",
+      alignItems: "center"
+    }), _imageContainer),
+    button: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo3
+    },
+    inputImage: _defineProperty({
+      width: "110px",
+      height: "70px",
+      padding: "0px 0px"
+    }, theme.breakpoints.up("lg"), {
+      width: "120px",
+      height: "75px"
+    }),
+    stack: {
+      "&:not(.xs)": {
+        width: "100%",
+        display: "flex",
+        alignSelf: "center",
+        height: "100%",
+        padding: "0px"
+      },
+      "&:not(.flag)": {
+        overflowX: "hidden"
+      },
+      "&:not(.nxs)": {
+        height: "200px",
+        display: "flex",
+        padding: "0px"
+      }
+    },
+    normalButtons: {
+      padding: "5px 0px"
+    },
+    panel: {
+      display: "flex",
+      width: "100%",
+      overflow: "hidden",
+      padding: "3px",
+      height: "75px"
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","background","hv","palette","atmosphere","atmo1","display","alignItems","flexDirection","margin","paddingTop","paddingBottom","width","maxWidth","height","padding","fullscreenStyle","position","top","left","zIndex","closeButton","right","selectedImage","objectFit","textAlign","breakpoints","up","minHeight","xsMode","circles","justifyContent","xsCircles","transform","hidden","visibility","title","divCounter","paddingRight","bottom","counter","backgroundColor","base","base2","img","thumbnailSelected","thumbnailButton","miniCircle","borderRadius","atmo4","selectedCircle","atmo5","xsSelectedCircle","atmo3","lowButtons","imageContainer","marginTop","button","inputImage","stack","alignSelf","overflowX","normalButtons","panel","overflow"],"sources":["../../../src/ImageCarousel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    \"&:not(.xs)\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n      display: \"flex\",\n      alignItems: \"center\",\n      flexDirection: \"column\",\n      margin: \"0px\",\n      paddingTop: \"15px\",\n      paddingBottom: \"15px\",\n    },\n    \"&:not(.nxs)\": {\n      width: \"100%\",\n      maxWidth: \"500px\",\n      height: \"200px\",\n      padding: \"0px\",\n    },\n  },\n  fullscreenStyle: {\n    width: \"100vw\",\n    height: \"100vh\",\n    position: \"fixed\",\n    padding: \"10px 150px 10px 150px\",\n    top: 0,\n    left: 0,\n    zIndex: 1300,\n  },\n  closeButton: {\n    position: \"absolute\",\n    right: \"25px\",\n  },\n  selectedImage: {\n    \"&:not(.contain)\": {\n      objectFit: \"cover\",\n    },\n    \"&:not(.cover)\": {\n      objectFit: \"contain\",\n    },\n    \"&:not(.xs)\": {\n      width: \"100%\",\n      textAlign: \"center\",\n      \"&:not(.fullscreen)\": {\n        [theme.breakpoints.up(\"xs\")]: {\n          height: \"150px\",\n          minHeight: \"150px\",\n        },\n        [theme.breakpoints.up(\"sm\")]: {\n          height: \"300px\",\n          minHeight: \"300px\",\n        },\n        [theme.breakpoints.up(\"lg\")]: {\n          height: \"450px\",\n          minHeight: \"450px\",\n        },\n      },\n      \"&:not(.notFullscreen)\": {\n        height: \"100%\",\n      },\n    },\n    \"&:not(.nxs)\": {\n      width: \"100%\",\n      textAlign: \"center\",\n    },\n  },\n  xsMode: {\n    width: \"min-content\",\n    height: \"min-content\",\n    margin: \"0px\",\n    textAlign: \"center\",\n  },\n  circles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  xsCircles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    position: \"relative\",\n    transform: \"translateY(-63px)\",\n  },\n  hidden: {\n    visibility: \"hidden\",\n  },\n  title: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n    width: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  divCounter: {\n    width: \"100%\",\n    paddingTop: \"10px\",\n    paddingRight: \"15px\",\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    position: \"relative\",\n    bottom: \"102%\",\n    \"&:not(.nxs)\": {\n      right: \"5%\",\n      bottom: \"262px\",\n      padding: \"0px\",\n    },\n  },\n  counter: {\n    width: \"45px\",\n    backgroundColor: theme.hv.palette.base.base2,\n  },\n  img: {\n    width: \"100%\",\n    height: \"70px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      height: \"75px\",\n    },\n    textAlign: \"center\",\n    objectFit: \"cover\",\n  },\n  thumbnailSelected: {\n    width: \"100%\",\n    height: \"70px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      height: \"75px\",\n    },\n    textAlign: \"center\",\n    objectFit: \"cover\",\n    borderStyle: \"solid\",\n    borderColor: theme.hv.palette.base.base2,\n    opacity: \"50%\",\n  },\n  thumbnailButton: {\n    width: \"110px\",\n    height: \"70px\",\n    padding: \"0px 0px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      width: \"120px\",\n      height: \"75px\",\n    },\n  },\n  miniCircle: {\n    width: \"5px\",\n    height: \"5px\",\n    borderRadius: \"50%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    display: \"inline-block\",\n    margin: \"10px\",\n  },\n  selectedCircle: {\n    width: \"10px\",\n    height: \"10px\",\n    borderRadius: \"50%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo5,\n    display: \"inline-block\",\n    margin: \"10px\",\n  },\n  xsSelectedCircle: {\n    width: \"10px\",\n    height: \"10px\",\n    borderRadius: \"50%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    display: \"inline-block\",\n    margin: \"10px\",\n  },\n  lowButtons: {\n    width: \"95%\",\n    display: \"inline-flex\",\n    justifyContent: \"space-between\",\n    position: \"relative\",\n    top: \"-50%\",\n    transform: \"translateY(-16px)\",\n    \"&:not(.nxs)\": {\n      width: \"90%\",\n      top: \"-99px\",\n    },\n  },\n  imageContainer: {\n    width: \"100%\",\n    marginTop: \"20px\",\n    margin: \"0px\",\n    textAlign: \"center\",\n    padding: \"0px\",\n    [theme.breakpoints.up(\"xs\")]: {\n      height: \"150px\",\n      minHeight: \"150px\",\n    },\n    [theme.breakpoints.up(\"sm\")]: {\n      height: \"300px\",\n      minHeight: \"300px\",\n    },\n    [theme.breakpoints.up(\"lg\")]: {\n      height: \"450px\",\n      minHeight: \"450px\",\n    },\n    \"&:not(.notFullscreen)\": {\n      height: \"85%\",\n      alignItems: \"center\",\n    },\n  },\n  button: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n  inputImage: {\n    width: \"110px\",\n    height: \"70px\",\n    padding: \"0px 0px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      width: \"120px\",\n      height: \"75px\",\n    },\n  },\n  stack: {\n    \"&:not(.xs)\": {\n      width: \"100%\",\n      display: \"flex\",\n      alignSelf: \"center\",\n      height: \"100%\",\n      padding: \"0px\",\n    },\n    \"&:not(.flag)\": {\n      overflowX: \"hidden\",\n    },\n    \"&:not(.nxs)\": {\n      height: \"200px\",\n      display: \"flex\",\n      padding: \"0px\",\n    },\n  },\n  normalButtons: {\n    padding: \"5px 0px\",\n  },\n  panel: {\n    display: \"flex\",\n    width: \"100%\",\n    overflow: \"hidden\",\n    padding: \"3px\",\n    height: \"75px\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.d.ts

@@ -0,0 +1,58 @@
+import * as React from "react";
+import { StandardProps } from "@mui/material";
+
+import { HvStepNavigationProps } from "../StepNavigation";
+import { HvStepProps } from "./Step";
+
+export type HvDefaultNavigationClassKey = "root";
+
+export type ComponentChildProps = {
+  stepsWidth: number;
+  navWidth: number;
+  separatorValues: {
+    minWidth: number;
+    maxWidth: number;
+    getColor: (state: HvStepProps["state"]) => any;
+    height: number;
+  };
+  stepValues: {
+    minSize: number;
+    maxSize: number;
+    StepComponent: React.ComponentType<HvStepProps>;
+  };
+};
+
+export type HvDefaultNavigationProps = StandardProps<
+  React.HTMLAttributes<HTMLDivElement>,
+  HvDefaultNavigationClassKey
+> &
+  Pick<HvStepNavigationProps, "stepSize"> & {
+    /**
+     * Number of steps to show on the component.
+     */
+    numSteps: number;
+    /**
+     * Returns a JSX.element of the titles container.
+     */
+    getTitles: (
+      getTitleProps?: (params: {
+        state: HvStepProps["state"];
+        rawTitle: string;
+        number: number;
+      }) => { variant: string; title: string }
+    ) => JSX.Element | null;
+    /**
+     * Returns dynamic width values of the component (width, titleWidth, separatorWidth).
+     */
+    getDynamicValues: (stepsWidth: number) => {
+      width: number;
+      titleWidth: number;
+      separatorWidth: number;
+    };
+    /**
+     * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}
+     */
+    children: React.FunctionComponent<ComponentChildProps>;
+  };
+
+export default function HvDefaultNavigation(props: HvDefaultNavigationProps): JSX.Element | null;

package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.js

@@ -0,0 +1,131 @@
+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 _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["numSteps", "stepSize", "getTitles", "getDynamicValues", "children"];
+
+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 PropTypes from "prop-types";
+import { useTheme } from "@mui/material";
+import { withStyles } from "@mui/styles";
+import HvStep from "./Step";
+import { getColor as getStateColor, stepSizes } from "./utils";
+import styles from "./styles";
+/**
+ * Default Navigation
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
+var HvDefaultNavigation = function HvDefaultNavigation(_ref) {
+  var numSteps = _ref.numSteps,
+      stepSize = _ref.stepSize,
+      getTitles = _ref.getTitles,
+      getDynamicValues = _ref.getDynamicValues,
+      children = _ref.children,
+      other = _objectWithoutProperties(_ref, _excluded);
+
+  var theme = useTheme(); // step values
+
+  var _stepSizes$stepSize = stepSizes[stepSize],
+      maxSize = _stepSizes$stepSize.container,
+      minSize = _stepSizes$stepSize.avatar;
+  var StepComponent = HvStep; //
+
+  var stepsWidth = maxSize + minSize * (numSteps - 1);
+
+  var _getDynamicValues = getDynamicValues(stepsWidth),
+      width = _getDynamicValues.width,
+      titleWidth = _getDynamicValues.titleWidth,
+      separatorWidth = _getDynamicValues.separatorWidth; // separator values
+
+
+  var getColor = function getColor(state) {
+    return getStateColor(state === "Current" ? "Disabled" : state, theme);
+  };
+
+  var maxWidth = Math.max(titleWidth - minSize, separatorWidth);
+  var minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth); //
+
+  var Steps = children;
+  var titles = getTitles(function (_ref2) {
+    var state = _ref2.state;
+    return {
+      variant: state === "Disabled" ? "disabledText" : "highlightText",
+      titleWidth: titleWidth
+    };
+  });
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, other), {}, {
+    children: [/*#__PURE__*/_jsx(Steps, {
+      stepsWidth: stepsWidth,
+      navWidth: width,
+      separatorValues: {
+        minWidth: minWidth,
+        maxWidth: maxWidth,
+        getColor: getColor,
+        height: 3
+      },
+      stepValues: {
+        minSize: minSize,
+        maxSize: maxSize,
+        StepComponent: StepComponent
+      }
+    }), titles]
+  }));
+};
+
+process.env.NODE_ENV !== "production" ? HvDefaultNavigation.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
+  }).isRequired,
+
+  /**
+   * Number of steps to show on the component.
+   */
+  numSteps: PropTypes.number.isRequired,
+
+  /**
+   * Sets one of the standard sizes of the steps
+   */
+  stepSize: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]).isRequired,
+
+  /**
+   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).
+   */
+  getDynamicValues: PropTypes.func.isRequired,
+
+  /**
+   * Returns a JSX.element of the titles container.
+   */
+  getTitles: PropTypes.func.isRequired,
+
+  /**
+   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}
+   */
+  children: PropTypes.elementType.isRequired
+} : void 0;
+export default withStyles(styles, {
+  name: "HvDefaultNavigation"
+})(HvDefaultNavigation);
+//# sourceMappingURL=DefaultNavigation.js.map

package/dist/legacy/StepNavigation/DefaultNavigation/DefaultNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNavigation.js","names":["React","PropTypes","useTheme","withStyles","HvStep","getColor","getStateColor","stepSizes","styles","HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","theme","maxSize","container","minSize","avatar","StepComponent","stepsWidth","width","titleWidth","separatorWidth","state","maxWidth","Math","max","minWidth","Steps","titles","variant","navWidth","separatorValues","height","stepValues","propTypes","className","string","classes","shape","root","isRequired","number","oneOf","func","elementType","name"],"sources":["../../../../src/StepNavigation/DefaultNavigation/DefaultNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { useTheme } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport HvStep from \"./Step\";\nimport { getColor as getStateColor, stepSizes } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Default Navigation\n */\nconst HvDefaultNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  children,\n  ...other\n}) => {\n  const theme = useTheme();\n\n  // step values\n  const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n  const StepComponent = HvStep;\n  //\n\n  const stepsWidth = maxSize + minSize * (numSteps - 1);\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const getColor = (state) => getStateColor(state === \"Current\" ? \"Disabled\" : state, theme);\n  const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ state }) => ({\n    variant: state === \"Disabled\" ? \"disabledText\" : \"highlightText\",\n    titleWidth,\n  }));\n\n  return (\n    <div {...other}>\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: 3,\n          },\n          stepValues: {\n            minSize,\n            maxSize,\n            StepComponent,\n          },\n        }}\n      />\n      {titles}\n    </div>\n  );\n};\n\nHvDefaultNavigation.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  }).isRequired,\n  /**\n   * Number of steps to show on the component.\n   */\n  numSteps: PropTypes.number.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).\n   */\n  getDynamicValues: PropTypes.func.isRequired,\n  /**\n   * Returns a JSX.element of the titles container.\n   */\n  getTitles: PropTypes.func.isRequired,\n  /**\n   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}\n   */\n  children: PropTypes.elementType.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDefaultNavigation\" })(HvDefaultNavigation);\n"],"mappings":"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"}

package/dist/legacy/StepNavigation/DefaultNavigation/Step/Step.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { StandardProps } from "@mui/material";
+import { HvButtonProps } from "@hitachivantara/uikit-react-core";
+
+export type HvStepClassKey = "root";
+
+export type HvStepProps = StandardProps<React.HTMLAttributes<HTMLDivElement>, HvStepClassKey> &
+  Pick<HvButtonProps, "onClick"> & {
+    /**
+     * State of the step. Values = {"Pending", "Failed", "Completed", "Current", "Disabled"}
+     */
+    state: "Pending" | "Failed" | "Completed" | "Current" | "Disabled";
+    /**
+     * Title of the step.
+     */
+    title: string;
+    /**
+     * Sets one of the standard sizes of the step
+     */
+    size?: "XS" | "SM" | "MD" | "LG" | "XL";
+    /**
+     * Number of the step.
+     */
+    number?: number;
+    /**
+     * Define if a step is disabled/enabled.
+     * If this property is not defined and the step is on state "Disabled", the step component will be disabled
+     */
+    disabled?: boolean;
+  };
+
+export default function HvStep(props: HvStepProps): JSX.Element | null;