@carbon/react 1.7.0 → 1.8.0-rc.0

package/lib/components/Notification/next/Notification.js

@@ -1,677 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
-var React = require('react');
-var cx = require('classnames');
-var iconsReact = require('@carbon/icons-react');
-var Button = require('../../Button/Button.js');
-var useIsomorphicEffect = require('../../../internal/useIsomorphicEffect.js');
-var useNoInteractiveChildren = require('../../../internal/useNoInteractiveChildren.js');
-var usePrefix = require('../../../internal/usePrefix.js');
-var match = require('../../../internal/keyboard/match.js');
-var keys = require('../../../internal/keyboard/keys.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
-var _iconTypes;
-
-var _excluded = ["children", "className", "onClick", "inline"],
-    _excluded2 = ["ariaLabel", "className", "type", "renderIcon", "name", "notificationType"],
-    _excluded3 = ["role", "onClose", "onCloseButtonClick", "statusIconDescription", "className", "children", "kind", "lowContrast", "hideCloseButton", "timeout", "title", "caption", "subtitle"],
-    _excluded4 = ["children", "title", "subtitle", "role", "onClose", "onCloseButtonClick", "statusIconDescription", "className", "kind", "lowContrast", "hideCloseButton"],
-    _excluded5 = ["actionButtonLabel", "ariaLabel", "children", "role", "onActionButtonClick", "onClose", "onCloseButtonClick", "statusIconDescription", "className", "inline", "kind", "lowContrast", "hideCloseButton", "hasFocus", "closeOnEscape", "title", "subtitle"];
-/**
- * Conditionally call a callback when the escape key is pressed
- * @param {node} ref - ref of the container element to scope the functionality to
- * @param {func} callback - function to be called
- * @param {bool} override - escape hatch to conditionally call the callback
- */
-
-function useEscapeToClose(ref, callback) {
-  var override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
-  var handleKeyDown = function handleKeyDown(event) {
-    // The callback should only be called when focus is on or within the container
-    var elementContainsFocus = ref.current && document.activeElement === ref.current || ref.current.contains(document.activeElement);
-
-    if (match.matches(event, [keys.Escape]) && override && elementContainsFocus) {
-      callback(event);
-    }
-  };
-
-  useIsomorphicEffect["default"](function () {
-    document.addEventListener('keydown', handleKeyDown, false);
-    return function () {
-      return document.removeEventListener('keydown', handleKeyDown, false);
-    };
-  });
-}
-
-function NotificationActionButton(_ref) {
-  var children = _ref.children,
-      customClassName = _ref.className,
-      onClick = _ref.onClick,
-      inline = _ref.inline,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var className = cx__default["default"](customClassName, _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--actionable-notification__action-button"), true));
-  return /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({
-    className: className,
-    kind: inline ? 'ghost' : 'tertiary',
-    onClick: onClick,
-    size: "sm"
-  }, rest), children);
-}
-NotificationActionButton.propTypes = {
-  /**
-   * Specify the content of the notification action button.
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the notification action button
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify if the visual treatment of the button should be for an inline notification
-   */
-  inline: PropTypes__default["default"].bool,
-
-  /**
-   * Optionally specify a click handler for the notification action button.
-   */
-  onClick: PropTypes__default["default"].func
-};
-function NotificationButton(_ref2) {
-  var ariaLabel = _ref2.ariaLabel,
-      className = _ref2.className,
-      type = _ref2.type,
-      IconTag = _ref2.renderIcon,
-      name = _ref2.name,
-      notificationType = _ref2.notificationType,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-
-  var prefix = usePrefix.usePrefix();
-  var buttonClassName = cx__default["default"](className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--").concat(notificationType, "-notification__close-button"), notificationType));
-  var iconClassName = cx__default["default"](_rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--").concat(notificationType, "-notification__close-icon"), notificationType));
-  return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    // eslint-disable-next-line react/button-has-type
-    type: type,
-    "aria-label": ariaLabel,
-    title: ariaLabel,
-    className: buttonClassName
-  }), IconTag && /*#__PURE__*/React__default["default"].createElement(IconTag, {
-    className: iconClassName,
-    name: name
-  }));
-}
-NotificationButton.propTypes = {
-  /**
-   * Specify a label to be read by screen readers on the notification button
-   */
-  ariaLabel: PropTypes__default["default"].string,
-
-  /**
-   * Specify an optional className to be applied to the notification button
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify an optional icon for the Button through a string,
-   * if something but regular "close" icon is desirable
-   */
-  name: PropTypes__default["default"].string,
-
-  /**
-   * Specify the notification type
-   */
-  notificationType: PropTypes__default["default"].oneOf(['toast', 'inline', 'actionable']),
-
-  /**
-   * Optional prop to allow overriding the icon rendering.
-   * Can be a React component class
-   */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
-
-  /**
-   * Optional prop to specify the type of the Button
-   */
-  type: PropTypes__default["default"].string
-};
-NotificationButton.defaultProps = {
-  ariaLabel: 'close notification',
-  notificationType: 'toast',
-  type: 'button',
-  renderIcon: iconsReact.Close
-};
-var iconTypes = (_iconTypes = {
-  error: iconsReact.ErrorFilled,
-  success: iconsReact.CheckmarkFilled,
-  warning: iconsReact.WarningFilled
-}, _rollupPluginBabelHelpers.defineProperty(_iconTypes, 'warning-alt', iconsReact.WarningAltFilled), _rollupPluginBabelHelpers.defineProperty(_iconTypes, "info", iconsReact.InformationFilled), _rollupPluginBabelHelpers.defineProperty(_iconTypes, 'info-square', iconsReact.InformationSquareFilled), _iconTypes);
-
-function NotificationIcon(_ref3) {
-  var iconDescription = _ref3.iconDescription,
-      kind = _ref3.kind,
-      notificationType = _ref3.notificationType;
-  var prefix = usePrefix.usePrefix();
-  var IconForKind = iconTypes[kind];
-
-  if (!IconForKind) {
-    return null;
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement(IconForKind, {
-    className: "".concat(prefix, "--").concat(notificationType, "-notification__icon")
-  }, /*#__PURE__*/React__default["default"].createElement("title", null, iconDescription));
-}
-
-NotificationIcon.propTypes = {
-  iconDescription: PropTypes__default["default"].string.isRequired,
-  kind: PropTypes__default["default"].oneOf(['error', 'success', 'warning', 'warning-alt', 'info', 'info-square']).isRequired,
-  notificationType: PropTypes__default["default"].oneOf(['inline', 'toast']).isRequired
-};
-function ToastNotification(_ref4) {
-  var _cx4;
-
-  var role = _ref4.role,
-      onClose = _ref4.onClose,
-      onCloseButtonClick = _ref4.onCloseButtonClick,
-      statusIconDescription = _ref4.statusIconDescription,
-      className = _ref4.className,
-      children = _ref4.children,
-      kind = _ref4.kind,
-      lowContrast = _ref4.lowContrast,
-      hideCloseButton = _ref4.hideCloseButton,
-      timeout = _ref4.timeout,
-      title = _ref4.title,
-      caption = _ref4.caption,
-      subtitle = _ref4.subtitle,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref4, _excluded3);
-
-  var _useState = React.useState(true),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var prefix = usePrefix.usePrefix();
-  var containerClassName = cx__default["default"](className, (_cx4 = {}, _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--toast-notification"), true), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--toast-notification--low-contrast"), lowContrast), _rollupPluginBabelHelpers.defineProperty(_cx4, "".concat(prefix, "--toast-notification--").concat(kind), kind), _cx4));
-  var contentRef = React.useRef(null);
-  useNoInteractiveChildren.useNoInteractiveChildren(contentRef);
-
-  var handleClose = function handleClose(evt) {
-    if (!onClose || onClose(evt) !== false) {
-      setIsOpen(false);
-    }
-  };
-
-  var ref = React.useRef(null);
-
-  function handleCloseButtonClick(event) {
-    onCloseButtonClick(event);
-    handleClose(event);
-  }
-
-  var savedOnClose = React.useRef(onClose);
-  React.useEffect(function () {
-    savedOnClose.current = onClose;
-  });
-  React.useEffect(function () {
-    if (!timeout) {
-      return;
-    }
-
-    var timeoutId = window.setTimeout(function (event) {
-      setIsOpen(false);
-
-      if (savedOnClose.current) {
-        savedOnClose.current(event);
-      }
-    }, timeout);
-    return function () {
-      window.clearTimeout(timeoutId);
-    };
-  }, [timeout]);
-
-  if (!isOpen) {
-    return null;
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    ref: ref
-  }, rest, {
-    role: role,
-    className: containerClassName
-  }), /*#__PURE__*/React__default["default"].createElement(NotificationIcon, {
-    notificationType: "toast",
-    kind: kind,
-    iconDescription: statusIconDescription || "".concat(kind, " icon")
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    ref: contentRef,
-    className: "".concat(prefix, "--toast-notification__details")
-  }, title && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--toast-notification__title")
-  }, title), subtitle && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--toast-notification__subtitle")
-  }, subtitle), caption && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--toast-notification__caption")
-  }, caption), children), !hideCloseButton && /*#__PURE__*/React__default["default"].createElement(NotificationButton, {
-    notificationType: "toast",
-    onClick: handleCloseButtonClick,
-    "aria-hidden": "true",
-    tabIndex: "-1"
-  }));
-}
-ToastNotification.propTypes = {
-  /**
-   * Provide a description for "close" icon button that can be read by screen readers
-   */
-  ariaLabel: PropTypes__default["default"].string,
-
-  /**
-   * Specify the caption
-   */
-  caption: PropTypes__default["default"].string,
-
-  /**
-   * Specify the content
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the notification box
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify the close button should be disabled, or not
-   */
-  hideCloseButton: PropTypes__default["default"].bool,
-
-  /**
-   * Specify what state the notification represents
-   */
-  kind: PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
-
-  /**
-   * Specify whether you are using the low contrast variant of the ToastNotification.
-   */
-  lowContrast: PropTypes__default["default"].bool,
-
-  /**
-   * Provide a function that is called when menu is closed
-   */
-  onClose: PropTypes__default["default"].func,
-
-  /**
-   * Provide a function that is called when the close button is clicked
-   */
-  onCloseButtonClick: PropTypes__default["default"].func,
-
-  /**
-   * By default, this value is "status". You can also provide an alternate
-   * role if it makes sense from the accessibility-side
-   */
-  role: PropTypes__default["default"].oneOf(['alert', 'log', 'status']),
-
-  /**
-   * Provide a description for "status" icon that can be read by screen readers
-   */
-  statusIconDescription: PropTypes__default["default"].string,
-
-  /**
-   * Specify the sub-title
-   */
-  subtitle: PropTypes__default["default"].string,
-
-  /**
-   * Specify an optional duration the notification should be closed in
-   */
-  timeout: PropTypes__default["default"].number,
-
-  /**
-   * Specify the title
-   */
-  title: PropTypes__default["default"].string
-};
-ToastNotification.defaultProps = {
-  kind: 'error',
-  role: 'status',
-  onCloseButtonClick: function onCloseButtonClick() {},
-  hideCloseButton: false,
-  timeout: 0
-};
-function InlineNotification(_ref5) {
-  var _cx5;
-
-  var children = _ref5.children,
-      title = _ref5.title,
-      subtitle = _ref5.subtitle,
-      role = _ref5.role,
-      onClose = _ref5.onClose,
-      onCloseButtonClick = _ref5.onCloseButtonClick,
-      statusIconDescription = _ref5.statusIconDescription,
-      className = _ref5.className,
-      kind = _ref5.kind,
-      lowContrast = _ref5.lowContrast,
-      hideCloseButton = _ref5.hideCloseButton,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref5, _excluded4);
-
-  var _useState3 = React.useState(true),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      isOpen = _useState4[0],
-      setIsOpen = _useState4[1];
-
-  var prefix = usePrefix.usePrefix();
-  var containerClassName = cx__default["default"](className, (_cx5 = {}, _rollupPluginBabelHelpers.defineProperty(_cx5, "".concat(prefix, "--inline-notification"), true), _rollupPluginBabelHelpers.defineProperty(_cx5, "".concat(prefix, "--inline-notification--low-contrast"), lowContrast), _rollupPluginBabelHelpers.defineProperty(_cx5, "".concat(prefix, "--inline-notification--").concat(kind), kind), _rollupPluginBabelHelpers.defineProperty(_cx5, "".concat(prefix, "--inline-notification--hide-close-button"), hideCloseButton), _cx5));
-  var contentRef = React.useRef(null);
-  useNoInteractiveChildren.useNoInteractiveChildren(contentRef);
-
-  var handleClose = function handleClose(evt) {
-    if (!onClose || onClose(evt) !== false) {
-      setIsOpen(false);
-    }
-  };
-
-  var ref = React.useRef(null);
-
-  function handleCloseButtonClick(event) {
-    onCloseButtonClick(event);
-    handleClose(event);
-  }
-
-  if (!isOpen) {
-    return null;
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    ref: ref
-  }, rest, {
-    role: role,
-    className: containerClassName
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--inline-notification__details")
-  }, /*#__PURE__*/React__default["default"].createElement(NotificationIcon, {
-    notificationType: "inline",
-    kind: kind,
-    iconDescription: statusIconDescription || "".concat(kind, " icon")
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    ref: contentRef,
-    className: "".concat(prefix, "--inline-notification__text-wrapper")
-  }, title && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--inline-notification__title")
-  }, title), subtitle && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--inline-notification__subtitle")
-  }, subtitle), children)), !hideCloseButton && /*#__PURE__*/React__default["default"].createElement(NotificationButton, {
-    notificationType: "inline",
-    onClick: handleCloseButtonClick,
-    "aria-hidden": "true",
-    tabIndex: "-1"
-  }));
-}
-InlineNotification.propTypes = {
-  /**
-   * Specify the content
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the notification box
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify the close button should be disabled, or not
-   */
-  hideCloseButton: PropTypes__default["default"].bool,
-
-  /**
-   * Specify what state the notification represents
-   */
-  kind: PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
-
-  /**
-   * Specify whether you are using the low contrast variant of the InlineNotification.
-   */
-  lowContrast: PropTypes__default["default"].bool,
-
-  /**
-   * Provide a function that is called when menu is closed
-   */
-  onClose: PropTypes__default["default"].func,
-
-  /**
-   * Provide a function that is called when the close button is clicked
-   */
-  onCloseButtonClick: PropTypes__default["default"].func,
-
-  /**
-   * By default, this value is "status". You can also provide an alternate
-   * role if it makes sense from the accessibility-side.
-   */
-  role: PropTypes__default["default"].oneOf(['alert', 'log', 'status']),
-
-  /**
-   * Provide a description for "status" icon that can be read by screen readers
-   */
-  statusIconDescription: PropTypes__default["default"].string,
-
-  /**
-   * Specify the sub-title
-   */
-  subtitle: PropTypes__default["default"].string,
-
-  /**
-   * Specify the title
-   */
-  title: PropTypes__default["default"].string
-};
-InlineNotification.defaultProps = {
-  kind: 'error',
-  role: 'status',
-  onCloseButtonClick: function onCloseButtonClick() {},
-  hideCloseButton: false
-};
-function ActionableNotification(_ref6) {
-  var _cx6;
-
-  var actionButtonLabel = _ref6.actionButtonLabel,
-      ariaLabel = _ref6.ariaLabel,
-      children = _ref6.children,
-      role = _ref6.role,
-      onActionButtonClick = _ref6.onActionButtonClick,
-      onClose = _ref6.onClose,
-      onCloseButtonClick = _ref6.onCloseButtonClick,
-      statusIconDescription = _ref6.statusIconDescription,
-      className = _ref6.className,
-      inline = _ref6.inline,
-      kind = _ref6.kind,
-      lowContrast = _ref6.lowContrast,
-      hideCloseButton = _ref6.hideCloseButton,
-      hasFocus = _ref6.hasFocus,
-      closeOnEscape = _ref6.closeOnEscape,
-      title = _ref6.title,
-      subtitle = _ref6.subtitle,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref6, _excluded5);
-
-  var _useState5 = React.useState(true),
-      _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
-      isOpen = _useState6[0],
-      setIsOpen = _useState6[1];
-
-  var prefix = usePrefix.usePrefix();
-  var containerClassName = cx__default["default"](className, (_cx6 = {}, _rollupPluginBabelHelpers.defineProperty(_cx6, "".concat(prefix, "--actionable-notification"), true), _rollupPluginBabelHelpers.defineProperty(_cx6, "".concat(prefix, "--actionable-notification--toast"), !inline), _rollupPluginBabelHelpers.defineProperty(_cx6, "".concat(prefix, "--actionable-notification--low-contrast"), lowContrast), _rollupPluginBabelHelpers.defineProperty(_cx6, "".concat(prefix, "--actionable-notification--").concat(kind), kind), _rollupPluginBabelHelpers.defineProperty(_cx6, "".concat(prefix, "--actionable-notification--hide-close-button"), hideCloseButton), _cx6));
-  var ref = React.useRef(null);
-  useIsomorphicEffect["default"](function () {
-    if (ref.current && hasFocus) {
-      ref.current.focus();
-    }
-  });
-
-  var handleClose = function handleClose(evt) {
-    if (!onClose || onClose(evt) !== false) {
-      setIsOpen(false);
-    }
-  };
-
-  useEscapeToClose(ref, handleCloseButtonClick, closeOnEscape);
-
-  function handleCloseButtonClick(event) {
-    onCloseButtonClick(event);
-    handleClose(event);
-  }
-
-  if (!isOpen) {
-    return null;
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    ref: ref,
-    role: role,
-    className: containerClassName
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--actionable-notification__details")
-  }, /*#__PURE__*/React__default["default"].createElement(NotificationIcon, {
-    notificationType: inline ? 'inline' : 'toast',
-    kind: kind,
-    iconDescription: statusIconDescription || "".concat(kind, " icon")
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--actionable-notification__text-wrapper")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--actionable-notification__content")
-  }, title && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--actionable-notification__title")
-  }, title), subtitle && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--actionable-notification__subtitle")
-  }, subtitle), children))), /*#__PURE__*/React__default["default"].createElement(NotificationActionButton, {
-    onClick: onActionButtonClick,
-    inline: inline
-  }, actionButtonLabel), !hideCloseButton && /*#__PURE__*/React__default["default"].createElement(NotificationButton, {
-    "aria-label": ariaLabel,
-    notificationType: "actionable",
-    onClick: handleCloseButtonClick
-  }));
-}
-ActionableNotification.propTypes = {
-  /**
-   * Pass in the action button label that will be rendered within the ActionableNotification.
-   */
-  actionButtonLabel: PropTypes__default["default"].string.isRequired,
-
-  /**
-   * Provide a description for "close" icon button that can be read by screen readers
-   */
-  ariaLabel: PropTypes__default["default"].string,
-
-  /**
-   * Specify the caption
-   */
-  caption: PropTypes__default["default"].string,
-
-  /**
-   * Specify the content
-   */
-  children: PropTypes__default["default"].node,
-
-  /**
-   * Specify an optional className to be applied to the notification box
-   */
-  className: PropTypes__default["default"].string,
-
-  /**
-   * Specify if pressing the escape key should close notifications
-   */
-  closeOnEscape: PropTypes__default["default"].bool,
-
-  /**
-   * Specify if focus should be moved to the component when the notification contains actions
-   */
-  hasFocus: PropTypes__default["default"].bool,
-
-  /**
-   * Specify the close button should be disabled, or not
-   */
-  hideCloseButton: PropTypes__default["default"].bool,
-
-  /*
-   * Specify if the notification should have inline styling applied instead of toast
-   */
-  inline: PropTypes__default["default"].bool,
-
-  /**
-   * Specify what state the notification represents
-   */
-  kind: PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']).isRequired,
-
-  /**
-   * Specify whether you are using the low contrast variant of the ActionableNotification.
-   */
-  lowContrast: PropTypes__default["default"].bool,
-
-  /**
-   * Provide a function that is called when the action is clicked
-   */
-  onActionButtonClick: PropTypes__default["default"].func,
-
-  /**
-   * Provide a function that is called when menu is closed
-   */
-  onClose: PropTypes__default["default"].func,
-
-  /**
-   * Provide a function that is called when the close button is clicked
-   */
-  onCloseButtonClick: PropTypes__default["default"].func,
-
-  /**
-   * By default, this value is "alertdialog". You can also provide an alternate
-   * role if it makes sense from the accessibility-side.
-   */
-  role: PropTypes__default["default"].string,
-
-  /**
-   * Provide a description for "status" icon that can be read by screen readers
-   */
-  statusIconDescription: PropTypes__default["default"].string,
-
-  /**
-   * Specify the sub-title
-   */
-  subtitle: PropTypes__default["default"].string,
-
-  /**
-   * Specify the title
-   */
-  title: PropTypes__default["default"].string
-};
-ActionableNotification.defaultProps = {
-  kind: 'error',
-  role: 'alertdialog',
-  onCloseButtonClick: function onCloseButtonClick() {},
-  hideCloseButton: false,
-  hasFocus: true,
-  closeOnEscape: true,
-  inline: false
-};
-
-exports.ActionableNotification = ActionableNotification;
-exports.InlineNotification = InlineNotification;
-exports.NotificationActionButton = NotificationActionButton;
-exports.NotificationButton = NotificationButton;
-exports.ToastNotification = ToastNotification;