@elliemae/ds-toast 2.2.0 → 2.3.0-alpha.3

package/cjs/index.js

@@ -1,24 +1,40 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSToast = require('./DSToast.js');
-var toast = require('./toast.js');
-var ToastType = require('./ToastType.js');
-var ToastPosition = require('./ToastPosition.js');
-var ToastAction = require('./ToastAction.js');
-
-
-
-exports.DSToast = DSToast.DSToast;
-exports.DSToastWithSchema = DSToast.DSToastWithSchema;
-exports["default"] = DSToast.DSToast;
-exports.toast = toast.toast;
-exports.ToastType = ToastType.ToastType;
-exports.toastTypes = ToastType.toastTypes;
-exports.ToastPosition = ToastPosition.ToastPosition;
-exports.toastsPositions = ToastPosition.toastsPositions;
-exports.DSToastAction = ToastAction.DSToastAction;
-exports.DSToastActionLink = ToastAction.DSToastActionLink;
-exports.DSToastActionLinkWithSchema = ToastAction.DSToastActionLinkWithSchema;
-exports.DSToastActionWithSchema = ToastAction.DSToastActionWithSchema;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  default: () => import_DSToast.default
+});
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./DSToast"));
+__reExport(src_exports, require("./toast"));
+__reExport(src_exports, require("./ToastType"));
+__reExport(src_exports, require("./ToastPosition"));
+__reExport(src_exports, require("./ToastAction"));
+var import_DSToast = __toESM(require("./DSToast"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DSToast';\nexport * from './toast';\nexport * from './ToastType';\nexport * from './ToastPosition';\nexport * from './ToastAction';\n\nexport { default } from './DSToast';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AACd,wBAAc;AAEd,qBAAwB;",
+  "names": []
+}

package/cjs/toast.js

@@ -1,47 +1,46 @@
-'use strict';
-
-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');
-require('react');
-var reactToastify = require('react-toastify');
-var ToastRender = require('./ToastRender.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);
-
-const _excluded = ["type", "messageTitle", "messageText"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const toast = Object.assign((_ref, options) => {
-  let {
-    type,
-    messageTitle,
-    messageText
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return reactToastify.toast( /*#__PURE__*/_jsx__default["default"](ToastRender, {
-    messageText: messageText,
-    messageTitle: messageTitle,
-    type: type
-  }), _objectSpread(_objectSpread(_objectSpread({}, rest), options), {}, {
-    type
-  }));
-}, _objectSpread(_objectSpread({}, reactToastify.toast), {}, {
-  isActive: id => reactToastify.toast.isActive(id)
-}));
-
-exports.toast = toast;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var toast_exports = {};
+__export(toast_exports, {
+  toast: () => toast
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_toastify = require("react-toastify");
+var import_ToastRender = __toESM(require("./ToastRender"));
+const toast = Object.assign(({ type, messageTitle, messageText, ...rest }, options) => (0, import_react_toastify.toast)(/* @__PURE__ */ import_react.default.createElement(import_ToastRender.default, {
+  messageText,
+  messageTitle,
+  type
+}), {
+  ...rest,
+  ...options,
+  type
+}), { ...import_react_toastify.toast, isActive: (id) => import_react_toastify.toast.isActive(id) });
+module.exports = __toCommonJS(toast_exports);
+//# sourceMappingURL=toast.js.map

package/cjs/toast.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/toast.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { toast as toastifyToast } from 'react-toastify';\nimport ToastRender from './ToastRender';\n\nconst toast = Object.assign(\n  ({ type, messageTitle, messageText, ...rest }, options) =>\n    toastifyToast(\n      <ToastRender\n        messageText={messageText}\n        messageTitle={messageTitle}\n        type={type}\n      />,\n      {\n        ...rest,\n        ...options,\n        type,\n      },\n    ),\n  { ...toastifyToast, isActive: (id) => toastifyToast.isActive(id) },\n);\nexport { toast };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,4BAAuC;AACvC,yBAAwB;AAExB,MAAM,QAAQ,OAAO,OACnB,CAAC,EAAE,MAAM,cAAc,gBAAgB,QAAQ,YAC7C,iCACE,mDAAC,4BAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,IAEF;AAAA,KACK;AAAA,KACA;AAAA,EACH;AAAA,IAGN,KAAK,6BAAe,UAAU,CAAC,OAAO,4BAAc,SAAS;",
+  "names": []
+}

package/esm/DSToast.js

@@ -1,90 +1,57 @@
-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 _CloseSmall, _CloseButton;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const CloseButton = _ref => {
-  let {
-    closeToast
-  } = _ref;
-  return /*#__PURE__*/_jsx(DSButton, {
-    buttonType: "text",
-    className: "toast-close-button",
-    icon: _CloseSmall || (_CloseSmall = /*#__PURE__*/_jsx(CloseSmall, {})),
-    onClick: closeToast,
-    size: "m"
-  });
-};
-
-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: _CloseButton || (_CloseButton = /*#__PURE__*/_jsx(CloseButton, {})),
-    closeOnClick: closeOnClick,
-    containerId: containerId,
-    enableMultiContainer: enableMultiContainer,
-    hideProgressBar: !showProgressBar,
-    newestOnTop: true,
-    position: position,
-    toastId: toastId,
-    transition: Slide
-  }));
-};
-
+import * as React from "react";
+import React2 from "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";
+const CloseButton = ({ closeToast }) => /* @__PURE__ */ React2.createElement(DSButton, {
+  buttonType: "text",
+  className: "toast-close-button",
+  icon: /* @__PURE__ */ React2.createElement(CloseSmall, null),
+  onClick: closeToast,
+  size: "m"
+});
+const DSToast = ({
+  containerProps = {},
+  position = "bottom-left",
+  autoClose = 5e3,
+  showProgressBar = false,
+  closeOnClick = false,
+  enableMultiContainer = false,
+  containerId = void 0,
+  toastId = void 0
+}) => /* @__PURE__ */ React2.createElement(ToastContainer, {
+  ...containerProps,
+  autoClose,
+  className: showProgressBar && "with-progressbar" || "",
+  closeButton: /* @__PURE__ */ React2.createElement(CloseButton, null),
+  closeOnClick,
+  containerId,
+  enableMultiContainer,
+  hideProgressBar: !showProgressBar,
+  newestOnTop: true,
+  position,
+  toastId,
+  transition: Slide
+});
 const props = {
-  /** inject props to wrapper */
-  containerProps: PropTypes.object.description('inject props to wrapper'),
-
-  /** Position on the screen to show the toast */
-  position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),
-
-  /** ms to autoclose the toast */
-  autoClose: PropTypes.number.description('ms to autoclose the toast'),
-
-  /** Whether to show a progress bar indicating when the toast is going to be closed */
-  showProgressBar: PropTypes.bool.description('Whether to show a progress bar indicating when the toast is going to be closed'),
-
-  /** Close toast handler */
-  closeOnClick: PropTypes.bool.description('Close toast handler'),
-
-  /** Allows instantiating multiple Toast containers */
-  enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),
-
-  /** unique id for multi container */
-  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),
-
-  /**  id for the toast */
-  toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast')
+  containerProps: PropTypes.object.description("inject props to wrapper"),
+  position: PropTypes.oneOf(toastsPositions).description("Position on the screen to show the toast"),
+  autoClose: PropTypes.number.description("ms to autoclose the toast"),
+  showProgressBar: PropTypes.bool.description("Whether to show a progress bar indicating when the toast is going to be closed"),
+  closeOnClick: PropTypes.bool.description("Close toast handler"),
+  enableMultiContainer: PropTypes.bool.description("Allows instantiating multiple Toast containers"),
+  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("unique id for multi container"),
+  toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("id for the toast")
 };
+DSToast.propTypes = props;
 const DSToastWithSchema = describe(DSToast);
 DSToastWithSchema.propTypes = props;
-
-export { DSToast, DSToastWithSchema, DSToast as default };
+var DSToast_default = DSToast;
+export {
+  DSToast,
+  DSToastWithSchema,
+  DSToast_default as default
+};
+//# sourceMappingURL=DSToast.js.map

package/esm/DSToast.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSToast.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButton buttonType=\"text\" className=\"toast-close-button\" icon={<CloseSmall />} onClick={closeToast} size=\"m\" />\n);\n\nconst DSToast = ({\n  containerProps = {},\n  position = 'bottom-left',\n  autoClose = 5000, // can be false or a number in milliseconds\n  showProgressBar = false,\n  closeOnClick = false,\n  enableMultiContainer = false,\n  containerId = undefined,\n  toastId = undefined,\n}) => (\n  <ToastContainer\n    {...containerProps}\n    autoClose={autoClose}\n    className={(showProgressBar && 'with-progressbar') || ''}\n    closeButton={<CloseButton />}\n    closeOnClick={closeOnClick}\n    containerId={containerId}\n    enableMultiContainer={enableMultiContainer}\n    hideProgressBar={!showProgressBar}\n    newestOnTop\n    position={position}\n    toastId={toastId}\n    transition={Slide}\n  />\n);\n\nconst props = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.number.description('ms to autoclose the toast'),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool.description(\n    'Whether to show a progress bar indicating when the toast is going to be closed',\n  ),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler'),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n  /**  id for the toast */\n  toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast'),\n};\n\nDSToast.propTypes = props;\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,EAAE,iBACrB,qCAAC,UAAD;AAAA,EAAU,YAAW;AAAA,EAAO,WAAU;AAAA,EAAqB,MAAM,qCAAC,YAAD;AAAA,EAAgB,SAAS;AAAA,EAAY,MAAK;AAAA;AAG7G,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AAAA,MAEV,qCAAC,gBAAD;AAAA,KACM;AAAA,EACJ;AAAA,EACA,WAAY,mBAAmB,sBAAuB;AAAA,EACtD,aAAa,qCAAC,aAAD;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB,aAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA;AAIhB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,UAAU,UAAU,MAAM,iBAAiB,YAAY;AAAA,EAEvD,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,iBAAiB,UAAU,KAAK,YAC9B;AAAA,EAGF,cAAc,UAAU,KAAK,YAAY;AAAA,EAEzC,sBAAsB,UAAU,KAAK,YAAY;AAAA,EAEjD,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA,EAEnF,SAAS,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA;AAGjF,QAAQ,YAAY;AACpB,MAAM,oBAAoB,SAAS;AACnC,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
+  "names": []
+}

package/esm/ToastAction.js

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

package/esm/ToastAction.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToastAction.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { color } from '@elliemae/ds-system';\n\nconst Link = styled.span`\n  ${color('brand', '600')}\n`;\n\nconst DSToastAction = ({ children, onClick, onKeyDown }) => (\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div\n    onKeyDown={onKeyDown}\n    onClick={onClick}\n    role={onClick ? 'button' : 'textbox'}\n  >\n    {children}\n  </div>\n);\n\n// eslint-disable-next-line jsx-a11y/anchor-is-valid\nconst DSToastActionLink = ({ children }) => <Link>{children}</Link>;\n\nconst actionprops = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n  ]).description('DSToastActionLink component or text string'),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n};\n\nconst linkprops = {\n  /** link text */\n  children: PropTypes.string.isRequired.description('link text'),\n};\n\nDSToastAction.propTypes = actionprops;\nDSToastActionLink.propTypes = linkprops;\nconst DSToastActionWithSchema = describe(DSToastAction);\nconst DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = linkprops;\nDSToastActionWithSchema.propTypes = actionprops;\n\nexport {\n  DSToastAction,\n  DSToastActionLink,\n  DSToastActionWithSchema,\n  DSToastActionLinkWithSchema,\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,OAAO,OAAO;AAAA,IAChB,MAAM,SAAS;AAAA;AAGnB,MAAM,gBAAgB,CAAC,EAAE,UAAU,SAAS,gBAE1C,qCAAC,OAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA,MAAM,UAAU,WAAW;AAAA,GAE1B;AAKL,MAAM,oBAAoB,CAAC,EAAE,eAAe,qCAAC,MAAD,MAAO;AAEnD,MAAM,cAAc;AAAA,EAElB,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EAEf,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,WAAW,UAAU,KAAK,YAAY;AAAA;AAGxC,MAAM,YAAY;AAAA,EAEhB,UAAU,UAAU,OAAO,WAAW,YAAY;AAAA;AAGpD,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,MAAM,0BAA0B,SAAS;AACzC,MAAM,8BAA8B,SAAS;AAC7C,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
+  "names": []
+}

package/esm/ToastPosition.js

@@ -1,11 +1,15 @@
+import * as React from "react";
 const ToastPosition = {
-  TOP_RIGHT: 'top-right',
-  TOP_CENTER: 'top-center',
-  TOP_LEFT: 'top-left',
-  BOTTOM_RIGHT: 'bottom-right',
-  BOTTOM_CENTER: 'bottom-center',
-  BOTTOM_LEFT: 'bottom-left'
+  TOP_RIGHT: "top-right",
+  TOP_CENTER: "top-center",
+  TOP_LEFT: "top-left",
+  BOTTOM_RIGHT: "bottom-right",
+  BOTTOM_CENTER: "bottom-center",
+  BOTTOM_LEFT: "bottom-left"
 };
 const toastsPositions = Object.values(ToastPosition);
-
-export { ToastPosition, toastsPositions };
+export {
+  ToastPosition,
+  toastsPositions
+};
+//# sourceMappingURL=ToastPosition.js.map

package/esm/ToastPosition.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToastPosition.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ToastPosition = {\n  TOP_RIGHT: 'top-right',\n  TOP_CENTER: 'top-center',\n  TOP_LEFT: 'top-left',\n  BOTTOM_RIGHT: 'bottom-right',\n  BOTTOM_CENTER: 'bottom-center',\n  BOTTOM_LEFT: 'bottom-left',\n};\n\nexport const toastsPositions = Object.values(ToastPosition);\n"],
+  "mappings": "AAAA;ACAO,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AAAA;AAGR,MAAM,kBAAkB,OAAO,OAAO;",
+  "names": []
+}

package/esm/ToastRender.js

@@ -1,36 +1,37 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from '@elliemae/ds-icons';
-import { ToastType } from './ToastType.js';
-
-const blockName = 'toast-content';
-const Container = aggregatedClasses('div')(blockName);
-const IconContainer = aggregatedClasses('div')(blockName, 'icon-container');
-const MessageContent = aggregatedClasses('div')(blockName, 'message-content');
-const MessageHeader = aggregatedClasses('div')(blockName, 'message-header');
-const MessageText = aggregatedClasses('span')(blockName, 'message-text');
-
-const getIconByToastType = type => ({
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from "@elliemae/ds-icons";
+import { ToastType, toastTypes } from "./ToastType";
+const blockName = "toast-content";
+const Container = aggregatedClasses("div")(blockName);
+const IconContainer = aggregatedClasses("div")(blockName, "icon-container");
+const MessageContent = aggregatedClasses("div")(blockName, "message-content");
+const MessageHeader = aggregatedClasses("div")(blockName, "message-header");
+const MessageText = aggregatedClasses("span")(blockName, "message-text");
+const getIconByToastType = (type) => ({
   [ToastType.SUCCESS]: CheckmarkCircleFill,
   [ToastType.WARNING]: WarningCircleFill,
   [ToastType.INFO]: InfoCircleFill,
   [ToastType.ERROR]: WarningCircleFill,
-  [ToastType.DEFAULT]: 'div'
+  [ToastType.DEFAULT]: "div"
 })[type];
-
-const ToastRender = _ref => {
-  let {
-    type = ToastType.DEFAULT,
-    messageTitle = '',
-    messageText = ''
-  } = _ref;
-  const IconMessage = aggregatedClasses(getIconByToastType(type))(blockName, 'icon-message');
-  return /*#__PURE__*/_jsx(Container, {
+const ToastRender = ({ type = ToastType.DEFAULT, messageTitle = "", messageText = "" }) => {
+  const IconMessage = aggregatedClasses(getIconByToastType(type))(blockName, "icon-message");
+  return /* @__PURE__ */ React2.createElement(Container, {
     "data-testid": "ds-toast-render"
-  }, void 0, /*#__PURE__*/_jsx(IconContainer, {}, void 0, /*#__PURE__*/_jsx(IconMessage, {
+  }, /* @__PURE__ */ React2.createElement(IconContainer, null, /* @__PURE__ */ React2.createElement(IconMessage, {
     size: "m"
-  })), /*#__PURE__*/_jsx(MessageContent, {}, void 0, /*#__PURE__*/_jsx(MessageHeader, {}, void 0, messageTitle), /*#__PURE__*/_jsx(MessageText, {}, void 0, messageText)));
+  })), /* @__PURE__ */ React2.createElement(MessageContent, null, /* @__PURE__ */ React2.createElement(MessageHeader, null, messageTitle), /* @__PURE__ */ React2.createElement(MessageText, null, messageText)));
 };
-
-export { ToastRender as default };
+ToastRender.propTypes = {
+  messageTitle: PropTypes.string.isRequired,
+  messageText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  type: PropTypes.oneOf(toastTypes).isRequired
+};
+var ToastRender_default = ToastRender;
+export {
+  ToastRender_default as default
+};
+//# sourceMappingURL=ToastRender.js.map

package/esm/ToastRender.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToastRender.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from '@elliemae/ds-icons';\nimport { ToastType, toastTypes } from './ToastType';\n\nconst blockName = 'toast-content';\nconst Container = aggregatedClasses('div')(blockName);\nconst IconContainer = aggregatedClasses('div')(blockName, 'icon-container');\nconst MessageContent = aggregatedClasses('div')(blockName, 'message-content');\nconst MessageHeader = aggregatedClasses('div')(blockName, 'message-header');\nconst MessageText = aggregatedClasses('span')(blockName, 'message-text');\n\nconst getIconByToastType = (type) =>\n  ({\n    [ToastType.SUCCESS]: CheckmarkCircleFill,\n    [ToastType.WARNING]: WarningCircleFill,\n    [ToastType.INFO]: InfoCircleFill,\n    [ToastType.ERROR]: WarningCircleFill,\n    [ToastType.DEFAULT]: 'div',\n  }[type]);\n\nconst ToastRender = ({ type = ToastType.DEFAULT, messageTitle = '', messageText = '' }) => {\n  const IconMessage = aggregatedClasses(getIconByToastType(type))(blockName, 'icon-message');\n  return (\n    <Container data-testid=\"ds-toast-render\">\n      <IconContainer>\n        <IconMessage size=\"m\" />\n      </IconContainer>\n      <MessageContent>\n        <MessageHeader>{messageTitle}</MessageHeader>\n        <MessageText>{messageText}</MessageText>\n      </MessageContent>\n    </Container>\n  );\n};\n\nToastRender.propTypes = {\n  /**\n   * Toast title\n   */\n  messageTitle: PropTypes.string.isRequired,\n  /**\n   * Toast body, either a string or Action with ActionLink component\n   */\n  messageText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n  /**\n   * Toast type\n   */\n  type: PropTypes.oneOf(toastTypes).isRequired,\n};\n\nexport default ToastRender;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAClB,MAAM,YAAY,kBAAkB,OAAO;AAC3C,MAAM,gBAAgB,kBAAkB,OAAO,WAAW;AAC1D,MAAM,iBAAiB,kBAAkB,OAAO,WAAW;AAC3D,MAAM,gBAAgB,kBAAkB,OAAO,WAAW;AAC1D,MAAM,cAAc,kBAAkB,QAAQ,WAAW;AAEzD,MAAM,qBAAqB,CAAC,SACzB;AAAA,GACE,UAAU,UAAU;AAAA,GACpB,UAAU,UAAU;AAAA,GACpB,UAAU,OAAO;AAAA,GACjB,UAAU,QAAQ;AAAA,GAClB,UAAU,UAAU;AAAA,GACrB;AAEJ,MAAM,cAAc,CAAC,EAAE,OAAO,UAAU,SAAS,eAAe,IAAI,cAAc,SAAS;AACzF,QAAM,cAAc,kBAAkB,mBAAmB,OAAO,WAAW;AAC3E,SACE,qCAAC,WAAD;AAAA,IAAW,eAAY;AAAA,KACrB,qCAAC,eAAD,MACE,qCAAC,aAAD;AAAA,IAAa,MAAK;AAAA,OAEpB,qCAAC,gBAAD,MACE,qCAAC,eAAD,MAAgB,eAChB,qCAAC,aAAD,MAAc;AAAA;AAMtB,YAAY,YAAY;AAAA,EAItB,cAAc,UAAU,OAAO;AAAA,EAI/B,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,EAI9D,MAAM,UAAU,MAAM,YAAY;AAAA;AAGpC,IAAO,sBAAQ;",
+  "names": []
+}

package/esm/ToastType.js

@@ -1,11 +1,14 @@
+import * as React from "react";
 const ToastType = {
-  INFO: 'info',
-  SUCCESS: 'success',
-  WARNING: 'warning',
-  ERROR: 'error',
-  // TODO remove from types, it's not in spec
-  DEFAULT: 'default'
+  INFO: "info",
+  SUCCESS: "success",
+  WARNING: "warning",
+  ERROR: "error",
+  DEFAULT: "default"
 };
 const toastTypes = Object.values(ToastType);
-
-export { ToastType, toastTypes };
+export {
+  ToastType,
+  toastTypes
+};
+//# sourceMappingURL=ToastType.js.map

package/esm/ToastType.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToastType.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ToastType = {\n  INFO: 'info',\n  SUCCESS: 'success',\n  WARNING: 'warning',\n  ERROR: 'error',\n  // TODO remove from types, it's not in spec\n  DEFAULT: 'default',\n};\n\nexport const toastTypes = Object.values(ToastType);\n"],
+  "mappings": "AAAA;ACAO,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AAAA;AAGJ,MAAM,aAAa,OAAO,OAAO;",
+  "names": []
+}

package/esm/index.js

@@ -1,5 +1,11 @@
-export { DSToast, DSToastWithSchema, DSToast as default } from './DSToast.js';
-export { toast } from './toast.js';
-export { ToastType, toastTypes } from './ToastType.js';
-export { ToastPosition, toastsPositions } from './ToastPosition.js';
-export { DSToastAction, DSToastActionLink, DSToastActionLinkWithSchema, DSToastActionWithSchema } from './ToastAction.js';
+import * as React from "react";
+export * from "./DSToast";
+export * from "./toast";
+export * from "./ToastType";
+export * from "./ToastPosition";
+export * from "./ToastAction";
+import { default as default2 } from "./DSToast";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSToast';\nexport * from './toast';\nexport * from './ToastType';\nexport * from './ToastPosition';\nexport * from './ToastAction';\n\nexport { default } from './DSToast';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA;",
+  "names": []
+}