@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/Dialog/Dialog.js

@@ -0,0 +1,178 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle"];
+import "core-js/modules/web.dom-collections.iterator.js";
+import React, { useCallback, useState } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { Dialog, withStyles } from "@material-ui/core";
+import { Close } from "@hitachivantara/uikit-react-icons";
+import isNil from "lodash/isNil";
+import Button from "../Button";
+import { isKeypress, KeyboardCodes, setId } from "../utils";
+import styles from "./styles";
+import withTooltip from "../withTooltip";
+import { getFocusableList } from "../utils/focusableElementFinder";
+/**
+ * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.
+ * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.
+ */
+
+const HvDialog = _ref => {
+  let {
+    classes,
+    className,
+    id,
+    children,
+    open,
+    onClose,
+    firstFocusable,
+    buttonTitle = "Close"
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const [focusableQueue, setFocusableQueue] = useState(null);
+  const measuredRef = useCallback(node => {
+    if (node) {
+      const focusableList = getFocusableList(node);
+      setFocusableQueue({
+        first: focusableList[1],
+        last: focusableList[focusableList.length - 2]
+      });
+      if (isNil(firstFocusable)) focusableList[1].focus();else {
+        const element = document.getElementById(firstFocusable);
+        if (element) element.focus();else {
+          // eslint-disable-next-line no-console
+          console.warn(`firstFocusable element ${firstFocusable} not found.`);
+          focusableList[1].focus();
+        }
+      }
+    }
+  }, [firstFocusable]);
+
+  const keyDownHandler = event => {
+    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {
+      if (event.shiftKey && event.target === focusableQueue.first) {
+        focusableQueue.last.focus();
+        event.preventDefault();
+      }
+
+      if (!event.shiftKey && event.target === focusableQueue.last) {
+        focusableQueue.first.focus();
+        event.preventDefault();
+      }
+    } // Needed as this handler overrides the one in the material ui Modal.
+    else if (isKeypress(event, KeyboardCodes.Esc)) {
+      if (others.onEscapeKeyDown) {
+        others.onEscapeKeyDown(event);
+      }
+
+      if (!others.disableEscapeKeyDown) {
+        // Swallow the event, in case someone is listening for the escape key on the body.
+        event.stopPropagation();
+
+        if (onClose) {
+          onClose(event, "escapeKeyDown");
+        }
+      }
+    }
+  };
+
+  const closeButtonDisplay = () => /*#__PURE__*/React.createElement(Close, {
+    role: "presentation"
+  });
+
+  const CloseButtonTooltipWrapper = buttonTitle ? withTooltip(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
+  return /*#__PURE__*/React.createElement(Dialog, _extends({
+    className: clsx(classes.root, className),
+    id: id,
+    ref: measuredRef,
+    open: open,
+    PaperProps: {
+      classes: {
+        root: classes.paper
+      }
+    },
+    BackdropProps: {
+      classes: {
+        root: classes.background
+      }
+    },
+    onClose: (event, reason) => onClose(event, reason),
+    onKeyDown: keyDownHandler
+  }, others), /*#__PURE__*/React.createElement("div", {
+    "aria-modal": true
+  }, /*#__PURE__*/React.createElement(Button, {
+    id: setId(id, "close"),
+    className: classes.closeButton,
+    category: "ghost",
+    onClick: event => onClose(event),
+    "aria-label": buttonTitle
+  }, /*#__PURE__*/React.createElement(CloseButtonTooltipWrapper, null)), children));
+};
+
+HvDialog.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied to the background (outside) of the component.
+     */
+    background: PropTypes.string,
+
+    /**
+     * Style applied to the component (root).
+     */
+    paper: PropTypes.string,
+
+    /**
+     * Style applied to the close button.
+     */
+    closeButton: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Components of the Dialog.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Current state of the Dialog.
+   */
+  open: PropTypes.bool.isRequired,
+
+  /**
+   * Function executed on close.
+   */
+  onClose: PropTypes.func.isRequired,
+
+  /**
+   * Element id that should be focus when the Dialog opens.
+   */
+  firstFocusable: PropTypes.string,
+
+  /**
+   * Title for the button close.
+   */
+  buttonTitle: PropTypes.string
+};
+export default withStyles(styles, {
+  name: "HvDialog"
+})(HvDialog);
+//# sourceMappingURL=Dialog.js.map

package/dist/modern/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dialog/Dialog.js"],"names":["React","useCallback","useState","clsx","PropTypes","Dialog","withStyles","Close","isNil","Button","isKeypress","KeyboardCodes","setId","styles","withTooltip","getFocusableList","HvDialog","classes","className","id","children","open","onClose","firstFocusable","buttonTitle","others","focusableQueue","setFocusableQueue","measuredRef","node","focusableList","first","last","length","focus","element","document","getElementById","console","warn","keyDownHandler","event","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","reason","closeButton","propTypes","string","shape","isRequired","bool","func","name"],"mappings":"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","sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { Dialog, withStyles } from \"@material-ui/core\";\nimport { Close } from \"@hitachivantara/uikit-react-icons\";\nimport isNil from \"lodash/isNil\";\nimport Button from \"../Button\";\nimport { isKeypress, KeyboardCodes, setId } from \"../utils\";\nimport styles from \"./styles\";\nimport withTooltip from \"../withTooltip\";\nimport { getFocusableList } from \"../utils/focusableElementFinder\";\n\n/**\n * The Dialog component provides a solid foundation for creating dialogs, popovers, lightboxes, etc.\n * It is created by the composition of DialogTitle, DialogContent and DialogActions components, passed as child elements.\n */\nconst HvDialog = ({\n  classes,\n  className,\n  id,\n  children,\n  open,\n  onClose,\n  firstFocusable,\n  buttonTitle = \"Close\",\n  ...others\n}) => {\n  const [focusableQueue, setFocusableQueue] = useState(null);\n\n  const measuredRef = useCallback(\n    (node) => {\n      if (node) {\n        const focusableList = getFocusableList(node);\n        setFocusableQueue({\n          first: focusableList[1],\n          last: focusableList[focusableList.length - 2],\n        });\n        if (isNil(firstFocusable)) focusableList[1].focus();\n        else {\n          const element = document.getElementById(firstFocusable);\n          if (element) element.focus();\n          else {\n            // eslint-disable-next-line no-console\n            console.warn(`firstFocusable element ${firstFocusable} not found.`);\n            focusableList[1].focus();\n          }\n        }\n      }\n    },\n    [firstFocusable]\n  );\n\n  const keyDownHandler = (event) => {\n    if (isKeypress(event, KeyboardCodes.Tab) && !isNil(event.target) && !isNil(focusableQueue)) {\n      if (event.shiftKey && event.target === focusableQueue.first) {\n        focusableQueue.last.focus();\n        event.preventDefault();\n      }\n      if (!event.shiftKey && event.target === focusableQueue.last) {\n        focusableQueue.first.focus();\n        event.preventDefault();\n      }\n    }\n    // Needed as this handler overrides the one in the material ui Modal.\n    else if (isKeypress(event, KeyboardCodes.Esc)) {\n      if (others.onEscapeKeyDown) {\n        others.onEscapeKeyDown(event);\n      }\n\n      if (!others.disableEscapeKeyDown) {\n        // Swallow the event, in case someone is listening for the escape key on the body.\n        event.stopPropagation();\n\n        if (onClose) {\n          onClose(event, \"escapeKeyDown\");\n        }\n      }\n    }\n  };\n\n  const closeButtonDisplay = () => <Close role=\"presentation\" />;\n\n  const CloseButtonTooltipWrapper = buttonTitle\n    ? withTooltip(closeButtonDisplay, buttonTitle, \"top\")\n    : closeButtonDisplay;\n\n  return (\n    <Dialog\n      className={clsx(classes.root, className)}\n      id={id}\n      ref={measuredRef}\n      open={open}\n      PaperProps={{\n        classes: {\n          root: classes.paper,\n        },\n      }}\n      BackdropProps={{\n        classes: {\n          root: classes.background,\n        },\n      }}\n      onClose={(event, reason) => onClose(event, reason)}\n      onKeyDown={keyDownHandler}\n      {...others}\n    >\n      <div aria-modal>\n        <Button\n          id={setId(id, \"close\")}\n          className={classes.closeButton}\n          category=\"ghost\"\n          onClick={(event) => onClose(event)}\n          aria-label={buttonTitle}\n        >\n          <CloseButtonTooltipWrapper />\n        </Button>\n        {children}\n      </div>\n    </Dialog>\n  );\n};\n\nHvDialog.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the background (outside) of the component.\n     */\n    background: 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 Dialog.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Current state of the Dialog.\n   */\n  open: PropTypes.bool.isRequired,\n  /**\n   * Function executed on close.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Element id that should be focus when the Dialog opens.\n   */\n  firstFocusable: PropTypes.string,\n  /**\n   * Title for the button close.\n   */\n  buttonTitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvDialog\" })(HvDialog);\n"],"file":"Dialog.js"}

package/dist/modern/Dialog/DialogActions/DialogActions.d.ts

@@ -0,0 +1,7 @@
+import { DialogActionsProps, StandardProps } from "@material-ui/core";
+
+export type HvDialogActionsClassKey = "root" | "spacing";
+
+export type HvDialogActionsProps = StandardProps<DialogActionsProps, HvDialogActionsClassKey>;
+
+export default function HvDialogActions(props: HvDialogActionsProps): JSX.Element | null;

package/dist/modern/Dialog/DialogActions/DialogActions.js

@@ -0,0 +1,55 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "children"];
+import React from "react";
+import PropTypes from "prop-types";
+import { DialogActions, withStyles } from "@material-ui/core";
+import styles from "./styles";
+
+const HvDialogActions = props => {
+  const {
+    classes,
+    className,
+    children
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(DialogActions, _extends({
+    classes: {
+      root: classes.root,
+      spacing: classes.spacing
+    },
+    className: className
+  }, others), children);
+};
+
+HvDialogActions.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component (container for the actions).
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied to the root of the component if disableSpacing is off.
+     */
+    spacing: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Actions of the Dialog.
+   */
+  children: PropTypes.node.isRequired
+};
+export default withStyles(styles, {
+  name: "HvDialogActions"
+})(HvDialogActions);
+//# sourceMappingURL=DialogActions.js.map

package/dist/modern/Dialog/DialogActions/DialogActions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Dialog/DialogActions/DialogActions.js"],"names":["React","PropTypes","DialogActions","withStyles","styles","HvDialogActions","props","classes","className","children","others","root","spacing","propTypes","string","shape","isRequired","node","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,mBAA1C;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,eAAe,GAAIC,KAAD,IAAW;AACjC,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,SAAX;AAAsBC,IAAAA;AAAtB,MAA8CH,KAApD;AAAA,QAAyCI,MAAzC,4BAAoDJ,KAApD;;AACA,sBACE,oBAAC,aAAD;AACE,IAAA,OAAO,EAAE;AACPK,MAAAA,IAAI,EAAEJ,OAAO,CAACI,IADP;AAEPC,MAAAA,OAAO,EAAEL,OAAO,CAACK;AAFV,KADX;AAKE,IAAA,SAAS,EAAEJ;AALb,KAMME,MANN,GAQGD,QARH,CADF;AAYD,CAdD;;AAgBAJ,eAAe,CAACQ,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEL,EAAAA,SAAS,EAAEP,SAAS,CAACa,MAJK;;AAK1B;AACF;AACA;AACEP,EAAAA,OAAO,EAAEN,SAAS,CAACc,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,IAAI,EAAEV,SAAS,CAACa,MAJO;;AAKvB;AACJ;AACA;AACIF,IAAAA,OAAO,EAAEX,SAAS,CAACa;AARI,GAAhB,EASNE,UAjBuB;;AAkB1B;AACF;AACA;AACEP,EAAAA,QAAQ,EAAER,SAAS,CAACgB,IAAV,CAAeD;AArBC,CAA5B;AAwBA,eAAeb,UAAU,CAACC,MAAD,EAAS;AAAEc,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDb,eAAhD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogActions, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvDialogActions = (props) => {\n  const { classes, className, children, ...others } = props;\n  return (\n    <DialogActions\n      classes={{\n        root: classes.root,\n        spacing: classes.spacing,\n      }}\n      className={className}\n      {...others}\n    >\n      {children}\n    </DialogActions>\n  );\n};\n\nHvDialogActions.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     * Style applied to the root of the component (container for the actions).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the root of the component if disableSpacing is off.\n     */\n    spacing: PropTypes.string,\n  }).isRequired,\n  /**\n   * Actions of the Dialog.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogActions\" })(HvDialogActions);\n"],"file":"DialogActions.js"}

package/dist/modern/Dialog/DialogActions/index.d.ts

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

package/dist/modern/Dialog/DialogActions/index.js

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

package/dist/modern/Dialog/DialogActions/index.js.map

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

package/dist/modern/Dialog/DialogActions/styles.js

@@ -0,0 +1,15 @@
+const styles = theme => ({
+  root: {
+    margin: "0",
+    padding: theme.hv.spacing.sm,
+    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`
+  },
+  spacing: {
+    "& > :not(:first-child)": {
+      marginLeft: theme.hv.spacing.xs
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Dialog/DialogActions/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Dialog/DialogActions/styles.js"],"names":["styles","theme","root","margin","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","marginLeft","xs"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,GADJ;AAEJC,IAAAA,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;AAGJC,IAAAA,SAAS,EAAG,aAAYP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM;AAHtD,GADmB;AAMzBL,EAAAA,OAAO,EAAE;AACP,8BAA0B;AACxBM,MAAAA,UAAU,EAAEX,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBO;AADL;AADnB;AANgB,CAAZ,CAAf;;AAaA,eAAeb,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    margin: \"0\",\n    padding: theme.hv.spacing.sm,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n  },\n  spacing: {\n    \"& > :not(:first-child)\": {\n      marginLeft: theme.hv.spacing.xs,\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Dialog/DialogContent/DialogContent.d.ts

@@ -0,0 +1,13 @@
+import { DialogContentProps, StandardProps } from "@material-ui/core";
+
+export type HvDialogContentClassKey = "root" | "textContent";
+
+export interface HvDialogContentProps
+  extends StandardProps<DialogContentProps, HvDialogContentClassKey> {
+  /**
+   * Content should be indented in relationship to the Dialog title.
+   */
+  indentContent?: boolean;
+}
+
+export default function HvDialogContent(props: HvDialogContentProps): JSX.Element | null;

package/dist/modern/Dialog/DialogContent/DialogContent.js

@@ -0,0 +1,54 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { DialogContent, withStyles } from "@material-ui/core";
+import clsx from "clsx";
+import HvTypography from "../../Typography";
+import styles from "./styles";
+
+const HvDialogContent = ({
+  classes,
+  className,
+  children,
+  indentContent = false
+}) => {
+  return /*#__PURE__*/React.createElement(HvTypography, {
+    component: DialogContent,
+    className: clsx(className, classes.root, indentContent && classes.textContent)
+  }, children);
+};
+
+HvDialogContent.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component (container for the content).
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied when the content is a string.
+     */
+    textContent: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Content should be indented in relationship to the Dialog title.
+   */
+  indentContent: PropTypes.bool,
+
+  /**
+   * Content to be rendered.
+   */
+  children: PropTypes.node.isRequired
+};
+export default withStyles(styles, {
+  name: "HvDialogContent"
+})(HvDialogContent);
+//# sourceMappingURL=DialogContent.js.map

package/dist/modern/Dialog/DialogContent/DialogContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Dialog/DialogContent/DialogContent.js"],"names":["React","PropTypes","DialogContent","withStyles","clsx","HvTypography","styles","HvDialogContent","classes","className","children","indentContent","root","textContent","propTypes","string","shape","isRequired","bool","node","name"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,aAAT,EAAwBC,UAAxB,QAA0C,mBAA1C;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,eAAe,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,SAAX;AAAsBC,EAAAA,QAAtB;AAAgCC,EAAAA,aAAa,GAAG;AAAhD,CAAD,KAA6D;AACnF,sBACE,oBAAC,YAAD;AACE,IAAA,SAAS,EAAET,aADb;AAEE,IAAA,SAAS,EAAEE,IAAI,CAACK,SAAD,EAAYD,OAAO,CAACI,IAApB,EAAmDD,aAAnD,IAA6BH,OAAO,CAACK,WAArC;AAFjB,KAIGH,QAJH,CADF;AAQD,CATD;;AAWAH,eAAe,CAACO,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEL,EAAAA,SAAS,EAAER,SAAS,CAACc,MAJK;;AAK1B;AACF;AACA;AACEP,EAAAA,OAAO,EAAEP,SAAS,CAACe,KAAV,CAAgB;AACvB;AACJ;AACA;AACIJ,IAAAA,IAAI,EAAEX,SAAS,CAACc,MAJO;;AAKvB;AACJ;AACA;AACIF,IAAAA,WAAW,EAAEZ,SAAS,CAACc;AARA,GAAhB,EASNE,UAjBuB;;AAkB1B;AACF;AACA;AACEN,EAAAA,aAAa,EAAEV,SAAS,CAACiB,IArBC;;AAsB1B;AACF;AACA;AACER,EAAAA,QAAQ,EAAET,SAAS,CAACkB,IAAV,CAAeF;AAzBC,CAA5B;AA4BA,eAAed,UAAU,CAACG,MAAD,EAAS;AAAEc,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgDb,eAAhD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { DialogContent, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst HvDialogContent = ({ classes, className, children, indentContent = false }) => {\n  return (\n    <HvTypography\n      component={DialogContent}\n      className={clsx(className, classes.root, { [classes.textContent]: indentContent })}\n    >\n      {children}\n    </HvTypography>\n  );\n};\n\nHvDialogContent.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     * Style applied to the root of the component (container for the content).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied when the content is a string.\n     */\n    textContent: PropTypes.string,\n  }).isRequired,\n  /**\n   * Content should be indented in relationship to the Dialog title.\n   */\n  indentContent: PropTypes.bool,\n  /**\n   * Content to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogContent\" })(HvDialogContent);\n"],"file":"DialogContent.js"}

package/dist/modern/Dialog/DialogContent/index.d.ts

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

package/dist/modern/Dialog/DialogContent/index.js

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

package/dist/modern/Dialog/DialogContent/index.js.map

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

package/dist/modern/Dialog/DialogContent/styles.js

@@ -0,0 +1,13 @@
+const styles = theme => ({
+  root: {
+    padding: theme.hvSpacing(0, "sm", "sm", "sm"),
+    flex: "none"
+  },
+  textContent: {
+    marginLeft: "42px",
+    marginRight: "42px"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Dialog/DialogContent/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Dialog/DialogContent/styles.js"],"names":["styles","theme","root","padding","hvSpacing","flex","textContent","marginLeft","marginRight"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,IAA/B,CADL;AAEJC,IAAAA,IAAI,EAAE;AAFF,GADmB;AAKzBC,EAAAA,WAAW,EAAE;AACXC,IAAAA,UAAU,EAAE,MADD;AAEXC,IAAAA,WAAW,EAAE;AAFF;AALY,CAAZ,CAAf;;AAWA,eAAeR,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(0, \"sm\", \"sm\", \"sm\"),\n    flex: \"none\",\n  },\n  textContent: {\n    marginLeft: \"42px\",\n    marginRight: \"42px\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Dialog/DialogTitle/DialogTitle.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+import { DialogTitleProps, StandardProps } from "@material-ui/core";
+
+export type HvDialogTitleClassKey = "root" | "messageContainer" | "textWithIcon" | "icon";
+
+export interface HvDialogTitleProps extends StandardProps<DialogTitleProps, HvDialogTitleClassKey> {
+  /**
+   * Variant of the Dialog.
+   */
+  variant?: "success" | "warning" | "error" | "info" | "default";
+  /**
+   * Controls if the associated icon to the variant should be shown.
+   */
+  showIcon?: boolean;
+  /**
+   * Custom icon to replace the variant default.
+   */
+  customIcon?: React.ReactNode;
+}
+
+export default function HvDialogTitle(props: HvDialogTitleProps): JSX.Element | null;

package/dist/modern/Dialog/DialogTitle/DialogTitle.js

@@ -0,0 +1,96 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "children", "variant", "showIcon", "customIcon"];
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { DialogTitle, withStyles } from "@material-ui/core";
+import HvTypography from "../../Typography";
+import iconVariant from "../../utils/iconVariant";
+import styles from "./styles";
+
+const HvDialogTitle = _ref => {
+  let {
+    classes,
+    className,
+    children,
+    variant = "default",
+    showIcon = true,
+    customIcon = null
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const isString = typeof children === "string";
+  const icon = customIcon || showIcon && iconVariant(variant);
+  return /*#__PURE__*/React.createElement(DialogTitle, _extends({
+    className: clsx(classes.root, className),
+    disableTypography: true
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: classes.messageContainer
+  }, icon, /*#__PURE__*/React.createElement("div", {
+    className: clsx(icon && classes.textWithIcon)
+  }, !isString && children, isString && /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "xxsTitle"
+  }, children))));
+};
+
+HvDialogTitle.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Style applied to the root of the component (container for the title).
+     */
+    root: PropTypes.string,
+
+    /**
+     * Style applied to the container of the title
+     */
+    messageContainer: PropTypes.string,
+
+    /**
+     * Style applied to the text when the icon is present.
+     */
+    textWithIcon: PropTypes.string,
+
+    /**
+     * Style applied to the icon.
+     */
+    icon: PropTypes.string,
+
+    /**
+     * Style applied to the close button.
+     */
+    closeButton: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Variant of the Dialog.
+   */
+  variant: PropTypes.oneOf(["success", "warning", "error", "info", "default"]),
+
+  /**
+   * Controls if the associated icon to the variant should be shown.
+   */
+  showIcon: PropTypes.bool,
+
+  /**
+   * Custom icon to replace the variant default.
+   */
+  customIcon: PropTypes.node,
+
+  /**
+   * Node to be render.
+   */
+  children: PropTypes.node.isRequired
+};
+export default withStyles(styles, {
+  name: "HvDialogTitle"
+})(HvDialogTitle);
+//# sourceMappingURL=DialogTitle.js.map

package/dist/modern/Dialog/DialogTitle/DialogTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Dialog/DialogTitle/DialogTitle.js"],"names":["React","PropTypes","clsx","DialogTitle","withStyles","HvTypography","iconVariant","styles","HvDialogTitle","classes","className","children","variant","showIcon","customIcon","others","isString","icon","root","messageContainer","textWithIcon","propTypes","string","shape","closeButton","isRequired","oneOf","bool","node","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,WAAT,EAAsBC,UAAtB,QAAwC,mBAAxC;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,WAAP,MAAwB,yBAAxB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,aAAa,GAAG,QAQhB;AAAA,MARiB;AACrBC,IAAAA,OADqB;AAErBC,IAAAA,SAFqB;AAGrBC,IAAAA,QAHqB;AAIrBC,IAAAA,OAAO,GAAG,SAJW;AAKrBC,IAAAA,QAAQ,GAAG,IALU;AAMrBC,IAAAA,UAAU,GAAG;AANQ,GAQjB;AAAA,MADDC,MACC;;AACJ,QAAMC,QAAQ,GAAG,OAAOL,QAAP,KAAoB,QAArC;AAEA,QAAMM,IAAI,GAAGH,UAAU,IAAKD,QAAQ,IAAIP,WAAW,CAACM,OAAD,CAAnD;AAEA,sBACE,oBAAC,WAAD;AAAa,IAAA,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACS,IAAT,EAAeR,SAAf,CAA5B;AAAuD,IAAA,iBAAiB;AAAxE,KAA6EK,MAA7E,gBACE;AAAK,IAAA,SAAS,EAAEN,OAAO,CAACU;AAAxB,KACGF,IADH,eAEE;AAAK,IAAA,SAAS,EAAEf,IAAI,CAA2Be,IAA3B,IAAIR,OAAO,CAACW,YAAZ;AAApB,KACG,CAACJ,QAAD,IAAaL,QADhB,EAEGK,QAAQ,iBAAI,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAC;AAAtB,KAAkCL,QAAlC,CAFf,CAFF,CADF,CADF;AAWD,CAxBD;;AA0BAH,aAAa,CAACa,SAAd,GAA0B;AACxB;AACF;AACA;AACEX,EAAAA,SAAS,EAAET,SAAS,CAACqB,MAJG;;AAKxB;AACF;AACA;AACEb,EAAAA,OAAO,EAAER,SAAS,CAACsB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEjB,SAAS,CAACqB,MAJO;;AAKvB;AACJ;AACA;AACIH,IAAAA,gBAAgB,EAAElB,SAAS,CAACqB,MARL;;AASvB;AACJ;AACA;AACIF,IAAAA,YAAY,EAAEnB,SAAS,CAACqB,MAZD;;AAavB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEhB,SAAS,CAACqB,MAhBO;;AAiBvB;AACJ;AACA;AACIE,IAAAA,WAAW,EAAEvB,SAAS,CAACqB;AApBA,GAAhB,EAqBNG,UA7BqB;;AA8BxB;AACF;AACA;AACEb,EAAAA,OAAO,EAAEX,SAAS,CAACyB,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,OAAvB,EAAgC,MAAhC,EAAwC,SAAxC,CAAhB,CAjCe;;AAkCxB;AACF;AACA;AACEb,EAAAA,QAAQ,EAAEZ,SAAS,CAAC0B,IArCI;;AAsCxB;AACF;AACA;AACEb,EAAAA,UAAU,EAAEb,SAAS,CAAC2B,IAzCE;;AA0CxB;AACF;AACA;AACEjB,EAAAA,QAAQ,EAAEV,SAAS,CAAC2B,IAAV,CAAeH;AA7CD,CAA1B;AAgDA,eAAerB,UAAU,CAACG,MAAD,EAAS;AAAEsB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CrB,aAA9C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { DialogTitle, withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../Typography\";\nimport iconVariant from \"../../utils/iconVariant\";\nimport styles from \"./styles\";\n\nconst HvDialogTitle = ({\n  classes,\n  className,\n  children,\n  variant = \"default\",\n  showIcon = true,\n  customIcon = null,\n  ...others\n}) => {\n  const isString = typeof children === \"string\";\n\n  const icon = customIcon || (showIcon && iconVariant(variant));\n\n  return (\n    <DialogTitle className={clsx(classes.root, className)} disableTypography {...others}>\n      <div className={classes.messageContainer}>\n        {icon}\n        <div className={clsx({ [classes.textWithIcon]: icon })}>\n          {!isString && children}\n          {isString && <HvTypography variant=\"xxsTitle\">{children}</HvTypography>}\n        </div>\n      </div>\n    </DialogTitle>\n  );\n};\n\nHvDialogTitle.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     * Style applied to the root of the component (container for the title).\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the container of the title\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Style applied to the text when the icon is present.\n     */\n    textWithIcon: PropTypes.string,\n    /**\n     * Style applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Style applied to the close button.\n     */\n    closeButton: PropTypes.string,\n  }).isRequired,\n  /**\n   * Variant of the Dialog.\n   */\n  variant: PropTypes.oneOf([\"success\", \"warning\", \"error\", \"info\", \"default\"]),\n  /**\n   * Controls if the associated icon to the variant should be shown.\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Custom icon to replace the variant default.\n   */\n  customIcon: PropTypes.node,\n  /**\n   * Node to be render.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDialogTitle\" })(HvDialogTitle);\n"],"file":"DialogTitle.js"}

package/dist/modern/Dialog/DialogTitle/index.d.ts

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

package/dist/modern/Dialog/DialogTitle/index.js

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

package/dist/modern/Dialog/DialogTitle/index.js.map

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

package/dist/modern/Dialog/DialogTitle/styles.js

@@ -0,0 +1,25 @@
+const styles = theme => ({
+  root: {
+    padding: theme.hvSpacing("sm"),
+    margin: 0,
+    display: "flex",
+    justifyContent: "space-between"
+  },
+  messageContainer: {
+    display: "flex",
+    alignItems: "center"
+  },
+  textWithIcon: {
+    marginLeft: theme.hvSpacing("xs"),
+    // 32px is the icon width
+    marginRight: `calc(32px + ${theme.hvSpacing("xs")})`
+  },
+  icon: {
+    marginRight: theme.hv.spacing.md,
+    width: 48,
+    height: 48
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Dialog/DialogTitle/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Dialog/DialogTitle/styles.js"],"names":["styles","theme","root","padding","hvSpacing","margin","display","justifyContent","messageContainer","alignItems","textWithIcon","marginLeft","marginRight","icon","hv","spacing","md","width","height"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAEF,KAAK,CAACG,SAAN,CAAgB,IAAhB,CADL;AAEJC,IAAAA,MAAM,EAAE,CAFJ;AAGJC,IAAAA,OAAO,EAAE,MAHL;AAIJC,IAAAA,cAAc,EAAE;AAJZ,GADmB;AAOzBC,EAAAA,gBAAgB,EAAE;AAChBF,IAAAA,OAAO,EAAE,MADO;AAEhBG,IAAAA,UAAU,EAAE;AAFI,GAPO;AAWzBC,EAAAA,YAAY,EAAE;AACZC,IAAAA,UAAU,EAAEV,KAAK,CAACG,SAAN,CAAgB,IAAhB,CADA;AAEZ;AACAQ,IAAAA,WAAW,EAAG,eAAcX,KAAK,CAACG,SAAN,CAAgB,IAAhB,CAAsB;AAHtC,GAXW;AAgBzBS,EAAAA,IAAI,EAAE;AACJD,IAAAA,WAAW,EAAEX,KAAK,CAACa,EAAN,CAASC,OAAT,CAAiBC,EAD1B;AAEJC,IAAAA,KAAK,EAAE,EAFH;AAGJC,IAAAA,MAAM,EAAE;AAHJ;AAhBmB,CAAZ,CAAf;;AAuBA,eAAelB,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    padding: theme.hvSpacing(\"sm\"),\n    margin: 0,\n    display: \"flex\",\n    justifyContent: \"space-between\",\n  },\n  messageContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  textWithIcon: {\n    marginLeft: theme.hvSpacing(\"xs\"),\n    // 32px is the icon width\n    marginRight: `calc(32px + ${theme.hvSpacing(\"xs\")})`,\n  },\n  icon: {\n    marginRight: theme.hv.spacing.md,\n    width: 48,\n    height: 48,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Dialog/index.d.ts

@@ -0,0 +1,11 @@
+export { default } from "./Dialog";
+export * from "./Dialog";
+
+export { default as HvDialogTitle } from "./DialogTitle";
+export * from "./DialogTitle";
+
+export { default as HvDialogContent } from "./DialogContent";
+export * from "./DialogContent";
+
+export { default as HvDialogActions } from "./DialogActions";
+export * from "./DialogActions";

package/dist/modern/Dialog/index.js

@@ -0,0 +1,5 @@
+export { default } from "./Dialog";
+export { default as HvDialogTitle } from "./DialogTitle";
+export { default as HvDialogContent } from "./DialogContent";
+export { default as HvDialogActions } from "./DialogActions";
+//# sourceMappingURL=index.js.map

package/dist/modern/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dialog/index.js"],"names":["default","HvDialogTitle","HvDialogContent","HvDialogActions"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB;AACA,SAASA,OAAO,IAAIC,aAApB,QAAyC,eAAzC;AACA,SAASD,OAAO,IAAIE,eAApB,QAA2C,iBAA3C;AACA,SAASF,OAAO,IAAIG,eAApB,QAA2C,iBAA3C","sourcesContent":["export { default } from \"./Dialog\";\nexport { default as HvDialogTitle } from \"./DialogTitle\";\nexport { default as HvDialogContent } from \"./DialogContent\";\nexport { default as HvDialogActions } from \"./DialogActions\";\n"],"file":"index.js"}

package/dist/modern/Dialog/styles.js

@@ -0,0 +1,23 @@
+import fade from "../utils/hexToRgbA";
+
+const styles = theme => ({
+  background: {
+    background: fade(theme.hv.palette.atmosphere.atmo4, 0.8)
+  },
+  paper: {
+    background: `${theme.hv.palette.atmosphere.atmo1}`,
+    padding: "0px",
+    overflow: "auto",
+    boxShadow: theme.hv.shadows[1]
+  },
+  closeButton: {
+    padding: 0,
+    minWidth: "inherit",
+    position: "absolute",
+    top: theme.hvSpacing("sm"),
+    right: theme.hvSpacing("sm")
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Dialog/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dialog/styles.js"],"names":["fade","styles","theme","background","hv","palette","atmosphere","atmo4","paper","atmo1","padding","overflow","boxShadow","shadows","closeButton","minWidth","position","top","hvSpacing","right"],"mappings":"AAAA,OAAOA,IAAP,MAAiB,oBAAjB;;AAEA,MAAMC,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,UAAU,EAAE;AACVA,IAAAA,UAAU,EAAEH,IAAI,CAACE,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7B,EAAoC,GAApC;AADN,GADa;AAIzBC,EAAAA,KAAK,EAAE;AACLL,IAAAA,UAAU,EAAG,GAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BG,KAAM,EAD5C;AAELC,IAAAA,OAAO,EAAE,KAFJ;AAGLC,IAAAA,QAAQ,EAAE,MAHL;AAILC,IAAAA,SAAS,EAAEV,KAAK,CAACE,EAAN,CAASS,OAAT,CAAiB,CAAjB;AAJN,GAJkB;AAUzBC,EAAAA,WAAW,EAAE;AACXJ,IAAAA,OAAO,EAAE,CADE;AAEXK,IAAAA,QAAQ,EAAE,SAFC;AAGXC,IAAAA,QAAQ,EAAE,UAHC;AAIXC,IAAAA,GAAG,EAAEf,KAAK,CAACgB,SAAN,CAAgB,IAAhB,CAJM;AAKXC,IAAAA,KAAK,EAAEjB,KAAK,CAACgB,SAAN,CAAgB,IAAhB;AALI;AAVY,CAAZ,CAAf;;AAmBA,eAAejB,MAAf","sourcesContent":["import fade from \"../utils/hexToRgbA\";\n\nconst styles = (theme) => ({\n  background: {\n    background: fade(theme.hv.palette.atmosphere.atmo4, 0.8),\n  },\n  paper: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    padding: \"0px\",\n    overflow: \"auto\",\n    boxShadow: theme.hv.shadows[1],\n  },\n  closeButton: {\n    padding: 0,\n    minWidth: \"inherit\",\n    position: \"absolute\",\n    top: theme.hvSpacing(\"sm\"),\n    right: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}