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

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

@@ -0,0 +1 @@
+{"version":3,"file":"WizardActions.js","names":["HvWizardActions","classes","handleClose","onSubmit","changeTab","tab","loading","skippable","labels","cancel","next","previous","skip","submit","React","useContext","WizardContext","context","setContext","useState","pages","setPages","canSubmit","setCanSubmit","useEffect","contextEntries","Object","entries","length","validWizard","every","value","valid","lastPage","isLastPage","handleSkip","useCallback","skippedContext","map","child","handleSubmit","actionsContainer","buttonWidth","buttonsContainer","t","clsx","buttonSpacing","propTypes","PropTypes","shape","string","isRequired","number","func","bool","withStyles","styles","name"],"sources":["../../../src/Wizard/WizardActions/WizardActions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport clsx from \"clsx\";\nimport { HvButton, HvDialogActions, HvGrid } from \"@hitachivantara/uikit-react-core\";\nimport { Backwards, Forwards } from \"@hitachivantara/uikit-react-icons\";\nimport WizardContext from \"../WizardContext\";\n\nimport styles from \"./styles\";\n\nconst HvWizardActions = ({\n  classes,\n  handleClose,\n  onSubmit,\n  changeTab,\n  tab,\n  loading = false,\n  skippable = false,\n  labels = {\n    cancel: \"Cancel\",\n    next: \"Next\",\n    previous: \"Previous\",\n    skip: \"Skip\",\n    submit: \"Submit\",\n  },\n}) => {\n  const { context, setContext } = React.useContext(WizardContext);\n  const [pages, setPages] = React.useState(0);\n  const [canSubmit, setCanSubmit] = React.useState(false);\n\n  React.useEffect(() => {\n    const contextEntries = Object.entries(context);\n    if (contextEntries.length) {\n      setPages(contextEntries.length);\n\n      const validWizard = Object.entries(context).every(([, value]) => value.valid);\n      if (validWizard !== canSubmit) {\n        setCanSubmit(validWizard);\n      }\n    }\n  }, [context]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const lastPage = pages - 1;\n  const isLastPage = tab >= lastPage;\n\n  const handleSkip = React.useCallback(() => {\n    const skippedContext = Object.entries(context).map(([, child]) => ({\n      ...child,\n      valid: child.valid !== false,\n    }));\n    setContext(skippedContext);\n    changeTab(lastPage);\n  }, [changeTab, context, lastPage, setContext]);\n  const handleSubmit = React.useCallback(() => onSubmit(context), [onSubmit, context]);\n\n  return (\n    <HvDialogActions className={classes.actionsContainer}>\n      <HvGrid>\n        <HvButton category=\"ghost\" onClick={handleClose} className={classes.buttonWidth}>\n          {`${labels.cancel ?? \"Cancel\"}`}\n        </HvButton>\n        <HvButton\n          category=\"ghost\"\n          disabled={isLastPage || !skippable}\n          className={classes.buttonWidth}\n          onClick={handleSkip}\n        >\n          {`${labels.skip ?? \"Skip\"}`}\n        </HvButton>\n      </HvGrid>\n      <HvGrid className={classes.buttonsContainer}>\n        <HvButton\n          category=\"ghost\"\n          className={classes.buttonWidth}\n          disabled={tab <= 0}\n          onClick={() => changeTab((t) => t - 1)}\n        >\n          <Backwards />\n          {`${labels.previous ?? \"Previous\"}`}\n        </HvButton>\n\n        {isLastPage ? (\n          <HvButton\n            category=\"primary\"\n            className={classes.buttonWidth}\n            disabled={loading || !canSubmit}\n            onClick={handleSubmit}\n          >\n            {`${labels.submit ?? \"Submit\"}`}\n          </HvButton>\n        ) : (\n          <HvButton\n            category=\"ghost\"\n            className={clsx(classes.buttonWidth, classes.buttonSpacing)}\n            onClick={() => changeTab((t) => t + 1)}\n            disabled={!skippable && !context?.[tab]?.valid}\n          >\n            {`${labels.next ?? \"Next\"}`}\n            <Forwards />\n          </HvButton>\n        )}\n      </HvGrid>\n    </HvDialogActions>\n  );\n};\n\nHvWizardActions.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 component which contains the groups of buttons.\n     */\n    actionsContainer: PropTypes.string,\n    /**\n     * Styles applied to the component which contains the buttons.\n     */\n    buttonsContainer: PropTypes.string,\n    /**\n     * Styles applied to the Button component to override its width.\n     */\n    buttonWidth: PropTypes.string,\n    /**\n     * Styles applied to some Button components to override its left padding.\n     */\n    buttonSpacing: PropTypes.string,\n  }).isRequired,\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   * Function to handle the cancel button.\n   */\n  handleClose: PropTypes.func.isRequired,\n  /**\n   * Function to handle the submit button. Also sends the current context state.\n   */\n  onSubmit: PropTypes.func.isRequired,\n  /**\n   * An object containing all the labels for the wizard actions component.\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  /**\n   * Whether the submit button is disabled.\n   */\n  loading: PropTypes.bool,\n  /**\n   * Enables the skip button.\n   */\n  skippable: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvWizardActions\" })(HvWizardActions);\n"],"mappings":"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"}

package/dist/Wizard/WizardActions/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./WizardActions";
+export * from "./WizardActions";

package/dist/Wizard/WizardActions/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _WizardActions.default;
+  }
+});
+
+var _WizardActions = _interopRequireDefault(require("./WizardActions"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles() {
+  return {
+    buttonWidth: {
+      width: 120
+    },
+    actionsContainer: {
+      display: "flex",
+      justifyContent: "space-between"
+    },
+    buttonsContainer: {
+      "& > button:last-child": {
+        marginLeft: 20
+      }
+    },
+    buttonSpacing: {
+      paddingLeft: 28
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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"}

package/dist/Wizard/WizardContainer/WizardContainer.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { StandardProps, ModalProps } from "@mui/material";
+
+export type HvWizardContainerClassKey = "root";
+
+export type HvWizardContainerProps = StandardProps<
+  React.HTMLAttributes<HTMLDivElement>,
+  HvWizardContainerClassKey
+> & {
+  /**
+   * Class names to be applied.
+   */
+  className?: string;
+  /**
+   * Components of the Wizard.
+   */
+  children?: React.ReactNode;
+  /**
+   * Current state of the Wizard.
+   */
+  open: boolean;
+  /**
+   * Function executed on close.
+   */
+  handleClose: ModalProps["onClose"];
+};
+
+export default function HvWizardContainer(props: HvWizardContainerProps): JSX.Element | null;

package/dist/Wizard/WizardContainer/WizardContainer.js

@@ -0,0 +1,116 @@
+"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);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvDialog, _objectSpread(_objectSpread({
+    classes: {
+      closeButton: classes.closeButton,
+      paper: classes.paper
+    } // overrides css
+    ,
+    className: (0, _clsx.default)(className, classes.root),
+    open: open,
+    onClose: handleClose
+  }, others), {}, {
+    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.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * 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

@@ -0,0 +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"}

package/dist/Wizard/WizardContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./WizardContainer";
+export * from "./WizardContainer";

package/dist/Wizard/WizardContainer/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _WizardContainer.default;
+  }
+});
+
+var _WizardContainer = _interopRequireDefault(require("./WizardContainer"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles() {
+  return {
+    root: {},
+    paper: {
+      width: "80%",
+      maxWidth: "80%"
+    },
+    closeButton: {
+      display: "none"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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"}

package/dist/Wizard/WizardContent/LoadingContainer.js

@@ -0,0 +1,101 @@
+"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: {
+      width: "100%",
+      height: "100%"
+    },
+    overlay: {
+      position: "absolute",
+      transition: "background-Color .2s ease",
+      zIndex: -1
+    },
+    blur: {
+      backgroundColor: (0, _material.alpha)((0, _material.hexToRgb)(theme.hv.palette.atmosphere.atmo2), 0.8),
+      zIndex: theme.zIndex.drawer
+    }
+  };
+});
+
+var LoadingContainer = function LoadingContainer(_ref) {
+  var children = _ref.children,
+      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", {
+      style: {
+        top: 0,
+        left: 0,
+        height: "100%",
+        width: "100%"
+      },
+      className: (0, _clsx.default)(classes.overlay, !hidden && classes.blur),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvLoading, _objectSpread({
+        classes: {
+          root: classes.loading
+        },
+        hidden: hidden
+      }, others))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        display: "flow-root"
+      },
+      children: children
+    })]
+  });
+};
+
+process.env.NODE_ENV !== "production" ? LoadingContainer.propTypes = {
+  children: _propTypes.default.node,
+  hidden: _propTypes.default.bool
+} : void 0;
+var _default = LoadingContainer;
+exports.default = _default;
+//# sourceMappingURL=LoadingContainer.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { StandardProps } from "@mui/material";
+
+export type HvWizardContentClassKey = "root";
+
+export type HvWizardContentProps = StandardProps<
+  React.HTMLAttributes<HTMLDivElement>,
+  HvWizardContentClassKey
+> & {
+  /**
+   * Tabs to show on the Wizard.
+   */
+  children: React.ReactNode;
+  /**
+   * Current tab to show.
+   */
+  tab: number;
+  /**
+   * Forces minimum height to the component.
+   */
+  fixedHeight?: boolean;
+  /**
+   * Whether the loading animation is shown.
+   */
+  loading?: boolean;
+};
+
+export default function HvWizardContent(props: HvWizardContentProps): JSX.Element | null;

package/dist/Wizard/WizardContent/WizardContent.js

@@ -0,0 +1,167 @@
+"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 _clsx = _interopRequireDefault(require("clsx"));
+
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _ = require("..");
+
+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 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;
+
+  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;
+    return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, index, _objectSpread(_objectSpread({}, child.props), {}, {
+      form: {},
+      valid: valid,
+      touched: index === 0
+    })));
+  }, {});
+
+  var _React$useContext = _react.default.useContext(_.HvWizardContext),
+      context = _React$useContext.context,
+      setContext = _React$useContext.setContext;
+
+  _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];
+
+        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
+        })) : (0, _defineProperty2.default)({}, key, childState));
+      }, {});
+      setContext(updatedContext);
+    }
+  }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps
+
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactCore.HvDialogContent, {
+    className: (0, _clsx.default)(classes.contentContainer, fixedHeight && classes.fixedHeight),
+    indentContent: true,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingContainer.default, {
+      hidden: !loading,
+      children: _react.default.Children.map(arrayChildren, function (child, index) {
+        if (index === tab) {
+          return /*#__PURE__*/_react.default.cloneElement(child, {
+            tab: tab
+          });
+        }
+
+        return null;
+      })
+    })
+  });
+};
+
+process.env.NODE_ENV !== "production" ? HvWizardContent.propTypes = {
+  /**
+   * 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
+     */
+    contentContainer: _propTypes.default.string,
+
+    /**
+     * Style applied to the Wizard to fix its height.
+     */
+    fixedHeight: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Forces minimum height to the component.
+   */
+  fixedHeight: _propTypes.default.bool,
+
+  /**
+   * Whether the loading animation is shown.
+   */
+  loading: _propTypes.default.bool
+} : 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

@@ -0,0 +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 \"..\";\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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"}

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

@@ -0,0 +1,2 @@
+export { default } from "./WizardContent";
+export * from "./WizardContent";

package/dist/Wizard/WizardContent/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _WizardContent.default;
+  }
+});
+
+var _WizardContent = _interopRequireDefault(require("./WizardContent"));
+//# sourceMappingURL=index.js.map

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

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