@hitachivantara/uikit-react-lab 3.55.1 → 3.57.0

package/dist/modern/Wizard/WizardActions/WizardActions.js

@@ -0,0 +1,186 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var _Backwards, _Forwards;
+
+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/web.dom-collections.iterator.js";
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { HvButton, HvDialogActions, HvGrid } from "@hitachivantara/uikit-react-core";
+import { Backwards, Forwards } from "@hitachivantara/uikit-react-icons";
+import WizardContext from "../WizardContext";
+import styles from "./styles";
+
+const HvWizardActions = ({
+  classes,
+  handleClose,
+  onSubmit,
+  changeTab,
+  tab,
+  loading = false,
+  skippable = false,
+  labels = {
+    cancel: "Cancel",
+    next: "Next",
+    previous: "Previous",
+    skip: "Skip",
+    submit: "Submit"
+  }
+}) => {
+  var _labels$cancel, _labels$skip, _labels$previous, _labels$submit, _context$tab, _labels$next;
+
+  const {
+    context,
+    setContext
+  } = React.useContext(WizardContext);
+  const [pages, setPages] = React.useState(0);
+  const [canSubmit, setCanSubmit] = React.useState(false);
+  React.useEffect(() => {
+    const contextEntries = Object.entries(context);
+
+    if (contextEntries.length) {
+      setPages(contextEntries.length);
+      const validWizard = Object.entries(context).every(([, value]) => value.valid);
+
+      if (validWizard !== canSubmit) {
+        setCanSubmit(validWizard);
+      }
+    }
+  }, [context]); // eslint-disable-line react-hooks/exhaustive-deps
+
+  const lastPage = pages - 1;
+  const isLastPage = tab >= lastPage;
+  const handleSkip = React.useCallback(() => {
+    const skippedContext = Object.entries(context).map(([, child]) => _objectSpread(_objectSpread({}, child), {}, {
+      valid: child.valid !== false
+    }));
+    setContext(skippedContext);
+    changeTab(lastPage);
+  }, [changeTab, context, lastPage, setContext]);
+  const handleSubmit = React.useCallback(() => onSubmit(context), [onSubmit, context]);
+  return /*#__PURE__*/React.createElement(HvDialogActions, {
+    className: classes.actionsContainer
+  }, /*#__PURE__*/React.createElement(HvGrid, null, /*#__PURE__*/React.createElement(HvButton, {
+    category: "ghost",
+    onClick: handleClose,
+    className: classes.buttonWidth
+  }, `${(_labels$cancel = labels.cancel) !== null && _labels$cancel !== void 0 ? _labels$cancel : "Cancel"}`), /*#__PURE__*/React.createElement(HvButton, {
+    category: "ghost",
+    disabled: isLastPage || !skippable,
+    className: classes.buttonWidth,
+    onClick: handleSkip
+  }, `${(_labels$skip = labels.skip) !== null && _labels$skip !== void 0 ? _labels$skip : "Skip"}`)), /*#__PURE__*/React.createElement(HvGrid, {
+    className: classes.buttonsContainer
+  }, /*#__PURE__*/React.createElement(HvButton, {
+    category: "ghost",
+    className: classes.buttonWidth,
+    disabled: tab <= 0,
+    onClick: () => changeTab(t => t - 1)
+  }, _Backwards || (_Backwards = /*#__PURE__*/React.createElement(Backwards, null)), `${(_labels$previous = labels.previous) !== null && _labels$previous !== void 0 ? _labels$previous : "Previous"}`), isLastPage ? /*#__PURE__*/React.createElement(HvButton, {
+    category: "primary",
+    className: classes.buttonWidth,
+    disabled: loading || !canSubmit,
+    onClick: handleSubmit
+  }, `${(_labels$submit = labels.submit) !== null && _labels$submit !== void 0 ? _labels$submit : "Submit"}`) : /*#__PURE__*/React.createElement(HvButton, {
+    category: "ghost",
+    className: clsx(classes.buttonWidth, classes.buttonSpacing),
+    onClick: () => changeTab(t => t + 1),
+    disabled: !skippable && !(context !== null && context !== void 0 && (_context$tab = context[tab]) !== null && _context$tab !== void 0 && _context$tab.valid)
+  }, `${(_labels$next = labels.next) !== null && _labels$next !== void 0 ? _labels$next : "Next"}`, _Forwards || (_Forwards = /*#__PURE__*/React.createElement(Forwards, null)))));
+};
+
+process.env.NODE_ENV !== "production" ? HvWizardActions.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component which contains the groups of buttons.
+     */
+    actionsContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the component which contains the buttons.
+     */
+    buttonsContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the Button component to override its width.
+     */
+    buttonWidth: PropTypes.string,
+
+    /**
+     * Styles applied to some Button components to override its left padding.
+     */
+    buttonSpacing: PropTypes.string
+  }).isRequired,
+
+  /**
+   * 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,
+
+  /**
+   * Function to handle the cancel button.
+   */
+  handleClose: PropTypes.func.isRequired,
+
+  /**
+   * Function to handle the submit button. Also sends the current context state.
+   */
+  onSubmit: PropTypes.func.isRequired,
+
+  /**
+   * An object containing all the labels for the wizard actions component.
+   */
+  labels: PropTypes.shape({
+    /**
+     * Cancel button label.
+     */
+    cancel: PropTypes.string,
+
+    /**
+     * Skip button label.
+     */
+    skip: PropTypes.string,
+
+    /**
+     * Previous button label.
+     */
+    previous: PropTypes.string,
+
+    /**
+     * Next button label.
+     */
+    next: PropTypes.string,
+
+    /**
+     * Submit button label.
+     */
+    submit: PropTypes.string
+  }),
+
+  /**
+   * Whether the submit button is disabled.
+   */
+  loading: PropTypes.bool,
+
+  /**
+   * Enables the skip button.
+   */
+  skippable: PropTypes.bool
+} : void 0;
+export default withStyles(styles, {
+  name: "HvWizardActions"
+})(HvWizardActions);
+//# sourceMappingURL=WizardActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WizardActions.js","names":["React","PropTypes","withStyles","clsx","HvButton","HvDialogActions","HvGrid","Backwards","Forwards","WizardContext","styles","HvWizardActions","classes","handleClose","onSubmit","changeTab","tab","loading","skippable","labels","cancel","next","previous","skip","submit","context","setContext","useContext","pages","setPages","useState","canSubmit","setCanSubmit","useEffect","contextEntries","Object","entries","length","validWizard","every","value","valid","lastPage","isLastPage","handleSkip","useCallback","skippedContext","map","child","handleSubmit","actionsContainer","buttonWidth","buttonsContainer","t","buttonSpacing","propTypes","shape","string","isRequired","number","func","bool","name"],"sources":["../../../../src/Wizard/WizardActions/WizardActions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\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/modern/Wizard/WizardActions/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+const styles = () => ({
+  buttonWidth: {
+    width: 120
+  },
+  actionsContainer: {
+    display: "flex",
+    justifyContent: "space-between"
+  },
+  buttonsContainer: {
+    "& > button:last-child": {
+      marginLeft: 20
+    }
+  },
+  buttonSpacing: {
+    paddingLeft: 28
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,MAAM,GAAG,OAAO;EACpBC,WAAW,EAAE;IACXC,KAAK,EAAE;EADI,CADO;EAIpBC,gBAAgB,EAAE;IAChBC,OAAO,EAAE,MADO;IAEhBC,cAAc,EAAE;EAFA,CAJE;EAQpBC,gBAAgB,EAAE;IAChB,yBAAyB;MACvBC,UAAU,EAAE;IADW;EADT,CARE;EAapBC,aAAa,EAAE;IACbC,WAAW,EAAE;EADA;AAbK,CAAP,CAAf;;AAkBA,eAAeT,MAAf"}

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

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

@@ -0,0 +1,77 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _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";
+
+const HvWizardContainer = _ref => {
+  let {
+    classes,
+    className,
+    children,
+    handleClose,
+    open
+  } = _ref,
+      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/modern/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,MAAMC,iBAAiB,GAAG,QAAoE;EAAA,IAAnE;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,QAAtB;IAAgCC,WAAhC;IAA6CC;EAA7C,CAAmE;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/modern/Wizard/WizardContainer/index.d.ts

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

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

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

package/dist/modern/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/modern/Wizard/WizardContainer/styles.js

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

package/dist/modern/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,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE,EADc;EAEpBC,KAAK,EAAE;IACLC,KAAK,EAAE,KADF;IAELC,QAAQ,EAAE;EAFL,CAFa;EAMpBC,WAAW,EAAE;IACXC,OAAO,EAAE;EADE;AANO,CAAP,CAAf;;AAWA,eAAeN,MAAf"}

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

@@ -0,0 +1,58 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _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";
+const useStyles = makeStyles(theme => ({
+  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
+  }
+}));
+
+const LoadingContainer = _ref => {
+  let {
+    children,
+    hidden
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const 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/modern/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,MAAMC,SAAS,GAAGH,UAAU,CAAEI,KAAD,KAAY;EACvCC,OAAO,EAAE;IACPC,KAAK,EAAE,MADA;IAEPC,MAAM,EAAE;EAFD,CAD8B;EAKvCC,OAAO,EAAE;IACPC,QAAQ,EAAE,UADH;IAEPC,UAAU,EAAE,2BAFL;IAGPC,MAAM,EAAE,CAAC;EAHF,CAL8B;EAUvCC,IAAI,EAAE;IACJC,eAAe,EAAEZ,KAAK,CAACC,QAAQ,CAACE,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,CAAT,EAA8C,GAA9C,CADlB;IAEJN,MAAM,EAAEP,KAAK,CAACO,MAAN,CAAaO;EAFjB;AAViC,CAAZ,CAAD,CAA5B;;AAgBA,MAAMC,gBAAgB,GAAG,QAAqC;EAAA,IAApC;IAAEC,QAAF;IAAYC;EAAZ,CAAoC;EAAA,IAAbC,MAAa;;EAC5D,MAAMC,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/modern/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/modern/Wizard/WizardContent/WizardContent.js

@@ -0,0 +1,119 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import "core-js/modules/web.dom-collections.iterator.js";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React from "react";
+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";
+
+const HvWizardContent = ({
+  classes,
+  fixedHeight = false,
+  loading = false,
+  children,
+  tab
+}) => {
+  const arrayChildren = React.Children.toArray(children);
+  const initialContext = arrayChildren.reduce((acc, child, index) => {
+    const invalid = child.props.mustValidate === true ? false : null;
+    const valid = invalid !== null && invalid !== void 0 ? invalid : index === 0 || null;
+    return _objectSpread(_objectSpread({}, acc), {}, {
+      [index]: _objectSpread(_objectSpread({}, child.props), {}, {
+        form: {},
+        valid,
+        touched: index === 0
+      })
+    });
+  }, {});
+  const {
+    context,
+    setContext
+  } = React.useContext(HvWizardContext);
+  React.useEffect(() => {
+    setContext(initialContext);
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  React.useEffect(() => {
+    var _context$tab;
+
+    if (tab && !((_context$tab = context[tab]) !== null && _context$tab !== void 0 && _context$tab.touched)) {
+      const updatedContext = Object.entries(context).reduce((acc, [key, childState]) => {
+        var _childState$valid;
+
+        return _objectSpread(_objectSpread({}, acc), +key <= tab ? {
+          [key]: _objectSpread(_objectSpread({}, childState), {}, {
+            touched: true,
+            valid: (_childState$valid = childState.valid) !== null && _childState$valid !== void 0 ? _childState$valid : true
+          })
+        } : {
+          [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, (child, index) => {
+    if (index === tab) {
+      return /*#__PURE__*/React.cloneElement(child, {
+        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/modern/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","context","setContext","useContext","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/modern/Wizard/WizardContent/index.d.ts

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

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

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

package/dist/modern/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/modern/Wizard/WizardContent/styles.js

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