@hitachivantara/uikit-react-lab 4.1.1 → 4.1.2

package/dist/Wizard/Wizard.js

@@ -76,9 +76,11 @@ var HvWizard = function HvWizard(_ref) {
     };
   }, [context, summary]);
   _react.default.useEffect(function () {
-    if (!open) {
-      setTab(0);
-    }
+    return function () {
+      if (!open) {
+        setTab(0);
+      }
+    };
   }, [open]);
   var handleClose = _react.default.useCallback(function (evt, reason) {
     if (reason !== "backdropClick") {

package/dist/Wizard/Wizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wizard.js","names":["HvWizard","className","children","onClose","handleSubmit","title","open","skippable","loading","hasSummary","summaryContent","labels","cancel","next","previous","skip","submit","summary","fixedHeight","customStep","others","React","useState","context","setContext","setSummary","tab","setTab","contextValue","useMemo","useEffect","handleClose","useCallback","evt","reason","propTypes","PropTypes","string","bool","isRequired","func","node","shape","type","oneOf","stepSize","width","xs","number","sm","md","lg","xl","withStyles","styles","name"],"sources":["../../src/Wizard/Wizard.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport WizardContext from \"./WizardContext\";\nimport WizardContainer from \"./WizardContainer\";\nimport WizardTitle from \"./WizardTitle\";\nimport WizardContent from \"./WizardContent\";\nimport WizardActions from \"./WizardActions\";\n\nimport styles from \"./styles\";\n\nconst HvWizard = ({\n  className,\n  children,\n  onClose,\n  handleSubmit,\n  title,\n  open,\n  skippable = true,\n  loading = false,\n  hasSummary = false,\n  summaryContent,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n    summary: \"Summary\",\n  },\n  fixedHeight = false,\n  customStep,\n  ...others\n}) => {\n  const [context, setContext] = React.useState({});\n  const [summary, setSummary] = React.useState(null);\n  const [tab, setTab] = React.useState(0);\n\n  const contextValue = React.useMemo(\n    () => ({\n      context,\n      setContext,\n      summary,\n      setSummary,\n    }),\n    [context, summary]\n  );\n\n  React.useEffect(() => {\n    if (!open) {\n      setTab(0);\n    }\n  }, [open]);\n\n  const handleClose = React.useCallback(\n    (evt, reason) => {\n      if (reason !== \"backdropClick\") {\n        onClose(evt, reason);\n      }\n    },\n    [onClose]\n  );\n\n  return (\n    <WizardContext.Provider value={contextValue}>\n      <WizardContainer className={className} handleClose={handleClose} open={open} {...others}>\n        <WizardTitle\n          title={title}\n          hasSummary={hasSummary}\n          labels={labels}\n          tab={tab}\n          changeTab={setTab}\n          customStep={customStep}\n        />\n        <WizardContent\n          loading={loading}\n          fixedHeight={fixedHeight}\n          tab={tab}\n          summaryContent={summaryContent}\n        >\n          {children}\n        </WizardContent>\n        <WizardActions\n          loading={loading}\n          skippable={skippable}\n          labels={labels}\n          tab={tab}\n          changeTab={setTab}\n          handleClose={handleClose}\n          handleSubmit={handleSubmit}\n        />\n      </WizardContainer>\n    </WizardContext.Provider>\n  );\n};\n\nHvWizard.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Current state of the Wizard.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Function executed on submit.\n   */\n  handleSubmit: PropTypes.func.isRequired,\n  /**\n   * Enables the skip button.\n   */\n  skippable: PropTypes.bool,\n  /**\n   * Title for the wizard.\n   */\n  title: PropTypes.string,\n  /**\n   * Shows the summary button.\n   */\n  hasSummary: PropTypes.bool,\n  /**\n   * The content of the summary.\n   */\n  summaryContent: PropTypes.node,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * An object containing all the labels for the wizard.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Cancel button label.\n     */\n    cancel: PropTypes.string,\n    /**\n     * Skip button label.\n     */\n    skip: PropTypes.string,\n    /**\n     * Previous button label.\n     */\n    previous: PropTypes.string,\n    /**\n     * Next button label.\n     */\n    next: PropTypes.string,\n    /**\n     * Submit button label.\n     */\n    submit: PropTypes.string,\n    /**\n     * Summary button label.\n     */\n    summary: PropTypes.string,\n  }),\n  /**\n   * Forces minimum height to the component.\n   */\n  fixedHeight: PropTypes.bool,\n  /**\n   * Whether the loading animation is shown.\n   */\n  loading: PropTypes.bool,\n  /**\n   * Custom object to define type, size and width of the StepNavigation component\n   */\n  customStep: PropTypes.shape({\n    /**\n     * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n     */\n    type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n    /**\n     * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n     */\n    stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n    /**\n     * Width of the component element on each breakpoint screen resolution.\n     */\n    width: PropTypes.shape({\n      xs: PropTypes.number,\n      sm: PropTypes.number,\n      md: PropTypes.number,\n      lg: PropTypes.number,\n      xl: PropTypes.number,\n    }),\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvWizard\" })(HvWizard);\n"],"mappings":"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"}
+{"version":3,"file":"Wizard.js","names":["HvWizard","className","children","onClose","handleSubmit","title","open","skippable","loading","hasSummary","summaryContent","labels","cancel","next","previous","skip","submit","summary","fixedHeight","customStep","others","React","useState","context","setContext","setSummary","tab","setTab","contextValue","useMemo","useEffect","handleClose","useCallback","evt","reason","propTypes","PropTypes","string","bool","isRequired","func","node","shape","type","oneOf","stepSize","width","xs","number","sm","md","lg","xl","withStyles","styles","name"],"sources":["../../src/Wizard/Wizard.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport WizardContext from \"./WizardContext\";\nimport WizardContainer from \"./WizardContainer\";\nimport WizardTitle from \"./WizardTitle\";\nimport WizardContent from \"./WizardContent\";\nimport WizardActions from \"./WizardActions\";\n\nimport styles from \"./styles\";\n\nconst HvWizard = ({\n  className,\n  children,\n  onClose,\n  handleSubmit,\n  title,\n  open,\n  skippable = true,\n  loading = false,\n  hasSummary = false,\n  summaryContent,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n    summary: \"Summary\",\n  },\n  fixedHeight = false,\n  customStep,\n  ...others\n}) => {\n  const [context, setContext] = React.useState({});\n  const [summary, setSummary] = React.useState(null);\n  const [tab, setTab] = React.useState(0);\n\n  const contextValue = React.useMemo(\n    () => ({\n      context,\n      setContext,\n      summary,\n      setSummary,\n    }),\n    [context, summary]\n  );\n\n  React.useEffect(() => {\n    return () => {\n      if (!open) {\n        setTab(0);\n      }\n    };\n  }, [open]);\n\n  const handleClose = React.useCallback(\n    (evt, reason) => {\n      if (reason !== \"backdropClick\") {\n        onClose(evt, reason);\n      }\n    },\n    [onClose]\n  );\n\n  return (\n    <WizardContext.Provider value={contextValue}>\n      <WizardContainer className={className} handleClose={handleClose} open={open} {...others}>\n        <WizardTitle\n          title={title}\n          hasSummary={hasSummary}\n          labels={labels}\n          tab={tab}\n          changeTab={setTab}\n          customStep={customStep}\n        />\n        <WizardContent\n          loading={loading}\n          fixedHeight={fixedHeight}\n          tab={tab}\n          summaryContent={summaryContent}\n        >\n          {children}\n        </WizardContent>\n        <WizardActions\n          loading={loading}\n          skippable={skippable}\n          labels={labels}\n          tab={tab}\n          changeTab={setTab}\n          handleClose={handleClose}\n          handleSubmit={handleSubmit}\n        />\n      </WizardContainer>\n    </WizardContext.Provider>\n  );\n};\n\nHvWizard.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Current state of the Wizard.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Function executed on submit.\n   */\n  handleSubmit: PropTypes.func.isRequired,\n  /**\n   * Enables the skip button.\n   */\n  skippable: PropTypes.bool,\n  /**\n   * Title for the wizard.\n   */\n  title: PropTypes.string,\n  /**\n   * Shows the summary button.\n   */\n  hasSummary: PropTypes.bool,\n  /**\n   * The content of the summary.\n   */\n  summaryContent: PropTypes.node,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * An object containing all the labels for the wizard.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Cancel button label.\n     */\n    cancel: PropTypes.string,\n    /**\n     * Skip button label.\n     */\n    skip: PropTypes.string,\n    /**\n     * Previous button label.\n     */\n    previous: PropTypes.string,\n    /**\n     * Next button label.\n     */\n    next: PropTypes.string,\n    /**\n     * Submit button label.\n     */\n    submit: PropTypes.string,\n    /**\n     * Summary button label.\n     */\n    summary: PropTypes.string,\n  }),\n  /**\n   * Forces minimum height to the component.\n   */\n  fixedHeight: PropTypes.bool,\n  /**\n   * Whether the loading animation is shown.\n   */\n  loading: PropTypes.bool,\n  /**\n   * Custom object to define type, size and width of the StepNavigation component\n   */\n  customStep: PropTypes.shape({\n    /**\n     * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n     */\n    type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n    /**\n     * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n     */\n    stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n    /**\n     * Width of the component element on each breakpoint screen resolution.\n     */\n    width: PropTypes.shape({\n      xs: PropTypes.number,\n      sm: PropTypes.number,\n      md: PropTypes.number,\n      lg: PropTypes.number,\n      xl: PropTypes.number,\n    }),\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvWizard\" })(HvWizard);\n"],"mappings":"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"}

package/dist/Wizard/WizardContent/WizardContent.js

@@ -20,7 +20,7 @@ require("core-js/modules/es.array.map.js");
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/styles");
-var _reactResizeAware = _interopRequireDefault(require("react-resize-aware"));
+var _usehooksTs = require("usehooks-ts");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 var _WizardContext = _interopRequireDefault(require("../WizardContext"));
@@ -59,10 +59,10 @@ var HvWizardContent = function HvWizardContent(_ref) {
     width: 0,
     height: 0
   });
-  var _useResizeAware = (0, _reactResizeAware.default)(),
-    _useResizeAware2 = (0, _slicedToArray2.default)(_useResizeAware, 2),
-    resizeListener = _useResizeAware2[0],
-    sizes = _useResizeAware2[1];
+  var _useElementSize = (0, _usehooksTs.useElementSize)(),
+    _useElementSize2 = (0, _slicedToArray2.default)(_useElementSize, 2),
+    containerRef = _useElementSize2[0],
+    sizes = _useElementSize2[1];
   var _React$useState = _react.default.useState(0),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     summaryHeight = _React$useState2[0],
@@ -114,32 +114,35 @@ var HvWizardContent = function HvWizardContent(_ref) {
   }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps
 
   var translateX = summaryWidth ? summaryWidth + 10 : 450;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvDialogContent, {
-    className: (0, _clsx.default)(classes.contentContainer, fixedHeight && classes.fixedHeight),
-    indentContent: true,
-    children: [resizeListener, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: classes.summarySticky,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: classes.summaryContainer,
-        style: {
-          left: summaryLeft,
-          width: summaryWidth,
-          height: summaryHeight,
-          transform: "translate(".concat(summary ? 0 : translateX, "px, 0)")
-        },
-        children: summaryContent
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingContainer.default, {
-      hidden: !loading,
-      children: _react.default.Children.map(arrayChildren, function (child, index) {
-        if (index === tab) {
-          return /*#__PURE__*/_react.default.cloneElement(child, {
-            tab: tab
-          });
-        }
-        return null;
-      })
-    })]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: containerRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_uikitReactCore.HvDialogContent, {
+      className: (0, _clsx.default)(classes.contentContainer, fixedHeight && classes.fixedHeight),
+      indentContent: true,
+      children: [summary !== null && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.summarySticky,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: classes.summaryContainer,
+          style: {
+            left: summaryLeft,
+            width: summaryWidth,
+            height: summaryHeight,
+            transform: "translate(".concat(summary ? 0 : translateX, "px, 0)")
+          },
+          children: summaryContent
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingContainer.default, {
+        hidden: !loading,
+        children: _react.default.Children.map(arrayChildren, function (child, index) {
+          if (index === tab) {
+            return /*#__PURE__*/_react.default.cloneElement(child, {
+              tab: tab
+            });
+          }
+          return null;
+        })
+      })]
+    })
   });
 };
 process.env.NODE_ENV !== "production" ? HvWizardContent.propTypes = {

package/dist/Wizard/WizardContent/WizardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardContent.js","names":["DRAWER_PERCENTAGE","MODAL_MARGIN","DRAWER_MIN_WIDTH","HvWizardContent","classes","fixedHeight","loading","children","tab","summaryContent","arrayChildren","React","Children","toArray","initialContext","reduce","acc","child","index","invalid","props","mustValidate","valid","form","touched","useContext","HvWizardContext","context","setContext","summary","resizedRef","useRef","width","height","useResizeAware","resizeListener","sizes","useState","summaryHeight","setSummaryHeight","summaryWidth","setSummaryWidth","summaryLeft","setSummaryLeft","updateSummaryMeasures","useCallback","newSizes","modalWidth","drawerWidth","Math","max","useEffect","current","updatedContext","Object","entries","key","childState","translateX","clsx","contentContainer","summarySticky","summaryContainer","left","transform","map","cloneElement","propTypes","PropTypes","number","isRequired","node","shape","string","bool","withStyles","styles","name"],"sources":["../../../src/Wizard/WizardContent/WizardContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport useResizeAware from \"react-resize-aware\";\nimport clsx from \"clsx\";\nimport { HvDialogContent } from \"@hitachivantara/uikit-react-core\";\nimport HvWizardContext from \"../WizardContext\";\nimport LoadingContainer from \"./LoadingContainer\";\n\nimport styles from \"./styles\";\n\nconst DRAWER_PERCENTAGE = 0.3;\nconst MODAL_MARGIN = 20;\nconst DRAWER_MIN_WIDTH = 280;\n\nconst HvWizardContent = ({\n  classes,\n  fixedHeight = false,\n  loading = false,\n  children,\n  tab,\n  summaryContent,\n}) => {\n  const arrayChildren = React.Children.toArray(children);\n  const initialContext = arrayChildren.reduce((acc, child, index) => {\n    const invalid = child.props.mustValidate === true ? false : null;\n    const valid = invalid ?? (index === 0 || null);\n    return {\n      ...acc,\n      [index]: { ...child.props, form: {}, valid, touched: index === 0 },\n    };\n  }, {});\n\n  const { context, setContext, summary } = React.useContext(HvWizardContext);\n\n  const resizedRef = React.useRef({ width: 0, height: 0 });\n  const [resizeListener, sizes] = useResizeAware();\n\n  const [summaryHeight, setSummaryHeight] = React.useState(0);\n  const [summaryWidth, setSummaryWidth] = React.useState(0);\n  const [summaryLeft, setSummaryLeft] = React.useState(0);\n  const updateSummaryMeasures = React.useCallback((newSizes) => {\n    const modalWidth = newSizes.width;\n    const drawerWidth = modalWidth * DRAWER_PERCENTAGE;\n    setSummaryHeight(newSizes.height);\n    setSummaryWidth(Math.max(drawerWidth, DRAWER_MIN_WIDTH));\n    setSummaryLeft(modalWidth - Math.max(drawerWidth, DRAWER_MIN_WIDTH) - MODAL_MARGIN);\n  }, []);\n\n  React.useEffect(() => {\n    if (\n      (summary && sizes.height !== resizedRef.current.height) ||\n      sizes.width !== resizedRef.current.width\n    ) {\n      updateSummaryMeasures(sizes);\n      resizedRef.current = {\n        height: sizes.height,\n        width: sizes.width,\n      };\n    }\n  }, [sizes, summary, updateSummaryMeasures]);\n\n  React.useEffect(() => {\n    setContext(initialContext);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  React.useEffect(() => {\n    if (tab && !context[tab]?.touched) {\n      const updatedContext = Object.entries(context).reduce(\n        (acc, [key, childState]) => ({\n          ...acc,\n          ...(+key <= tab\n            ? { [key]: { ...childState, touched: true, valid: childState.valid ?? true } }\n            : { [key]: childState }),\n        }),\n        {}\n      );\n\n      setContext(updatedContext);\n    }\n    updateSummaryMeasures(sizes);\n  }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const translateX = summaryWidth ? summaryWidth + 10 : 450;\n\n  return (\n    <HvDialogContent\n      className={clsx(classes.contentContainer, {\n        [classes.fixedHeight]: fixedHeight,\n      })}\n      indentContent\n    >\n      {resizeListener}\n      <div className={classes.summarySticky}>\n        <div\n          className={classes.summaryContainer}\n          style={{\n            left: summaryLeft,\n            width: summaryWidth,\n            height: summaryHeight,\n            transform: `translate(${summary ? 0 : translateX}px, 0)`,\n          }}\n        >\n          {summaryContent}\n        </div>\n      </div>\n      <LoadingContainer hidden={!loading}>\n        {React.Children.map(arrayChildren, (child, index) => {\n          if (index === tab) {\n            return React.cloneElement(child, { tab });\n          }\n          return null;\n        })}\n      </LoadingContainer>\n    </HvDialogContent>\n  );\n};\n\nHvWizardContent.propTypes = {\n  /**\n   * Current tab to show.\n   */\n  tab: PropTypes.number.isRequired,\n  /**\n   * Tabs to show on the Wizard.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the Wizard content container.\n     */\n    contentContainer: PropTypes.string,\n    /**\n     * Style applied to the Wizard to fix its height.\n     */\n    fixedHeight: PropTypes.string,\n    /**\n     * Style applied to the Summary container to stick it to the top.\n     */\n    summarySticky: PropTypes.string,\n    /**\n     * Style applied to the Summary container to position it on the right.\n     */\n    summaryContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Forces minimum height to the component.\n   */\n  fixedHeight: PropTypes.bool,\n  /**\n   * Whether the loading animation is shown.\n   */\n  loading: PropTypes.bool,\n  /**\n   * The content of the summary.\n   */\n  summaryContent: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvWizardContent\" })(HvWizardContent);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAA8B;AAAA;AAAA;AAE9B,IAAMA,iBAAiB,GAAG,GAAG;AAC7B,IAAMC,YAAY,GAAG,EAAE;AACvB,IAAMC,gBAAgB,GAAG,GAAG;AAE5B,IAAMC,eAAe,GAAG,SAAlBA,eAAe,OAOf;EAAA,IANJC,OAAO,QAAPA,OAAO;IAAA,wBACPC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAAA,oBACnBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,QAAQ,QAARA,QAAQ;IACRC,GAAG,QAAHA,GAAG;IACHC,cAAc,QAAdA,cAAc;EAEd,IAAMC,aAAa,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACN,QAAQ,CAAC;EACtD,IAAMO,cAAc,GAAGJ,aAAa,CAACK,MAAM,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAEC,KAAK,EAAK;IACjE,IAAMC,OAAO,GAAGF,KAAK,CAACG,KAAK,CAACC,YAAY,KAAK,IAAI,GAAG,KAAK,GAAG,IAAI;IAChE,IAAMC,KAAK,GAAGH,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAKD,KAAK,KAAK,CAAC,IAAI,IAAK;IAC9C,uCACKF,GAAG,yCACLE,KAAK,kCAAQD,KAAK,CAACG,KAAK;MAAEG,IAAI,EAAE,CAAC,CAAC;MAAED,KAAK,EAALA,KAAK;MAAEE,OAAO,EAAEN,KAAK,KAAK;IAAC;EAEpE,CAAC,EAAE,CAAC,CAAC,CAAC;EAEN,wBAAyCP,cAAK,CAACc,UAAU,CAACC,sBAAe,CAAC;IAAlEC,OAAO,qBAAPA,OAAO;IAAEC,UAAU,qBAAVA,UAAU;IAAEC,OAAO,qBAAPA,OAAO;EAEpC,IAAMC,UAAU,GAAGnB,cAAK,CAACoB,MAAM,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EACxD,sBAAgC,IAAAC,yBAAc,GAAE;IAAA;IAAzCC,cAAc;IAAEC,KAAK;EAE5B,sBAA0CzB,cAAK,CAAC0B,QAAQ,CAAC,CAAC,CAAC;IAAA;IAApDC,aAAa;IAAEC,gBAAgB;EACtC,uBAAwC5B,cAAK,CAAC0B,QAAQ,CAAC,CAAC,CAAC;IAAA;IAAlDG,YAAY;IAAEC,eAAe;EACpC,uBAAsC9B,cAAK,CAAC0B,QAAQ,CAAC,CAAC,CAAC;IAAA;IAAhDK,WAAW;IAAEC,cAAc;EAClC,IAAMC,qBAAqB,GAAGjC,cAAK,CAACkC,WAAW,CAAC,UAACC,QAAQ,EAAK;IAC5D,IAAMC,UAAU,GAAGD,QAAQ,CAACd,KAAK;IACjC,IAAMgB,WAAW,GAAGD,UAAU,GAAG/C,iBAAiB;IAClDuC,gBAAgB,CAACO,QAAQ,CAACb,MAAM,CAAC;IACjCQ,eAAe,CAACQ,IAAI,CAACC,GAAG,CAACF,WAAW,EAAE9C,gBAAgB,CAAC,CAAC;IACxDyC,cAAc,CAACI,UAAU,GAAGE,IAAI,CAACC,GAAG,CAACF,WAAW,EAAE9C,gBAAgB,CAAC,GAAGD,YAAY,CAAC;EACrF,CAAC,EAAE,EAAE,CAAC;EAENU,cAAK,CAACwC,SAAS,CAAC,YAAM;IACpB,IACGtB,OAAO,IAAIO,KAAK,CAACH,MAAM,KAAKH,UAAU,CAACsB,OAAO,CAACnB,MAAM,IACtDG,KAAK,CAACJ,KAAK,KAAKF,UAAU,CAACsB,OAAO,CAACpB,KAAK,EACxC;MACAY,qBAAqB,CAACR,KAAK,CAAC;MAC5BN,UAAU,CAACsB,OAAO,GAAG;QACnBnB,MAAM,EAAEG,KAAK,CAACH,MAAM;QACpBD,KAAK,EAAEI,KAAK,CAACJ;MACf,CAAC;IACH;EACF,CAAC,EAAE,CAACI,KAAK,EAAEP,OAAO,EAAEe,qBAAqB,CAAC,CAAC;EAE3CjC,cAAK,CAACwC,SAAS,CAAC,YAAM;IACpBvB,UAAU,CAACd,cAAc,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;;EAERH,cAAK,CAACwC,SAAS,CAAC,YAAM;IAAA;IACpB,IAAI3C,GAAG,IAAI,kBAACmB,OAAO,CAACnB,GAAG,CAAC,yCAAZ,aAAcgB,OAAO,GAAE;MACjC,IAAM6B,cAAc,GAAGC,MAAM,CAACC,OAAO,CAAC5B,OAAO,CAAC,CAACZ,MAAM,CACnD,UAACC,GAAG;QAAA;QAAA;UAAGwC,GAAG;UAAEC,UAAU;QAAA,uCACjBzC,GAAG,GACF,CAACwC,GAAG,IAAIhD,GAAG,qCACRgD,GAAG,kCAAQC,UAAU;UAAEjC,OAAO,EAAE,IAAI;UAAEF,KAAK,uBAAEmC,UAAU,CAACnC,KAAK,iEAAI;QAAI,wCACrEkC,GAAG,EAAGC,UAAU,CAAE;MAAA,CACzB,EACF,CAAC,CAAC,CACH;MAED7B,UAAU,CAACyB,cAAc,CAAC;IAC5B;IACAT,qBAAqB,CAACR,KAAK,CAAC;EAC9B,CAAC,EAAE,CAAC5B,GAAG,CAAC,CAAC,CAAC,CAAC;;EAEX,IAAMkD,UAAU,GAAGlB,YAAY,GAAGA,YAAY,GAAG,EAAE,GAAG,GAAG;EAEzD,oBACE,sBAAC,+BAAe;IACd,SAAS,EAAE,IAAAmB,aAAI,EAACvD,OAAO,CAACwD,gBAAgB,EACfvD,WAAW,IAAjCD,OAAO,CAACC,WAAW,CACnB;IACH,aAAa;IAAA,WAEZ8B,cAAc,eACf;MAAK,SAAS,EAAE/B,OAAO,CAACyD,aAAc;MAAA,uBACpC;QACE,SAAS,EAAEzD,OAAO,CAAC0D,gBAAiB;QACpC,KAAK,EAAE;UACLC,IAAI,EAAErB,WAAW;UACjBV,KAAK,EAAEQ,YAAY;UACnBP,MAAM,EAAEK,aAAa;UACrB0B,SAAS,sBAAenC,OAAO,GAAG,CAAC,GAAG6B,UAAU;QAClD,CAAE;QAAA,UAEDjD;MAAc;IACX,EACF,eACN,qBAAC,yBAAgB;MAAC,MAAM,EAAE,CAACH,OAAQ;MAAA,UAChCK,cAAK,CAACC,QAAQ,CAACqD,GAAG,CAACvD,aAAa,EAAE,UAACO,KAAK,EAAEC,KAAK,EAAK;QACnD,IAAIA,KAAK,KAAKV,GAAG,EAAE;UACjB,oBAAOG,cAAK,CAACuD,YAAY,CAACjD,KAAK,EAAE;YAAET,GAAG,EAAHA;UAAI,CAAC,CAAC;QAC3C;QACA,OAAO,IAAI;MACb,CAAC;IAAC,EACe;EAAA,EACH;AAEtB,CAAC;AAED,wCAAAL,eAAe,CAACgE,SAAS,GAAG;EAC1B;AACF;AACA;EACE3D,GAAG,EAAE4D,kBAAS,CAACC,MAAM,CAACC,UAAU;EAChC;AACF;AACA;EACE/D,QAAQ,EAAE6D,kBAAS,CAACG,IAAI,CAACD,UAAU;EACnC;AACF;AACA;EACElE,OAAO,EAAEgE,kBAAS,CAACI,KAAK,CAAC;IACvB;AACJ;AACA;IACIZ,gBAAgB,EAAEQ,kBAAS,CAACK,MAAM;IAClC;AACJ;AACA;IACIpE,WAAW,EAAE+D,kBAAS,CAACK,MAAM;IAC7B;AACJ;AACA;IACIZ,aAAa,EAAEO,kBAAS,CAACK,MAAM;IAC/B;AACJ;AACA;IACIX,gBAAgB,EAAEM,kBAAS,CAACK;EAC9B,CAAC,CAAC,CAACH,UAAU;EACb;AACF;AACA;EACEjE,WAAW,EAAE+D,kBAAS,CAACM,IAAI;EAC3B;AACF;AACA;EACEpE,OAAO,EAAE8D,kBAAS,CAACM,IAAI;EACvB;AACF;AACA;EACEjE,cAAc,EAAE2D,kBAAS,CAACG;AAC5B,CAAC;AAAC,eAEa,IAAAI,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAkB,CAAC,CAAC,CAAC1E,eAAe,CAAC;AAAA"}
+{"version":3,"file":"WizardContent.js","names":["DRAWER_PERCENTAGE","MODAL_MARGIN","DRAWER_MIN_WIDTH","HvWizardContent","classes","fixedHeight","loading","children","tab","summaryContent","arrayChildren","React","Children","toArray","initialContext","reduce","acc","child","index","invalid","props","mustValidate","valid","form","touched","useContext","HvWizardContext","context","setContext","summary","resizedRef","useRef","width","height","useElementSize","containerRef","sizes","useState","summaryHeight","setSummaryHeight","summaryWidth","setSummaryWidth","summaryLeft","setSummaryLeft","updateSummaryMeasures","useCallback","newSizes","modalWidth","drawerWidth","Math","max","useEffect","current","updatedContext","Object","entries","key","childState","translateX","clsx","contentContainer","summarySticky","summaryContainer","left","transform","map","cloneElement","propTypes","PropTypes","number","isRequired","node","shape","string","bool","withStyles","styles","name"],"sources":["../../../src/Wizard/WizardContent/WizardContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { useElementSize } from \"usehooks-ts\";\nimport clsx from \"clsx\";\nimport { HvDialogContent } from \"@hitachivantara/uikit-react-core\";\nimport HvWizardContext from \"../WizardContext\";\nimport LoadingContainer from \"./LoadingContainer\";\n\nimport styles from \"./styles\";\n\nconst DRAWER_PERCENTAGE = 0.3;\nconst MODAL_MARGIN = 20;\nconst DRAWER_MIN_WIDTH = 280;\n\nconst HvWizardContent = ({\n  classes,\n  fixedHeight = false,\n  loading = false,\n  children,\n  tab,\n  summaryContent,\n}) => {\n  const arrayChildren = React.Children.toArray(children);\n  const initialContext = arrayChildren.reduce((acc, child, index) => {\n    const invalid = child.props.mustValidate === true ? false : null;\n    const valid = invalid ?? (index === 0 || null);\n    return {\n      ...acc,\n      [index]: { ...child.props, form: {}, valid, touched: index === 0 },\n    };\n  }, {});\n\n  const { context, setContext, summary } = React.useContext(HvWizardContext);\n\n  const resizedRef = React.useRef({ width: 0, height: 0 });\n  const [containerRef, sizes] = useElementSize();\n\n  const [summaryHeight, setSummaryHeight] = React.useState(0);\n  const [summaryWidth, setSummaryWidth] = React.useState(0);\n  const [summaryLeft, setSummaryLeft] = React.useState(0);\n  const updateSummaryMeasures = React.useCallback((newSizes) => {\n    const modalWidth = newSizes.width;\n    const drawerWidth = modalWidth * DRAWER_PERCENTAGE;\n    setSummaryHeight(newSizes.height);\n    setSummaryWidth(Math.max(drawerWidth, DRAWER_MIN_WIDTH));\n    setSummaryLeft(modalWidth - Math.max(drawerWidth, DRAWER_MIN_WIDTH) - MODAL_MARGIN);\n  }, []);\n\n  React.useEffect(() => {\n    if (\n      (summary && sizes.height !== resizedRef.current.height) ||\n      sizes.width !== resizedRef.current.width\n    ) {\n      updateSummaryMeasures(sizes);\n      resizedRef.current = {\n        height: sizes.height,\n        width: sizes.width,\n      };\n    }\n  }, [sizes, summary, updateSummaryMeasures]);\n\n  React.useEffect(() => {\n    setContext(initialContext);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  React.useEffect(() => {\n    if (tab && !context[tab]?.touched) {\n      const updatedContext = Object.entries(context).reduce(\n        (acc, [key, childState]) => ({\n          ...acc,\n          ...(+key <= tab\n            ? { [key]: { ...childState, touched: true, valid: childState.valid ?? true } }\n            : { [key]: childState }),\n        }),\n        {}\n      );\n\n      setContext(updatedContext);\n    }\n    updateSummaryMeasures(sizes);\n  }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const translateX = summaryWidth ? summaryWidth + 10 : 450;\n\n  return (\n    <div ref={containerRef}>\n      <HvDialogContent\n        className={clsx(classes.contentContainer, {\n          [classes.fixedHeight]: fixedHeight,\n        })}\n        indentContent\n      >\n        {summary !== null && (\n          <div className={classes.summarySticky}>\n            <div\n              className={classes.summaryContainer}\n              style={{\n                left: summaryLeft,\n                width: summaryWidth,\n                height: summaryHeight,\n                transform: `translate(${summary ? 0 : translateX}px, 0)`,\n              }}\n            >\n              {summaryContent}\n            </div>\n          </div>\n        )}\n        <LoadingContainer hidden={!loading}>\n          {React.Children.map(arrayChildren, (child, index) => {\n            if (index === tab) {\n              return React.cloneElement(child, { tab });\n            }\n            return null;\n          })}\n        </LoadingContainer>\n      </HvDialogContent>\n    </div>\n  );\n};\n\nHvWizardContent.propTypes = {\n  /**\n   * Current tab to show.\n   */\n  tab: PropTypes.number.isRequired,\n  /**\n   * Tabs to show on the Wizard.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the Wizard content container.\n     */\n    contentContainer: PropTypes.string,\n    /**\n     * Style applied to the Wizard to fix its height.\n     */\n    fixedHeight: PropTypes.string,\n    /**\n     * Style applied to the Summary container to stick it to the top.\n     */\n    summarySticky: PropTypes.string,\n    /**\n     * Style applied to the Summary container to position it on the right.\n     */\n    summaryContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Forces minimum height to the component.\n   */\n  fixedHeight: PropTypes.bool,\n  /**\n   * Whether the loading animation is shown.\n   */\n  loading: PropTypes.bool,\n  /**\n   * The content of the summary.\n   */\n  summaryContent: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvWizardContent\" })(HvWizardContent);\n"],"mappings":"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"}

package/dist/Wizard/WizardContent/styles.js

@@ -22,6 +22,7 @@ var styles = function styles(theme) {
     },
     summaryContainer: {
       position: "absolute",
+      top: -20,
       minWidth: 280,
       boxShadow: theme.hv.shadows[1],
       backgroundColor: theme.hv.palette.atmosphere.atmo1,

package/dist/Wizard/WizardContent/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","contentContainer","position","padding","marginLeft","minHeight","overflowX","fixedHeight","summarySticky","top","summaryContainer","minWidth","boxShadow","hv","shadows","backgroundColor","palette","atmosphere","atmo1","transition","transitionTimingFunction","overflowY"],"sources":["../../../src/Wizard/WizardContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  contentContainer: {\n    position: \"relative\",\n    padding: 20,\n    marginLeft: 0,\n    minHeight: 400,\n    overflowX: \"hidden\",\n  },\n  fixedHeight: {\n    minHeight: \"calc(100vh - 387px)\",\n  },\n  summarySticky: {\n    position: \"sticky\",\n    top: 0,\n  },\n  summaryContainer: {\n    position: \"absolute\",\n    minWidth: 280,\n    boxShadow: theme.hv.shadows[1],\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    transition: \"transform 0.3s\",\n    transitionTimingFunction: \"ease-in-out\",\n    overflowY: \"scroll\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UAAU;MACpBC,OAAO,EAAE,EAAE;MACXC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE,GAAG;MACdC,SAAS,EAAE;IACb,CAAC;IACDC,WAAW,EAAE;MACXF,SAAS,EAAE;IACb,CAAC;IACDG,aAAa,EAAE;MACbN,QAAQ,EAAE,QAAQ;MAClBO,GAAG,EAAE;IACP,CAAC;IACDC,gBAAgB,EAAE;MAChBR,QAAQ,EAAE,UAAU;MACpBS,QAAQ,EAAE,GAAG;MACbC,SAAS,EAAEZ,KAAK,CAACa,EAAE,CAACC,OAAO,CAAC,CAAC,CAAC;MAC9BC,eAAe,EAAEf,KAAK,CAACa,EAAE,CAACG,OAAO,CAACC,UAAU,CAACC,KAAK;MAClDC,UAAU,EAAE,gBAAgB;MAC5BC,wBAAwB,EAAE,aAAa;MACvCC,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC;AAAC,eAEYtB,MAAM;AAAA"}
+{"version":3,"file":"styles.js","names":["styles","theme","contentContainer","position","padding","marginLeft","minHeight","overflowX","fixedHeight","summarySticky","top","summaryContainer","minWidth","boxShadow","hv","shadows","backgroundColor","palette","atmosphere","atmo1","transition","transitionTimingFunction","overflowY"],"sources":["../../../src/Wizard/WizardContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  contentContainer: {\n    position: \"relative\",\n    padding: 20,\n    marginLeft: 0,\n    minHeight: 400,\n    overflowX: \"hidden\",\n  },\n  fixedHeight: {\n    minHeight: \"calc(100vh - 387px)\",\n  },\n  summarySticky: {\n    position: \"sticky\",\n    top: 0,\n  },\n  summaryContainer: {\n    position: \"absolute\",\n    top: -20,\n    minWidth: 280,\n    boxShadow: theme.hv.shadows[1],\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    transition: \"transform 0.3s\",\n    transitionTimingFunction: \"ease-in-out\",\n    overflowY: \"scroll\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UAAU;MACpBC,OAAO,EAAE,EAAE;MACXC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE,GAAG;MACdC,SAAS,EAAE;IACb,CAAC;IACDC,WAAW,EAAE;MACXF,SAAS,EAAE;IACb,CAAC;IACDG,aAAa,EAAE;MACbN,QAAQ,EAAE,QAAQ;MAClBO,GAAG,EAAE;IACP,CAAC;IACDC,gBAAgB,EAAE;MAChBR,QAAQ,EAAE,UAAU;MACpBO,GAAG,EAAE,CAAC,EAAE;MACRE,QAAQ,EAAE,GAAG;MACbC,SAAS,EAAEZ,KAAK,CAACa,EAAE,CAACC,OAAO,CAAC,CAAC,CAAC;MAC9BC,eAAe,EAAEf,KAAK,CAACa,EAAE,CAACG,OAAO,CAACC,UAAU,CAACC,KAAK;MAClDC,UAAU,EAAE,gBAAgB;MAC5BC,wBAAwB,EAAE,aAAa;MACvCC,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC;AAAC,eAEYtB,MAAM;AAAA"}

package/dist/legacy/Wizard/Wizard.js

@@ -70,9 +70,11 @@ var HvWizard = function HvWizard(_ref) {
     };
   }, [context, summary]);
   React.useEffect(function () {
-    if (!open) {
-      setTab(0);
-    }
+    return function () {
+      if (!open) {
+        setTab(0);
+      }
+    };
   }, [open]);
   var handleClose = React.useCallback(function (evt, reason) {
     if (reason !== "backdropClick") {

package/dist/legacy/Wizard/Wizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wizard.js","names":["React","PropTypes","withStyles","WizardContext","WizardContainer","WizardTitle","WizardContent","WizardActions","styles","HvWizard","className","children","onClose","handleSubmit","title","open","skippable","loading","hasSummary","summaryContent","labels","cancel","next","previous","skip","submit","summary","fixedHeight","customStep","others","useState","context","setContext","setSummary","tab","setTab","contextValue","useMemo","useEffect","handleClose","useCallback","evt","reason","propTypes","string","bool","isRequired","func","node","shape","type","oneOf","stepSize","width","xs","number","sm","md","lg","xl","name"],"sources":["../../../src/Wizard/Wizard.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport WizardContext from \"./WizardContext\";\nimport WizardContainer from \"./WizardContainer\";\nimport WizardTitle from \"./WizardTitle\";\nimport WizardContent from \"./WizardContent\";\nimport WizardActions from \"./WizardActions\";\n\nimport styles from \"./styles\";\n\nconst HvWizard = ({\n  className,\n  children,\n  onClose,\n  handleSubmit,\n  title,\n  open,\n  skippable = true,\n  loading = false,\n  hasSummary = false,\n  summaryContent,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n    summary: \"Summary\",\n  },\n  fixedHeight = false,\n  customStep,\n  ...others\n}) => {\n  const [context, setContext] = React.useState({});\n  const [summary, setSummary] = React.useState(null);\n  const [tab, setTab] = React.useState(0);\n\n  const contextValue = React.useMemo(\n    () => ({\n      context,\n      setContext,\n      summary,\n      setSummary,\n    }),\n    [context, summary]\n  );\n\n  React.useEffect(() => {\n    if (!open) {\n      setTab(0);\n    }\n  }, [open]);\n\n  const handleClose = React.useCallback(\n    (evt, reason) => {\n      if (reason !== \"backdropClick\") {\n        onClose(evt, reason);\n      }\n    },\n    [onClose]\n  );\n\n  return (\n    <WizardContext.Provider value={contextValue}>\n      <WizardContainer className={className} handleClose={handleClose} open={open} {...others}>\n        <WizardTitle\n          title={title}\n          hasSummary={hasSummary}\n          labels={labels}\n          tab={tab}\n          changeTab={setTab}\n          customStep={customStep}\n        />\n        <WizardContent\n          loading={loading}\n          fixedHeight={fixedHeight}\n          tab={tab}\n          summaryContent={summaryContent}\n        >\n          {children}\n        </WizardContent>\n        <WizardActions\n          loading={loading}\n          skippable={skippable}\n          labels={labels}\n          tab={tab}\n          changeTab={setTab}\n          handleClose={handleClose}\n          handleSubmit={handleSubmit}\n        />\n      </WizardContainer>\n    </WizardContext.Provider>\n  );\n};\n\nHvWizard.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Current state of the Wizard.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Function executed on submit.\n   */\n  handleSubmit: PropTypes.func.isRequired,\n  /**\n   * Enables the skip button.\n   */\n  skippable: PropTypes.bool,\n  /**\n   * Title for the wizard.\n   */\n  title: PropTypes.string,\n  /**\n   * Shows the summary button.\n   */\n  hasSummary: PropTypes.bool,\n  /**\n   * The content of the summary.\n   */\n  summaryContent: PropTypes.node,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * An object containing all the labels for the wizard.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Cancel button label.\n     */\n    cancel: PropTypes.string,\n    /**\n     * Skip button label.\n     */\n    skip: PropTypes.string,\n    /**\n     * Previous button label.\n     */\n    previous: PropTypes.string,\n    /**\n     * Next button label.\n     */\n    next: PropTypes.string,\n    /**\n     * Submit button label.\n     */\n    submit: PropTypes.string,\n    /**\n     * Summary button label.\n     */\n    summary: PropTypes.string,\n  }),\n  /**\n   * Forces minimum height to the component.\n   */\n  fixedHeight: PropTypes.bool,\n  /**\n   * Whether the loading animation is shown.\n   */\n  loading: PropTypes.bool,\n  /**\n   * Custom object to define type, size and width of the StepNavigation component\n   */\n  customStep: PropTypes.shape({\n    /**\n     * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n     */\n    type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n    /**\n     * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n     */\n    stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n    /**\n     * Width of the component element on each breakpoint screen resolution.\n     */\n    width: PropTypes.shape({\n      xs: PropTypes.number,\n      sm: PropTypes.number,\n      md: PropTypes.number,\n      lg: PropTypes.number,\n      xl: PropTypes.number,\n    }),\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvWizard\" })(HvWizard);\n"],"mappings":"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"}
+{"version":3,"file":"Wizard.js","names":["React","PropTypes","withStyles","WizardContext","WizardContainer","WizardTitle","WizardContent","WizardActions","styles","HvWizard","className","children","onClose","handleSubmit","title","open","skippable","loading","hasSummary","summaryContent","labels","cancel","next","previous","skip","submit","summary","fixedHeight","customStep","others","useState","context","setContext","setSummary","tab","setTab","contextValue","useMemo","useEffect","handleClose","useCallback","evt","reason","propTypes","string","bool","isRequired","func","node","shape","type","oneOf","stepSize","width","xs","number","sm","md","lg","xl","name"],"sources":["../../../src/Wizard/Wizard.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport WizardContext from \"./WizardContext\";\nimport WizardContainer from \"./WizardContainer\";\nimport WizardTitle from \"./WizardTitle\";\nimport WizardContent from \"./WizardContent\";\nimport WizardActions from \"./WizardActions\";\n\nimport styles from \"./styles\";\n\nconst HvWizard = ({\n  className,\n  children,\n  onClose,\n  handleSubmit,\n  title,\n  open,\n  skippable = true,\n  loading = false,\n  hasSummary = false,\n  summaryContent,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n    summary: \"Summary\",\n  },\n  fixedHeight = false,\n  customStep,\n  ...others\n}) => {\n  const [context, setContext] = React.useState({});\n  const [summary, setSummary] = React.useState(null);\n  const [tab, setTab] = React.useState(0);\n\n  const contextValue = React.useMemo(\n    () => ({\n      context,\n      setContext,\n      summary,\n      setSummary,\n    }),\n    [context, summary]\n  );\n\n  React.useEffect(() => {\n    return () => {\n      if (!open) {\n        setTab(0);\n      }\n    };\n  }, [open]);\n\n  const handleClose = React.useCallback(\n    (evt, reason) => {\n      if (reason !== \"backdropClick\") {\n        onClose(evt, reason);\n      }\n    },\n    [onClose]\n  );\n\n  return (\n    <WizardContext.Provider value={contextValue}>\n      <WizardContainer className={className} handleClose={handleClose} open={open} {...others}>\n        <WizardTitle\n          title={title}\n          hasSummary={hasSummary}\n          labels={labels}\n          tab={tab}\n          changeTab={setTab}\n          customStep={customStep}\n        />\n        <WizardContent\n          loading={loading}\n          fixedHeight={fixedHeight}\n          tab={tab}\n          summaryContent={summaryContent}\n        >\n          {children}\n        </WizardContent>\n        <WizardActions\n          loading={loading}\n          skippable={skippable}\n          labels={labels}\n          tab={tab}\n          changeTab={setTab}\n          handleClose={handleClose}\n          handleSubmit={handleSubmit}\n        />\n      </WizardContainer>\n    </WizardContext.Provider>\n  );\n};\n\nHvWizard.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Current state of the Wizard.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Function executed on submit.\n   */\n  handleSubmit: PropTypes.func.isRequired,\n  /**\n   * Enables the skip button.\n   */\n  skippable: PropTypes.bool,\n  /**\n   * Title for the wizard.\n   */\n  title: PropTypes.string,\n  /**\n   * Shows the summary button.\n   */\n  hasSummary: PropTypes.bool,\n  /**\n   * The content of the summary.\n   */\n  summaryContent: PropTypes.node,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * An object containing all the labels for the wizard.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Cancel button label.\n     */\n    cancel: PropTypes.string,\n    /**\n     * Skip button label.\n     */\n    skip: PropTypes.string,\n    /**\n     * Previous button label.\n     */\n    previous: PropTypes.string,\n    /**\n     * Next button label.\n     */\n    next: PropTypes.string,\n    /**\n     * Submit button label.\n     */\n    submit: PropTypes.string,\n    /**\n     * Summary button label.\n     */\n    summary: PropTypes.string,\n  }),\n  /**\n   * Forces minimum height to the component.\n   */\n  fixedHeight: PropTypes.bool,\n  /**\n   * Whether the loading animation is shown.\n   */\n  loading: PropTypes.bool,\n  /**\n   * Custom object to define type, size and width of the StepNavigation component\n   */\n  customStep: PropTypes.shape({\n    /**\n     * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n     */\n    type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n    /**\n     * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n     */\n    stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n    /**\n     * Width of the component element on each breakpoint screen resolution.\n     */\n    width: PropTypes.shape({\n      xs: PropTypes.number,\n      sm: PropTypes.number,\n      md: PropTypes.number,\n      lg: PropTypes.number,\n      xl: PropTypes.number,\n    }),\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvWizard\" })(HvWizard);\n"],"mappings":"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"}

package/dist/legacy/Wizard/WizardContent/WizardContent.js

@@ -15,7 +15,7 @@ import "core-js/modules/es.array.map.js";
 import React from "react";
 import PropTypes from "prop-types";
 import { withStyles } from "@mui/styles";
-import useResizeAware from "react-resize-aware";
+import { useElementSize } from "usehooks-ts";
 import clsx from "clsx";
 import { HvDialogContent } from "@hitachivantara/uikit-react-core";
 import HvWizardContext from "../WizardContext";
@@ -53,10 +53,10 @@ var HvWizardContent = function HvWizardContent(_ref) {
     width: 0,
     height: 0
   });
-  var _useResizeAware = useResizeAware(),
-    _useResizeAware2 = _slicedToArray(_useResizeAware, 2),
-    resizeListener = _useResizeAware2[0],
-    sizes = _useResizeAware2[1];
+  var _useElementSize = useElementSize(),
+    _useElementSize2 = _slicedToArray(_useElementSize, 2),
+    containerRef = _useElementSize2[0],
+    sizes = _useElementSize2[1];
   var _React$useState = React.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     summaryHeight = _React$useState2[0],
@@ -108,32 +108,35 @@ var HvWizardContent = function HvWizardContent(_ref) {
   }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps
 
   var translateX = summaryWidth ? summaryWidth + 10 : 450;
-  return /*#__PURE__*/_jsxs(HvDialogContent, {
-    className: clsx(classes.contentContainer, fixedHeight && classes.fixedHeight),
-    indentContent: true,
-    children: [resizeListener, /*#__PURE__*/_jsx("div", {
-      className: classes.summarySticky,
-      children: /*#__PURE__*/_jsx("div", {
-        className: classes.summaryContainer,
-        style: {
-          left: summaryLeft,
-          width: summaryWidth,
-          height: summaryHeight,
-          transform: "translate(".concat(summary ? 0 : translateX, "px, 0)")
-        },
-        children: summaryContent
-      })
-    }), /*#__PURE__*/_jsx(LoadingContainer, {
-      hidden: !loading,
-      children: React.Children.map(arrayChildren, function (child, index) {
-        if (index === tab) {
-          return /*#__PURE__*/React.cloneElement(child, {
-            tab: tab
-          });
-        }
-        return null;
-      })
-    })]
+  return /*#__PURE__*/_jsx("div", {
+    ref: containerRef,
+    children: /*#__PURE__*/_jsxs(HvDialogContent, {
+      className: clsx(classes.contentContainer, fixedHeight && classes.fixedHeight),
+      indentContent: true,
+      children: [summary !== null && /*#__PURE__*/_jsx("div", {
+        className: classes.summarySticky,
+        children: /*#__PURE__*/_jsx("div", {
+          className: classes.summaryContainer,
+          style: {
+            left: summaryLeft,
+            width: summaryWidth,
+            height: summaryHeight,
+            transform: "translate(".concat(summary ? 0 : translateX, "px, 0)")
+          },
+          children: summaryContent
+        })
+      }), /*#__PURE__*/_jsx(LoadingContainer, {
+        hidden: !loading,
+        children: React.Children.map(arrayChildren, function (child, index) {
+          if (index === tab) {
+            return /*#__PURE__*/React.cloneElement(child, {
+              tab: tab
+            });
+          }
+          return null;
+        })
+      })]
+    })
   });
 };
 process.env.NODE_ENV !== "production" ? HvWizardContent.propTypes = {

package/dist/legacy/Wizard/WizardContent/WizardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardContent.js","names":["React","PropTypes","withStyles","useResizeAware","clsx","HvDialogContent","HvWizardContext","LoadingContainer","styles","DRAWER_PERCENTAGE","MODAL_MARGIN","DRAWER_MIN_WIDTH","HvWizardContent","classes","fixedHeight","loading","children","tab","summaryContent","arrayChildren","Children","toArray","initialContext","reduce","acc","child","index","invalid","props","mustValidate","valid","form","touched","useContext","context","setContext","summary","resizedRef","useRef","width","height","resizeListener","sizes","useState","summaryHeight","setSummaryHeight","summaryWidth","setSummaryWidth","summaryLeft","setSummaryLeft","updateSummaryMeasures","useCallback","newSizes","modalWidth","drawerWidth","Math","max","useEffect","current","updatedContext","Object","entries","key","childState","translateX","contentContainer","summarySticky","summaryContainer","left","transform","map","cloneElement","propTypes","number","isRequired","node","shape","string","bool","name"],"sources":["../../../../src/Wizard/WizardContent/WizardContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport useResizeAware from \"react-resize-aware\";\nimport clsx from \"clsx\";\nimport { HvDialogContent } from \"@hitachivantara/uikit-react-core\";\nimport HvWizardContext from \"../WizardContext\";\nimport LoadingContainer from \"./LoadingContainer\";\n\nimport styles from \"./styles\";\n\nconst DRAWER_PERCENTAGE = 0.3;\nconst MODAL_MARGIN = 20;\nconst DRAWER_MIN_WIDTH = 280;\n\nconst HvWizardContent = ({\n  classes,\n  fixedHeight = false,\n  loading = false,\n  children,\n  tab,\n  summaryContent,\n}) => {\n  const arrayChildren = React.Children.toArray(children);\n  const initialContext = arrayChildren.reduce((acc, child, index) => {\n    const invalid = child.props.mustValidate === true ? false : null;\n    const valid = invalid ?? (index === 0 || null);\n    return {\n      ...acc,\n      [index]: { ...child.props, form: {}, valid, touched: index === 0 },\n    };\n  }, {});\n\n  const { context, setContext, summary } = React.useContext(HvWizardContext);\n\n  const resizedRef = React.useRef({ width: 0, height: 0 });\n  const [resizeListener, sizes] = useResizeAware();\n\n  const [summaryHeight, setSummaryHeight] = React.useState(0);\n  const [summaryWidth, setSummaryWidth] = React.useState(0);\n  const [summaryLeft, setSummaryLeft] = React.useState(0);\n  const updateSummaryMeasures = React.useCallback((newSizes) => {\n    const modalWidth = newSizes.width;\n    const drawerWidth = modalWidth * DRAWER_PERCENTAGE;\n    setSummaryHeight(newSizes.height);\n    setSummaryWidth(Math.max(drawerWidth, DRAWER_MIN_WIDTH));\n    setSummaryLeft(modalWidth - Math.max(drawerWidth, DRAWER_MIN_WIDTH) - MODAL_MARGIN);\n  }, []);\n\n  React.useEffect(() => {\n    if (\n      (summary && sizes.height !== resizedRef.current.height) ||\n      sizes.width !== resizedRef.current.width\n    ) {\n      updateSummaryMeasures(sizes);\n      resizedRef.current = {\n        height: sizes.height,\n        width: sizes.width,\n      };\n    }\n  }, [sizes, summary, updateSummaryMeasures]);\n\n  React.useEffect(() => {\n    setContext(initialContext);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  React.useEffect(() => {\n    if (tab && !context[tab]?.touched) {\n      const updatedContext = Object.entries(context).reduce(\n        (acc, [key, childState]) => ({\n          ...acc,\n          ...(+key <= tab\n            ? { [key]: { ...childState, touched: true, valid: childState.valid ?? true } }\n            : { [key]: childState }),\n        }),\n        {}\n      );\n\n      setContext(updatedContext);\n    }\n    updateSummaryMeasures(sizes);\n  }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const translateX = summaryWidth ? summaryWidth + 10 : 450;\n\n  return (\n    <HvDialogContent\n      className={clsx(classes.contentContainer, {\n        [classes.fixedHeight]: fixedHeight,\n      })}\n      indentContent\n    >\n      {resizeListener}\n      <div className={classes.summarySticky}>\n        <div\n          className={classes.summaryContainer}\n          style={{\n            left: summaryLeft,\n            width: summaryWidth,\n            height: summaryHeight,\n            transform: `translate(${summary ? 0 : translateX}px, 0)`,\n          }}\n        >\n          {summaryContent}\n        </div>\n      </div>\n      <LoadingContainer hidden={!loading}>\n        {React.Children.map(arrayChildren, (child, index) => {\n          if (index === tab) {\n            return React.cloneElement(child, { tab });\n          }\n          return null;\n        })}\n      </LoadingContainer>\n    </HvDialogContent>\n  );\n};\n\nHvWizardContent.propTypes = {\n  /**\n   * Current tab to show.\n   */\n  tab: PropTypes.number.isRequired,\n  /**\n   * Tabs to show on the Wizard.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the Wizard content container.\n     */\n    contentContainer: PropTypes.string,\n    /**\n     * Style applied to the Wizard to fix its height.\n     */\n    fixedHeight: PropTypes.string,\n    /**\n     * Style applied to the Summary container to stick it to the top.\n     */\n    summarySticky: PropTypes.string,\n    /**\n     * Style applied to the Summary container to position it on the right.\n     */\n    summaryContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Forces minimum height to the component.\n   */\n  fixedHeight: PropTypes.bool,\n  /**\n   * Whether the loading animation is shown.\n   */\n  loading: PropTypes.bool,\n  /**\n   * The content of the summary.\n   */\n  summaryContent: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvWizardContent\" })(HvWizardContent);\n"],"mappings":"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"}
+{"version":3,"file":"WizardContent.js","names":["React","PropTypes","withStyles","useElementSize","clsx","HvDialogContent","HvWizardContext","LoadingContainer","styles","DRAWER_PERCENTAGE","MODAL_MARGIN","DRAWER_MIN_WIDTH","HvWizardContent","classes","fixedHeight","loading","children","tab","summaryContent","arrayChildren","Children","toArray","initialContext","reduce","acc","child","index","invalid","props","mustValidate","valid","form","touched","useContext","context","setContext","summary","resizedRef","useRef","width","height","containerRef","sizes","useState","summaryHeight","setSummaryHeight","summaryWidth","setSummaryWidth","summaryLeft","setSummaryLeft","updateSummaryMeasures","useCallback","newSizes","modalWidth","drawerWidth","Math","max","useEffect","current","updatedContext","Object","entries","key","childState","translateX","contentContainer","summarySticky","summaryContainer","left","transform","map","cloneElement","propTypes","number","isRequired","node","shape","string","bool","name"],"sources":["../../../../src/Wizard/WizardContent/WizardContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { useElementSize } from \"usehooks-ts\";\nimport clsx from \"clsx\";\nimport { HvDialogContent } from \"@hitachivantara/uikit-react-core\";\nimport HvWizardContext from \"../WizardContext\";\nimport LoadingContainer from \"./LoadingContainer\";\n\nimport styles from \"./styles\";\n\nconst DRAWER_PERCENTAGE = 0.3;\nconst MODAL_MARGIN = 20;\nconst DRAWER_MIN_WIDTH = 280;\n\nconst HvWizardContent = ({\n  classes,\n  fixedHeight = false,\n  loading = false,\n  children,\n  tab,\n  summaryContent,\n}) => {\n  const arrayChildren = React.Children.toArray(children);\n  const initialContext = arrayChildren.reduce((acc, child, index) => {\n    const invalid = child.props.mustValidate === true ? false : null;\n    const valid = invalid ?? (index === 0 || null);\n    return {\n      ...acc,\n      [index]: { ...child.props, form: {}, valid, touched: index === 0 },\n    };\n  }, {});\n\n  const { context, setContext, summary } = React.useContext(HvWizardContext);\n\n  const resizedRef = React.useRef({ width: 0, height: 0 });\n  const [containerRef, sizes] = useElementSize();\n\n  const [summaryHeight, setSummaryHeight] = React.useState(0);\n  const [summaryWidth, setSummaryWidth] = React.useState(0);\n  const [summaryLeft, setSummaryLeft] = React.useState(0);\n  const updateSummaryMeasures = React.useCallback((newSizes) => {\n    const modalWidth = newSizes.width;\n    const drawerWidth = modalWidth * DRAWER_PERCENTAGE;\n    setSummaryHeight(newSizes.height);\n    setSummaryWidth(Math.max(drawerWidth, DRAWER_MIN_WIDTH));\n    setSummaryLeft(modalWidth - Math.max(drawerWidth, DRAWER_MIN_WIDTH) - MODAL_MARGIN);\n  }, []);\n\n  React.useEffect(() => {\n    if (\n      (summary && sizes.height !== resizedRef.current.height) ||\n      sizes.width !== resizedRef.current.width\n    ) {\n      updateSummaryMeasures(sizes);\n      resizedRef.current = {\n        height: sizes.height,\n        width: sizes.width,\n      };\n    }\n  }, [sizes, summary, updateSummaryMeasures]);\n\n  React.useEffect(() => {\n    setContext(initialContext);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  React.useEffect(() => {\n    if (tab && !context[tab]?.touched) {\n      const updatedContext = Object.entries(context).reduce(\n        (acc, [key, childState]) => ({\n          ...acc,\n          ...(+key <= tab\n            ? { [key]: { ...childState, touched: true, valid: childState.valid ?? true } }\n            : { [key]: childState }),\n        }),\n        {}\n      );\n\n      setContext(updatedContext);\n    }\n    updateSummaryMeasures(sizes);\n  }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const translateX = summaryWidth ? summaryWidth + 10 : 450;\n\n  return (\n    <div ref={containerRef}>\n      <HvDialogContent\n        className={clsx(classes.contentContainer, {\n          [classes.fixedHeight]: fixedHeight,\n        })}\n        indentContent\n      >\n        {summary !== null && (\n          <div className={classes.summarySticky}>\n            <div\n              className={classes.summaryContainer}\n              style={{\n                left: summaryLeft,\n                width: summaryWidth,\n                height: summaryHeight,\n                transform: `translate(${summary ? 0 : translateX}px, 0)`,\n              }}\n            >\n              {summaryContent}\n            </div>\n          </div>\n        )}\n        <LoadingContainer hidden={!loading}>\n          {React.Children.map(arrayChildren, (child, index) => {\n            if (index === tab) {\n              return React.cloneElement(child, { tab });\n            }\n            return null;\n          })}\n        </LoadingContainer>\n      </HvDialogContent>\n    </div>\n  );\n};\n\nHvWizardContent.propTypes = {\n  /**\n   * Current tab to show.\n   */\n  tab: PropTypes.number.isRequired,\n  /**\n   * Tabs to show on the Wizard.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the Wizard content container.\n     */\n    contentContainer: PropTypes.string,\n    /**\n     * Style applied to the Wizard to fix its height.\n     */\n    fixedHeight: PropTypes.string,\n    /**\n     * Style applied to the Summary container to stick it to the top.\n     */\n    summarySticky: PropTypes.string,\n    /**\n     * Style applied to the Summary container to position it on the right.\n     */\n    summaryContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Forces minimum height to the component.\n   */\n  fixedHeight: PropTypes.bool,\n  /**\n   * Whether the loading animation is shown.\n   */\n  loading: PropTypes.bool,\n  /**\n   * The content of the summary.\n   */\n  summaryContent: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvWizardContent\" })(HvWizardContent);\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,cAAc,QAAQ,aAAa;AAC5C,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,eAAe,QAAQ,kCAAkC;AAClE,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,IAAMC,iBAAiB,GAAG,GAAG;AAC7B,IAAMC,YAAY,GAAG,EAAE;AACvB,IAAMC,gBAAgB,GAAG,GAAG;AAE5B,IAAMC,eAAe,GAAG,SAAlBA,eAAe,OAOf;EAAA,IANJC,OAAO,QAAPA,OAAO;IAAA,wBACPC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAAA,oBACnBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,QAAQ,QAARA,QAAQ;IACRC,GAAG,QAAHA,GAAG;IACHC,cAAc,QAAdA,cAAc;EAEd,IAAMC,aAAa,GAAGnB,KAAK,CAACoB,QAAQ,CAACC,OAAO,CAACL,QAAQ,CAAC;EACtD,IAAMM,cAAc,GAAGH,aAAa,CAACI,MAAM,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAEC,KAAK,EAAK;IACjE,IAAMC,OAAO,GAAGF,KAAK,CAACG,KAAK,CAACC,YAAY,KAAK,IAAI,GAAG,KAAK,GAAG,IAAI;IAChE,IAAMC,KAAK,GAAGH,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAKD,KAAK,KAAK,CAAC,IAAI,IAAK;IAC9C,uCACKF,GAAG,2BACLE,KAAK,kCAAQD,KAAK,CAACG,KAAK;MAAEG,IAAI,EAAE,CAAC,CAAC;MAAED,KAAK,EAALA,KAAK;MAAEE,OAAO,EAAEN,KAAK,KAAK;IAAC;EAEpE,CAAC,EAAE,CAAC,CAAC,CAAC;EAEN,wBAAyC1B,KAAK,CAACiC,UAAU,CAAC3B,eAAe,CAAC;IAAlE4B,OAAO,qBAAPA,OAAO;IAAEC,UAAU,qBAAVA,UAAU;IAAEC,OAAO,qBAAPA,OAAO;EAEpC,IAAMC,UAAU,GAAGrC,KAAK,CAACsC,MAAM,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EACxD,sBAA8BrC,cAAc,EAAE;IAAA;IAAvCsC,YAAY;IAAEC,KAAK;EAE1B,sBAA0C1C,KAAK,CAAC2C,QAAQ,CAAC,CAAC,CAAC;IAAA;IAApDC,aAAa;IAAEC,gBAAgB;EACtC,uBAAwC7C,KAAK,CAAC2C,QAAQ,CAAC,CAAC,CAAC;IAAA;IAAlDG,YAAY;IAAEC,eAAe;EACpC,uBAAsC/C,KAAK,CAAC2C,QAAQ,CAAC,CAAC,CAAC;IAAA;IAAhDK,WAAW;IAAEC,cAAc;EAClC,IAAMC,qBAAqB,GAAGlD,KAAK,CAACmD,WAAW,CAAC,UAACC,QAAQ,EAAK;IAC5D,IAAMC,UAAU,GAAGD,QAAQ,CAACb,KAAK;IACjC,IAAMe,WAAW,GAAGD,UAAU,GAAG5C,iBAAiB;IAClDoC,gBAAgB,CAACO,QAAQ,CAACZ,MAAM,CAAC;IACjCO,eAAe,CAACQ,IAAI,CAACC,GAAG,CAACF,WAAW,EAAE3C,gBAAgB,CAAC,CAAC;IACxDsC,cAAc,CAACI,UAAU,GAAGE,IAAI,CAACC,GAAG,CAACF,WAAW,EAAE3C,gBAAgB,CAAC,GAAGD,YAAY,CAAC;EACrF,CAAC,EAAE,EAAE,CAAC;EAENV,KAAK,CAACyD,SAAS,CAAC,YAAM;IACpB,IACGrB,OAAO,IAAIM,KAAK,CAACF,MAAM,KAAKH,UAAU,CAACqB,OAAO,CAAClB,MAAM,IACtDE,KAAK,CAACH,KAAK,KAAKF,UAAU,CAACqB,OAAO,CAACnB,KAAK,EACxC;MACAW,qBAAqB,CAACR,KAAK,CAAC;MAC5BL,UAAU,CAACqB,OAAO,GAAG;QACnBlB,MAAM,EAAEE,KAAK,CAACF,MAAM;QACpBD,KAAK,EAAEG,KAAK,CAACH;MACf,CAAC;IACH;EACF,CAAC,EAAE,CAACG,KAAK,EAAEN,OAAO,EAAEc,qBAAqB,CAAC,CAAC;EAE3ClD,KAAK,CAACyD,SAAS,CAAC,YAAM;IACpBtB,UAAU,CAACb,cAAc,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;;EAERtB,KAAK,CAACyD,SAAS,CAAC,YAAM;IAAA;IACpB,IAAIxC,GAAG,IAAI,kBAACiB,OAAO,CAACjB,GAAG,CAAC,yCAAZ,aAAce,OAAO,GAAE;MACjC,IAAM2B,cAAc,GAAGC,MAAM,CAACC,OAAO,CAAC3B,OAAO,CAAC,CAACX,MAAM,CACnD,UAACC,GAAG;QAAA;QAAA;UAAGsC,GAAG;UAAEC,UAAU;QAAA,uCACjBvC,GAAG,GACF,CAACsC,GAAG,IAAI7C,GAAG,uBACR6C,GAAG,kCAAQC,UAAU;UAAE/B,OAAO,EAAE,IAAI;UAAEF,KAAK,uBAAEiC,UAAU,CAACjC,KAAK,iEAAI;QAAI,0BACrEgC,GAAG,EAAGC,UAAU,CAAE;MAAA,CACzB,EACF,CAAC,CAAC,CACH;MAED5B,UAAU,CAACwB,cAAc,CAAC;IAC5B;IACAT,qBAAqB,CAACR,KAAK,CAAC;EAC9B,CAAC,EAAE,CAACzB,GAAG,CAAC,CAAC,CAAC,CAAC;;EAEX,IAAM+C,UAAU,GAAGlB,YAAY,GAAGA,YAAY,GAAG,EAAE,GAAG,GAAG;EAEzD,oBACE;IAAK,GAAG,EAAEL,YAAa;IAAA,uBACrB,MAAC,eAAe;MACd,SAAS,EAAErC,IAAI,CAACS,OAAO,CAACoD,gBAAgB,EACfnD,WAAW,IAAjCD,OAAO,CAACC,WAAW,CACnB;MACH,aAAa;MAAA,WAEZsB,OAAO,KAAK,IAAI,iBACf;QAAK,SAAS,EAAEvB,OAAO,CAACqD,aAAc;QAAA,uBACpC;UACE,SAAS,EAAErD,OAAO,CAACsD,gBAAiB;UACpC,KAAK,EAAE;YACLC,IAAI,EAAEpB,WAAW;YACjBT,KAAK,EAAEO,YAAY;YACnBN,MAAM,EAAEI,aAAa;YACrByB,SAAS,sBAAejC,OAAO,GAAG,CAAC,GAAG4B,UAAU;UAClD,CAAE;UAAA,UAED9C;QAAc;MACX,EAET,eACD,KAAC,gBAAgB;QAAC,MAAM,EAAE,CAACH,OAAQ;QAAA,UAChCf,KAAK,CAACoB,QAAQ,CAACkD,GAAG,CAACnD,aAAa,EAAE,UAACM,KAAK,EAAEC,KAAK,EAAK;UACnD,IAAIA,KAAK,KAAKT,GAAG,EAAE;YACjB,oBAAOjB,KAAK,CAACuE,YAAY,CAAC9C,KAAK,EAAE;cAAER,GAAG,EAAHA;YAAI,CAAC,CAAC;UAC3C;UACA,OAAO,IAAI;QACb,CAAC;MAAC,EACe;IAAA;EACH,EACd;AAEV,CAAC;AAED,wCAAAL,eAAe,CAAC4D,SAAS,GAAG;EAC1B;AACF;AACA;EACEvD,GAAG,EAAEhB,SAAS,CAACwE,MAAM,CAACC,UAAU;EAChC;AACF;AACA;EACE1D,QAAQ,EAAEf,SAAS,CAAC0E,IAAI,CAACD,UAAU;EACnC;AACF;AACA;EACE7D,OAAO,EAAEZ,SAAS,CAAC2E,KAAK,CAAC;IACvB;AACJ;AACA;IACIX,gBAAgB,EAAEhE,SAAS,CAAC4E,MAAM;IAClC;AACJ;AACA;IACI/D,WAAW,EAAEb,SAAS,CAAC4E,MAAM;IAC7B;AACJ;AACA;IACIX,aAAa,EAAEjE,SAAS,CAAC4E,MAAM;IAC/B;AACJ;AACA;IACIV,gBAAgB,EAAElE,SAAS,CAAC4E;EAC9B,CAAC,CAAC,CAACH,UAAU;EACb;AACF;AACA;EACE5D,WAAW,EAAEb,SAAS,CAAC6E,IAAI;EAC3B;AACF;AACA;EACE/D,OAAO,EAAEd,SAAS,CAAC6E,IAAI;EACvB;AACF;AACA;EACE5D,cAAc,EAAEjB,SAAS,CAAC0E;AAC5B,CAAC;AAED,eAAezE,UAAU,CAACM,MAAM,EAAE;EAAEuE,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACnE,eAAe,CAAC"}

package/dist/legacy/Wizard/WizardContent/styles.js

@@ -16,6 +16,7 @@ var styles = function styles(theme) {
     },
     summaryContainer: {
       position: "absolute",
+      top: -20,
       minWidth: 280,
       boxShadow: theme.hv.shadows[1],
       backgroundColor: theme.hv.palette.atmosphere.atmo1,

package/dist/legacy/Wizard/WizardContent/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","contentContainer","position","padding","marginLeft","minHeight","overflowX","fixedHeight","summarySticky","top","summaryContainer","minWidth","boxShadow","hv","shadows","backgroundColor","palette","atmosphere","atmo1","transition","transitionTimingFunction","overflowY"],"sources":["../../../../src/Wizard/WizardContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  contentContainer: {\n    position: \"relative\",\n    padding: 20,\n    marginLeft: 0,\n    minHeight: 400,\n    overflowX: \"hidden\",\n  },\n  fixedHeight: {\n    minHeight: \"calc(100vh - 387px)\",\n  },\n  summarySticky: {\n    position: \"sticky\",\n    top: 0,\n  },\n  summaryContainer: {\n    position: \"absolute\",\n    minWidth: 280,\n    boxShadow: theme.hv.shadows[1],\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    transition: \"transform 0.3s\",\n    transitionTimingFunction: \"ease-in-out\",\n    overflowY: \"scroll\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UAAU;MACpBC,OAAO,EAAE,EAAE;MACXC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE,GAAG;MACdC,SAAS,EAAE;IACb,CAAC;IACDC,WAAW,EAAE;MACXF,SAAS,EAAE;IACb,CAAC;IACDG,aAAa,EAAE;MACbN,QAAQ,EAAE,QAAQ;MAClBO,GAAG,EAAE;IACP,CAAC;IACDC,gBAAgB,EAAE;MAChBR,QAAQ,EAAE,UAAU;MACpBS,QAAQ,EAAE,GAAG;MACbC,SAAS,EAAEZ,KAAK,CAACa,EAAE,CAACC,OAAO,CAAC,CAAC,CAAC;MAC9BC,eAAe,EAAEf,KAAK,CAACa,EAAE,CAACG,OAAO,CAACC,UAAU,CAACC,KAAK;MAClDC,UAAU,EAAE,gBAAgB;MAC5BC,wBAAwB,EAAE,aAAa;MACvCC,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC;AAEF,eAAetB,MAAM"}
+{"version":3,"file":"styles.js","names":["styles","theme","contentContainer","position","padding","marginLeft","minHeight","overflowX","fixedHeight","summarySticky","top","summaryContainer","minWidth","boxShadow","hv","shadows","backgroundColor","palette","atmosphere","atmo1","transition","transitionTimingFunction","overflowY"],"sources":["../../../../src/Wizard/WizardContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  contentContainer: {\n    position: \"relative\",\n    padding: 20,\n    marginLeft: 0,\n    minHeight: 400,\n    overflowX: \"hidden\",\n  },\n  fixedHeight: {\n    minHeight: \"calc(100vh - 387px)\",\n  },\n  summarySticky: {\n    position: \"sticky\",\n    top: 0,\n  },\n  summaryContainer: {\n    position: \"absolute\",\n    top: -20,\n    minWidth: 280,\n    boxShadow: theme.hv.shadows[1],\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    transition: \"transform 0.3s\",\n    transitionTimingFunction: \"ease-in-out\",\n    overflowY: \"scroll\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UAAU;MACpBC,OAAO,EAAE,EAAE;MACXC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE,GAAG;MACdC,SAAS,EAAE;IACb,CAAC;IACDC,WAAW,EAAE;MACXF,SAAS,EAAE;IACb,CAAC;IACDG,aAAa,EAAE;MACbN,QAAQ,EAAE,QAAQ;MAClBO,GAAG,EAAE;IACP,CAAC;IACDC,gBAAgB,EAAE;MAChBR,QAAQ,EAAE,UAAU;MACpBO,GAAG,EAAE,CAAC,EAAE;MACRE,QAAQ,EAAE,GAAG;MACbC,SAAS,EAAEZ,KAAK,CAACa,EAAE,CAACC,OAAO,CAAC,CAAC,CAAC;MAC9BC,eAAe,EAAEf,KAAK,CAACa,EAAE,CAACG,OAAO,CAACC,UAAU,CAACC,KAAK;MAClDC,UAAU,EAAE,gBAAgB;MAC5BC,wBAAwB,EAAE,aAAa;MACvCC,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC;AAEF,eAAetB,MAAM"}

package/dist/modern/Wizard/Wizard.js

@@ -48,9 +48,11 @@ const HvWizard = _ref => {
     setSummary
   }), [context, summary]);
   React.useEffect(() => {
-    if (!open) {
-      setTab(0);
-    }
+    return () => {
+      if (!open) {
+        setTab(0);
+      }
+    };
   }, [open]);
   const handleClose = React.useCallback((evt, reason) => {
     if (reason !== "backdropClick") {

package/dist/modern/Wizard/Wizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wizard.js","names":["React","PropTypes","withStyles","WizardContext","WizardContainer","WizardTitle","WizardContent","WizardActions","styles","HvWizard","className","children","onClose","handleSubmit","title","open","skippable","loading","hasSummary","summaryContent","labels","cancel","next","previous","skip","submit","summary","fixedHeight","customStep","others","context","setContext","useState","setSummary","tab","setTab","contextValue","useMemo","useEffect","handleClose","useCallback","evt","reason","propTypes","string","bool","isRequired","func","node","shape","type","oneOf","stepSize","width","xs","number","sm","md","lg","xl","name"],"sources":["../../../src/Wizard/Wizard.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport WizardContext from \"./WizardContext\";\nimport WizardContainer from \"./WizardContainer\";\nimport WizardTitle from \"./WizardTitle\";\nimport WizardContent from \"./WizardContent\";\nimport WizardActions from \"./WizardActions\";\n\nimport styles from \"./styles\";\n\nconst HvWizard = ({\n  className,\n  children,\n  onClose,\n  handleSubmit,\n  title,\n  open,\n  skippable = true,\n  loading = false,\n  hasSummary = false,\n  summaryContent,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n    summary: \"Summary\",\n  },\n  fixedHeight = false,\n  customStep,\n  ...others\n}) => {\n  const [context, setContext] = React.useState({});\n  const [summary, setSummary] = React.useState(null);\n  const [tab, setTab] = React.useState(0);\n\n  const contextValue = React.useMemo(\n    () => ({\n      context,\n      setContext,\n      summary,\n      setSummary,\n    }),\n    [context, summary]\n  );\n\n  React.useEffect(() => {\n    if (!open) {\n      setTab(0);\n    }\n  }, [open]);\n\n  const handleClose = React.useCallback(\n    (evt, reason) => {\n      if (reason !== \"backdropClick\") {\n        onClose(evt, reason);\n      }\n    },\n    [onClose]\n  );\n\n  return (\n    <WizardContext.Provider value={contextValue}>\n      <WizardContainer className={className} handleClose={handleClose} open={open} {...others}>\n        <WizardTitle\n          title={title}\n          hasSummary={hasSummary}\n          labels={labels}\n          tab={tab}\n          changeTab={setTab}\n          customStep={customStep}\n        />\n        <WizardContent\n          loading={loading}\n          fixedHeight={fixedHeight}\n          tab={tab}\n          summaryContent={summaryContent}\n        >\n          {children}\n        </WizardContent>\n        <WizardActions\n          loading={loading}\n          skippable={skippable}\n          labels={labels}\n          tab={tab}\n          changeTab={setTab}\n          handleClose={handleClose}\n          handleSubmit={handleSubmit}\n        />\n      </WizardContainer>\n    </WizardContext.Provider>\n  );\n};\n\nHvWizard.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Current state of the Wizard.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Function executed on submit.\n   */\n  handleSubmit: PropTypes.func.isRequired,\n  /**\n   * Enables the skip button.\n   */\n  skippable: PropTypes.bool,\n  /**\n   * Title for the wizard.\n   */\n  title: PropTypes.string,\n  /**\n   * Shows the summary button.\n   */\n  hasSummary: PropTypes.bool,\n  /**\n   * The content of the summary.\n   */\n  summaryContent: PropTypes.node,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * An object containing all the labels for the wizard.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Cancel button label.\n     */\n    cancel: PropTypes.string,\n    /**\n     * Skip button label.\n     */\n    skip: PropTypes.string,\n    /**\n     * Previous button label.\n     */\n    previous: PropTypes.string,\n    /**\n     * Next button label.\n     */\n    next: PropTypes.string,\n    /**\n     * Submit button label.\n     */\n    submit: PropTypes.string,\n    /**\n     * Summary button label.\n     */\n    summary: PropTypes.string,\n  }),\n  /**\n   * Forces minimum height to the component.\n   */\n  fixedHeight: PropTypes.bool,\n  /**\n   * Whether the loading animation is shown.\n   */\n  loading: PropTypes.bool,\n  /**\n   * Custom object to define type, size and width of the StepNavigation component\n   */\n  customStep: PropTypes.shape({\n    /**\n     * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n     */\n    type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n    /**\n     * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n     */\n    stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n    /**\n     * Width of the component element on each breakpoint screen resolution.\n     */\n    width: PropTypes.shape({\n      xs: PropTypes.number,\n      sm: PropTypes.number,\n      md: PropTypes.number,\n      lg: PropTypes.number,\n      xl: PropTypes.number,\n    }),\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvWizard\" })(HvWizard);\n"],"mappings":"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"}
+{"version":3,"file":"Wizard.js","names":["React","PropTypes","withStyles","WizardContext","WizardContainer","WizardTitle","WizardContent","WizardActions","styles","HvWizard","className","children","onClose","handleSubmit","title","open","skippable","loading","hasSummary","summaryContent","labels","cancel","next","previous","skip","submit","summary","fixedHeight","customStep","others","context","setContext","useState","setSummary","tab","setTab","contextValue","useMemo","useEffect","handleClose","useCallback","evt","reason","propTypes","string","bool","isRequired","func","node","shape","type","oneOf","stepSize","width","xs","number","sm","md","lg","xl","name"],"sources":["../../../src/Wizard/Wizard.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport WizardContext from \"./WizardContext\";\nimport WizardContainer from \"./WizardContainer\";\nimport WizardTitle from \"./WizardTitle\";\nimport WizardContent from \"./WizardContent\";\nimport WizardActions from \"./WizardActions\";\n\nimport styles from \"./styles\";\n\nconst HvWizard = ({\n  className,\n  children,\n  onClose,\n  handleSubmit,\n  title,\n  open,\n  skippable = true,\n  loading = false,\n  hasSummary = false,\n  summaryContent,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n    summary: \"Summary\",\n  },\n  fixedHeight = false,\n  customStep,\n  ...others\n}) => {\n  const [context, setContext] = React.useState({});\n  const [summary, setSummary] = React.useState(null);\n  const [tab, setTab] = React.useState(0);\n\n  const contextValue = React.useMemo(\n    () => ({\n      context,\n      setContext,\n      summary,\n      setSummary,\n    }),\n    [context, summary]\n  );\n\n  React.useEffect(() => {\n    return () => {\n      if (!open) {\n        setTab(0);\n      }\n    };\n  }, [open]);\n\n  const handleClose = React.useCallback(\n    (evt, reason) => {\n      if (reason !== \"backdropClick\") {\n        onClose(evt, reason);\n      }\n    },\n    [onClose]\n  );\n\n  return (\n    <WizardContext.Provider value={contextValue}>\n      <WizardContainer className={className} handleClose={handleClose} open={open} {...others}>\n        <WizardTitle\n          title={title}\n          hasSummary={hasSummary}\n          labels={labels}\n          tab={tab}\n          changeTab={setTab}\n          customStep={customStep}\n        />\n        <WizardContent\n          loading={loading}\n          fixedHeight={fixedHeight}\n          tab={tab}\n          summaryContent={summaryContent}\n        >\n          {children}\n        </WizardContent>\n        <WizardActions\n          loading={loading}\n          skippable={skippable}\n          labels={labels}\n          tab={tab}\n          changeTab={setTab}\n          handleClose={handleClose}\n          handleSubmit={handleSubmit}\n        />\n      </WizardContainer>\n    </WizardContext.Provider>\n  );\n};\n\nHvWizard.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Current state of the Wizard.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Function executed on submit.\n   */\n  handleSubmit: PropTypes.func.isRequired,\n  /**\n   * Enables the skip button.\n   */\n  skippable: PropTypes.bool,\n  /**\n   * Title for the wizard.\n   */\n  title: PropTypes.string,\n  /**\n   * Shows the summary button.\n   */\n  hasSummary: PropTypes.bool,\n  /**\n   * The content of the summary.\n   */\n  summaryContent: PropTypes.node,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * An object containing all the labels for the wizard.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Cancel button label.\n     */\n    cancel: PropTypes.string,\n    /**\n     * Skip button label.\n     */\n    skip: PropTypes.string,\n    /**\n     * Previous button label.\n     */\n    previous: PropTypes.string,\n    /**\n     * Next button label.\n     */\n    next: PropTypes.string,\n    /**\n     * Submit button label.\n     */\n    submit: PropTypes.string,\n    /**\n     * Summary button label.\n     */\n    summary: PropTypes.string,\n  }),\n  /**\n   * Forces minimum height to the component.\n   */\n  fixedHeight: PropTypes.bool,\n  /**\n   * Whether the loading animation is shown.\n   */\n  loading: PropTypes.bool,\n  /**\n   * Custom object to define type, size and width of the StepNavigation component\n   */\n  customStep: PropTypes.shape({\n    /**\n     * Type of step navigation. Values = {\"Simple\", \"Default\"}.\n     */\n    type: PropTypes.oneOf([\"Simple\", \"Default\"]),\n    /**\n     * Sets one of the standard sizes of the steps. Values = {\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"}\n     */\n    stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n    /**\n     * Width of the component element on each breakpoint screen resolution.\n     */\n    width: PropTypes.shape({\n      xs: PropTypes.number,\n      sm: PropTypes.number,\n      md: PropTypes.number,\n      lg: PropTypes.number,\n      xl: PropTypes.number,\n    }),\n  }),\n};\n\nexport default withStyles(styles, { name: \"HvWizard\" })(HvWizard);\n"],"mappings":"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"}

package/dist/modern/Wizard/WizardContent/WizardContent.js

@@ -4,7 +4,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from "react";
 import PropTypes from "prop-types";
 import { withStyles } from "@mui/styles";
-import useResizeAware from "react-resize-aware";
+import { useElementSize } from "usehooks-ts";
 import clsx from "clsx";
 import { HvDialogContent } from "@hitachivantara/uikit-react-core";
 import HvWizardContext from "../WizardContext";
@@ -44,7 +44,7 @@ const HvWizardContent = ({
     width: 0,
     height: 0
   });
-  const [resizeListener, sizes] = useResizeAware();
+  const [containerRef, sizes] = useElementSize();
   const [summaryHeight, setSummaryHeight] = React.useState(0);
   const [summaryWidth, setSummaryWidth] = React.useState(0);
   const [summaryLeft, setSummaryLeft] = React.useState(0);
@@ -88,32 +88,35 @@ const HvWizardContent = ({
   }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps
 
   const translateX = summaryWidth ? summaryWidth + 10 : 450;
-  return /*#__PURE__*/_jsxs(HvDialogContent, {
-    className: clsx(classes.contentContainer, fixedHeight && classes.fixedHeight),
-    indentContent: true,
-    children: [resizeListener, /*#__PURE__*/_jsx("div", {
-      className: classes.summarySticky,
-      children: /*#__PURE__*/_jsx("div", {
-        className: classes.summaryContainer,
-        style: {
-          left: summaryLeft,
-          width: summaryWidth,
-          height: summaryHeight,
-          transform: `translate(${summary ? 0 : translateX}px, 0)`
-        },
-        children: summaryContent
-      })
-    }), /*#__PURE__*/_jsx(LoadingContainer, {
-      hidden: !loading,
-      children: React.Children.map(arrayChildren, (child, index) => {
-        if (index === tab) {
-          return /*#__PURE__*/React.cloneElement(child, {
-            tab
-          });
-        }
-        return null;
-      })
-    })]
+  return /*#__PURE__*/_jsx("div", {
+    ref: containerRef,
+    children: /*#__PURE__*/_jsxs(HvDialogContent, {
+      className: clsx(classes.contentContainer, fixedHeight && classes.fixedHeight),
+      indentContent: true,
+      children: [summary !== null && /*#__PURE__*/_jsx("div", {
+        className: classes.summarySticky,
+        children: /*#__PURE__*/_jsx("div", {
+          className: classes.summaryContainer,
+          style: {
+            left: summaryLeft,
+            width: summaryWidth,
+            height: summaryHeight,
+            transform: `translate(${summary ? 0 : translateX}px, 0)`
+          },
+          children: summaryContent
+        })
+      }), /*#__PURE__*/_jsx(LoadingContainer, {
+        hidden: !loading,
+        children: React.Children.map(arrayChildren, (child, index) => {
+          if (index === tab) {
+            return /*#__PURE__*/React.cloneElement(child, {
+              tab
+            });
+          }
+          return null;
+        })
+      })]
+    })
   });
 };
 process.env.NODE_ENV !== "production" ? HvWizardContent.propTypes = {

package/dist/modern/Wizard/WizardContent/WizardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardContent.js","names":["React","PropTypes","withStyles","useResizeAware","clsx","HvDialogContent","HvWizardContext","LoadingContainer","styles","DRAWER_PERCENTAGE","MODAL_MARGIN","DRAWER_MIN_WIDTH","HvWizardContent","classes","fixedHeight","loading","children","tab","summaryContent","arrayChildren","Children","toArray","initialContext","reduce","acc","child","index","invalid","props","mustValidate","valid","form","touched","context","setContext","summary","useContext","resizedRef","useRef","width","height","resizeListener","sizes","summaryHeight","setSummaryHeight","useState","summaryWidth","setSummaryWidth","summaryLeft","setSummaryLeft","updateSummaryMeasures","useCallback","newSizes","modalWidth","drawerWidth","Math","max","useEffect","current","updatedContext","Object","entries","key","childState","translateX","contentContainer","summarySticky","summaryContainer","left","transform","map","cloneElement","propTypes","number","isRequired","node","shape","string","bool","name"],"sources":["../../../../src/Wizard/WizardContent/WizardContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport useResizeAware from \"react-resize-aware\";\nimport clsx from \"clsx\";\nimport { HvDialogContent } from \"@hitachivantara/uikit-react-core\";\nimport HvWizardContext from \"../WizardContext\";\nimport LoadingContainer from \"./LoadingContainer\";\n\nimport styles from \"./styles\";\n\nconst DRAWER_PERCENTAGE = 0.3;\nconst MODAL_MARGIN = 20;\nconst DRAWER_MIN_WIDTH = 280;\n\nconst HvWizardContent = ({\n  classes,\n  fixedHeight = false,\n  loading = false,\n  children,\n  tab,\n  summaryContent,\n}) => {\n  const arrayChildren = React.Children.toArray(children);\n  const initialContext = arrayChildren.reduce((acc, child, index) => {\n    const invalid = child.props.mustValidate === true ? false : null;\n    const valid = invalid ?? (index === 0 || null);\n    return {\n      ...acc,\n      [index]: { ...child.props, form: {}, valid, touched: index === 0 },\n    };\n  }, {});\n\n  const { context, setContext, summary } = React.useContext(HvWizardContext);\n\n  const resizedRef = React.useRef({ width: 0, height: 0 });\n  const [resizeListener, sizes] = useResizeAware();\n\n  const [summaryHeight, setSummaryHeight] = React.useState(0);\n  const [summaryWidth, setSummaryWidth] = React.useState(0);\n  const [summaryLeft, setSummaryLeft] = React.useState(0);\n  const updateSummaryMeasures = React.useCallback((newSizes) => {\n    const modalWidth = newSizes.width;\n    const drawerWidth = modalWidth * DRAWER_PERCENTAGE;\n    setSummaryHeight(newSizes.height);\n    setSummaryWidth(Math.max(drawerWidth, DRAWER_MIN_WIDTH));\n    setSummaryLeft(modalWidth - Math.max(drawerWidth, DRAWER_MIN_WIDTH) - MODAL_MARGIN);\n  }, []);\n\n  React.useEffect(() => {\n    if (\n      (summary && sizes.height !== resizedRef.current.height) ||\n      sizes.width !== resizedRef.current.width\n    ) {\n      updateSummaryMeasures(sizes);\n      resizedRef.current = {\n        height: sizes.height,\n        width: sizes.width,\n      };\n    }\n  }, [sizes, summary, updateSummaryMeasures]);\n\n  React.useEffect(() => {\n    setContext(initialContext);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  React.useEffect(() => {\n    if (tab && !context[tab]?.touched) {\n      const updatedContext = Object.entries(context).reduce(\n        (acc, [key, childState]) => ({\n          ...acc,\n          ...(+key <= tab\n            ? { [key]: { ...childState, touched: true, valid: childState.valid ?? true } }\n            : { [key]: childState }),\n        }),\n        {}\n      );\n\n      setContext(updatedContext);\n    }\n    updateSummaryMeasures(sizes);\n  }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const translateX = summaryWidth ? summaryWidth + 10 : 450;\n\n  return (\n    <HvDialogContent\n      className={clsx(classes.contentContainer, {\n        [classes.fixedHeight]: fixedHeight,\n      })}\n      indentContent\n    >\n      {resizeListener}\n      <div className={classes.summarySticky}>\n        <div\n          className={classes.summaryContainer}\n          style={{\n            left: summaryLeft,\n            width: summaryWidth,\n            height: summaryHeight,\n            transform: `translate(${summary ? 0 : translateX}px, 0)`,\n          }}\n        >\n          {summaryContent}\n        </div>\n      </div>\n      <LoadingContainer hidden={!loading}>\n        {React.Children.map(arrayChildren, (child, index) => {\n          if (index === tab) {\n            return React.cloneElement(child, { tab });\n          }\n          return null;\n        })}\n      </LoadingContainer>\n    </HvDialogContent>\n  );\n};\n\nHvWizardContent.propTypes = {\n  /**\n   * Current tab to show.\n   */\n  tab: PropTypes.number.isRequired,\n  /**\n   * Tabs to show on the Wizard.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the Wizard content container.\n     */\n    contentContainer: PropTypes.string,\n    /**\n     * Style applied to the Wizard to fix its height.\n     */\n    fixedHeight: PropTypes.string,\n    /**\n     * Style applied to the Summary container to stick it to the top.\n     */\n    summarySticky: PropTypes.string,\n    /**\n     * Style applied to the Summary container to position it on the right.\n     */\n    summaryContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Forces minimum height to the component.\n   */\n  fixedHeight: PropTypes.bool,\n  /**\n   * Whether the loading animation is shown.\n   */\n  loading: PropTypes.bool,\n  /**\n   * The content of the summary.\n   */\n  summaryContent: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvWizardContent\" })(HvWizardContent);\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,eAAe,QAAQ,kCAAkC;AAClE,OAAOC,eAAe,MAAM,kBAAkB;AAC9C,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,MAAMC,iBAAiB,GAAG,GAAG;AAC7B,MAAMC,YAAY,GAAG,EAAE;AACvB,MAAMC,gBAAgB,GAAG,GAAG;AAE5B,MAAMC,eAAe,GAAG,CAAC;EACvBC,OAAO;EACPC,WAAW,GAAG,KAAK;EACnBC,OAAO,GAAG,KAAK;EACfC,QAAQ;EACRC,GAAG;EACHC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGnB,KAAK,CAACoB,QAAQ,CAACC,OAAO,CAACL,QAAQ,CAAC;EACtD,MAAMM,cAAc,GAAGH,aAAa,CAACI,MAAM,CAAC,CAACC,GAAG,EAAEC,KAAK,EAAEC,KAAK,KAAK;IACjE,MAAMC,OAAO,GAAGF,KAAK,CAACG,KAAK,CAACC,YAAY,KAAK,IAAI,GAAG,KAAK,GAAG,IAAI;IAChE,MAAMC,KAAK,GAAGH,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAKD,KAAK,KAAK,CAAC,IAAI,IAAK;IAC9C,uCACKF,GAAG;MACN,CAACE,KAAK,mCAAQD,KAAK,CAACG,KAAK;QAAEG,IAAI,EAAE,CAAC,CAAC;QAAED,KAAK;QAAEE,OAAO,EAAEN,KAAK,KAAK;MAAC;IAAE;EAEtE,CAAC,EAAE,CAAC,CAAC,CAAC;EAEN,MAAM;IAAEO,OAAO;IAAEC,UAAU;IAAEC;EAAQ,CAAC,GAAGnC,KAAK,CAACoC,UAAU,CAAC9B,eAAe,CAAC;EAE1E,MAAM+B,UAAU,GAAGrC,KAAK,CAACsC,MAAM,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EACxD,MAAM,CAACC,cAAc,EAAEC,KAAK,CAAC,GAAGvC,cAAc,EAAE;EAEhD,MAAM,CAACwC,aAAa,EAAEC,gBAAgB,CAAC,GAAG5C,KAAK,CAAC6C,QAAQ,CAAC,CAAC,CAAC;EAC3D,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG/C,KAAK,CAAC6C,QAAQ,CAAC,CAAC,CAAC;EACzD,MAAM,CAACG,WAAW,EAAEC,cAAc,CAAC,GAAGjD,KAAK,CAAC6C,QAAQ,CAAC,CAAC,CAAC;EACvD,MAAMK,qBAAqB,GAAGlD,KAAK,CAACmD,WAAW,CAAEC,QAAQ,IAAK;IAC5D,MAAMC,UAAU,GAAGD,QAAQ,CAACb,KAAK;IACjC,MAAMe,WAAW,GAAGD,UAAU,GAAG5C,iBAAiB;IAClDmC,gBAAgB,CAACQ,QAAQ,CAACZ,MAAM,CAAC;IACjCO,eAAe,CAACQ,IAAI,CAACC,GAAG,CAACF,WAAW,EAAE3C,gBAAgB,CAAC,CAAC;IACxDsC,cAAc,CAACI,UAAU,GAAGE,IAAI,CAACC,GAAG,CAACF,WAAW,EAAE3C,gBAAgB,CAAC,GAAGD,YAAY,CAAC;EACrF,CAAC,EAAE,EAAE,CAAC;EAENV,KAAK,CAACyD,SAAS,CAAC,MAAM;IACpB,IACGtB,OAAO,IAAIO,KAAK,CAACF,MAAM,KAAKH,UAAU,CAACqB,OAAO,CAAClB,MAAM,IACtDE,KAAK,CAACH,KAAK,KAAKF,UAAU,CAACqB,OAAO,CAACnB,KAAK,EACxC;MACAW,qBAAqB,CAACR,KAAK,CAAC;MAC5BL,UAAU,CAACqB,OAAO,GAAG;QACnBlB,MAAM,EAAEE,KAAK,CAACF,MAAM;QACpBD,KAAK,EAAEG,KAAK,CAACH;MACf,CAAC;IACH;EACF,CAAC,EAAE,CAACG,KAAK,EAAEP,OAAO,EAAEe,qBAAqB,CAAC,CAAC;EAE3ClD,KAAK,CAACyD,SAAS,CAAC,MAAM;IACpBvB,UAAU,CAACZ,cAAc,CAAC;EAC5B,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;;EAERtB,KAAK,CAACyD,SAAS,CAAC,MAAM;IAAA;IACpB,IAAIxC,GAAG,IAAI,kBAACgB,OAAO,CAAChB,GAAG,CAAC,yCAAZ,aAAce,OAAO,GAAE;MACjC,MAAM2B,cAAc,GAAGC,MAAM,CAACC,OAAO,CAAC5B,OAAO,CAAC,CAACV,MAAM,CACnD,CAACC,GAAG,EAAE,CAACsC,GAAG,EAAEC,UAAU,CAAC;QAAA;QAAA,uCAClBvC,GAAG,GACF,CAACsC,GAAG,IAAI7C,GAAG,GACX;UAAE,CAAC6C,GAAG,mCAAQC,UAAU;YAAE/B,OAAO,EAAE,IAAI;YAAEF,KAAK,uBAAEiC,UAAU,CAACjC,KAAK,iEAAI;UAAI;QAAG,CAAC,GAC5E;UAAE,CAACgC,GAAG,GAAGC;QAAW,CAAC;MAAA,CACzB,EACF,CAAC,CAAC,CACH;MAED7B,UAAU,CAACyB,cAAc,CAAC;IAC5B;IACAT,qBAAqB,CAACR,KAAK,CAAC;EAC9B,CAAC,EAAE,CAACzB,GAAG,CAAC,CAAC,CAAC,CAAC;;EAEX,MAAM+C,UAAU,GAAGlB,YAAY,GAAGA,YAAY,GAAG,EAAE,GAAG,GAAG;EAEzD,oBACE,MAAC,eAAe;IACd,SAAS,EAAE1C,IAAI,CAACS,OAAO,CAACoD,gBAAgB,EACfnD,WAAW,IAAjCD,OAAO,CAACC,WAAW,CACnB;IACH,aAAa;IAAA,WAEZ2B,cAAc,eACf;MAAK,SAAS,EAAE5B,OAAO,CAACqD,aAAc;MAAA,uBACpC;QACE,SAAS,EAAErD,OAAO,CAACsD,gBAAiB;QACpC,KAAK,EAAE;UACLC,IAAI,EAAEpB,WAAW;UACjBT,KAAK,EAAEO,YAAY;UACnBN,MAAM,EAAEG,aAAa;UACrB0B,SAAS,EAAG,aAAYlC,OAAO,GAAG,CAAC,GAAG6B,UAAW;QACnD,CAAE;QAAA,UAED9C;MAAc;IACX,EACF,eACN,KAAC,gBAAgB;MAAC,MAAM,EAAE,CAACH,OAAQ;MAAA,UAChCf,KAAK,CAACoB,QAAQ,CAACkD,GAAG,CAACnD,aAAa,EAAE,CAACM,KAAK,EAAEC,KAAK,KAAK;QACnD,IAAIA,KAAK,KAAKT,GAAG,EAAE;UACjB,oBAAOjB,KAAK,CAACuE,YAAY,CAAC9C,KAAK,EAAE;YAAER;UAAI,CAAC,CAAC;QAC3C;QACA,OAAO,IAAI;MACb,CAAC;IAAC,EACe;EAAA,EACH;AAEtB,CAAC;AAED,wCAAAL,eAAe,CAAC4D,SAAS,GAAG;EAC1B;AACF;AACA;EACEvD,GAAG,EAAEhB,SAAS,CAACwE,MAAM,CAACC,UAAU;EAChC;AACF;AACA;EACE1D,QAAQ,EAAEf,SAAS,CAAC0E,IAAI,CAACD,UAAU;EACnC;AACF;AACA;EACE7D,OAAO,EAAEZ,SAAS,CAAC2E,KAAK,CAAC;IACvB;AACJ;AACA;IACIX,gBAAgB,EAAEhE,SAAS,CAAC4E,MAAM;IAClC;AACJ;AACA;IACI/D,WAAW,EAAEb,SAAS,CAAC4E,MAAM;IAC7B;AACJ;AACA;IACIX,aAAa,EAAEjE,SAAS,CAAC4E,MAAM;IAC/B;AACJ;AACA;IACIV,gBAAgB,EAAElE,SAAS,CAAC4E;EAC9B,CAAC,CAAC,CAACH,UAAU;EACb;AACF;AACA;EACE5D,WAAW,EAAEb,SAAS,CAAC6E,IAAI;EAC3B;AACF;AACA;EACE/D,OAAO,EAAEd,SAAS,CAAC6E,IAAI;EACvB;AACF;AACA;EACE5D,cAAc,EAAEjB,SAAS,CAAC0E;AAC5B,CAAC;AAED,eAAezE,UAAU,CAACM,MAAM,EAAE;EAAEuE,IAAI,EAAE;AAAkB,CAAC,CAAC,CAACnE,eAAe,CAAC"}
+{"version":3,"file":"WizardContent.js","names":["React","PropTypes","withStyles","useElementSize","clsx","HvDialogContent","HvWizardContext","LoadingContainer","styles","DRAWER_PERCENTAGE","MODAL_MARGIN","DRAWER_MIN_WIDTH","HvWizardContent","classes","fixedHeight","loading","children","tab","summaryContent","arrayChildren","Children","toArray","initialContext","reduce","acc","child","index","invalid","props","mustValidate","valid","form","touched","context","setContext","summary","useContext","resizedRef","useRef","width","height","containerRef","sizes","summaryHeight","setSummaryHeight","useState","summaryWidth","setSummaryWidth","summaryLeft","setSummaryLeft","updateSummaryMeasures","useCallback","newSizes","modalWidth","drawerWidth","Math","max","useEffect","current","updatedContext","Object","entries","key","childState","translateX","contentContainer","summarySticky","summaryContainer","left","transform","map","cloneElement","propTypes","number","isRequired","node","shape","string","bool","name"],"sources":["../../../../src/Wizard/WizardContent/WizardContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { useElementSize } from \"usehooks-ts\";\nimport clsx from \"clsx\";\nimport { HvDialogContent } from \"@hitachivantara/uikit-react-core\";\nimport HvWizardContext from \"../WizardContext\";\nimport LoadingContainer from \"./LoadingContainer\";\n\nimport styles from \"./styles\";\n\nconst DRAWER_PERCENTAGE = 0.3;\nconst MODAL_MARGIN = 20;\nconst DRAWER_MIN_WIDTH = 280;\n\nconst HvWizardContent = ({\n  classes,\n  fixedHeight = false,\n  loading = false,\n  children,\n  tab,\n  summaryContent,\n}) => {\n  const arrayChildren = React.Children.toArray(children);\n  const initialContext = arrayChildren.reduce((acc, child, index) => {\n    const invalid = child.props.mustValidate === true ? false : null;\n    const valid = invalid ?? (index === 0 || null);\n    return {\n      ...acc,\n      [index]: { ...child.props, form: {}, valid, touched: index === 0 },\n    };\n  }, {});\n\n  const { context, setContext, summary } = React.useContext(HvWizardContext);\n\n  const resizedRef = React.useRef({ width: 0, height: 0 });\n  const [containerRef, sizes] = useElementSize();\n\n  const [summaryHeight, setSummaryHeight] = React.useState(0);\n  const [summaryWidth, setSummaryWidth] = React.useState(0);\n  const [summaryLeft, setSummaryLeft] = React.useState(0);\n  const updateSummaryMeasures = React.useCallback((newSizes) => {\n    const modalWidth = newSizes.width;\n    const drawerWidth = modalWidth * DRAWER_PERCENTAGE;\n    setSummaryHeight(newSizes.height);\n    setSummaryWidth(Math.max(drawerWidth, DRAWER_MIN_WIDTH));\n    setSummaryLeft(modalWidth - Math.max(drawerWidth, DRAWER_MIN_WIDTH) - MODAL_MARGIN);\n  }, []);\n\n  React.useEffect(() => {\n    if (\n      (summary && sizes.height !== resizedRef.current.height) ||\n      sizes.width !== resizedRef.current.width\n    ) {\n      updateSummaryMeasures(sizes);\n      resizedRef.current = {\n        height: sizes.height,\n        width: sizes.width,\n      };\n    }\n  }, [sizes, summary, updateSummaryMeasures]);\n\n  React.useEffect(() => {\n    setContext(initialContext);\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  React.useEffect(() => {\n    if (tab && !context[tab]?.touched) {\n      const updatedContext = Object.entries(context).reduce(\n        (acc, [key, childState]) => ({\n          ...acc,\n          ...(+key <= tab\n            ? { [key]: { ...childState, touched: true, valid: childState.valid ?? true } }\n            : { [key]: childState }),\n        }),\n        {}\n      );\n\n      setContext(updatedContext);\n    }\n    updateSummaryMeasures(sizes);\n  }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const translateX = summaryWidth ? summaryWidth + 10 : 450;\n\n  return (\n    <div ref={containerRef}>\n      <HvDialogContent\n        className={clsx(classes.contentContainer, {\n          [classes.fixedHeight]: fixedHeight,\n        })}\n        indentContent\n      >\n        {summary !== null && (\n          <div className={classes.summarySticky}>\n            <div\n              className={classes.summaryContainer}\n              style={{\n                left: summaryLeft,\n                width: summaryWidth,\n                height: summaryHeight,\n                transform: `translate(${summary ? 0 : translateX}px, 0)`,\n              }}\n            >\n              {summaryContent}\n            </div>\n          </div>\n        )}\n        <LoadingContainer hidden={!loading}>\n          {React.Children.map(arrayChildren, (child, index) => {\n            if (index === tab) {\n              return React.cloneElement(child, { tab });\n            }\n            return null;\n          })}\n        </LoadingContainer>\n      </HvDialogContent>\n    </div>\n  );\n};\n\nHvWizardContent.propTypes = {\n  /**\n   * Current tab to show.\n   */\n  tab: PropTypes.number.isRequired,\n  /**\n   * Tabs to show on the Wizard.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the Wizard content container.\n     */\n    contentContainer: PropTypes.string,\n    /**\n     * Style applied to the Wizard to fix its height.\n     */\n    fixedHeight: PropTypes.string,\n    /**\n     * Style applied to the Summary container to stick it to the top.\n     */\n    summarySticky: PropTypes.string,\n    /**\n     * Style applied to the Summary container to position it on the right.\n     */\n    summaryContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * Forces minimum height to the component.\n   */\n  fixedHeight: PropTypes.bool,\n  /**\n   * Whether the loading animation is shown.\n   */\n  loading: PropTypes.bool,\n  /**\n   * The content of the summary.\n   */\n  summaryContent: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvWizardContent\" })(HvWizardContent);\n"],"mappings":"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"}

package/dist/modern/Wizard/WizardContent/styles.js

@@ -15,6 +15,7 @@ const styles = theme => ({
   },
   summaryContainer: {
     position: "absolute",
+    top: -20,
     minWidth: 280,
     boxShadow: theme.hv.shadows[1],
     backgroundColor: theme.hv.palette.atmosphere.atmo1,

package/dist/modern/Wizard/WizardContent/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","contentContainer","position","padding","marginLeft","minHeight","overflowX","fixedHeight","summarySticky","top","summaryContainer","minWidth","boxShadow","hv","shadows","backgroundColor","palette","atmosphere","atmo1","transition","transitionTimingFunction","overflowY"],"sources":["../../../../src/Wizard/WizardContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  contentContainer: {\n    position: \"relative\",\n    padding: 20,\n    marginLeft: 0,\n    minHeight: 400,\n    overflowX: \"hidden\",\n  },\n  fixedHeight: {\n    minHeight: \"calc(100vh - 387px)\",\n  },\n  summarySticky: {\n    position: \"sticky\",\n    top: 0,\n  },\n  summaryContainer: {\n    position: \"absolute\",\n    minWidth: 280,\n    boxShadow: theme.hv.shadows[1],\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    transition: \"transform 0.3s\",\n    transitionTimingFunction: \"ease-in-out\",\n    overflowY: \"scroll\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,gBAAgB,EAAE;IAChBC,QAAQ,EAAE,UAAU;IACpBC,OAAO,EAAE,EAAE;IACXC,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE;EACb,CAAC;EACDC,WAAW,EAAE;IACXF,SAAS,EAAE;EACb,CAAC;EACDG,aAAa,EAAE;IACbN,QAAQ,EAAE,QAAQ;IAClBO,GAAG,EAAE;EACP,CAAC;EACDC,gBAAgB,EAAE;IAChBR,QAAQ,EAAE,UAAU;IACpBS,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAEZ,KAAK,CAACa,EAAE,CAACC,OAAO,CAAC,CAAC,CAAC;IAC9BC,eAAe,EAAEf,KAAK,CAACa,EAAE,CAACG,OAAO,CAACC,UAAU,CAACC,KAAK;IAClDC,UAAU,EAAE,gBAAgB;IAC5BC,wBAAwB,EAAE,aAAa;IACvCC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAetB,MAAM"}
+{"version":3,"file":"styles.js","names":["styles","theme","contentContainer","position","padding","marginLeft","minHeight","overflowX","fixedHeight","summarySticky","top","summaryContainer","minWidth","boxShadow","hv","shadows","backgroundColor","palette","atmosphere","atmo1","transition","transitionTimingFunction","overflowY"],"sources":["../../../../src/Wizard/WizardContent/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  contentContainer: {\n    position: \"relative\",\n    padding: 20,\n    marginLeft: 0,\n    minHeight: 400,\n    overflowX: \"hidden\",\n  },\n  fixedHeight: {\n    minHeight: \"calc(100vh - 387px)\",\n  },\n  summarySticky: {\n    position: \"sticky\",\n    top: 0,\n  },\n  summaryContainer: {\n    position: \"absolute\",\n    top: -20,\n    minWidth: 280,\n    boxShadow: theme.hv.shadows[1],\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    transition: \"transform 0.3s\",\n    transitionTimingFunction: \"ease-in-out\",\n    overflowY: \"scroll\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,gBAAgB,EAAE;IAChBC,QAAQ,EAAE,UAAU;IACpBC,OAAO,EAAE,EAAE;IACXC,UAAU,EAAE,CAAC;IACbC,SAAS,EAAE,GAAG;IACdC,SAAS,EAAE;EACb,CAAC;EACDC,WAAW,EAAE;IACXF,SAAS,EAAE;EACb,CAAC;EACDG,aAAa,EAAE;IACbN,QAAQ,EAAE,QAAQ;IAClBO,GAAG,EAAE;EACP,CAAC;EACDC,gBAAgB,EAAE;IAChBR,QAAQ,EAAE,UAAU;IACpBO,GAAG,EAAE,CAAC,EAAE;IACRE,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAEZ,KAAK,CAACa,EAAE,CAACC,OAAO,CAAC,CAAC,CAAC;IAC9BC,eAAe,EAAEf,KAAK,CAACa,EAAE,CAACG,OAAO,CAACC,UAAU,CAACC,KAAK;IAClDC,UAAU,EAAE,gBAAgB;IAC5BC,wBAAwB,EAAE,aAAa;IACvCC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAetB,MAAM"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "description": "A collection of contributed React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -52,7 +52,7 @@
     "prop-types": "^15.8.1",
     "rc-tooltip": "^5.2.2",
     "react-color": "^2.19.3",
-    "react-resize-aware": "^3.1.1"
+    "usehooks-ts": "^2.9.1"
   },
   "devDependencies": {
     "@types/react": "^17.0.47"
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fb63aeadd7dfb00515424349c31936cad5bfe100"
+  "gitHead": "39f4c4f5d0d0ba4d5e4ebf1ebfddcba9c5edb7d4"
 }