@hitachivantara/uikit-react-lab 4.0.4 → 4.1.0

package/dist/StepNavigation/StepNavigation.d.ts

@@ -16,16 +16,18 @@ export type HvStepNavigationProps = StandardProps<
   /**
    * Steps to show on the component.
    */
-  steps: Array<Pick<HvStepProps, "state" | "title" | "onClick" | "className" | "disabled">> & {
-    /**
-     * Class names to override styles on the separator component after the step.
-     */
-    separatorClassName: string;
-    /**
-     * Class names to override styles on the title component above the step.
-     */
-    titleClassName: string;
-  };
+  steps: Array<
+    Pick<HvStepProps, "state" | "title" | "onClick" | "className" | "disabled"> & {
+      /**
+       * Class names to override styles on the separator component after the step.
+       */
+      separatorClassName?: string;
+      /**
+       * Class names to override styles on the title component above the step.
+       */
+      titleClassName?: string;
+    }
+  >;
   /**
    * Sets one of the standard sizes of the steps.
    */

package/dist/Wizard/Wizard.d.ts

@@ -42,6 +42,10 @@ export type HvWizardProps = StandardProps<
    * Shows the summary button.
    */
   hasSummary?: boolean;
+  /**
+   * The content of the summary.
+   */
+  summaryContent?: React.ReactNode;
   /**
    * Enables the skip button.
    */

package/dist/Wizard/Wizard.js

@@ -25,7 +25,7 @@ var _WizardContent = _interopRequireDefault(require("./WizardContent"));
 var _WizardActions = _interopRequireDefault(require("./WizardActions"));
 var _styles2 = _interopRequireDefault(require("./styles"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["className", "children", "onClose", "handleSubmit", "title", "open", "skippable", "loading", "hasSummary", "labels", "fixedHeight", "customStep"];
+var _excluded = ["className", "children", "onClose", "handleSubmit", "title", "open", "skippable", "loading", "hasSummary", "summaryContent", "labels", "fixedHeight", "customStep"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HvWizard = function HvWizard(_ref) {
@@ -41,6 +41,7 @@ var HvWizard = function HvWizard(_ref) {
     loading = _ref$loading === void 0 ? false : _ref$loading,
     _ref$hasSummary = _ref.hasSummary,
     hasSummary = _ref$hasSummary === void 0 ? false : _ref$hasSummary,
+    summaryContent = _ref.summaryContent,
     _ref$labels = _ref.labels,
     labels = _ref$labels === void 0 ? {
       cancel: "Cancel",
@@ -58,16 +59,22 @@ var HvWizard = function HvWizard(_ref) {
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     context = _React$useState2[0],
     setContext = _React$useState2[1];
-  var _React$useState3 = _react.default.useState(0),
+  var _React$useState3 = _react.default.useState(null),
     _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    tab = _React$useState4[0],
-    setTab = _React$useState4[1];
+    summary = _React$useState4[0],
+    setSummary = _React$useState4[1];
+  var _React$useState5 = _react.default.useState(0),
+    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    tab = _React$useState6[0],
+    setTab = _React$useState6[1];
   var contextValue = _react.default.useMemo(function () {
     return {
       context: context,
-      setContext: setContext
+      setContext: setContext,
+      summary: summary,
+      setSummary: setSummary
     };
-  }, [context, setContext]);
+  }, [context, summary]);
   _react.default.useEffect(function () {
     if (!open) {
       setTab(0);
@@ -96,6 +103,7 @@ var HvWizard = function HvWizard(_ref) {
         loading: loading,
         fixedHeight: fixedHeight,
         tab: tab,
+        summaryContent: summaryContent,
         children: children
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_WizardActions.default, {
         loading: loading,
@@ -138,6 +146,10 @@ process.env.NODE_ENV !== "production" ? HvWizard.propTypes = {
    * Shows the summary button.
    */
   hasSummary: _propTypes.default.bool,
+  /**
+   * The content of the summary.
+   */
+  summaryContent: _propTypes.default.node,
   /**
    * The content of the component.
    */

package/dist/Wizard/Wizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"Wizard.js","names":["HvWizard","className","children","onClose","handleSubmit","title","open","skippable","loading","hasSummary","labels","cancel","next","previous","skip","submit","summary","fixedHeight","customStep","others","React","useState","context","setContext","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  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 [tab, setTab] = React.useState(0);\n\n  const contextValue = React.useMemo(\n    () => ({\n      context,\n      setContext,\n    }),\n    [context, setContext]\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 loading={loading} fixedHeight={fixedHeight} tab={tab}>\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 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    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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"}

package/dist/Wizard/WizardContent/WizardContent.d.ts

@@ -23,6 +23,10 @@ export type HvWizardContentProps = StandardProps<
    * Whether the loading animation is shown.
    */
   loading?: boolean;
+  /**
+   * The content of the summary.
+   */
+  summaryContent?: React.ReactNode;
 };
 
 export default function HvWizardContent(props: HvWizardContentProps): JSX.Element | null;

package/dist/Wizard/WizardContent/WizardContent.js

@@ -20,6 +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 _clsx = _interopRequireDefault(require("clsx"));
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
 var _WizardContext = _interopRequireDefault(require("../WizardContext"));
@@ -28,6 +29,9 @@ var _styles2 = _interopRequireDefault(require("./styles"));
 var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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,
@@ -35,7 +39,8 @@ var HvWizardContent = function HvWizardContent(_ref) {
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     children = _ref.children,
-    tab = _ref.tab;
+    tab = _ref.tab,
+    summaryContent = _ref.summaryContent;
   var arrayChildren = _react.default.Children.toArray(children);
   var initialContext = arrayChildren.reduce(function (acc, child, index) {
     var invalid = child.props.mustValidate === true ? false : null;
@@ -48,7 +53,44 @@ var HvWizardContent = function HvWizardContent(_ref) {
   }, {});
   var _React$useContext = _react.default.useContext(_WizardContext.default),
     context = _React$useContext.context,
-    setContext = _React$useContext.setContext;
+    setContext = _React$useContext.setContext,
+    summary = _React$useContext.summary;
+  var resizedRef = _react.default.useRef({
+    width: 0,
+    height: 0
+  });
+  var _useResizeAware = (0, _reactResizeAware.default)(),
+    _useResizeAware2 = (0, _slicedToArray2.default)(_useResizeAware, 2),
+    resizeListener = _useResizeAware2[0],
+    sizes = _useResizeAware2[1];
+  var _React$useState = _react.default.useState(0),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    summaryHeight = _React$useState2[0],
+    setSummaryHeight = _React$useState2[1];
+  var _React$useState3 = _react.default.useState(0),
+    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    summaryWidth = _React$useState4[0],
+    setSummaryWidth = _React$useState4[1];
+  var _React$useState5 = _react.default.useState(0),
+    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    summaryLeft = _React$useState6[0],
+    setSummaryLeft = _React$useState6[1];
+  var updateSummaryMeasures = _react.default.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.default.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.default.useEffect(function () {
     setContext(initialContext);
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
@@ -68,12 +110,26 @@ var HvWizardContent = function HvWizardContent(_ref) {
       }, {});
       setContext(updatedContext);
     }
+    updateSummaryMeasures(sizes);
   }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps
 
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvDialogContent, {
+  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: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingContainer.default, {
+    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) {
@@ -83,7 +139,7 @@ var HvWizardContent = function HvWizardContent(_ref) {
         }
         return null;
       })
-    })
+    })]
   });
 };
 process.env.NODE_ENV !== "production" ? HvWizardContent.propTypes = {
@@ -100,13 +156,21 @@ process.env.NODE_ENV !== "production" ? HvWizardContent.propTypes = {
    */
   classes: _propTypes.default.shape({
     /**
-     * Style applied to the Wizard content container
+     * Style applied to the Wizard content container.
      */
     contentContainer: _propTypes.default.string,
     /**
      * Style applied to the Wizard to fix its height.
      */
-    fixedHeight: _propTypes.default.string
+    fixedHeight: _propTypes.default.string,
+    /**
+     * Style applied to the Summary container to stick it to the top.
+     */
+    summarySticky: _propTypes.default.string,
+    /**
+     * Style applied to the Summary container to position it on the right.
+     */
+    summaryContainer: _propTypes.default.string
   }).isRequired,
   /**
    * Forces minimum height to the component.
@@ -115,7 +179,11 @@ process.env.NODE_ENV !== "production" ? HvWizardContent.propTypes = {
   /**
    * Whether the loading animation is shown.
    */
-  loading: _propTypes.default.bool
+  loading: _propTypes.default.bool,
+  /**
+   * The content of the summary.
+   */
+  summaryContent: _propTypes.default.node
 } : void 0;
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvWizardContent"

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

@@ -1 +1 @@
-{"version":3,"file":"WizardContent.js","names":["HvWizardContent","classes","fixedHeight","loading","children","tab","arrayChildren","React","Children","toArray","initialContext","reduce","acc","child","index","invalid","props","mustValidate","valid","form","touched","useContext","HvWizardContext","context","setContext","useEffect","updatedContext","Object","entries","key","childState","clsx","contentContainer","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 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":["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":"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"}

package/dist/Wizard/WizardContent/styles.js

@@ -4,16 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-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"
     }
   };
 };

package/dist/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,MAAM;EAAA,OAAU;IACpBC,gBAAgB,EAAE;MAChBC,QAAQ,EAAE,UAAU;MACpBC,OAAO,EAAE,EAAE;MACXC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE;IACb,CAAC;IACDC,WAAW,EAAE;MACXD,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC;AAAC,eAEYL,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    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"}

package/dist/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/Wizard/WizardTitle/WizardTitle.js

@@ -41,11 +41,19 @@ var HvWizardTitle = function HvWizardTitle(_ref) {
     _ref$customStep = _ref.customStep,
     customStep = _ref$customStep === void 0 ? {} : _ref$customStep;
   var _React$useContext = _react.default.useContext(_WizardContext.default),
-    context = _React$useContext.context;
+    context = _React$useContext.context,
+    summary = _React$useContext.summary,
+    setSummary = _React$useContext.setSummary;
   var _React$useState = _react.default.useState([]),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     steps = _React$useState2[0],
     setSteps = _React$useState2[1];
+  _react.default.useEffect(function () {
+    if (summary === null && hasSummary) {
+      setSummary(false);
+    }
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
   _react.default.useEffect(function () {
     var contextArray = Object.entries(context);
     if (contextArray.length) {
@@ -64,6 +72,11 @@ var HvWizardTitle = function HvWizardTitle(_ref) {
       setSteps(updatedSteps);
     }
   }, [context, tab, changeTab]);
+  var toggleSummary = function toggleSummary() {
+    setSummary(function (oldSummary) {
+      return !oldSummary;
+    });
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvDialogTitle, {
     className: classes.headerContainer,
     classes: {
@@ -95,6 +108,7 @@ var HvWizardTitle = function HvWizardTitle(_ref) {
         classes: {
           root: classes.rootSummaryButton
         },
+        onClick: toggleSummary,
         children: [_Report || (_Report = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Report, {})), " ", "".concat((_labels$summary = labels.summary) !== null && _labels$summary !== void 0 ? _labels$summary : "Summary")]
       })]
     })

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

@@ -1 +1 @@
-{"version":3,"file":"WizardTitle.js","names":["switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","tab","classes","changeTab","customStep","React","useContext","HvWizardContext","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","PropTypes","shape","string","bool","number","isRequired","func","oneOf","xl","withStyles","styles"],"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":["switchTabState","state","currentTab","index","valid","touched","HvWizardTitle","title","hasSummary","labels","tab","classes","changeTab","customStep","React","useContext","HvWizardContext","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","PropTypes","shape","string","bool","number","isRequired","func","oneOf","xl","withStyles","styles"],"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/StepNavigation/StepNavigation.d.ts

@@ -16,16 +16,18 @@ export type HvStepNavigationProps = StandardProps<
   /**
    * Steps to show on the component.
    */
-  steps: Array<Pick<HvStepProps, "state" | "title" | "onClick" | "className" | "disabled">> & {
-    /**
-     * Class names to override styles on the separator component after the step.
-     */
-    separatorClassName: string;
-    /**
-     * Class names to override styles on the title component above the step.
-     */
-    titleClassName: string;
-  };
+  steps: Array<
+    Pick<HvStepProps, "state" | "title" | "onClick" | "className" | "disabled"> & {
+      /**
+       * Class names to override styles on the separator component after the step.
+       */
+      separatorClassName?: string;
+      /**
+       * Class names to override styles on the title component above the step.
+       */
+      titleClassName?: string;
+    }
+  >;
   /**
    * Sets one of the standard sizes of the steps.
    */

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

@@ -42,6 +42,10 @@ export type HvWizardProps = StandardProps<
    * Shows the summary button.
    */
   hasSummary?: boolean;
+  /**
+   * The content of the summary.
+   */
+  summaryContent?: React.ReactNode;
   /**
    * Enables the skip button.
    */

package/dist/legacy/Wizard/Wizard.js

@@ -8,7 +8,7 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "children", "onClose", "handleSubmit", "title", "open", "skippable", "loading", "hasSummary", "labels", "fixedHeight", "customStep"];
+var _excluded = ["className", "children", "onClose", "handleSubmit", "title", "open", "skippable", "loading", "hasSummary", "summaryContent", "labels", "fixedHeight", "customStep"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from "react";
@@ -35,6 +35,7 @@ var HvWizard = function HvWizard(_ref) {
     loading = _ref$loading === void 0 ? false : _ref$loading,
     _ref$hasSummary = _ref.hasSummary,
     hasSummary = _ref$hasSummary === void 0 ? false : _ref$hasSummary,
+    summaryContent = _ref.summaryContent,
     _ref$labels = _ref.labels,
     labels = _ref$labels === void 0 ? {
       cancel: "Cancel",
@@ -52,16 +53,22 @@ var HvWizard = function HvWizard(_ref) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     context = _React$useState2[0],
     setContext = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
+  var _React$useState3 = React.useState(null),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
-    tab = _React$useState4[0],
-    setTab = _React$useState4[1];
+    summary = _React$useState4[0],
+    setSummary = _React$useState4[1];
+  var _React$useState5 = React.useState(0),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    tab = _React$useState6[0],
+    setTab = _React$useState6[1];
   var contextValue = React.useMemo(function () {
     return {
       context: context,
-      setContext: setContext
+      setContext: setContext,
+      summary: summary,
+      setSummary: setSummary
     };
-  }, [context, setContext]);
+  }, [context, summary]);
   React.useEffect(function () {
     if (!open) {
       setTab(0);
@@ -90,6 +97,7 @@ var HvWizard = function HvWizard(_ref) {
         loading: loading,
         fixedHeight: fixedHeight,
         tab: tab,
+        summaryContent: summaryContent,
         children: children
       }), /*#__PURE__*/_jsx(WizardActions, {
         loading: loading,
@@ -132,6 +140,10 @@ process.env.NODE_ENV !== "production" ? HvWizard.propTypes = {
    * Shows the summary button.
    */
   hasSummary: PropTypes.bool,
+  /**
+   * The content of the summary.
+   */
+  summaryContent: PropTypes.node,
   /**
    * The content of the component.
    */