@elliemae/ds-toast 1.60.0 → 2.0.0-alpha.12

package/cjs/DSToast.js

@@ -2,52 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
 var reactToastify = require('react-toastify');
 var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var ToastPosition = require('./ToastPosition.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var CloseButton = function CloseButton(_ref) {
-  var closeToast = _ref.closeToast;
-  return /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
+var _CloseSmall, _CloseButton;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const CloseButton = _ref => {
+  let {
+    closeToast
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
     buttonType: "text",
     className: "toast-close-button",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseSmall, null),
+    icon: _CloseSmall || (_CloseSmall = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseSmall, {})),
     onClick: closeToast,
     size: "m"
   });
 };
 
-var DSToast = function DSToast(_ref2) {
-  var _ref2$containerProps = _ref2.containerProps,
-      containerProps = _ref2$containerProps === void 0 ? {} : _ref2$containerProps,
-      _ref2$position = _ref2.position,
-      position = _ref2$position === void 0 ? 'bottom-left' : _ref2$position,
-      _ref2$autoClose = _ref2.autoClose,
-      autoClose = _ref2$autoClose === void 0 ? 5000 : _ref2$autoClose,
-      _ref2$showProgressBar = _ref2.showProgressBar,
-      showProgressBar = _ref2$showProgressBar === void 0 ? false : _ref2$showProgressBar,
-      _ref2$closeOnClick = _ref2.closeOnClick,
-      closeOnClick = _ref2$closeOnClick === void 0 ? false : _ref2$closeOnClick,
-      _ref2$enableMultiCont = _ref2.enableMultiContainer,
-      enableMultiContainer = _ref2$enableMultiCont === void 0 ? false : _ref2$enableMultiCont,
-      _ref2$containerId = _ref2.containerId,
-      containerId = _ref2$containerId === void 0 ? undefined : _ref2$containerId,
-      _ref2$toastId = _ref2.toastId,
-      toastId = _ref2$toastId === void 0 ? undefined : _ref2$toastId;
-  return /*#__PURE__*/React__default['default'].createElement(reactToastify.ToastContainer, _extends__default['default']({}, containerProps, {
+const DSToast = _ref2 => {
+  let {
+    containerProps = {},
+    position = 'bottom-left',
+    autoClose = 5000,
+    // can be false or a number in milliseconds
+    showProgressBar = false,
+    closeOnClick = false,
+    enableMultiContainer = false,
+    containerId = undefined,
+    toastId = undefined
+  } = _ref2;
+  return /*#__PURE__*/jsxRuntime.jsx(reactToastify.ToastContainer, _objectSpread(_objectSpread({}, containerProps), {}, {
     autoClose: autoClose,
     className: showProgressBar && 'with-progressbar' || '',
-    closeButton: /*#__PURE__*/React__default['default'].createElement(CloseButton, null),
+    closeButton: _CloseButton || (_CloseButton = /*#__PURE__*/_jsx__default["default"](CloseButton, {})),
     closeOnClick: closeOnClick,
     containerId: containerId,
     enableMultiContainer: enableMultiContainer,
@@ -59,7 +69,7 @@ var DSToast = function DSToast(_ref2) {
   }));
 };
 
-var props = {
+const props = {
   /** inject props to wrapper */
   containerProps: reactDesc.PropTypes.object.description('inject props to wrapper'),
 
@@ -84,11 +94,9 @@ var props = {
   /**  id for the toast */
   toastId: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('id for the toast')
 };
-DSToast.propTypes = props;
-var DSToastWithSchema = reactDesc.describe(DSToast);
+const DSToastWithSchema = reactDesc.describe(DSToast);
 DSToastWithSchema.propTypes = props;
 
 exports.DSToast = DSToast;
 exports.DSToastWithSchema = DSToastWithSchema;
-exports['default'] = DSToast;
-//# sourceMappingURL=DSToast.js.map
+exports["default"] = DSToast;

package/cjs/ToastAction.js

@@ -2,42 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Link = /*#__PURE__*/styled__default['default'].span.withConfig({
+const Link = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1bs5g4c-0"
 })(["", ""], dsSystem.color('brand', '600'));
 
-var DSToastAction = function DSToastAction(_ref) {
-  var children = _ref.children,
-      onClick = _ref.onClick,
-      onKeyDown = _ref.onKeyDown;
+const DSToastAction = _ref => {
+  let {
+    children,
+    onClick,
+    onKeyDown
+  } = _ref;
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React__default['default'].createElement("div", {
+    _jsx__default["default"]("div", {
       onKeyDown: onKeyDown,
       onClick: onClick,
       role: onClick ? 'button' : 'textbox'
-    }, children)
+    }, void 0, children)
   );
 }; // eslint-disable-next-line jsx-a11y/anchor-is-valid
 
 
-var DSToastActionLink = function DSToastActionLink(_ref2) {
-  var children = _ref2.children;
-  return /*#__PURE__*/React__default['default'].createElement(Link, null, children);
+const DSToastActionLink = _ref2 => {
+  let {
+    children
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](Link, {}, void 0, children);
 };
 
-var actionprops = {
+const actionprops = {
   /** DSToastActionLink component or text string */
   children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.element]).description('DSToastActionLink component or text string'),
 
@@ -47,14 +52,12 @@ var actionprops = {
   /** key down handler */
   onKeyDown: reactDesc.PropTypes.func.description('key down handler')
 };
-var linkprops = {
+const linkprops = {
   /** link text */
   children: reactDesc.PropTypes.string.isRequired.description('link text')
 };
-DSToastAction.propTypes = actionprops;
-DSToastActionLink.propTypes = linkprops;
-var DSToastActionWithSchema = reactDesc.describe(DSToastAction);
-var DSToastActionLinkWithSchema = reactDesc.describe(DSToastActionLink);
+const DSToastActionWithSchema = reactDesc.describe(DSToastAction);
+const DSToastActionLinkWithSchema = reactDesc.describe(DSToastActionLink);
 DSToastActionLinkWithSchema.propTypes = linkprops;
 DSToastActionWithSchema.propTypes = actionprops;
 
@@ -62,4 +65,3 @@ exports.DSToastAction = DSToastAction;
 exports.DSToastActionLink = DSToastActionLink;
 exports.DSToastActionLinkWithSchema = DSToastActionLinkWithSchema;
 exports.DSToastActionWithSchema = DSToastActionWithSchema;
-//# sourceMappingURL=ToastAction.js.map

package/cjs/ToastPosition.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ToastPosition = {
+const ToastPosition = {
   TOP_RIGHT: 'top-right',
   TOP_CENTER: 'top-center',
   TOP_LEFT: 'top-left',
@@ -10,8 +10,7 @@ var ToastPosition = {
   BOTTOM_CENTER: 'bottom-center',
   BOTTOM_LEFT: 'bottom-left'
 };
-var toastsPositions = Object.values(ToastPosition);
+const toastsPositions = Object.values(ToastPosition);
 
 exports.ToastPosition = ToastPosition;
 exports.toastsPositions = toastsPositions;
-//# sourceMappingURL=ToastPosition.js.map

package/cjs/ToastRender.js

@@ -1,62 +1,42 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var PropTypes = require('prop-types');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsIcons = require('@elliemae/ds-icons');
 var ToastType = require('./ToastType.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var blockName = 'toast-content';
-var Container = dsClassnames.aggregatedClasses('div')(blockName);
-var IconContainer = dsClassnames.aggregatedClasses('div')(blockName, 'icon-container');
-var MessageContent = dsClassnames.aggregatedClasses('div')(blockName, 'message-content');
-var MessageHeader = dsClassnames.aggregatedClasses('div')(blockName, 'message-header');
-var MessageText = dsClassnames.aggregatedClasses('span')(blockName, 'message-text');
-
-var getIconByToastType = function getIconByToastType(type) {
-  var _ToastType$SUCCESS$To;
-
-  return (_ToastType$SUCCESS$To = {}, _defineProperty__default['default'](_ToastType$SUCCESS$To, ToastType.ToastType.SUCCESS, dsIcons.CheckmarkCircleFill), _defineProperty__default['default'](_ToastType$SUCCESS$To, ToastType.ToastType.WARNING, dsIcons.WarningCircleFill), _defineProperty__default['default'](_ToastType$SUCCESS$To, ToastType.ToastType.INFO, dsIcons.InfoCircleFill), _defineProperty__default['default'](_ToastType$SUCCESS$To, ToastType.ToastType.ERROR, dsIcons.WarningCircleFill), _defineProperty__default['default'](_ToastType$SUCCESS$To, ToastType.ToastType.DEFAULT, 'div'), _ToastType$SUCCESS$To)[type];
-};
-
-var ToastRender = function ToastRender(_ref) {
-  var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? ToastType.ToastType.DEFAULT : _ref$type,
-      _ref$messageTitle = _ref.messageTitle,
-      messageTitle = _ref$messageTitle === void 0 ? '' : _ref$messageTitle,
-      _ref$messageText = _ref.messageText,
-      messageText = _ref$messageText === void 0 ? '' : _ref$messageText;
-  var IconMessage = dsClassnames.aggregatedClasses(getIconByToastType(type))(blockName, 'icon-message');
-  return /*#__PURE__*/React__default['default'].createElement(Container, {
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const blockName = 'toast-content';
+const Container = dsClassnames.aggregatedClasses('div')(blockName);
+const IconContainer = dsClassnames.aggregatedClasses('div')(blockName, 'icon-container');
+const MessageContent = dsClassnames.aggregatedClasses('div')(blockName, 'message-content');
+const MessageHeader = dsClassnames.aggregatedClasses('div')(blockName, 'message-header');
+const MessageText = dsClassnames.aggregatedClasses('span')(blockName, 'message-text');
+
+const getIconByToastType = type => ({
+  [ToastType.ToastType.SUCCESS]: dsIcons.CheckmarkCircleFill,
+  [ToastType.ToastType.WARNING]: dsIcons.WarningCircleFill,
+  [ToastType.ToastType.INFO]: dsIcons.InfoCircleFill,
+  [ToastType.ToastType.ERROR]: dsIcons.WarningCircleFill,
+  [ToastType.ToastType.DEFAULT]: 'div'
+})[type];
+
+const ToastRender = _ref => {
+  let {
+    type = ToastType.ToastType.DEFAULT,
+    messageTitle = '',
+    messageText = ''
+  } = _ref;
+  const IconMessage = dsClassnames.aggregatedClasses(getIconByToastType(type))(blockName, 'icon-message');
+  return /*#__PURE__*/_jsx__default["default"](Container, {
     "data-testid": "ds-toast-render"
-  }, /*#__PURE__*/React__default['default'].createElement(IconContainer, null, /*#__PURE__*/React__default['default'].createElement(IconMessage, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](IconContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](IconMessage, {
     size: "m"
-  })), /*#__PURE__*/React__default['default'].createElement(MessageContent, null, /*#__PURE__*/React__default['default'].createElement(MessageHeader, null, messageTitle), /*#__PURE__*/React__default['default'].createElement(MessageText, null, messageText)));
-};
-
-ToastRender.propTypes = {
-  /**
-   * Toast title
-   */
-  messageTitle: PropTypes__default['default'].string.isRequired,
-
-  /**
-   * Toast body, either a string or Action with ActionLink component
-   */
-  messageText: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].element]),
-
-  /**
-   * Toast type
-   */
-  type: PropTypes__default['default'].oneOf(ToastType.toastTypes).isRequired
+  })), /*#__PURE__*/_jsx__default["default"](MessageContent, {}, void 0, /*#__PURE__*/_jsx__default["default"](MessageHeader, {}, void 0, messageTitle), /*#__PURE__*/_jsx__default["default"](MessageText, {}, void 0, messageText)));
 };
 
 module.exports = ToastRender;
-//# sourceMappingURL=ToastRender.js.map

package/cjs/ToastType.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ToastType = {
+const ToastType = {
   INFO: 'info',
   SUCCESS: 'success',
   WARNING: 'warning',
@@ -10,8 +10,7 @@ var ToastType = {
   // TODO remove from types, it's not in spec
   DEFAULT: 'default'
 };
-var toastTypes = Object.values(ToastType);
+const toastTypes = Object.values(ToastType);
 
 exports.ToastType = ToastType;
 exports.toastTypes = toastTypes;
-//# sourceMappingURL=ToastType.js.map

package/cjs/index.js

@@ -7,25 +7,12 @@ var toast = require('./toast.js');
 var ToastType = require('./ToastType.js');
 var ToastPosition = require('./ToastPosition.js');
 var ToastAction = require('./ToastAction.js');
-require('@babel/runtime/helpers/extends');
-require('react');
-require('react-desc');
-require('react-toastify');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('./ToastRender.js');
-require('prop-types');
-require('@elliemae/ds-classnames');
-require('styled-components');
-require('@elliemae/ds-system');
 
 
 
 exports.DSToast = DSToast.DSToast;
 exports.DSToastWithSchema = DSToast.DSToastWithSchema;
-exports.default = DSToast.DSToast;
+exports["default"] = DSToast.DSToast;
 exports.toast = toast.toast;
 exports.ToastType = ToastType.ToastType;
 exports.toastTypes = ToastType.toastTypes;
@@ -35,4 +22,3 @@ exports.DSToastAction = ToastAction.DSToastAction;
 exports.DSToastActionLink = ToastAction.DSToastActionLink;
 exports.DSToastActionLinkWithSchema = ToastAction.DSToastActionLinkWithSchema;
 exports.DSToastActionWithSchema = ToastAction.DSToastActionWithSchema;
-//# sourceMappingURL=index.js.map

package/cjs/toast.js

@@ -2,45 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
+require('react');
 var reactToastify = require('react-toastify');
 var ToastRender = require('./ToastRender.js');
-require('prop-types');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-icons');
-require('./ToastType.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["type", "messageTitle", "messageText"];
+const _excluded = ["type", "messageTitle", "messageText"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var toast = Object.assign(function (_ref, options) {
-  var type = _ref.type,
-      messageTitle = _ref.messageTitle,
-      messageText = _ref.messageText,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const toast = Object.assign((_ref, options) => {
+  let {
+    type,
+    messageTitle,
+    messageText
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return reactToastify.toast( /*#__PURE__*/React__default['default'].createElement(ToastRender, {
+  return reactToastify.toast( /*#__PURE__*/_jsx__default["default"](ToastRender, {
     messageText: messageText,
     messageTitle: messageTitle,
     type: type
   }), _objectSpread(_objectSpread(_objectSpread({}, rest), options), {}, {
-    type: type
+    type
   }));
 }, _objectSpread(_objectSpread({}, reactToastify.toast), {}, {
-  isActive: function isActive(id) {
-    return reactToastify.toast.isActive(id);
-  }
+  isActive: id => reactToastify.toast.isActive(id)
 }));
 
 exports.toast = toast;
-//# sourceMappingURL=toast.js.map

package/esm/DSToast.js

@@ -1,43 +1,53 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import { ToastContainer, Slide } from 'react-toastify';
 import { CloseSmall } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import { toastsPositions } from './ToastPosition.js';
+import { jsx } from 'react/jsx-runtime';
 
-var CloseButton = function CloseButton(_ref) {
-  var closeToast = _ref.closeToast;
-  return /*#__PURE__*/React.createElement(DSButton, {
+var _CloseSmall, _CloseButton;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const CloseButton = _ref => {
+  let {
+    closeToast
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSButton, {
     buttonType: "text",
     className: "toast-close-button",
-    icon: /*#__PURE__*/React.createElement(CloseSmall, null),
+    icon: _CloseSmall || (_CloseSmall = /*#__PURE__*/_jsx(CloseSmall, {})),
     onClick: closeToast,
     size: "m"
   });
 };
 
-var DSToast = function DSToast(_ref2) {
-  var _ref2$containerProps = _ref2.containerProps,
-      containerProps = _ref2$containerProps === void 0 ? {} : _ref2$containerProps,
-      _ref2$position = _ref2.position,
-      position = _ref2$position === void 0 ? 'bottom-left' : _ref2$position,
-      _ref2$autoClose = _ref2.autoClose,
-      autoClose = _ref2$autoClose === void 0 ? 5000 : _ref2$autoClose,
-      _ref2$showProgressBar = _ref2.showProgressBar,
-      showProgressBar = _ref2$showProgressBar === void 0 ? false : _ref2$showProgressBar,
-      _ref2$closeOnClick = _ref2.closeOnClick,
-      closeOnClick = _ref2$closeOnClick === void 0 ? false : _ref2$closeOnClick,
-      _ref2$enableMultiCont = _ref2.enableMultiContainer,
-      enableMultiContainer = _ref2$enableMultiCont === void 0 ? false : _ref2$enableMultiCont,
-      _ref2$containerId = _ref2.containerId,
-      containerId = _ref2$containerId === void 0 ? undefined : _ref2$containerId,
-      _ref2$toastId = _ref2.toastId,
-      toastId = _ref2$toastId === void 0 ? undefined : _ref2$toastId;
-  return /*#__PURE__*/React.createElement(ToastContainer, _extends({}, containerProps, {
+const DSToast = _ref2 => {
+  let {
+    containerProps = {},
+    position = 'bottom-left',
+    autoClose = 5000,
+    // can be false or a number in milliseconds
+    showProgressBar = false,
+    closeOnClick = false,
+    enableMultiContainer = false,
+    containerId = undefined,
+    toastId = undefined
+  } = _ref2;
+  return /*#__PURE__*/jsx(ToastContainer, _objectSpread(_objectSpread({}, containerProps), {}, {
     autoClose: autoClose,
     className: showProgressBar && 'with-progressbar' || '',
-    closeButton: /*#__PURE__*/React.createElement(CloseButton, null),
+    closeButton: _CloseButton || (_CloseButton = /*#__PURE__*/_jsx(CloseButton, {})),
     closeOnClick: closeOnClick,
     containerId: containerId,
     enableMultiContainer: enableMultiContainer,
@@ -49,7 +59,7 @@ var DSToast = function DSToast(_ref2) {
   }));
 };
 
-var props = {
+const props = {
   /** inject props to wrapper */
   containerProps: PropTypes.object.description('inject props to wrapper'),
 
@@ -74,9 +84,7 @@ var props = {
   /**  id for the toast */
   toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast')
 };
-DSToast.propTypes = props;
-var DSToastWithSchema = describe(DSToast);
+const DSToastWithSchema = describe(DSToast);
 DSToastWithSchema.propTypes = props;
 
 export { DSToast, DSToastWithSchema, DSToast as default };
-//# sourceMappingURL=DSToast.js.map

package/esm/ToastAction.js

@@ -1,34 +1,39 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { PropTypes, describe } from 'react-desc';
 import styled from 'styled-components';
 import { color } from '@elliemae/ds-system';
 
-var Link = /*#__PURE__*/styled.span.withConfig({
+const Link = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-1bs5g4c-0"
 })(["", ""], color('brand', '600'));
 
-var DSToastAction = function DSToastAction(_ref) {
-  var children = _ref.children,
-      onClick = _ref.onClick,
-      onKeyDown = _ref.onKeyDown;
+const DSToastAction = _ref => {
+  let {
+    children,
+    onClick,
+    onKeyDown
+  } = _ref;
   return (
     /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React.createElement("div", {
+    _jsx("div", {
       onKeyDown: onKeyDown,
       onClick: onClick,
       role: onClick ? 'button' : 'textbox'
-    }, children)
+    }, void 0, children)
   );
 }; // eslint-disable-next-line jsx-a11y/anchor-is-valid
 
 
-var DSToastActionLink = function DSToastActionLink(_ref2) {
-  var children = _ref2.children;
-  return /*#__PURE__*/React.createElement(Link, null, children);
+const DSToastActionLink = _ref2 => {
+  let {
+    children
+  } = _ref2;
+  return /*#__PURE__*/_jsx(Link, {}, void 0, children);
 };
 
-var actionprops = {
+const actionprops = {
   /** DSToastActionLink component or text string */
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description('DSToastActionLink component or text string'),
 
@@ -38,16 +43,13 @@ var actionprops = {
   /** key down handler */
   onKeyDown: PropTypes.func.description('key down handler')
 };
-var linkprops = {
+const linkprops = {
   /** link text */
   children: PropTypes.string.isRequired.description('link text')
 };
-DSToastAction.propTypes = actionprops;
-DSToastActionLink.propTypes = linkprops;
-var DSToastActionWithSchema = describe(DSToastAction);
-var DSToastActionLinkWithSchema = describe(DSToastActionLink);
+const DSToastActionWithSchema = describe(DSToastAction);
+const DSToastActionLinkWithSchema = describe(DSToastActionLink);
 DSToastActionLinkWithSchema.propTypes = linkprops;
 DSToastActionWithSchema.propTypes = actionprops;
 
 export { DSToastAction, DSToastActionLink, DSToastActionLinkWithSchema, DSToastActionWithSchema };
-//# sourceMappingURL=ToastAction.js.map

package/esm/ToastPosition.js

@@ -1,4 +1,4 @@
-var ToastPosition = {
+const ToastPosition = {
   TOP_RIGHT: 'top-right',
   TOP_CENTER: 'top-center',
   TOP_LEFT: 'top-left',
@@ -6,7 +6,6 @@ var ToastPosition = {
   BOTTOM_CENTER: 'bottom-center',
   BOTTOM_LEFT: 'bottom-left'
 };
-var toastsPositions = Object.values(ToastPosition);
+const toastsPositions = Object.values(ToastPosition);
 
 export { ToastPosition, toastsPositions };
-//# sourceMappingURL=ToastPosition.js.map