@hitachivantara/uikit-react-lab 4.0.3 → 4.1.0

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

@@ -6,11 +6,8 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/es.promise.js";
 import "core-js/modules/es.object.entries.js";
@@ -18,21 +15,26 @@ 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 clsx from "clsx";
 import { HvDialogContent } from "@hitachivantara/uikit-react-core";
 import HvWizardContext from "../WizardContext";
 import LoadingContainer from "./LoadingContainer";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var DRAWER_PERCENTAGE = 0.3;
+var MODAL_MARGIN = 20;
+var DRAWER_MIN_WIDTH = 280;
 var HvWizardContent = function HvWizardContent(_ref) {
   var classes = _ref.classes,
-      _ref$fixedHeight = _ref.fixedHeight,
-      fixedHeight = _ref$fixedHeight === void 0 ? false : _ref$fixedHeight,
-      _ref$loading = _ref.loading,
-      loading = _ref$loading === void 0 ? false : _ref$loading,
-      children = _ref.children,
-      tab = _ref.tab;
+    _ref$fixedHeight = _ref.fixedHeight,
+    fixedHeight = _ref$fixedHeight === void 0 ? false : _ref$fixedHeight,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    children = _ref.children,
+    tab = _ref.tab,
+    summaryContent = _ref.summaryContent;
   var arrayChildren = React.Children.toArray(children);
   var initialContext = arrayChildren.reduce(function (acc, child, index) {
     var invalid = child.props.mustValidate === true ? false : null;
@@ -43,26 +45,58 @@ var HvWizardContent = function HvWizardContent(_ref) {
       touched: index === 0
     })));
   }, {});
-
   var _React$useContext = React.useContext(HvWizardContext),
-      context = _React$useContext.context,
-      setContext = _React$useContext.setContext;
-
+    context = _React$useContext.context,
+    setContext = _React$useContext.setContext,
+    summary = _React$useContext.summary;
+  var resizedRef = React.useRef({
+    width: 0,
+    height: 0
+  });
+  var _useResizeAware = useResizeAware(),
+    _useResizeAware2 = _slicedToArray(_useResizeAware, 2),
+    resizeListener = _useResizeAware2[0],
+    sizes = _useResizeAware2[1];
+  var _React$useState = React.useState(0),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    summaryHeight = _React$useState2[0],
+    setSummaryHeight = _React$useState2[1];
+  var _React$useState3 = React.useState(0),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    summaryWidth = _React$useState4[0],
+    setSummaryWidth = _React$useState4[1];
+  var _React$useState5 = React.useState(0),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    summaryLeft = _React$useState6[0],
+    setSummaryLeft = _React$useState6[1];
+  var updateSummaryMeasures = React.useCallback(function (newSizes) {
+    var modalWidth = newSizes.width;
+    var drawerWidth = modalWidth * DRAWER_PERCENTAGE;
+    setSummaryHeight(newSizes.height);
+    setSummaryWidth(Math.max(drawerWidth, DRAWER_MIN_WIDTH));
+    setSummaryLeft(modalWidth - Math.max(drawerWidth, DRAWER_MIN_WIDTH) - MODAL_MARGIN);
+  }, []);
+  React.useEffect(function () {
+    if (summary && sizes.height !== resizedRef.current.height || sizes.width !== resizedRef.current.width) {
+      updateSummaryMeasures(sizes);
+      resizedRef.current = {
+        height: sizes.height,
+        width: sizes.width
+      };
+    }
+  }, [sizes, summary, updateSummaryMeasures]);
   React.useEffect(function () {
     setContext(initialContext);
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   React.useEffect(function () {
     var _context$tab;
-
     if (tab && !((_context$tab = context[tab]) !== null && _context$tab !== void 0 && _context$tab.touched)) {
       var updatedContext = Object.entries(context).reduce(function (acc, _ref2) {
         var _childState$valid;
-
         var _ref3 = _slicedToArray(_ref2, 2),
-            key = _ref3[0],
-            childState = _ref3[1];
-
+          key = _ref3[0],
+          childState = _ref3[1];
         return _objectSpread(_objectSpread({}, acc), +key <= tab ? _defineProperty({}, key, _objectSpread(_objectSpread({}, childState), {}, {
           touched: true,
           valid: (_childState$valid = childState.valid) !== null && _childState$valid !== void 0 ? _childState$valid : true
@@ -70,12 +104,26 @@ var HvWizardContent = function HvWizardContent(_ref) {
       }, {});
       setContext(updatedContext);
     }
+    updateSummaryMeasures(sizes);
   }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps
 
-  return /*#__PURE__*/_jsx(HvDialogContent, {
+  var translateX = summaryWidth ? summaryWidth + 10 : 450;
+  return /*#__PURE__*/_jsxs(HvDialogContent, {
     className: clsx(classes.contentContainer, fixedHeight && classes.fixedHeight),
     indentContent: true,
-    children: /*#__PURE__*/_jsx(LoadingContainer, {
+    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) {
@@ -83,48 +131,53 @@ var HvWizardContent = function HvWizardContent(_ref) {
             tab: tab
           });
         }
-
         return null;
       })
-    })
+    })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvWizardContent.propTypes = {
   /**
    * Current tab to show.
    */
   tab: PropTypes.number.isRequired,
-
   /**
    * Tabs to show on the Wizard.
    */
   children: PropTypes.node.isRequired,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
   classes: PropTypes.shape({
     /**
-     * Style applied to the Wizard content container
+     * Style applied to the Wizard content container.
      */
     contentContainer: PropTypes.string,
-
     /**
      * Style applied to the Wizard to fix its height.
      */
-    fixedHeight: PropTypes.string
+    fixedHeight: PropTypes.string,
+    /**
+     * Style applied to the Summary container to stick it to the top.
+     */
+    summarySticky: PropTypes.string,
+    /**
+     * Style applied to the Summary container to position it on the right.
+     */
+    summaryContainer: PropTypes.string
   }).isRequired,
-
   /**
    * Forces minimum height to the component.
    */
   fixedHeight: PropTypes.bool,
-
   /**
    * Whether the loading animation is shown.
    */
-  loading: PropTypes.bool
+  loading: PropTypes.bool,
+  /**
+   * The content of the summary.
+   */
+  summaryContent: PropTypes.node
 } : void 0;
 export default withStyles(styles, {
   name: "HvWizardContent"

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

@@ -1 +1 @@
-{"version":3,"file":"WizardContent.js","names":["React","PropTypes","withStyles","clsx","HvDialogContent","HvWizardContext","LoadingContainer","styles","HvWizardContent","classes","fixedHeight","loading","children","tab","arrayChildren","Children","toArray","initialContext","reduce","acc","child","index","invalid","props","mustValidate","valid","form","touched","useContext","context","setContext","useEffect","updatedContext","Object","entries","key","childState","contentContainer","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 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 HvWizardContent = ({ classes, fixedHeight = false, loading = false, children, tab }) => {\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 } = React.useContext(HvWizardContext);\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  }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <HvDialogContent\n      className={clsx(classes.contentContainer, {\n        [classes.fixedHeight]: fixedHeight,\n      })}\n      indentContent\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  );\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  }).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\nexport default withStyles(styles, { name: \"HvWizardContent\" })(HvWizardContent);\n"],"mappings":"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"}
+{"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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"}

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

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

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

@@ -1,16 +1,29 @@
-var styles = function styles() {
+var styles = function styles(theme) {
   return {
     contentContainer: {
       position: "relative",
       padding: 20,
       marginLeft: 0,
-      minHeight: 400
+      minHeight: 400,
+      overflowX: "hidden"
     },
     fixedHeight: {
       minHeight: "calc(100vh - 387px)"
+    },
+    summarySticky: {
+      position: "sticky",
+      top: 0
+    },
+    summaryContainer: {
+      position: "absolute",
+      minWidth: 280,
+      boxShadow: theme.hv.shadows[1],
+      backgroundColor: theme.hv.palette.atmosphere.atmo1,
+      transition: "transform 0.3s",
+      transitionTimingFunction: "ease-in-out",
+      overflowY: "scroll"
     }
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","contentContainer","position","padding","marginLeft","minHeight","fixedHeight"],"sources":["../../../../src/Wizard/WizardContent/styles.js"],"sourcesContent":["const styles = () => ({\n  contentContainer: {\n    position: \"relative\",\n    padding: 20,\n    marginLeft: 0,\n    minHeight: 400,\n  },\n  fixedHeight: {\n    minHeight: \"calc(100vh - 387px)\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UADM;MAEhBC,OAAO,EAAE,EAFO;MAGhBC,UAAU,EAAE,CAHI;MAIhBC,SAAS,EAAE;IAJK,CADE;IAOpBC,WAAW,EAAE;MACXD,SAAS,EAAE;IADA;EAPO,CAAP;AAAA,CAAf;;AAYA,eAAeL,MAAf"}
+{"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"}

package/dist/legacy/Wizard/WizardContext/WizardContext.d.ts

@@ -1,12 +1,10 @@
 import React from "react";
 
-export type HvWizardContextClassKey = "root";
-
 export type HvWizardContextProps = {
   context: any;
-  setContext: () => void;
+  setContext: (values: any) => void;
 };
 
-export default function HvWizardContext(
-  props: HvWizardContextProps
-): React.Context<HvWizardContextProps>;
+declare const HvWizardContext: React.Context<HvWizardContextProps>;
+
+export default HvWizardContext;

package/dist/legacy/Wizard/WizardContext/WizardContext.js

@@ -3,10 +3,8 @@ var WizardContext = /*#__PURE__*/createContext({
   context: {},
   setContext: function setContext() {}
 });
-
 if (process.env.NODE_ENV !== "production") {
   WizardContext.displayName = "WizardContext";
 }
-
 export default WizardContext;
 //# sourceMappingURL=WizardContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WizardContext.js","names":["createContext","WizardContext","context","setContext","process","env","NODE_ENV","displayName"],"sources":["../../../../src/Wizard/WizardContext/WizardContext.js"],"sourcesContent":["import { createContext } from \"react\";\n\nconst WizardContext = createContext({\n  context: {},\n  setContext: () => {},\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n  WizardContext.displayName = \"WizardContext\";\n}\n\nexport default WizardContext;\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAEA,IAAMC,aAAa,gBAAGD,aAAa,CAAC;EAClCE,OAAO,EAAE,EADyB;EAElCC,UAAU,EAAE,sBAAM,CAAE;AAFc,CAAD,CAAnC;;AAKA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;EACzCL,aAAa,CAACM,WAAd,GAA4B,eAA5B;AACD;;AAED,eAAeN,aAAf"}
+{"version":3,"file":"WizardContext.js","names":["createContext","WizardContext","context","setContext","process","env","NODE_ENV","displayName"],"sources":["../../../../src/Wizard/WizardContext/WizardContext.js"],"sourcesContent":["import { createContext } from \"react\";\n\nconst WizardContext = createContext({\n  context: {},\n  setContext: () => {},\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n  WizardContext.displayName = \"WizardContext\";\n}\n\nexport default WizardContext;\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,IAAMC,aAAa,gBAAGD,aAAa,CAAC;EAClCE,OAAO,EAAE,CAAC,CAAC;EACXC,UAAU,EAAE,sBAAM,CAAC;AACrB,CAAC,CAAC;AAEF,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;EACzCL,aAAa,CAACM,WAAW,GAAG,eAAe;AAC7C;AAEA,eAAeN,aAAa"}

package/dist/legacy/Wizard/WizardContext/WizardContextProvider.js

@@ -2,16 +2,14 @@ import React from "react";
 import PropTypes from "prop-types";
 import HvWizardContext from "./WizardContext";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 var WizardContextProvider = function WizardContextProvider(_ref) {
   var value = _ref.value,
-      children = _ref.children;
+    children = _ref.children;
   return /*#__PURE__*/_jsx(HvWizardContext.Provider, {
     value: value,
     children: children
   });
 };
-
 process.env.NODE_ENV !== "production" ? WizardContextProvider.propTypes = {
   /**
    * Initial context value
@@ -21,13 +19,11 @@ process.env.NODE_ENV !== "production" ? WizardContextProvider.propTypes = {
      * Initial context object
      */
     context: PropTypes.shape({}),
-
     /**
      * Function to modify the context
      */
     setContext: PropTypes.func
   }),
-
   /**
    * Child components for the Wizard
    */

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

@@ -1 +1 @@
-{"version":3,"file":"WizardContextProvider.js","names":["React","PropTypes","HvWizardContext","WizardContextProvider","value","children","propTypes","shape","context","setContext","func","node","isRequired"],"sources":["../../../../src/Wizard/WizardContext/WizardContextProvider.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport HvWizardContext from \"./WizardContext\";\n\nconst WizardContextProvider = ({ value, children }) => {\n  return <HvWizardContext.Provider value={value}>{children}</HvWizardContext.Provider>;\n};\n\nWizardContextProvider.propTypes = {\n  /**\n   * Initial context value\n   */\n  value: PropTypes.shape({\n    /**\n     * Initial context object\n     */\n    context: PropTypes.shape({}),\n    /**\n     * Function to modify the context\n     */\n    setContext: PropTypes.func,\n  }),\n  /**\n   * Child components for the Wizard\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default WizardContextProvider;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,eAAP,MAA4B,iBAA5B;;;AAEA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,OAAyB;EAAA,IAAtBC,KAAsB,QAAtBA,KAAsB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACrD,oBAAO,KAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAED,KAAjC;IAAA,UAAyCC;EAAzC,EAAP;AACD,CAFD;;AAIA,wCAAAF,qBAAqB,CAACG,SAAtB,GAAkC;EAChC;AACF;AACA;EACEF,KAAK,EAAEH,SAAS,CAACM,KAAV,CAAgB;IACrB;AACJ;AACA;IACIC,OAAO,EAAEP,SAAS,CAACM,KAAV,CAAgB,EAAhB,CAJY;;IAKrB;AACJ;AACA;IACIE,UAAU,EAAER,SAAS,CAACS;EARD,CAAhB,CAJyB;;EAchC;AACF;AACA;EACEL,QAAQ,EAAEJ,SAAS,CAACU,IAAV,CAAeC;AAjBO,CAAlC;AAoBA,eAAeT,qBAAf"}
+{"version":3,"file":"WizardContextProvider.js","names":["React","PropTypes","HvWizardContext","WizardContextProvider","value","children","propTypes","shape","context","setContext","func","node","isRequired"],"sources":["../../../../src/Wizard/WizardContext/WizardContextProvider.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport HvWizardContext from \"./WizardContext\";\n\nconst WizardContextProvider = ({ value, children }) => {\n  return <HvWizardContext.Provider value={value}>{children}</HvWizardContext.Provider>;\n};\n\nWizardContextProvider.propTypes = {\n  /**\n   * Initial context value\n   */\n  value: PropTypes.shape({\n    /**\n     * Initial context object\n     */\n    context: PropTypes.shape({}),\n    /**\n     * Function to modify the context\n     */\n    setContext: PropTypes.func,\n  }),\n  /**\n   * Child components for the Wizard\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default WizardContextProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,iBAAiB;AAAC;AAE9C,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,OAA4B;EAAA,IAAtBC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;EAC9C,oBAAO,KAAC,eAAe,CAAC,QAAQ;IAAC,KAAK,EAAED,KAAM;IAAA,UAAEC;EAAQ,EAA4B;AACtF,CAAC;AAED,wCAAAF,qBAAqB,CAACG,SAAS,GAAG;EAChC;AACF;AACA;EACEF,KAAK,EAAEH,SAAS,CAACM,KAAK,CAAC;IACrB;AACJ;AACA;IACIC,OAAO,EAAEP,SAAS,CAACM,KAAK,CAAC,CAAC,CAAC,CAAC;IAC5B;AACJ;AACA;IACIE,UAAU,EAAER,SAAS,CAACS;EACxB,CAAC,CAAC;EACF;AACF;AACA;EACEL,QAAQ,EAAEJ,SAAS,CAACU,IAAI,CAACC;AAC3B,CAAC;AAED,eAAeT,qBAAqB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HvWizardContextProvider"],"sources":["../../../../src/Wizard/WizardContext/index.js"],"sourcesContent":["export { default } from \"./WizardContext\";\nexport { default as HvWizardContextProvider } from \"./WizardContextProvider\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,iBAAxB;AACA,SAASA,OAAO,IAAIC,uBAApB,QAAmD,yBAAnD"}
+{"version":3,"file":"index.js","names":["default","HvWizardContextProvider"],"sources":["../../../../src/Wizard/WizardContext/index.js"],"sourcesContent":["export { default } from \"./WizardContext\";\nexport { default as HvWizardContextProvider } from \"./WizardContextProvider\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,SAASA,OAAO,IAAIC,uBAAuB,QAAQ,yBAAyB"}

package/dist/legacy/Wizard/WizardTitle/WizardTitle.js

@@ -1,7 +1,5 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
 var _Report;
-
 import "core-js/modules/es.object.entries.js";
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.function.name.js";
@@ -15,49 +13,48 @@ import HvWizardContext from "../WizardContext";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var switchTabState = function switchTabState(state, currentTab, index) {
   if (index === currentTab) return "Current";
   if (state.valid) return "Completed";
   if (state.valid === null) return "Enabled";
-  if (state.touched && state.valid === false) return "Failed"; // "Disabled"
+  if (state.touched && state.valid === false) return "Failed";
+  // "Disabled"
   // "Pending"
-
   return "Enabled";
 };
-
 var HvWizardTitle = function HvWizardTitle(_ref) {
   var _customStep$type, _customStep$stepSize, _customStep$width, _labels$summary;
-
   var title = _ref.title,
-      _ref$hasSummary = _ref.hasSummary,
-      hasSummary = _ref$hasSummary === void 0 ? false : _ref$hasSummary,
-      _ref$labels = _ref.labels,
-      labels = _ref$labels === void 0 ? {} : _ref$labels,
-      tab = _ref.tab,
-      classes = _ref.classes,
-      changeTab = _ref.changeTab,
-      _ref$customStep = _ref.customStep,
-      customStep = _ref$customStep === void 0 ? {} : _ref$customStep;
-
+    _ref$hasSummary = _ref.hasSummary,
+    hasSummary = _ref$hasSummary === void 0 ? false : _ref$hasSummary,
+    _ref$labels = _ref.labels,
+    labels = _ref$labels === void 0 ? {} : _ref$labels,
+    tab = _ref.tab,
+    classes = _ref.classes,
+    changeTab = _ref.changeTab,
+    _ref$customStep = _ref.customStep,
+    customStep = _ref$customStep === void 0 ? {} : _ref$customStep;
   var _React$useContext = React.useContext(HvWizardContext),
-      context = _React$useContext.context;
-
+    context = _React$useContext.context,
+    summary = _React$useContext.summary,
+    setSummary = _React$useContext.setSummary;
   var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      steps = _React$useState2[0],
-      setSteps = _React$useState2[1];
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    steps = _React$useState2[0],
+    setSteps = _React$useState2[1];
+  React.useEffect(function () {
+    if (summary === null && hasSummary) {
+      setSummary(false);
+    }
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   React.useEffect(function () {
     var contextArray = Object.entries(context);
-
     if (contextArray.length) {
       var updatedSteps = contextArray.map(function (_ref2, index) {
         var _childState$name;
-
         var _ref3 = _slicedToArray(_ref2, 2),
-            childState = _ref3[1];
-
+          childState = _ref3[1];
         return {
           title: (_childState$name = childState.name) !== null && _childState$name !== void 0 ? _childState$name : "".concat(index + 1),
           state: switchTabState(childState, tab, index),
@@ -69,6 +66,11 @@ var HvWizardTitle = function HvWizardTitle(_ref) {
       setSteps(updatedSteps);
     }
   }, [context, tab, changeTab]);
+  var toggleSummary = function toggleSummary() {
+    setSummary(function (oldSummary) {
+      return !oldSummary;
+    });
+  };
   return /*#__PURE__*/_jsx(HvDialogTitle, {
     className: classes.headerContainer,
     classes: {
@@ -100,12 +102,12 @@ var HvWizardTitle = function HvWizardTitle(_ref) {
         classes: {
           root: classes.rootSummaryButton
         },
+        onClick: toggleSummary,
         children: [_Report || (_Report = /*#__PURE__*/_jsx(Report, {})), " ", "".concat((_labels$summary = labels.summary) !== null && _labels$summary !== void 0 ? _labels$summary : "Summary")]
       })]
     })
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvWizardTitle.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied.
@@ -115,43 +117,35 @@ process.env.NODE_ENV !== "production" ? HvWizardTitle.propTypes = {
      * Styles applied to the header container.
      */
     headerContainer: PropTypes.string,
-
     /**
      * Styles applied to override the Dialog Title styles.
      */
     messageContainer: PropTypes.string,
-
     /**
      * Styles applied to the header content container.
      */
     titleContainer: PropTypes.string,
-
     /**
      * Styles applied to the Button component to override its width.
      */
     buttonWidth: PropTypes.string,
-
     /**
      * Styles applied to the Button component to override its right padding.
      */
     rootSummaryButton: PropTypes.string,
-
     /**
      *
      */
     stepContainer: PropTypes.string
   }),
-
   /**
    * Title for the wizard.
    */
   title: PropTypes.string,
-
   /**
    * Shows the summary button.
    */
   hasSummary: PropTypes.bool,
-
   /**
    * An object containing all the labels for the wizard header.
    */
@@ -161,17 +155,14 @@ process.env.NODE_ENV !== "production" ? HvWizardTitle.propTypes = {
      */
     summary: PropTypes.string
   }),
-
   /**
    * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.
    */
   tab: PropTypes.number.isRequired,
-
   /**
    * Function to change the tab when pressing previous and next buttons.
    */
   changeTab: PropTypes.func.isRequired,
-
   /**
    * Custom object to define type, size and width of the StepNavigation component
    */
@@ -180,12 +171,10 @@ process.env.NODE_ENV !== "production" ? HvWizardTitle.propTypes = {
      * Type of step navigation. Values = {"Simple", "Default"}.
      */
     type: PropTypes.oneOf(["Simple", "Default"]),
-
     /**
      * Sets one of the standard sizes of the steps. Values = {"XS", "SM", "MD", "LG", "XL"}
      */
     stepSize: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]),
-
     /**
      * Width of the component element on each breakpoint screen resolution.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"WizardTitle.js","names":["React","PropTypes","withStyles","HvButton","HvDialogTitle","HvGrid","HvTypography","Report","HvStepNavigation","HvWizardContext","styles","switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","tab","classes","changeTab","customStep","useContext","context","useState","steps","setSteps","useEffect","contextArray","Object","entries","length","updatedSteps","map","childState","name","onClick","headerContainer","messageContainer","titleContainer","stepContainer","type","stepSize","width","xs","sm","md","lg","buttonWidth","root","rootSummaryButton","summary","propTypes","shape","string","bool","number","isRequired","func","oneOf","xl"],"sources":["../../../../src/Wizard/WizardTitle/WizardTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvButton, HvDialogTitle, HvGrid, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Report } from \"@hitachivantara/uikit-react-icons\";\nimport { HvStepNavigation } from \"@hitachivantara/uikit-react-lab\";\nimport HvWizardContext from \"../WizardContext\";\n\nimport styles from \"./styles\";\n\nconst switchTabState = (state, currentTab, index) => {\n  if (index === currentTab) return \"Current\";\n  if (state.valid) return \"Completed\";\n  if (state.valid === null) return \"Enabled\";\n  if (state.touched && state.valid === false) return \"Failed\";\n  // \"Disabled\"\n  // \"Pending\"\n  return \"Enabled\";\n};\n\nconst HvWizardTitle = ({\n  title,\n  hasSummary = false,\n  labels = {},\n  tab,\n  classes,\n  changeTab,\n  customStep = {},\n}) => {\n  const { context } = React.useContext(HvWizardContext);\n  const [steps, setSteps] = React.useState([]);\n\n  React.useEffect(() => {\n    const contextArray = Object.entries(context);\n    if (contextArray.length) {\n      const updatedSteps = contextArray.map(([, childState], index) => ({\n        title: childState.name ?? `${index + 1}`,\n        state: switchTabState(childState, tab, index),\n        onClick: () => changeTab(index),\n      }));\n\n      setSteps(updatedSteps);\n    }\n  }, [context, tab, changeTab]);\n\n  return (\n    <HvDialogTitle\n      className={classes.headerContainer}\n      classes={{ messageContainer: classes.messageContainer }}\n    >\n      <HvGrid\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        className={classes.titleContainer}\n      >\n        {title && (\n          <HvTypography variant=\"xsTitle\" component=\"h3\">\n            {title}\n          </HvTypography>\n        )}\n        {!!steps.length && (\n          <HvStepNavigation\n            className={classes.stepContainer}\n            steps={steps}\n            type={customStep?.type ?? \"Default\"}\n            stepSize={customStep?.stepSize ?? \"XS\"}\n            width={customStep?.width ?? { xs: 200, sm: 350, md: 600, lg: 800 }}\n          />\n        )}\n        {hasSummary && (\n          <HvButton\n            category=\"secondary\"\n            className={classes.buttonWidth}\n            classes={{ root: classes.rootSummaryButton }}\n          >\n            <Report /> {`${labels.summary ?? \"Summary\"}`}\n          </HvButton>\n        )}\n      </HvGrid>\n    </HvDialogTitle>\n  );\n};\n\nHvWizardTitle.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the header container.\n     */\n    headerContainer: PropTypes.string,\n    /**\n     * Styles applied to override the Dialog Title styles.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the header content container.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the Button component to override its width.\n     */\n    buttonWidth: PropTypes.string,\n    /**\n     * Styles applied to the Button component to override its right padding.\n     */\n    rootSummaryButton: PropTypes.string,\n    /**\n     *\n     */\n    stepContainer: PropTypes.string,\n  }),\n  /**\n   * Title for the wizard.\n   */\n  title: PropTypes.string,\n  /**\n   * Shows the summary button.\n   */\n  hasSummary: PropTypes.bool,\n  /**\n   * An object containing all the labels for the wizard header.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Summary button label.\n     */\n    summary: PropTypes.string,\n  }),\n  /**\n   * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.\n   */\n  tab: PropTypes.number.isRequired,\n  /**\n   * Function to change the tab when pressing previous and next buttons.\n   */\n  changeTab: PropTypes.func.isRequired,\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: \"HvWizardTitle\" })(HvWizardTitle);\n"],"mappings":"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"}
+{"version":3,"file":"WizardTitle.js","names":["React","PropTypes","withStyles","HvButton","HvDialogTitle","HvGrid","HvTypography","Report","HvStepNavigation","HvWizardContext","styles","switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","tab","classes","changeTab","customStep","useContext","context","summary","setSummary","useState","steps","setSteps","useEffect","contextArray","Object","entries","length","updatedSteps","map","childState","name","onClick","toggleSummary","oldSummary","headerContainer","messageContainer","titleContainer","stepContainer","type","stepSize","width","xs","sm","md","lg","buttonWidth","root","rootSummaryButton","propTypes","shape","string","bool","number","isRequired","func","oneOf","xl"],"sources":["../../../../src/Wizard/WizardTitle/WizardTitle.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvButton, HvDialogTitle, HvGrid, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { Report } from \"@hitachivantara/uikit-react-icons\";\nimport { HvStepNavigation } from \"@hitachivantara/uikit-react-lab\";\nimport HvWizardContext from \"../WizardContext\";\n\nimport styles from \"./styles\";\n\nconst switchTabState = (state, currentTab, index) => {\n  if (index === currentTab) return \"Current\";\n  if (state.valid) return \"Completed\";\n  if (state.valid === null) return \"Enabled\";\n  if (state.touched && state.valid === false) return \"Failed\";\n  // \"Disabled\"\n  // \"Pending\"\n  return \"Enabled\";\n};\n\nconst HvWizardTitle = ({\n  title,\n  hasSummary = false,\n  labels = {},\n  tab,\n  classes,\n  changeTab,\n  customStep = {},\n}) => {\n  const { context, summary, setSummary } = React.useContext(HvWizardContext);\n  const [steps, setSteps] = React.useState([]);\n\n  React.useEffect(() => {\n    if (summary === null && hasSummary) {\n      setSummary(false);\n    }\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  React.useEffect(() => {\n    const contextArray = Object.entries(context);\n    if (contextArray.length) {\n      const updatedSteps = contextArray.map(([, childState], index) => ({\n        title: childState.name ?? `${index + 1}`,\n        state: switchTabState(childState, tab, index),\n        onClick: () => changeTab(index),\n      }));\n\n      setSteps(updatedSteps);\n    }\n  }, [context, tab, changeTab]);\n\n  const toggleSummary = () => {\n    setSummary((oldSummary) => !oldSummary);\n  };\n\n  return (\n    <HvDialogTitle\n      className={classes.headerContainer}\n      classes={{ messageContainer: classes.messageContainer }}\n    >\n      <HvGrid\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        className={classes.titleContainer}\n      >\n        {title && (\n          <HvTypography variant=\"xsTitle\" component=\"h3\">\n            {title}\n          </HvTypography>\n        )}\n        {!!steps.length && (\n          <HvStepNavigation\n            className={classes.stepContainer}\n            steps={steps}\n            type={customStep?.type ?? \"Default\"}\n            stepSize={customStep?.stepSize ?? \"XS\"}\n            width={customStep?.width ?? { xs: 200, sm: 350, md: 600, lg: 800 }}\n          />\n        )}\n        {hasSummary && (\n          <HvButton\n            category=\"secondary\"\n            className={classes.buttonWidth}\n            classes={{ root: classes.rootSummaryButton }}\n            onClick={toggleSummary}\n          >\n            <Report /> {`${labels.summary ?? \"Summary\"}`}\n          </HvButton>\n        )}\n      </HvGrid>\n    </HvDialogTitle>\n  );\n};\n\nHvWizardTitle.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the header container.\n     */\n    headerContainer: PropTypes.string,\n    /**\n     * Styles applied to override the Dialog Title styles.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the header content container.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the Button component to override its width.\n     */\n    buttonWidth: PropTypes.string,\n    /**\n     * Styles applied to the Button component to override its right padding.\n     */\n    rootSummaryButton: PropTypes.string,\n    /**\n     *\n     */\n    stepContainer: PropTypes.string,\n  }),\n  /**\n   * Title for the wizard.\n   */\n  title: PropTypes.string,\n  /**\n   * Shows the summary button.\n   */\n  hasSummary: PropTypes.bool,\n  /**\n   * An object containing all the labels for the wizard header.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Summary button label.\n     */\n    summary: PropTypes.string,\n  }),\n  /**\n   * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.\n   */\n  tab: PropTypes.number.isRequired,\n  /**\n   * Function to change the tab when pressing previous and next buttons.\n   */\n  changeTab: PropTypes.func.isRequired,\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: \"HvWizardTitle\" })(HvWizardTitle);\n"],"mappings":"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"}

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

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

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

@@ -28,6 +28,5 @@ var styles = function styles(theme) {
     }
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map