@hitachivantara/uikit-react-lab 4.0.3 → 4.1.0

package/dist/Wizard/WizardActions/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _WizardActions.default;
   }
 });
-
 var _WizardActions = _interopRequireDefault(require("./WizardActions"));
 //# sourceMappingURL=index.js.map

package/dist/Wizard/WizardActions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Wizard/WizardActions/index.js"],"sourcesContent":["export { default } from \"./WizardActions\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Wizard/WizardActions/index.js"],"sourcesContent":["export { default } from \"./WizardActions\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/Wizard/WizardActions/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles() {
   return {
     buttonWidth: {
@@ -24,7 +23,6 @@ var styles = function styles() {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","buttonWidth","width","actionsContainer","display","justifyContent","buttonsContainer","marginLeft","buttonSpacing","paddingLeft"],"sources":["../../../src/Wizard/WizardActions/styles.js"],"sourcesContent":["const styles = () => ({\n  buttonWidth: {\n    width: 120,\n  },\n  actionsContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n  },\n  buttonsContainer: {\n    \"& > button:last-child\": {\n      marginLeft: 20,\n    },\n  },\n  buttonSpacing: {\n    paddingLeft: 28,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,WAAW,EAAE;MACXC,KAAK,EAAE;IADI,CADO;IAIpBC,gBAAgB,EAAE;MAChBC,OAAO,EAAE,MADO;MAEhBC,cAAc,EAAE;IAFA,CAJE;IAQpBC,gBAAgB,EAAE;MAChB,yBAAyB;QACvBC,UAAU,EAAE;MADW;IADT,CARE;IAapBC,aAAa,EAAE;MACbC,WAAW,EAAE;IADA;EAbK,CAAP;AAAA,CAAf;;eAkBeT,M"}
+{"version":3,"file":"styles.js","names":["styles","buttonWidth","width","actionsContainer","display","justifyContent","buttonsContainer","marginLeft","buttonSpacing","paddingLeft"],"sources":["../../../src/Wizard/WizardActions/styles.js"],"sourcesContent":["const styles = () => ({\n  buttonWidth: {\n    width: 120,\n  },\n  actionsContainer: {\n    display: \"flex\",\n    justifyContent: \"space-between\",\n  },\n  buttonsContainer: {\n    \"& > button:last-child\": {\n      marginLeft: 20,\n    },\n  },\n  buttonSpacing: {\n    paddingLeft: 28,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,OAAU;IACpBC,WAAW,EAAE;MACXC,KAAK,EAAE;IACT,CAAC;IACDC,gBAAgB,EAAE;MAChBC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE;IAClB,CAAC;IACDC,gBAAgB,EAAE;MAChB,uBAAuB,EAAE;QACvBC,UAAU,EAAE;MACd;IACF,CAAC;IACDC,aAAa,EAAE;MACbC,WAAW,EAAE;IACf;EACF,CAAC;AAAA,CAAC;AAAC,eAEYT,MAAM;AAAA"}

package/dist/Wizard/WizardContainer/WizardContainer.js

@@ -1,57 +1,36 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/styles");
-
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["classes", "className", "children", "handleClose", "open"];
-
 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 HvWizardContainer = function HvWizardContainer(_ref) {
   var classes = _ref.classes,
-      className = _ref.className,
-      children = _ref.children,
-      handleClose = _ref.handleClose,
-      open = _ref.open,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    className = _ref.className,
+    children = _ref.children,
+    handleClose = _ref.handleClose,
+    open = _ref.open,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvDialog, _objectSpread(_objectSpread({
     classes: {
       closeButton: classes.closeButton,
@@ -65,13 +44,11 @@ var HvWizardContainer = function HvWizardContainer(_ref) {
     children: children
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvWizardContainer.propTypes = {
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -80,37 +57,30 @@ process.env.NODE_ENV !== "production" ? HvWizardContainer.propTypes = {
      * Styles applied to the component root class.
      */
     root: _propTypes.default.string,
-
     /**
      * Style applied to the component (root).
      */
     paper: _propTypes.default.string,
-
     /**
      * Style applied to the close button.
      */
     closeButton: _propTypes.default.string
   }).isRequired,
-
   /**
    * Components of the Wizard.
    */
   children: _propTypes.default.node.isRequired,
-
   /**
    * Current state of the Wizard.
    */
   open: _propTypes.default.bool.isRequired,
-
   /**
    * Function executed on close.
    */
   handleClose: _propTypes.default.func.isRequired
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvWizardContainer"
 })(HvWizardContainer);
-
 exports.default = _default;
 //# sourceMappingURL=WizardContainer.js.map

package/dist/Wizard/WizardContainer/WizardContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"WizardContainer.js","names":["HvWizardContainer","classes","className","children","handleClose","open","others","closeButton","paper","clsx","root","propTypes","PropTypes","string","shape","isRequired","node","bool","func","withStyles","styles","name"],"sources":["../../../src/Wizard/WizardContainer/WizardContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvDialog } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nconst HvWizardContainer = ({ classes, className, children, handleClose, open, ...others }) => {\n  return (\n    <HvDialog\n      classes={{ closeButton: classes.closeButton, paper: classes.paper }} // overrides css\n      className={clsx(className, classes.root)}\n      open={open}\n      onClose={handleClose}\n      {...others}\n    >\n      {children}\n    </HvDialog>\n  );\n};\n\nHvWizardContainer.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Wizard.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Wizard.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  handleClose: PropTypes.func.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvWizardContainer\" })(HvWizardContainer);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAAoE;EAAA,IAAjEC,OAAiE,QAAjEA,OAAiE;EAAA,IAAxDC,SAAwD,QAAxDA,SAAwD;EAAA,IAA7CC,QAA6C,QAA7CA,QAA6C;EAAA,IAAnCC,WAAmC,QAAnCA,WAAmC;EAAA,IAAtBC,IAAsB,QAAtBA,IAAsB;EAAA,IAAbC,MAAa;EAC5F,oBACE,qBAAC,wBAAD;IACE,OAAO,EAAE;MAAEC,WAAW,EAAEN,OAAO,CAACM,WAAvB;MAAoCC,KAAK,EAAEP,OAAO,CAACO;IAAnD,CADX,CACuE;IADvE;IAEE,SAAS,EAAE,IAAAC,aAAA,EAAKP,SAAL,EAAgBD,OAAO,CAACS,IAAxB,CAFb;IAGE,IAAI,EAAEL,IAHR;IAIE,OAAO,EAAED;EAJX,GAKME,MALN;IAAA,UAOGH;EAPH,GADF;AAWD,CAZD;;AAcA,wCAAAH,iBAAiB,CAACW,SAAlB,GAA8B;EAC5B;AACF;AACA;EACET,SAAS,EAAEU,kBAAA,CAAUC,MAJO;;EAK5B;AACF;AACA;EACEZ,OAAO,EAAEW,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEE,kBAAA,CAAUC,MAJO;;IAKvB;AACJ;AACA;IACIL,KAAK,EAAEI,kBAAA,CAAUC,MARM;;IASvB;AACJ;AACA;IACIN,WAAW,EAAEK,kBAAA,CAAUC;EAZA,CAAhB,EAaNE,UArByB;;EAsB5B;AACF;AACA;EACEZ,QAAQ,EAAES,kBAAA,CAAUI,IAAV,CAAeD,UAzBG;;EA0B5B;AACF;AACA;EACEV,IAAI,EAAEO,kBAAA,CAAUK,IAAV,CAAeF,UA7BO;;EA8B5B;AACF;AACA;EACEX,WAAW,EAAEQ,kBAAA,CAAUM,IAAV,CAAeH;AAjCA,CAA9B;;eAoCe,IAAAI,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAkDrB,iBAAlD,C"}
+{"version":3,"file":"WizardContainer.js","names":["HvWizardContainer","classes","className","children","handleClose","open","others","closeButton","paper","clsx","root","propTypes","PropTypes","string","shape","isRequired","node","bool","func","withStyles","styles","name"],"sources":["../../../src/Wizard/WizardContainer/WizardContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvDialog } from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nconst HvWizardContainer = ({ classes, className, children, handleClose, open, ...others }) => {\n  return (\n    <HvDialog\n      classes={{ closeButton: classes.closeButton, paper: classes.paper }} // overrides css\n      className={clsx(className, classes.root)}\n      open={open}\n      onClose={handleClose}\n      {...others}\n    >\n      {children}\n    </HvDialog>\n  );\n};\n\nHvWizardContainer.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the component (root).\n     */\n    paper: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Components of the Wizard.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Wizard.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  handleClose: PropTypes.func.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvWizardContainer\" })(HvWizardContainer);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AAA8B;AAAA;AAAA;AAAA;AAE9B,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,OAAuE;EAAA,IAAjEC,OAAO,QAAPA,OAAO;IAAEC,SAAS,QAATA,SAAS;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,WAAW,QAAXA,WAAW;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EACrF,oBACE,qBAAC,wBAAQ;IACP,OAAO,EAAE;MAAEC,WAAW,EAAEN,OAAO,CAACM,WAAW;MAAEC,KAAK,EAAEP,OAAO,CAACO;IAAM,CAAE,CAAC;IAAA;IACrE,SAAS,EAAE,IAAAC,aAAI,EAACP,SAAS,EAAED,OAAO,CAACS,IAAI,CAAE;IACzC,IAAI,EAAEL,IAAK;IACX,OAAO,EAAED;EAAY,GACjBE,MAAM;IAAA,UAETH;EAAQ,GACA;AAEf,CAAC;AAED,wCAAAH,iBAAiB,CAACW,SAAS,GAAG;EAC5B;AACF;AACA;EACET,SAAS,EAAEU,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACEZ,OAAO,EAAEW,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEE,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIL,KAAK,EAAEI,kBAAS,CAACC,MAAM;IACvB;AACJ;AACA;IACIN,WAAW,EAAEK,kBAAS,CAACC;EACzB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEZ,QAAQ,EAAES,kBAAS,CAACI,IAAI,CAACD,UAAU;EACnC;AACF;AACA;EACEV,IAAI,EAAEO,kBAAS,CAACK,IAAI,CAACF,UAAU;EAC/B;AACF;AACA;EACEX,WAAW,EAAEQ,kBAAS,CAACM,IAAI,CAACH;AAC9B,CAAC;AAAC,eAEa,IAAAI,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAoB,CAAC,CAAC,CAACrB,iBAAiB,CAAC;AAAA"}

package/dist/Wizard/WizardContainer/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _WizardContainer.default;
   }
 });
-
 var _WizardContainer = _interopRequireDefault(require("./WizardContainer"));
 //# sourceMappingURL=index.js.map

package/dist/Wizard/WizardContainer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Wizard/WizardContainer/index.js"],"sourcesContent":["export { default } from \"./WizardContainer\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Wizard/WizardContainer/index.js"],"sourcesContent":["export { default } from \"./WizardContainer\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/Wizard/WizardContainer/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles() {
   return {
     root: {},
@@ -17,7 +16,6 @@ var styles = function styles() {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","paper","width","maxWidth","closeButton","display"],"sources":["../../../src/Wizard/WizardContainer/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {},\n  paper: {\n    width: \"80%\",\n    maxWidth: \"80%\",\n  },\n  closeButton: {\n    display: \"none\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE,EADc;IAEpBC,KAAK,EAAE;MACLC,KAAK,EAAE,KADF;MAELC,QAAQ,EAAE;IAFL,CAFa;IAMpBC,WAAW,EAAE;MACXC,OAAO,EAAE;IADE;EANO,CAAP;AAAA,CAAf;;eAWeN,M"}
+{"version":3,"file":"styles.js","names":["styles","root","paper","width","maxWidth","closeButton","display"],"sources":["../../../src/Wizard/WizardContainer/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {},\n  paper: {\n    width: \"80%\",\n    maxWidth: \"80%\",\n  },\n  closeButton: {\n    display: \"none\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM;EAAA,OAAU;IACpBC,IAAI,EAAE,CAAC,CAAC;IACRC,KAAK,EAAE;MACLC,KAAK,EAAE,KAAK;MACZC,QAAQ,EAAE;IACZ,CAAC;IACDC,WAAW,EAAE;MACXC,OAAO,EAAE;IACX;EACF,CAAC;AAAA,CAAC;AAAC,eAEYN,MAAM;AAAA"}

package/dist/Wizard/WizardContent/LoadingContainer.js

@@ -1,50 +1,29 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _uikitReactCore = require("@hitachivantara/uikit-react-core");
-
 var _material = require("@mui/material");
-
 var _styles = require("@mui/styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["children", "hidden"];
-
 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 useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     loading: {
@@ -62,11 +41,10 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     }
   };
 });
-
 var LoadingContainer = function LoadingContainer(_ref) {
   var children = _ref.children,
-      hidden = _ref.hidden,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    hidden = _ref.hidden,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -91,7 +69,6 @@ var LoadingContainer = function LoadingContainer(_ref) {
     })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? LoadingContainer.propTypes = {
   children: _propTypes.default.node,
   hidden: _propTypes.default.bool

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingContainer.js","names":["useStyles","makeStyles","theme","loading","width","height","overlay","position","transition","zIndex","blur","backgroundColor","alpha","hexToRgb","hv","palette","atmosphere","atmo2","drawer","LoadingContainer","children","hidden","others","classes","top","left","clsx","root","display","propTypes","PropTypes","node","bool"],"sources":["../../../src/Wizard/WizardContent/LoadingContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvLoading } from \"@hitachivantara/uikit-react-core\";\nimport { alpha, hexToRgb } from \"@mui/material\";\nimport { makeStyles } from \"@mui/styles\";\n\nconst useStyles = makeStyles((theme) => ({\n  loading: {\n    width: \"100%\",\n    height: \"100%\",\n  },\n  overlay: {\n    position: \"absolute\",\n    transition: \"background-Color .2s ease\",\n    zIndex: -1,\n  },\n  blur: {\n    backgroundColor: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo2), 0.8),\n    zIndex: theme.zIndex.drawer,\n  },\n}));\n\nconst LoadingContainer = ({ children, hidden, ...others }) => {\n  const classes = useStyles();\n\n  return (\n    <>\n      <div\n        style={{\n          top: 0,\n          left: 0,\n          height: \"100%\",\n          width: \"100%\",\n        }}\n        className={clsx(classes.overlay, { [classes.blur]: !hidden })}\n      >\n        <HvLoading classes={{ root: classes.loading }} hidden={hidden} {...others} />\n      </div>\n      <div style={{ display: \"flow-root\" }}>{children}</div>\n    </>\n  );\n};\n\nLoadingContainer.propTypes = {\n  children: PropTypes.node,\n  hidden: PropTypes.bool,\n};\n\nexport default LoadingContainer;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,SAAS,GAAG,IAAAC,kBAAA,EAAW,UAACC,KAAD;EAAA,OAAY;IACvCC,OAAO,EAAE;MACPC,KAAK,EAAE,MADA;MAEPC,MAAM,EAAE;IAFD,CAD8B;IAKvCC,OAAO,EAAE;MACPC,QAAQ,EAAE,UADH;MAEPC,UAAU,EAAE,2BAFL;MAGPC,MAAM,EAAE,CAAC;IAHF,CAL8B;IAUvCC,IAAI,EAAE;MACJC,eAAe,EAAE,IAAAC,eAAA,EAAM,IAAAC,kBAAA,EAASX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAArC,CAAN,EAAmD,GAAnD,CADb;MAEJR,MAAM,EAAEP,KAAK,CAACO,MAAN,CAAaS;IAFjB;EAViC,CAAZ;AAAA,CAAX,CAAlB;;AAgBA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAqC;EAAA,IAAlCC,QAAkC,QAAlCA,QAAkC;EAAA,IAAxBC,MAAwB,QAAxBA,MAAwB;EAAA,IAAbC,MAAa;EAC5D,IAAMC,OAAO,GAAGvB,SAAS,EAAzB;EAEA,oBACE;IAAA,wBACE;MACE,KAAK,EAAE;QACLwB,GAAG,EAAE,CADA;QAELC,IAAI,EAAE,CAFD;QAGLpB,MAAM,EAAE,MAHH;QAILD,KAAK,EAAE;MAJF,CADT;MAOE,SAAS,EAAE,IAAAsB,aAAA,EAAKH,OAAO,CAACjB,OAAb,EAAwC,CAACe,MAAzC,IAAyBE,OAAO,CAACb,IAAjC,CAPb;MAAA,uBASE,qBAAC,yBAAD;QAAW,OAAO,EAAE;UAAEiB,IAAI,EAAEJ,OAAO,CAACpB;QAAhB,CAApB;QAA+C,MAAM,EAAEkB;MAAvD,GAAmEC,MAAnE;IATF,EADF,eAYE;MAAK,KAAK,EAAE;QAAEM,OAAO,EAAE;MAAX,CAAZ;MAAA,UAAuCR;IAAvC,EAZF;EAAA,EADF;AAgBD,CAnBD;;AAqBA,wCAAAD,gBAAgB,CAACU,SAAjB,GAA6B;EAC3BT,QAAQ,EAAEU,kBAAA,CAAUC,IADO;EAE3BV,MAAM,EAAES,kBAAA,CAAUE;AAFS,CAA7B;eAKeb,gB"}
+{"version":3,"file":"LoadingContainer.js","names":["useStyles","makeStyles","theme","loading","width","height","overlay","position","transition","zIndex","blur","backgroundColor","alpha","hexToRgb","hv","palette","atmosphere","atmo2","drawer","LoadingContainer","children","hidden","others","classes","top","left","clsx","root","display","propTypes","PropTypes","node","bool"],"sources":["../../../src/Wizard/WizardContent/LoadingContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvLoading } from \"@hitachivantara/uikit-react-core\";\nimport { alpha, hexToRgb } from \"@mui/material\";\nimport { makeStyles } from \"@mui/styles\";\n\nconst useStyles = makeStyles((theme) => ({\n  loading: {\n    width: \"100%\",\n    height: \"100%\",\n  },\n  overlay: {\n    position: \"absolute\",\n    transition: \"background-Color .2s ease\",\n    zIndex: -1,\n  },\n  blur: {\n    backgroundColor: alpha(hexToRgb(theme.hv.palette.atmosphere.atmo2), 0.8),\n    zIndex: theme.zIndex.drawer,\n  },\n}));\n\nconst LoadingContainer = ({ children, hidden, ...others }) => {\n  const classes = useStyles();\n\n  return (\n    <>\n      <div\n        style={{\n          top: 0,\n          left: 0,\n          height: \"100%\",\n          width: \"100%\",\n        }}\n        className={clsx(classes.overlay, { [classes.blur]: !hidden })}\n      >\n        <HvLoading classes={{ root: classes.loading }} hidden={hidden} {...others} />\n      </div>\n      <div style={{ display: \"flow-root\" }}>{children}</div>\n    </>\n  );\n};\n\nLoadingContainer.propTypes = {\n  children: PropTypes.node,\n  hidden: PropTypes.bool,\n};\n\nexport default LoadingContainer;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAyC;AAAA;AAAA;AAAA;AAEzC,IAAMA,SAAS,GAAG,IAAAC,kBAAU,EAAC,UAACC,KAAK;EAAA,OAAM;IACvCC,OAAO,EAAE;MACPC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACPC,QAAQ,EAAE,UAAU;MACpBC,UAAU,EAAE,2BAA2B;MACvCC,MAAM,EAAE,CAAC;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,eAAe,EAAE,IAAAC,eAAK,EAAC,IAAAC,kBAAQ,EAACX,KAAK,CAACY,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK,CAAC,EAAE,GAAG,CAAC;MACxER,MAAM,EAAEP,KAAK,CAACO,MAAM,CAACS;IACvB;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAAwC;EAAA,IAAlCC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAKC,MAAM;EACrD,IAAMC,OAAO,GAAGvB,SAAS,EAAE;EAE3B,oBACE;IAAA,wBACE;MACE,KAAK,EAAE;QACLwB,GAAG,EAAE,CAAC;QACNC,IAAI,EAAE,CAAC;QACPpB,MAAM,EAAE,MAAM;QACdD,KAAK,EAAE;MACT,CAAE;MACF,SAAS,EAAE,IAAAsB,aAAI,EAACH,OAAO,CAACjB,OAAO,EAAoB,CAACe,MAAM,IAAtBE,OAAO,CAACb,IAAI,CAAc;MAAA,uBAE9D,qBAAC,yBAAS;QAAC,OAAO,EAAE;UAAEiB,IAAI,EAAEJ,OAAO,CAACpB;QAAQ,CAAE;QAAC,MAAM,EAAEkB;MAAO,GAAKC,MAAM;IAAI,EACzE,eACN;MAAK,KAAK,EAAE;QAAEM,OAAO,EAAE;MAAY,CAAE;MAAA,UAAER;IAAQ,EAAO;EAAA,EACrD;AAEP,CAAC;AAED,wCAAAD,gBAAgB,CAACU,SAAS,GAAG;EAC3BT,QAAQ,EAAEU,kBAAS,CAACC,IAAI;EACxBV,MAAM,EAAES,kBAAS,CAACE;AACpB,CAAC;AAAC,eAEab,gBAAgB;AAAA"}

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

@@ -1,69 +1,47 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.promise.js");
-
 require("core-js/modules/es.object.entries.js");
-
 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"));
-
 var _LoadingContainer = _interopRequireDefault(require("./LoadingContainer"));
-
 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,
-      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.default.Children.toArray(children);
-
   var initialContext = arrayChildren.reduce(function (acc, child, index) {
     var invalid = child.props.mustValidate === true ? false : null;
     var valid = invalid !== null && invalid !== void 0 ? invalid : index === 0 || null;
@@ -73,27 +51,58 @@ var HvWizardContent = function HvWizardContent(_ref) {
       touched: index === 0
     })));
   }, {});
-
   var _React$useContext = _react.default.useContext(_WizardContext.default),
-      context = _React$useContext.context,
-      setContext = _React$useContext.setContext;
-
+    context = _React$useContext.context,
+    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
 
-
   _react.default.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 = (0, _slicedToArray2.default)(_ref2, 2),
-            key = _ref3[0],
-            childState = _ref3[1];
-
+          key = _ref3[0],
+          childState = _ref3[1];
         return _objectSpread(_objectSpread({}, acc), +key <= tab ? (0, _defineProperty2.default)({}, key, _objectSpread(_objectSpread({}, childState), {}, {
           touched: true,
           valid: (_childState$valid = childState.valid) !== null && _childState$valid !== void 0 ? _childState$valid : true
@@ -101,13 +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) {
@@ -115,53 +137,56 @@ var HvWizardContent = function HvWizardContent(_ref) {
             tab: tab
           });
         }
-
         return null;
       })
-    })
+    })]
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvWizardContent.propTypes = {
   /**
    * Current tab to show.
    */
   tab: _propTypes.default.number.isRequired,
-
   /**
    * Tabs to show on the Wizard.
    */
   children: _propTypes.default.node.isRequired,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
   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.
    */
   fixedHeight: _propTypes.default.bool,
-
   /**
    * 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"
 })(HvWizardContent);
-
 exports.default = _default;
 //# sourceMappingURL=WizardContent.js.map

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/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _WizardContent.default;
   }
 });
-
 var _WizardContent = _interopRequireDefault(require("./WizardContent"));
 //# sourceMappingURL=index.js.map

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

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