@hitachivantara/uikit-react-core 3.52.5

package/dist/Dialog/Dialog.js

@@ -0,0 +1,231 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+var _utils = require("../utils");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _withTooltip = _interopRequireDefault(require("../withTooltip"));
+
+var _focusableElementFinder = require("../utils/focusableElementFinder");
+
+var _excluded = ["classes", "className", "id", "children", "open", "onClose", "firstFocusable", "buttonTitle"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * 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.
+ */
+var HvDialog = function HvDialog(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      id = _ref.id,
+      children = _ref.children,
+      open = _ref.open,
+      _onClose = _ref.onClose,
+      firstFocusable = _ref.firstFocusable,
+      _ref$buttonTitle = _ref.buttonTitle,
+      buttonTitle = _ref$buttonTitle === void 0 ? "Close" : _ref$buttonTitle,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      focusableQueue = _useState2[0],
+      setFocusableQueue = _useState2[1];
+
+  var measuredRef = (0, _react.useCallback)(function (node) {
+    if (node) {
+      var focusableList = (0, _focusableElementFinder.getFocusableList)(node);
+      setFocusableQueue({
+        first: focusableList[1],
+        last: focusableList[focusableList.length - 2]
+      });
+      if ((0, _isNil.default)(firstFocusable)) focusableList[1].focus();else {
+        var element = document.getElementById(firstFocusable);
+        if (element) element.focus();else {
+          // eslint-disable-next-line no-console
+          console.warn("firstFocusable element ".concat(firstFocusable, " not found."));
+          focusableList[1].focus();
+        }
+      }
+    }
+  }, [firstFocusable]);
+
+  var keyDownHandler = function keyDownHandler(event) {
+    if ((0, _utils.isKeypress)(event, _utils.KeyboardCodes.Tab) && !(0, _isNil.default)(event.target) && !(0, _isNil.default)(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 ((0, _utils.isKeypress)(event, _utils.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");
+        }
+      }
+    }
+  };
+
+  var closeButtonDisplay = function closeButtonDisplay() {
+    return /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Close, {
+      role: "presentation"
+    });
+  };
+
+  var CloseButtonTooltipWrapper = buttonTitle ? (0, _withTooltip.default)(closeButtonDisplay, buttonTitle, "top") : closeButtonDisplay;
+  return /*#__PURE__*/_react.default.createElement(_core.Dialog, (0, _extends2.default)({
+    className: (0, _clsx.default)(classes.root, className),
+    id: id,
+    ref: measuredRef,
+    open: open,
+    PaperProps: {
+      classes: {
+        root: classes.paper
+      }
+    },
+    BackdropProps: {
+      classes: {
+        root: classes.background
+      }
+    },
+    onClose: function onClose(event, reason) {
+      return _onClose(event, reason);
+    },
+    onKeyDown: keyDownHandler
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    "aria-modal": true
+  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    id: (0, _utils.setId)(id, "close"),
+    className: classes.closeButton,
+    category: "ghost",
+    onClick: function onClick(event) {
+      return _onClose(event);
+    },
+    "aria-label": buttonTitle
+  }, /*#__PURE__*/_react.default.createElement(CloseButtonTooltipWrapper, null)), children));
+};
+
+HvDialog.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the root of the component.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied to the background (outside) of the component.
+     */
+    background: _propTypes.default.string,
+
+    /**
+     * Style applied to the component (root).
+     */
+    paper: _propTypes.default.string,
+
+    /**
+     * Style applied to the close button.
+     */
+    closeButton: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Components of the Dialog.
+   */
+  children: _propTypes.default.node.isRequired,
+
+  /**
+   * Current state of the Dialog.
+   */
+  open: _propTypes.default.bool.isRequired,
+
+  /**
+   * Function executed on close.
+   */
+  onClose: _propTypes.default.func.isRequired,
+
+  /**
+   * Element id that should be focus when the Dialog opens.
+   */
+  firstFocusable: _propTypes.default.string,
+
+  /**
+   * Title for the button close.
+   */
+  buttonTitle: _propTypes.default.string
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvDialog"
+})(HvDialog);
+
+exports.default = _default;
+//# sourceMappingURL=Dialog.js.map

package/dist/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Dialog/Dialog.js"],"names":["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","KeyboardCodes","Tab","target","shiftKey","preventDefault","Esc","onEscapeKeyDown","disableEscapeKeyDown","stopPropagation","closeButtonDisplay","CloseButtonTooltipWrapper","root","paper","background","reason","closeButton","propTypes","PropTypes","string","shape","isRequired","bool","func","styles","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/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/Dialog/DialogActions/DialogActions.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "children"];
+
+var HvDialogActions = function HvDialogActions(props) {
+  var classes = props.classes,
+      className = props.className,
+      children = props.children,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_core.DialogActions, (0, _extends2.default)({
+    classes: {
+      root: classes.root,
+      spacing: classes.spacing
+    },
+    className: className
+  }, others), children);
+};
+
+HvDialogActions.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the root of the component (container for the actions).
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied to the root of the component if disableSpacing is off.
+     */
+    spacing: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Actions of the Dialog.
+   */
+  children: _propTypes.default.node.isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvDialogActions"
+})(HvDialogActions);
+
+exports.default = _default;
+//# sourceMappingURL=DialogActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dialog/DialogActions/DialogActions.js"],"names":["HvDialogActions","props","classes","className","children","others","root","spacing","propTypes","PropTypes","string","shape","isRequired","node","styles","name"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAW;AACjC,MAAQC,OAAR,GAAoDD,KAApD,CAAQC,OAAR;AAAA,MAAiBC,SAAjB,GAAoDF,KAApD,CAAiBE,SAAjB;AAAA,MAA4BC,QAA5B,GAAoDH,KAApD,CAA4BG,QAA5B;AAAA,MAAyCC,MAAzC,0CAAoDJ,KAApD;AACA,sBACE,6BAAC,mBAAD;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,EAAEM,mBAAUC,MAJK;;AAK1B;AACF;AACA;AACER,EAAAA,OAAO,EAAEO,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEG,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIH,IAAAA,OAAO,EAAEE,mBAAUC;AARI,GAAhB,EASNE,UAjBuB;;AAkB1B;AACF;AACA;AACER,EAAAA,QAAQ,EAAEK,mBAAUI,IAAV,CAAeD;AArBC,CAA5B;;eAwBe,sBAAWE,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAgDf,eAAhD,C","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/Dialog/DialogActions/index.d.ts

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

package/dist/Dialog/DialogActions/index.js

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

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

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

package/dist/Dialog/DialogActions/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      margin: "0",
+      padding: theme.hv.spacing.sm,
+      borderTop: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2)
+    },
+    spacing: {
+      "& > :not(:first-child)": {
+        marginLeft: theme.hv.spacing.xs
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/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,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,MAAM,EAAE,GADJ;AAEJC,MAAAA,OAAO,EAAEH,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBC,EAFtB;AAGJC,MAAAA,SAAS,sBAAeP,KAAK,CAACI,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C;AAHL,KADmB;AAMzBL,IAAAA,OAAO,EAAE;AACP,gCAA0B;AACxBM,QAAAA,UAAU,EAAEX,KAAK,CAACI,EAAN,CAASC,OAAT,CAAiBO;AADL;AADnB;AANgB,GAAZ;AAAA,CAAf;;eAaeb,M","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/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/Dialog/DialogContent/DialogContent.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _Typography = _interopRequireDefault(require("../../Typography"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var HvDialogContent = function HvDialogContent(_ref) {
+  var classes = _ref.classes,
+      className = _ref.className,
+      children = _ref.children,
+      _ref$indentContent = _ref.indentContent,
+      indentContent = _ref$indentContent === void 0 ? false : _ref$indentContent;
+  return /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    component: _core.DialogContent,
+    className: (0, _clsx.default)(className, classes.root, indentContent && classes.textContent)
+  }, children);
+};
+
+HvDialogContent.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Style applied to the root of the component (container for the content).
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Style applied when the content is a string.
+     */
+    textContent: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Content should be indented in relationship to the Dialog title.
+   */
+  indentContent: _propTypes.default.bool,
+
+  /**
+   * Content to be rendered.
+   */
+  children: _propTypes.default.node.isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvDialogContent"
+})(HvDialogContent);
+
+exports.default = _default;
+//# sourceMappingURL=DialogContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Dialog/DialogContent/DialogContent.js"],"names":["HvDialogContent","classes","className","children","indentContent","DialogContent","root","textContent","propTypes","PropTypes","string","shape","isRequired","bool","node","styles","name"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAA6D;AAAA,MAA1DC,OAA0D,QAA1DA,OAA0D;AAAA,MAAjDC,SAAiD,QAAjDA,SAAiD;AAAA,MAAtCC,QAAsC,QAAtCA,QAAsC;AAAA,gCAA5BC,aAA4B;AAAA,MAA5BA,aAA4B,mCAAZ,KAAY;AACnF,sBACE,6BAAC,mBAAD;AACE,IAAA,SAAS,EAAEC,mBADb;AAEE,IAAA,SAAS,EAAE,mBAAKH,SAAL,EAAgBD,OAAO,CAACK,IAAxB,EAAuDF,aAAvD,IAAiCH,OAAO,CAACM,WAAzC;AAFb,KAIGJ,QAJH,CADF;AAQD,CATD;;AAWAH,eAAe,CAACQ,SAAhB,GAA4B;AAC1B;AACF;AACA;AACEN,EAAAA,SAAS,EAAEO,mBAAUC,MAJK;;AAK1B;AACF;AACA;AACET,EAAAA,OAAO,EAAEQ,mBAAUE,KAAV,CAAgB;AACvB;AACJ;AACA;AACIL,IAAAA,IAAI,EAAEG,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACIH,IAAAA,WAAW,EAAEE,mBAAUC;AARA,GAAhB,EASNE,UAjBuB;;AAkB1B;AACF;AACA;AACER,EAAAA,aAAa,EAAEK,mBAAUI,IArBC;;AAsB1B;AACF;AACA;AACEV,EAAAA,QAAQ,EAAEM,mBAAUK,IAAV,CAAeF;AAzBC,CAA5B;;eA4Be,sBAAWG,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAgDhB,eAAhD,C","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/Dialog/DialogContent/index.d.ts

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

package/dist/Dialog/DialogContent/index.js

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

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

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

package/dist/Dialog/DialogContent/styles.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      padding: theme.hvSpacing(0, "sm", "sm", "sm"),
+      flex: "none"
+    },
+    textContent: {
+      marginLeft: "42px",
+      marginRight: "42px"
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/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,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAEF,KAAK,CAACG,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,EAAyB,IAAzB,EAA+B,IAA/B,CADL;AAEJC,MAAAA,IAAI,EAAE;AAFF,KADmB;AAKzBC,IAAAA,WAAW,EAAE;AACXC,MAAAA,UAAU,EAAE,MADD;AAEXC,MAAAA,WAAW,EAAE;AAFF;AALY,GAAZ;AAAA,CAAf;;eAWeR,M","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/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;