npm - @hitachivantara/uikit-react-lab - Versions diffs - 3.55.0 → 4.0.1-next.2 - Mend

@hitachivantara/uikit-react-lab 3.55.0 → 4.0.1-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1207) hide show

package/dist/ImageCarousel/ImageCarousel.js CHANGED Viewed

@@ -1,17 +1,27 @@
 "use strict";
-require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -21,7 +31,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 require("core-js/modules/es.array.map.js");
@@ -41,11 +51,15 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+var _styles = require("@mui/styles");
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _Close, _Fullscreen, _Backwards, _Forwards, _Backwards2, _Forwards2;
@@ -55,6 +69,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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) { (0, _defineProperty2.default)(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; }
 /**
  * ImageCarousel description/documentation paragraph
  */
@@ -120,7 +138,7 @@ var HvImageCarousel = function HvImageCarousel(props) {
       setImageHover = _useState10[1];
   var direction = "next";
-  var useStyles = (0, _core.makeStyles)(function (theme) {
+  var useStyles = (0, _styles.makeStyles)(function (theme) {
     return {
       button: {
         backgroundColor: theme.hv.palette.atmosphere.atmo3
@@ -247,162 +265,195 @@ var HvImageCarousel = function HvImageCarousel(props) {
     return classes.miniCircle;
   };
-  return /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvContainer, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvContainer, _objectSpread(_objectSpread({
     id: (0, _uikitReactCore.setId)(elementId, "container"),
     className: (0, _clsx.default)(className, classes.root, xs ? "xs" : "nxs", fullscreen && classes.fullscreenStyle)
-  }, others), !xs && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.title
-  }, /*#__PURE__*/_react.default.createElement("div", null, title), fullscreenProp && /*#__PURE__*/_react.default.createElement("div", null, fullscreen ? /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
-    className: classes.closeButton,
-    icon: true,
-    "aria-label": "Close",
-    onClick: function onClick() {
-      return setFullscreen(!fullscreen);
-    }
-  }, _Close || (_Close = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Close, null))) : /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
-    icon: true,
-    "aria-label": "Fullscreen",
-    onClick: function onClick() {
-      return setFullscreen(true);
-    }
-  }, _Fullscreen || (_Fullscreen = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Fullscreen, null))))), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvContainer, {
-    className: (0, _clsx.default)(classes.imageContainer, fullscreen ? "fullscreen" : "notFullscreen", !xs && "nxs"),
-    onFocus: function onFocus() {
-      return setImageHover(true);
-    },
-    onMouseOver: function onMouseOver() {
-      return setImageHover(true);
-    },
-    onBlur: function onBlur() {
-      return setImageHover(false);
-    },
-    onMouseOut: function onMouseOut() {
-      return setImageHover(false);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvPanel, {
-    className: (0, _clsx.default)(classes.stack, xs ? "xs" : "nxs"),
-    id: (0, _uikitReactCore.setId)(elementId, "bigPanel")
-  }, options.map(function (element, index) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: style.imageBox,
-      id: element.value,
-      key: "div ".concat(element.value)
-    }, /*#__PURE__*/_react.default.createElement(_core.Fade, {
-      in: selImage === index || xs,
-      timeout: {
-        appear: 500,
-        enter: 1200,
-        exit: 200
-      }
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      className: (0, _clsx.default)(classes.selectedImage, xs ? "xs" : "nxs", fullscreen ? "fullscreen" : "notFullscreen", variant),
-      src: element.src,
-      alt: element.value,
-      key: "image ".concat(element.value)
-    })));
-  })), (xs || lowCardinality) && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.lowButtons, !xs && "nxs")
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.Fade, {
-    in: imageHover || visibleArrows
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
-    ref: refBackwards,
-    className: classes.button,
-    icon: true,
-    "aria-label": "Backwards",
-    onClick: function onClick(event) {
-      return previousImage(event);
-    }
-  }, _Backwards || (_Backwards = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Backwards, null))))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.Fade, {
-    in: imageHover || visibleArrows
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
-    ref: refForwards,
-    className: classes.button,
-    icon: true,
-    "aria-label": "Forwards",
-    onClick: function onClick(event) {
-      return nextImage(event);
-    }
-  }, _Forwards || (_Forwards = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Forwards, null)))))), xs && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.xsCircles
-  }, documents.map(function (element, index) {
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: circleType(index),
-      title: typeCircle,
-      key: "Circle ".concat(element.value)
-    });
-  }).slice(sliceStart, sliceStart + 5)), counter && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.divCounter, !xs && "nxs")
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.counter
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
-    variant: "normalText",
-    style: {
-      color: "white"
-    }
-  }, "".concat(selImage + 1, "/").concat(documents.length))))), !xs && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, lowCardinality ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.circles
-  }, documents.map(function (element, index) {
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: circleType(index),
-      title: "".concat(typeCircle, " ").concat(index),
-      key: "Circle ".concat(element.value)
-    });
-  })) : /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvGrid, {
-    className: (0, _clsx.default)(classes.normalButtons),
-    container: true,
-    justifyContent: "space-between",
-    alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvGrid, {
-    item: true
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
-    className: infiniteCarousel || selImage !== 0 ? "" : classes.hidden,
-    ref: refBackwards,
-    icon: true,
-    "aria-label": "Backwards",
-    onClick: function onClick(event) {
-      return previousImage(event);
-    }
-  }, _Backwards2 || (_Backwards2 = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Backwards, null)))), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvGrid, {
-    item: true
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
-    variant: "highlightText",
-    component: "a"
-  }, selImage + 1), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
-    variant: "normalText",
-    component: "a"
-  }, " /  ".concat(documents.length))), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvGrid, {
-    item: true
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
-    className: infiniteCarousel || selImage !== documents.length - 1 ? "" : classes.hidden,
-    ref: refForwards,
-    icon: true,
-    "aria-label": "Forwards",
-    onClick: function onClick(event) {
-      return nextImage(event);
-    }
-  }, _Forwards2 || (_Forwards2 = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Forwards, null))))), thumbnails && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvPanel, {
-    className: classes.panel,
-    id: (0, _uikitReactCore.setId)(elementId, "panel")
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvStack, {
-    key: "Thumbnails",
-    direction: "row",
-    spacing: "xs",
-    withNavigation: true
-  }, documents.map(function (element, i) {
-    return /*#__PURE__*/_react.default.createElement(_core.Button, {
-      id: element.value,
-      key: "Button ".concat(element.value),
-      className: classes.thumbnailButton,
-      onClick: function onClick() {
-        return setImage(i);
-      }
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      className: styleThumbnail(i),
-      src: element.src,
-      alt: element.value,
-      key: "Thumbnail ".concat(element.value)
-    }));
-  })))));
+  }, others), {}, {
+    children: [!xs && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.title,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: title
+      }), fullscreenProp && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: fullscreen ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
+          className: classes.closeButton,
+          icon: true,
+          "aria-label": "Close",
+          onClick: function onClick() {
+            return setFullscreen(!fullscreen);
+          },
+          children: _Close || (_Close = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Close, {}))
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
+          icon: true,
+          "aria-label": "Fullscreen",
+          onClick: function onClick() {
+            return setFullscreen(true);
+          },
+          children: _Fullscreen || (_Fullscreen = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Fullscreen, {}))
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvContainer, {
+      className: (0, _clsx.default)(classes.imageContainer, fullscreen ? "fullscreen" : "notFullscreen", !xs && "nxs"),
+      onFocus: function onFocus() {
+        return setImageHover(true);
+      },
+      onMouseOver: function onMouseOver() {
+        return setImageHover(true);
+      },
+      onBlur: function onBlur() {
+        return setImageHover(false);
+      },
+      onMouseOut: function onMouseOut() {
+        return setImageHover(false);
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvPanel, {
+        className: (0, _clsx.default)(classes.stack, xs ? "xs" : "nxs"),
+        id: (0, _uikitReactCore.setId)(elementId, "bigPanel"),
+        children: options.map(function (element, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: style.imageBox,
+            id: element.value,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Fade, {
+              in: selImage === index || xs,
+              timeout: {
+                appear: 500,
+                enter: 1200,
+                exit: 200
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                className: (0, _clsx.default)(classes.selectedImage, xs ? "xs" : "nxs", fullscreen ? "fullscreen" : "notFullscreen", variant),
+                src: element.src,
+                alt: element.value
+              }, "image ".concat(element.value))
+            })
+          }, "div ".concat(element.value));
+        })
+      }), (xs || lowCardinality) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _clsx.default)(classes.lowButtons, !xs && "nxs"),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Fade, {
+            in: imageHover || visibleArrows,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
+              ref: refBackwards,
+              className: classes.button,
+              icon: true,
+              "aria-label": "Backwards",
+              onClick: function onClick(event) {
+                return previousImage(event);
+              },
+              children: _Backwards || (_Backwards = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Backwards, {}))
+            })
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Fade, {
+            in: imageHover || visibleArrows,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
+              ref: refForwards,
+              className: classes.button,
+              icon: true,
+              "aria-label": "Forwards",
+              onClick: function onClick(event) {
+                return nextImage(event);
+              },
+              children: _Forwards || (_Forwards = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Forwards, {}))
+            })
+          })
+        })]
+      }), xs && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.xsCircles,
+        children: documents.map(function (element, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: circleType(index),
+            title: typeCircle
+          }, "Circle ".concat(element.value));
+        }).slice(sliceStart, sliceStart + 5)
+      }), counter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _clsx.default)(classes.divCounter, !xs && "nxs"),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: classes.counter,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+            variant: "normalText",
+            style: {
+              color: "white"
+            },
+            children: "".concat(selImage + 1, "/").concat(documents.length)
+          })
+        })
+      })]
+    }), !xs && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [lowCardinality ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.circles,
+        children: documents.map(function (element, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: circleType(index),
+            title: "".concat(typeCircle, " ").concat(index)
+          }, "Circle ".concat(element.value));
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvGrid, {
+        className: (0, _clsx.default)(classes.normalButtons),
+        container: true,
+        justifyContent: "space-between",
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvGrid, {
+          item: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
+            className: infiniteCarousel || selImage !== 0 ? "" : classes.hidden,
+            ref: refBackwards,
+            icon: true,
+            "aria-label": "Backwards",
+            onClick: function onClick(event) {
+              return previousImage(event);
+            },
+            children: _Backwards2 || (_Backwards2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Backwards, {}))
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvGrid, {
+          item: true,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+            variant: "highlightText",
+            component: "a",
+            children: selImage + 1
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvTypography, {
+            variant: "normalText",
+            component: "a",
+            children: " /  ".concat(documents.length)
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvGrid, {
+          item: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvButton, {
+            className: infiniteCarousel || selImage !== documents.length - 1 ? "" : classes.hidden,
+            ref: refForwards,
+            icon: true,
+            "aria-label": "Forwards",
+            onClick: function onClick(event) {
+              return nextImage(event);
+            },
+            children: _Forwards2 || (_Forwards2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Forwards, {}))
+          })
+        })]
+      }), thumbnails && /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvPanel, {
+        className: classes.panel,
+        id: (0, _uikitReactCore.setId)(elementId, "panel"),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvStack, {
+          direction: "row",
+          spacing: "xs",
+          withNavigation: true,
+          children: documents.map(function (element, i) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+              id: element.value,
+              className: classes.thumbnailButton,
+              onClick: function onClick() {
+                return setImage(i);
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+                className: styleThumbnail(i),
+                src: element.src,
+                alt: element.value
+              }, "Thumbnail ".concat(element.value))
+            }, "Button ".concat(element.value));
+          })
+        }, "Thumbnails")
+      })]
+    })]
+  }));
 };
 process.env.NODE_ENV !== "production" ? HvImageCarousel.propTypes = {
@@ -607,7 +658,7 @@ process.env.NODE_ENV !== "production" ? HvImageCarousel.propTypes = {
   variant: _propTypes.default.string
 } : void 0;
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvImageCarousel"
 })(HvImageCarousel);

package/dist/ImageCarousel/ImageCarousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageCarousel.js","names":["HvImageCarousel","props","className","classes","documents","title","id","fullscreen","fullscreenProp","thumbnails","lowCardinality","infiniteCarousel","xs","onChange","counter","currentStep","setCurrentStep","visibleArrows","variant","others","elementId","useUniqueId","useState","setFullscreen","options","map","element","src","value","setId","sliceStart","setSliceStart","selImage","setImage","offset","setOffset","imageHover","setImageHover","direction","useStyles","makeStyles","theme","button","backgroundColor","hv","palette","atmosphere","atmo3","imageBox","minWidth","display","justifyContent","allImages","width","style","useScrollTo","selectedIndex","setScrollTo","selectedBigIndex","setBigScrollTo","refBackwards","useRef","refForwards","typeCircle","handleSelection","useCallback","event","index","wrappedOnChange","handleFocus","focus","current","handleBigSelection","handleVisibility","image","document","getElementById","panel","container","containerWidth","offsetWidth","offsetPanel","offsetLeft","offsetImage","imageWidth","scroll","scrollLeft","activeElement","useEffect","undefined","changeSlice","length","nextImage","next","previousImage","previous","styleThumbnail","img","thumbnailSelected","circleType","xsSelectedCircle","selectedCircle","miniCircle","clsx","root","fullscreenStyle","closeButton","imageContainer","stack","appear","enter","exit","selectedImage","lowButtons","xsCircles","slice","divCounter","color","circles","normalButtons","hidden","i","thumbnailButton","propTypes","PropTypes","string","shape","xsMode","xsImage","isRequired","array","node","func","bool","number","withStyles","styles","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, makeStyles, withStyles, Fade } from \"@material-ui/core\";\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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"}
1	+ {"version":3,"file":"ImageCarousel.js","names":["HvImageCarousel","props","className","classes","documents","title","id","fullscreen","fullscreenProp","thumbnails","lowCardinality","infiniteCarousel","xs","onChange","counter","currentStep","setCurrentStep","visibleArrows","variant","others","elementId","useUniqueId","useState","setFullscreen","options","map","element","src","value","setId","sliceStart","setSliceStart","selImage","setImage","offset","setOffset","imageHover","setImageHover","direction","useStyles","makeStyles","theme","button","backgroundColor","hv","palette","atmosphere","atmo3","imageBox","minWidth","display","justifyContent","allImages","width","style","useScrollTo","selectedIndex","setScrollTo","selectedBigIndex","setBigScrollTo","refBackwards","useRef","refForwards","typeCircle","handleSelection","useCallback","event","index","wrappedOnChange","handleFocus","focus","current","handleBigSelection","handleVisibility","image","document","getElementById","panel","container","containerWidth","offsetWidth","offsetPanel","offsetLeft","offsetImage","imageWidth","scroll","scrollLeft","activeElement","useEffect","undefined","changeSlice","length","nextImage","next","previousImage","previous","styleThumbnail","img","thumbnailSelected","circleType","xsSelectedCircle","selectedCircle","miniCircle","clsx","root","fullscreenStyle","closeButton","imageContainer","stack","appear","enter","exit","selectedImage","lowButtons","xsCircles","slice","divCounter","color","circles","normalButtons","hidden","i","thumbnailButton","propTypes","PropTypes","string","shape","xsMode","xsImage","isRequired","array","node","func","bool","number","withStyles","styles","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/InlineEditor/InlineEditor.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 import {
   HvBaseInputProps,
   HvButtonProps,