@hitachivantara/uikit-react-lab 3.55.1 → 3.57.0

package/dist/legacy/Wizard/WizardContainer/WizardContainer.js

@@ -0,0 +1,75 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["classes", "className", "children", "handleClose", "open"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { HvDialog } from "@hitachivantara/uikit-react-core";
+import styles from "./styles";
+
+var HvWizardContainer = function HvWizardContainer(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      children = _ref.children,
+      handleClose = _ref.handleClose,
+      open = _ref.open,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(HvDialog, _extends({
+    classes: {
+      closeButton: classes.closeButton,
+      paper: classes.paper
+    } // overrides css
+    ,
+    className: clsx(className, classes.root),
+    open: open,
+    onClose: handleClose
+  }, others), children);
+};
+
+process.env.NODE_ENV !== "production" ? HvWizardContainer.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied to the component (root).
+     */
+    paper: PropTypes.string,
+
+    /**
+     * Style applied to the close button.
+     */
+    closeButton: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Components of the Wizard.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Current state of the Wizard.
+   */
+  open: PropTypes.bool.isRequired,
+
+  /**
+   * Function executed on close.
+   */
+  handleClose: PropTypes.func.isRequired
+} : void 0;
+export default withStyles(styles, {
+  name: "HvWizardContainer"
+})(HvWizardContainer);
+//# sourceMappingURL=WizardContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContainer.js","names":["React","PropTypes","clsx","withStyles","HvDialog","styles","HvWizardContainer","classes","className","children","handleClose","open","others","closeButton","paper","root","propTypes","string","shape","isRequired","node","bool","func","name"],"sources":["../../../../src/Wizard/WizardContainer/WizardContainer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,QAAT,QAAyB,kCAAzB;AAEA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,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,oBAAC,QAAD;IACE,OAAO,EAAE;MAAEC,WAAW,EAAEN,OAAO,CAACM,WAAvB;MAAoCC,KAAK,EAAEP,OAAO,CAACO;IAAnD,CADX,CACuE;IADvE;IAEE,SAAS,EAAEZ,IAAI,CAACM,SAAD,EAAYD,OAAO,CAACQ,IAApB,CAFjB;IAGE,IAAI,EAAEJ,IAHR;IAIE,OAAO,EAAED;EAJX,GAKME,MALN,GAOGH,QAPH,CADF;AAWD,CAZD;;AAcA,wCAAAH,iBAAiB,CAACU,SAAlB,GAA8B;EAC5B;AACF;AACA;EACER,SAAS,EAAEP,SAAS,CAACgB,MAJO;;EAK5B;AACF;AACA;EACEV,OAAO,EAAEN,SAAS,CAACiB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEd,SAAS,CAACgB,MAJO;;IAKvB;AACJ;AACA;IACIH,KAAK,EAAEb,SAAS,CAACgB,MARM;;IASvB;AACJ;AACA;IACIJ,WAAW,EAAEZ,SAAS,CAACgB;EAZA,CAAhB,EAaNE,UArByB;;EAsB5B;AACF;AACA;EACEV,QAAQ,EAAER,SAAS,CAACmB,IAAV,CAAeD,UAzBG;;EA0B5B;AACF;AACA;EACER,IAAI,EAAEV,SAAS,CAACoB,IAAV,CAAeF,UA7BO;;EA8B5B;AACF;AACA;EACET,WAAW,EAAET,SAAS,CAACqB,IAAV,CAAeH;AAjCA,CAA9B;AAoCA,eAAehB,UAAU,CAACE,MAAD,EAAS;EAAEkB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAkDjB,iBAAlD,CAAf"}

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

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

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

@@ -0,0 +1,2 @@
+export { default } from "./WizardContainer";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,15 @@
+var styles = function styles() {
+  return {
+    root: {},
+    paper: {
+      width: "80%",
+      maxWidth: "80%"
+    },
+    closeButton: {
+      display: "none"
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/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;;AAWA,eAAeN,MAAf"}

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

@@ -0,0 +1,58 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "hidden"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { HvLoading } from "@hitachivantara/uikit-react-core";
+import { makeStyles, alpha, hexToRgb } from "@material-ui/core";
+var useStyles = makeStyles(function (theme) {
+  return {
+    loading: {
+      width: "100%",
+      height: "100%"
+    },
+    overlay: {
+      position: "absolute",
+      transition: "background-Color .2s ease",
+      zIndex: -1
+    },
+    blur: {
+      backgroundColor: alpha(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 = _objectWithoutProperties(_ref, _excluded);
+
+  var classes = useStyles();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      top: 0,
+      left: 0,
+      height: "100%",
+      width: "100%"
+    },
+    className: clsx(classes.overlay, !hidden && classes.blur)
+  }, /*#__PURE__*/React.createElement(HvLoading, _extends({
+    classes: {
+      root: classes.loading
+    },
+    hidden: hidden
+  }, others))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flow-root"
+    }
+  }, children));
+};
+
+process.env.NODE_ENV !== "production" ? LoadingContainer.propTypes = {
+  children: PropTypes.node,
+  hidden: PropTypes.bool
+} : void 0;
+export default LoadingContainer;
+//# sourceMappingURL=LoadingContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingContainer.js","names":["React","PropTypes","clsx","HvLoading","makeStyles","alpha","hexToRgb","useStyles","theme","loading","width","height","overlay","position","transition","zIndex","blur","backgroundColor","hv","palette","atmosphere","atmo2","drawer","LoadingContainer","children","hidden","others","classes","top","left","root","display","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 { makeStyles, alpha, hexToRgb } from \"@material-ui/core\";\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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,SAAT,QAA0B,kCAA1B;AACA,SAASC,UAAT,EAAqBC,KAArB,EAA4BC,QAA5B,QAA4C,mBAA5C;AAEA,IAAMC,SAAS,GAAGH,UAAU,CAAC,UAACI,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,EAAEZ,KAAK,CAACC,QAAQ,CAACE,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,CAAT,EAA8C,GAA9C,CADlB;MAEJN,MAAM,EAAEP,KAAK,CAACO,MAAN,CAAaO;IAFjB;EAViC,CAAZ;AAAA,CAAD,CAA5B;;AAgBA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAqC;EAAA,IAAlCC,QAAkC,QAAlCA,QAAkC;EAAA,IAAxBC,MAAwB,QAAxBA,MAAwB;EAAA,IAAbC,MAAa;;EAC5D,IAAMC,OAAO,GAAGpB,SAAS,EAAzB;EAEA,oBACE,uDACE;IACE,KAAK,EAAE;MACLqB,GAAG,EAAE,CADA;MAELC,IAAI,EAAE,CAFD;MAGLlB,MAAM,EAAE,MAHH;MAILD,KAAK,EAAE;IAJF,CADT;IAOE,SAAS,EAAER,IAAI,CAACyB,OAAO,CAACf,OAAT,EAAoC,CAACa,MAArC,IAAqBE,OAAO,CAACX,IAA7B;EAPjB,gBASE,oBAAC,SAAD;IAAW,OAAO,EAAE;MAAEc,IAAI,EAAEH,OAAO,CAAClB;IAAhB,CAApB;IAA+C,MAAM,EAAEgB;EAAvD,GAAmEC,MAAnE,EATF,CADF,eAYE;IAAK,KAAK,EAAE;MAAEK,OAAO,EAAE;IAAX;EAAZ,GAAuCP,QAAvC,CAZF,CADF;AAgBD,CAnBD;;AAqBA,wCAAAD,gBAAgB,CAACS,SAAjB,GAA6B;EAC3BR,QAAQ,EAAEvB,SAAS,CAACgC,IADO;EAE3BR,MAAM,EAAExB,SAAS,CAACiC;AAFS,CAA7B;AAKA,eAAeX,gBAAf"}

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

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+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/legacy/Wizard/WizardContent/WizardContent.js

@@ -0,0 +1,129 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.promise.js";
+import "core-js/modules/es.object.entries.js";
+import "core-js/modules/es.array.map.js";
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { HvDialogContent } from "@hitachivantara/uikit-react-core";
+import { HvWizardContext } from "..";
+import LoadingContainer from "./LoadingContainer";
+import styles from "./styles";
+
+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.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), {}, _defineProperty({}, index, _objectSpread(_objectSpread({}, child.props), {}, {
+      form: {},
+      valid: valid,
+      touched: index === 0
+    })));
+  }, {});
+
+  var _React$useContext = React.useContext(HvWizardContext),
+      context = _React$useContext.context,
+      setContext = _React$useContext.setContext;
+
+  React.useEffect(function () {
+    setContext(initialContext);
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  React.useEffect(function () {
+    var _context$tab;
+
+    if (tab && !((_context$tab = context[tab]) !== null && _context$tab !== void 0 && _context$tab.touched)) {
+      var updatedContext = Object.entries(context).reduce(function (acc, _ref2) {
+        var _childState$valid;
+
+        var _ref3 = _slicedToArray(_ref2, 2),
+            key = _ref3[0],
+            childState = _ref3[1];
+
+        return _objectSpread(_objectSpread({}, acc), +key <= tab ? _defineProperty({}, key, _objectSpread(_objectSpread({}, childState), {}, {
+          touched: true,
+          valid: (_childState$valid = childState.valid) !== null && _childState$valid !== void 0 ? _childState$valid : true
+        })) : _defineProperty({}, key, childState));
+      }, {});
+      setContext(updatedContext);
+    }
+  }, [tab]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  return /*#__PURE__*/React.createElement(HvDialogContent, {
+    className: clsx(classes.contentContainer, fixedHeight && classes.fixedHeight),
+    indentContent: true
+  }, /*#__PURE__*/React.createElement(LoadingContainer, {
+    hidden: !loading
+  }, React.Children.map(arrayChildren, function (child, index) {
+    if (index === tab) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        tab: tab
+      });
+    }
+
+    return null;
+  })));
+};
+
+process.env.NODE_ENV !== "production" ? HvWizardContent.propTypes = {
+  /**
+   * Current tab to show.
+   */
+  tab: PropTypes.number.isRequired,
+
+  /**
+   * Tabs to show on the Wizard.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the Wizard content container
+     */
+    contentContainer: PropTypes.string,
+
+    /**
+     * Style applied to the Wizard to fix its height.
+     */
+    fixedHeight: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Forces minimum height to the component.
+   */
+  fixedHeight: PropTypes.bool,
+
+  /**
+   * Whether the loading animation is shown.
+   */
+  loading: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvWizardContent"
+})(HvWizardContent);
+//# sourceMappingURL=WizardContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContent.js","names":["React","PropTypes","withStyles","clsx","HvDialogContent","HvWizardContext","LoadingContainer","styles","HvWizardContent","classes","fixedHeight","loading","children","tab","arrayChildren","Children","toArray","initialContext","reduce","acc","child","index","invalid","props","mustValidate","valid","form","touched","useContext","context","setContext","useEffect","updatedContext","Object","entries","key","childState","contentContainer","map","cloneElement","propTypes","number","isRequired","node","shape","string","bool","name"],"sources":["../../../../src/Wizard/WizardContent/WizardContent.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\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/legacy/Wizard/WizardContent/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default } from "./WizardContent";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,16 @@
+var styles = function styles() {
+  return {
+    contentContainer: {
+      position: "relative",
+      padding: 20,
+      marginLeft: 0,
+      minHeight: 400
+    },
+    fixedHeight: {
+      minHeight: "calc(100vh - 387px)"
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { createContext } from "react";
+var WizardContext = /*#__PURE__*/createContext({
+  context: {},
+  setContext: function setContext() {}
+});
+
+if (process.env.NODE_ENV !== "production") {
+  WizardContext.displayName = "WizardContext";
+}
+
+export default WizardContext;
+//# sourceMappingURL=WizardContext.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { default } from "./WizardContext";
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvStepNavigationProps } from "../../StepNavigation";
+
+export type HvWizardTitleClassKey = "root";
+
+export type HvWizardTitleProps = StandardProps<
+  React.HTMLAttributes<HTMLDivElement>,
+  HvWizardTitleClassKey
+> & {
+  /**
+   * Title for the wizard.
+   */
+  title: string;
+  /**
+   * Shows the summary button.
+   */
+  hasSummary: boolean;
+  /**
+   * An object containing all the labels for the wizard header.
+   */
+  labels: {
+    /**
+     * Summary button label.
+     */
+    summary: string;
+  };
+  /**
+   * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.
+   */
+  tab: number;
+  /**
+   * Function to change the tab when pressing previous and next buttons.
+   */
+  changeTab: any;
+  /**
+   * Custom object to define type, size and width of the StepNavigation component
+   */
+   customStep?: Pick<HvStepNavigationProps, "type" | "stepSize" | "width">
+};
+
+export default function HvWizardTitle(props: HvWizardTitleProps): JSX.Element | null;

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

@@ -0,0 +1,198 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+var _Report;
+
+import "core-js/modules/es.object.entries.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.function.name.js";
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { HvButton, HvDialogTitle, HvGrid, HvTypography } from "@hitachivantara/uikit-react-core";
+import { Report } from "@hitachivantara/uikit-react-icons";
+import { HvStepNavigation } from "@hitachivantara/uikit-react-lab";
+import { HvWizardContext } from "..";
+import styles from "./styles";
+
+var switchTabState = function switchTabState(state, currentTab, index) {
+  if (index === currentTab) return "Current";
+  if (state.valid) return "Completed";
+  if (state.valid === null) return "Enabled";
+  if (state.touched && state.valid === false) return "Failed"; // "Disabled"
+  // "Pending"
+
+  return "Enabled";
+};
+
+var HvWizardTitle = function HvWizardTitle(_ref) {
+  var _customStep$type, _customStep$stepSize, _customStep$width, _labels$summary;
+
+  var title = _ref.title,
+      _ref$hasSummary = _ref.hasSummary,
+      hasSummary = _ref$hasSummary === void 0 ? false : _ref$hasSummary,
+      _ref$labels = _ref.labels,
+      labels = _ref$labels === void 0 ? {} : _ref$labels,
+      tab = _ref.tab,
+      classes = _ref.classes,
+      changeTab = _ref.changeTab,
+      _ref$customStep = _ref.customStep,
+      customStep = _ref$customStep === void 0 ? {} : _ref$customStep;
+
+  var _React$useContext = React.useContext(HvWizardContext),
+      context = _React$useContext.context;
+
+  var _React$useState = React.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      steps = _React$useState2[0],
+      setSteps = _React$useState2[1];
+
+  React.useEffect(function () {
+    var contextArray = Object.entries(context);
+
+    if (contextArray.length) {
+      var updatedSteps = contextArray.map(function (_ref2, index) {
+        var _childState$name;
+
+        var _ref3 = _slicedToArray(_ref2, 2),
+            childState = _ref3[1];
+
+        return {
+          title: (_childState$name = childState.name) !== null && _childState$name !== void 0 ? _childState$name : "".concat(index + 1),
+          state: switchTabState(childState, tab, index),
+          onClick: function onClick() {
+            return changeTab(index);
+          }
+        };
+      });
+      setSteps(updatedSteps);
+    }
+  }, [context, tab, changeTab]);
+  return /*#__PURE__*/React.createElement(HvDialogTitle, {
+    className: classes.headerContainer,
+    classes: {
+      messageContainer: classes.messageContainer
+    }
+  }, /*#__PURE__*/React.createElement(HvGrid, {
+    container: true,
+    justifyContent: "space-between",
+    alignItems: "center",
+    className: classes.titleContainer
+  }, title && /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "xsTitle",
+    component: "h3"
+  }, title), !!steps.length && /*#__PURE__*/React.createElement(HvStepNavigation, {
+    className: classes.stepContainer,
+    steps: steps,
+    type: (_customStep$type = customStep === null || customStep === void 0 ? void 0 : customStep.type) !== null && _customStep$type !== void 0 ? _customStep$type : "Default",
+    stepSize: (_customStep$stepSize = customStep === null || customStep === void 0 ? void 0 : customStep.stepSize) !== null && _customStep$stepSize !== void 0 ? _customStep$stepSize : "XS",
+    width: (_customStep$width = customStep === null || customStep === void 0 ? void 0 : customStep.width) !== null && _customStep$width !== void 0 ? _customStep$width : {
+      xs: 200,
+      sm: 350,
+      md: 600,
+      lg: 800
+    }
+  }), hasSummary && /*#__PURE__*/React.createElement(HvButton, {
+    category: "secondary",
+    className: classes.buttonWidth,
+    classes: {
+      root: classes.rootSummaryButton
+    }
+  }, _Report || (_Report = /*#__PURE__*/React.createElement(Report, null)), " ", "".concat((_labels$summary = labels.summary) !== null && _labels$summary !== void 0 ? _labels$summary : "Summary"))));
+};
+
+process.env.NODE_ENV !== "production" ? HvWizardTitle.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the header container.
+     */
+    headerContainer: PropTypes.string,
+
+    /**
+     * Styles applied to override the Dialog Title styles.
+     */
+    messageContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the header content container.
+     */
+    titleContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the Button component to override its width.
+     */
+    buttonWidth: PropTypes.string,
+
+    /**
+     * Styles applied to the Button component to override its right padding.
+     */
+    rootSummaryButton: PropTypes.string,
+
+    /**
+     *
+     */
+    stepContainer: PropTypes.string
+  }),
+
+  /**
+   * Title for the wizard.
+   */
+  title: PropTypes.string,
+
+  /**
+   * Shows the summary button.
+   */
+  hasSummary: PropTypes.bool,
+
+  /**
+   * An object containing all the labels for the wizard header.
+   */
+  labels: PropTypes.shape({
+    /**
+     * Summary button label.
+     */
+    summary: PropTypes.string
+  }),
+
+  /**
+   * Current tab to check if it's last page or first to disable previous button and swap between next and submit button.
+   */
+  tab: PropTypes.number.isRequired,
+
+  /**
+   * Function to change the tab when pressing previous and next buttons.
+   */
+  changeTab: PropTypes.func.isRequired,
+
+  /**
+   * Custom object to define type, size and width of the StepNavigation component
+   */
+  customStep: PropTypes.shape({
+    /**
+     * Type of step navigation. Values = {"Simple", "Default"}.
+     */
+    type: PropTypes.oneOf(["Simple", "Default"]),
+
+    /**
+     * Sets one of the standard sizes of the steps. Values = {"XS", "SM", "MD", "LG", "XL"}
+     */
+    stepSize: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]),
+
+    /**
+     * Width of the component element on each breakpoint screen resolution.
+     */
+    width: PropTypes.shape({
+      xs: PropTypes.number,
+      sm: PropTypes.number,
+      md: PropTypes.number,
+      lg: PropTypes.number,
+      xl: PropTypes.number
+    })
+  })
+} : void 0;
+export default withStyles(styles, {
+  name: "HvWizardTitle"
+})(HvWizardTitle);
+//# sourceMappingURL=WizardTitle.js.map