@elliemae/ds-toast 3.16.0 → 3.16.1

package/dist/cjs/DSToast.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -35,12 +39,13 @@ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_react_toastify = require("react-toastify");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = require("@elliemae/ds-button");
-var import_ToastPosition = require("./ToastPosition");
+var import_ToastPosition = require("./ToastPosition.js");
 const CloseButton = ({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, { buttonType: "icon", className: "toast-close-button", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseSmall, { size: "s" }) });
 const DSToast = ({
   containerProps = {},
   position = "bottom-left",
   autoClose = 5e3,
+  // can be false or a number in milliseconds
   showProgressBar = false,
   closeOnClick = false,
   enableMultiContainer = false,
@@ -64,15 +69,23 @@ const DSToast = ({
   }
 );
 const props = {
+  /** inject props to wrapper */
   containerProps: import_ds_props_helpers.PropTypes.object.description("inject props to wrapper"),
+  /** Position on the screen to show the toast */
   position: import_ds_props_helpers.PropTypes.oneOf(import_ToastPosition.toastsPositions).description("Position on the screen to show the toast"),
+  /** ms to autoclose the toast */
   autoClose: import_ds_props_helpers.PropTypes.number.description("ms to autoclose the toast"),
+  /** Whether to show a progress bar indicating when the toast is going to be closed */
   showProgressBar: import_ds_props_helpers.PropTypes.bool.description(
     "Whether to show a progress bar indicating when the toast is going to be closed"
   ),
+  /** Close toast handler */
   closeOnClick: import_ds_props_helpers.PropTypes.bool.description("Close toast handler"),
+  /** Allows instantiating multiple Toast containers */
   enableMultiContainer: import_ds_props_helpers.PropTypes.bool.description("Allows instantiating multiple Toast containers"),
+  /** unique id for multi container */
   containerId: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("unique id for multi container"),
+  /**  id for the toast */
   toastId: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("id for the toast")
 };
 DSToast.propTypes = props;

package/dist/cjs/DSToast.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSToast.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButtonV2 buttonType=\"icon\" className=\"toast-close-button\" onClick={closeToast}>\n    <CloseSmall size=\"s\" />\n  </DSButtonV2>\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;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSnB;AARJ,8BAAoC;AACpC,4BAAsC;AACtC,sBAA2B;AAC3B,uBAA2B;AAC3B,2BAAgC;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,4CAAC,+BAAW,YAAW,QAAO,WAAU,sBAAqB,SAAS,YACpE,sDAAC,8BAAW,MAAK,KAAI,GACvB;AAGF,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AACZ,MACE;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,WAAY,mBAAmB,sBAAuB;AAAA,IACtD,aAAa,4CAAC,eAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,aAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA;AACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,kCAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,kCAAU,MAAM,oCAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,kCAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,kCAAU,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,cAAc,kCAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,kCAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,kCAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition.js';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButtonV2 buttonType=\"icon\" className=\"toast-close-button\" onClick={closeToast}>\n    <CloseSmall size=\"s\" />\n  </DSButtonV2>\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;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSnB;AARJ,8BAAoC;AACpC,4BAAsC;AACtC,sBAA2B;AAC3B,uBAA2B;AAC3B,2BAAgC;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,4CAAC,+BAAW,YAAW,QAAO,WAAU,sBAAqB,SAAS,YACpE,sDAAC,8BAAW,MAAK,KAAI,GACvB;AAGF,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AACZ,MACE;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,WAAY,mBAAmB,sBAAuB;AAAA,IACtD,aAAa,4CAAC,eAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,aAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA;AACd;AAGF,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,kCAAU,OAAO,YAAY,yBAAyB;AAAA;AAAA,EAEtE,UAAU,kCAAU,MAAM,oCAAe,EAAE,YAAY,0CAA0C;AAAA;AAAA,EAEjG,WAAW,kCAAU,OAAO,YAAY,2BAA2B;AAAA;AAAA,EAEnE,iBAAiB,kCAAU,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA;AAAA,EAEA,cAAc,kCAAU,KAAK,YAAY,qBAAqB;AAAA;AAAA,EAE9D,sBAAsB,kCAAU,KAAK,YAAY,gDAAgD;AAAA;AAAA,EAEjG,aAAa,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA;AAAA,EAElH,SAAS,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,kCAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/cjs/ToastAction.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,22 +35,32 @@ __export(ToastAction_exports, {
 });
 module.exports = __toCommonJS(ToastAction_exports);
 var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_jsx_runtime = (
+  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+  require("react/jsx-runtime")
+);
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_ds_system = require("@elliemae/ds-system");
 const Link = import_ds_system.styled.span`
   color: brand-600;
 `;
 const DSToastAction = ({ children, onClick, onKeyDown }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { onKeyDown, onClick, role: onClick ? "button" : "textbox", children });
-const DSToastActionLink = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, { children });
+const DSToastActionLink = ({ children }) => (
+  // eslint-disable-next-line jsx-a11y/anchor-is-valid
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, { children })
+);
 const actionprops = {
+  /** DSToastActionLink component or text string */
   children: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.element]).description(
     "DSToastActionLink component or text string"
   ),
+  /** click handler */
   onClick: import_ds_props_helpers.PropTypes.func.description("click handler"),
+  /** key down handler */
   onKeyDown: import_ds_props_helpers.PropTypes.func.description("key down handler")
 };
 const linkprops = {
+  /** link text */
   children: import_ds_props_helpers.PropTypes.string.isRequired.description("link text")
 };
 DSToastAction.propTypes = actionprops;

package/dist/cjs/ToastAction.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ToastAction.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\n\nconst Link = styled.span`\n  color: brand-600;\n`;\n\ninterface DSToastActionProps {\n  children: React.ReactNode;\n  onClick?: React.MouseEventHandler;\n  onKeyDown?: React.KeyboardEventHandler;\n}\n\nconst DSToastAction: React.ComponentType<DSToastActionProps> = ({ children, onClick, onKeyDown }) => (\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div onKeyDown={onKeyDown} onClick={onClick} role={onClick ? 'button' : 'textbox'}>\n    {children}\n  </div>\n);\n\nconst DSToastActionLink: React.ComponentType<React.PropsWithChildren<Record<string, unknown>>> = ({ children }) => (\n  // eslint-disable-next-line jsx-a11y/anchor-is-valid\n  <Link>{children}</Link>\n);\n\nconst actionprops = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'DSToastActionLink component or text string',\n  ),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n} as React.WeakValidationMap<unknown>;\n\nconst linkprops = {\n  /** link text */\n  children: PropTypes.string.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nDSToastAction.propTypes = actionprops;\nDSToastActionLink.propTypes = linkprops;\nDSToastAction.displayName = 'DSToastAction';\nDSToastActionLink.displayName = 'DSToastActionLink';\nconst DSToastActionWithSchema = describe(DSToastAction);\nconst DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = linkprops;\nDSToastActionWithSchema.propTypes = actionprops;\n\nexport { DSToastAction, DSToastActionLink, DSToastActionWithSchema, DSToastActionLinkWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBrB;AAfF,8BAAoC;AACpC,uBAAuB;AAEvB,MAAM,OAAO,wBAAO;AAAA;AAAA;AAUpB,MAAM,gBAAyD,CAAC,EAAE,UAAU,SAAS,UAAU,MAE7F,4CAAC,SAAI,WAAsB,SAAkB,MAAM,UAAU,WAAW,WACrE,UACH;AAGF,MAAM,oBAA2F,CAAC,EAAE,SAAS,MAE3G,4CAAC,QAAM,UAAS;AAGlB,MAAM,cAAc;AAAA,EAElB,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,OAAO,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA,EAEA,SAAS,kCAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,WAAW,kCAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA,EAEhB,UAAU,kCAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,MAAM,8BAA0B,kCAAS,aAAa;AACtD,MAAM,kCAA8B,kCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBrB;AAAA;AAAA;AAAA;AAfF,8BAAoC;AACpC,uBAAuB;AAEvB,MAAM,OAAO,wBAAO;AAAA;AAAA;AAUpB,MAAM,gBAAyD,CAAC,EAAE,UAAU,SAAS,UAAU,MAE7F,4CAAC,SAAI,WAAsB,SAAkB,MAAM,UAAU,WAAW,WACrE,UACH;AAGF,MAAM,oBAA2F,CAAC,EAAE,SAAS;AAAA;AAAA,EAE3G,4CAAC,QAAM,UAAS;AAAA;AAGlB,MAAM,cAAc;AAAA;AAAA,EAElB,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,OAAO,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA;AAAA,EAEA,SAAS,kCAAU,KAAK,YAAY,eAAe;AAAA;AAAA,EAEnD,WAAW,kCAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA;AAAA,EAEhB,UAAU,kCAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,MAAM,8BAA0B,kCAAS,aAAa;AACtD,MAAM,kCAA8B,kCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
   "names": []
 }

package/dist/cjs/ToastPosition.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/ToastPosition.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ToastPosition.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AACf;AAEO,MAAM,kBAAkB,OAAO,OAAO,aAAa;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AACf;AAEO,MAAM,kBAAkB,OAAO,OAAO,aAAa;",
   "names": []
 }

package/dist/cjs/ToastRender.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -32,7 +36,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
 var import_ds_icons = require("@elliemae/ds-icons");
-var import_ToastType = require("./ToastType");
+var import_ToastType = require("./ToastType.js");
 const blockName = "toast-content";
 const Container = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
 const IconContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "icon-container");
@@ -57,8 +61,17 @@ const ToastRender = ({ type = import_ToastType.ToastType.DEFAULT, messageTitle =
   ] });
 };
 ToastRender.propTypes = {
+  /**
+   * Toast title
+   */
   messageTitle: import_prop_types.default.string.isRequired,
+  /**
+   * Toast body, either a string or Action with ActionLink component
+   */
   messageText: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.element]),
+  /**
+   * Toast type
+   */
   type: import_prop_types.default.oneOf(import_ToastType.toastTypes).isRequired
 };
 var ToastRender_default = ToastRender;

package/dist/cjs/ToastRender.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ToastRender.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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';\n\nconst Container = aggregatedClasses('div')(blockName);\n\nconst IconContainer = aggregatedClasses('div')(blockName, 'icon-container');\n\nconst MessageContent = aggregatedClasses('div')(blockName, 'message-content');\n\nconst MessageHeader = aggregatedClasses('div')(blockName, 'message-header');\n\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCf;AA/BR,wBAAsB;AACtB,2BAAkC;AAClC,sBAAuE;AACvE,uBAAsC;AAEtC,MAAM,YAAY;AAElB,MAAM,gBAAY,wCAAkB,KAAK,EAAE,SAAS;AAEpD,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,gBAAgB;AAE1E,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,iBAAiB;AAE5E,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,gBAAgB;AAE1E,MAAM,kBAAc,wCAAkB,MAAM,EAAE,WAAW,cAAc;AAEvE,MAAM,qBAAqB,CAAC,UACzB;AAAA,EACC,CAAC,2BAAU,UAAU;AAAA,EACrB,CAAC,2BAAU,UAAU;AAAA,EACrB,CAAC,2BAAU,OAAO;AAAA,EAClB,CAAC,2BAAU,QAAQ;AAAA,EACnB,CAAC,2BAAU,UAAU;AACvB,GAAE;AAEJ,MAAM,cAAc,CAAC,EAAE,OAAO,2BAAU,SAAS,eAAe,IAAI,cAAc,GAAG,MAAM;AACzF,QAAM,kBAAc,wCAAkB,mBAAmB,IAAI,CAAC,EAAE,WAAW,cAAc;AACzF,SACE,6CAAC,aAAU,eAAY,mBACrB;AAAA,gDAAC,iBACC,sDAAC,eAAY,MAAK,KAAI,GACxB;AAAA,IACA,6CAAC,kBACC;AAAA,kDAAC,iBAAe,wBAAa;AAAA,MAC7B,4CAAC,eAAa,uBAAY;AAAA,OAC5B;AAAA,KACF;AAEJ;AAEA,YAAY,YAAY;AAAA,EAItB,cAAc,kBAAAA,QAAU,OAAO;AAAA,EAI/B,aAAa,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO,CAAC;AAAA,EAItE,MAAM,kBAAAA,QAAU,MAAM,2BAAU,EAAE;AACpC;AAEA,IAAO,sBAAQ;",
+  "sourcesContent": ["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.js';\n\nconst blockName = 'toast-content';\n\nconst Container = aggregatedClasses('div')(blockName);\n\nconst IconContainer = aggregatedClasses('div')(blockName, 'icon-container');\n\nconst MessageContent = aggregatedClasses('div')(blockName, 'message-content');\n\nconst MessageHeader = aggregatedClasses('div')(blockName, 'message-header');\n\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCf;AA/BR,wBAAsB;AACtB,2BAAkC;AAClC,sBAAuE;AACvE,uBAAsC;AAEtC,MAAM,YAAY;AAElB,MAAM,gBAAY,wCAAkB,KAAK,EAAE,SAAS;AAEpD,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,gBAAgB;AAE1E,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,iBAAiB;AAE5E,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,gBAAgB;AAE1E,MAAM,kBAAc,wCAAkB,MAAM,EAAE,WAAW,cAAc;AAEvE,MAAM,qBAAqB,CAAC,UACzB;AAAA,EACC,CAAC,2BAAU,OAAO,GAAG;AAAA,EACrB,CAAC,2BAAU,OAAO,GAAG;AAAA,EACrB,CAAC,2BAAU,IAAI,GAAG;AAAA,EAClB,CAAC,2BAAU,KAAK,GAAG;AAAA,EACnB,CAAC,2BAAU,OAAO,GAAG;AACvB,GAAE,IAAI;AAER,MAAM,cAAc,CAAC,EAAE,OAAO,2BAAU,SAAS,eAAe,IAAI,cAAc,GAAG,MAAM;AACzF,QAAM,kBAAc,wCAAkB,mBAAmB,IAAI,CAAC,EAAE,WAAW,cAAc;AACzF,SACE,6CAAC,aAAU,eAAY,mBACrB;AAAA,gDAAC,iBACC,sDAAC,eAAY,MAAK,KAAI,GACxB;AAAA,IACA,6CAAC,kBACC;AAAA,kDAAC,iBAAe,wBAAa;AAAA,MAC7B,4CAAC,eAAa,uBAAY;AAAA,OAC5B;AAAA,KACF;AAEJ;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,cAAc,kBAAAA,QAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI/B,aAAa,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAItE,MAAM,kBAAAA,QAAU,MAAM,2BAAU,EAAE;AACpC;AAEA,IAAO,sBAAQ;",
   "names": ["PropTypes"]
 }

package/dist/cjs/ToastType.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -34,6 +38,7 @@ const ToastType = {
   SUCCESS: "success",
   WARNING: "warning",
   ERROR: "error",
+  // TODO remove from types, it's not in spec
   DEFAULT: "default"
 };
 const toastTypes = Object.values(ToastType);

package/dist/cjs/ToastType.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ToastType.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AACX;AAEO,MAAM,aAAa,OAAO,OAAO,SAAS;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA;AAAA,EAEP,SAAS;AACX;AAEO,MAAM,aAAa,OAAO,OAAO,SAAS;",
   "names": []
 }

package/dist/cjs/index.js

@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,10 +33,10 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSToast"), module.exports);
-__reExport(src_exports, require("./toast"), module.exports);
-__reExport(src_exports, require("./ToastType"), module.exports);
-__reExport(src_exports, require("./ToastPosition"), module.exports);
-__reExport(src_exports, require("./ToastAction"), module.exports);
-var import_DSToast = __toESM(require("./DSToast"));
+__reExport(src_exports, require("./DSToast.js"), module.exports);
+__reExport(src_exports, require("./toast.js"), module.exports);
+__reExport(src_exports, require("./ToastType.js"), module.exports);
+__reExport(src_exports, require("./ToastPosition.js"), module.exports);
+__reExport(src_exports, require("./ToastAction.js"), module.exports);
+var import_DSToast = __toESM(require("./DSToast.js"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +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;AAAA;ACAA,YAAuB;ADAvB,wBAAc,sBAAd;AACA,wBAAc,oBADd;AAEA,wBAAc,wBAFd;AAGA,wBAAc,4BAHd;AAIA,wBAAc,0BAJd;AAMA,qBAAwB;",
+  "sourcesContent": ["export * from './DSToast.js';\nexport * from './toast.js';\nexport * from './ToastType.js';\nexport * from './ToastPosition.js';\nexport * from './ToastAction.js';\n\nexport { default } from './DSToast.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;AACA,wBAAc,uBADd;AAEA,wBAAc,2BAFd;AAGA,wBAAc,+BAHd;AAIA,wBAAc,6BAJd;AAMA,qBAAwB;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/toast.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,7 +34,7 @@ module.exports = __toCommonJS(toast_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_toastify = require("react-toastify");
-var import_ToastRender = __toESM(require("./ToastRender"));
+var import_ToastRender = __toESM(require("./ToastRender.js"));
 const toast = Object.assign(
   ({ type, messageTitle, messageText, ...rest }, options) => (0, import_react_toastify.toast)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastRender.default, { messageText, messageTitle, type }), {
     ...rest,

package/dist/cjs/toast.js.map

@@ -1,7 +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(<ToastRender messageText={messageText} messageTitle={messageTitle} type={type} />, {\n      ...rest,\n      ...options,\n      type,\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;AAAA;ACAA,YAAuB;ADML;AALlB,4BAAuC;AACvC,yBAAwB;AAExB,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,gBAAgB,KAAK,GAAG,gBAC7C,sBAAAA,OAAc,4CAAC,mBAAAC,SAAA,EAAY,aAA0B,cAA4B,MAAY,GAAI;AAAA,IAC/F,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AAAA,EACH,EAAE,GAAG,sBAAAD,OAAe,UAAU,CAAC,OAAO,sBAAAA,MAAc,SAAS,EAAE,EAAE;AACnE;",
+  "sourcesContent": ["import React from 'react';\nimport { toast as toastifyToast } from 'react-toastify';\nimport ToastRender from './ToastRender.js';\n\nconst toast = Object.assign(\n  ({ type, messageTitle, messageText, ...rest }, options) =>\n    toastifyToast(<ToastRender messageText={messageText} messageTitle={messageTitle} type={type} />, {\n      ...rest,\n      ...options,\n      type,\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;AAAA;ACAA,YAAuB;ADML;AALlB,4BAAuC;AACvC,yBAAwB;AAExB,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,aAAa,GAAG,KAAK,GAAG,gBAC7C,sBAAAA,OAAc,4CAAC,mBAAAC,SAAA,EAAY,aAA0B,cAA4B,MAAY,GAAI;AAAA,IAC/F,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AAAA,EACH,EAAE,GAAG,sBAAAD,OAAe,UAAU,CAAC,OAAO,sBAAAA,MAAc,SAAS,EAAE,EAAE;AACnE;",
   "names": ["toastifyToast", "ToastRender"]
 }

package/dist/esm/DSToast.js

@@ -4,12 +4,13 @@ import { PropTypes, describe } from "@elliemae/ds-props-helpers";
 import { ToastContainer, Slide } from "react-toastify";
 import { CloseSmall } from "@elliemae/ds-icons";
 import { DSButtonV2 } from "@elliemae/ds-button";
-import { toastsPositions } from "./ToastPosition";
+import { toastsPositions } from "./ToastPosition.js";
 const CloseButton = ({ closeToast }) => /* @__PURE__ */ jsx(DSButtonV2, { buttonType: "icon", className: "toast-close-button", onClick: closeToast, children: /* @__PURE__ */ jsx(CloseSmall, { size: "s" }) });
 const DSToast = ({
   containerProps = {},
   position = "bottom-left",
   autoClose = 5e3,
+  // can be false or a number in milliseconds
   showProgressBar = false,
   closeOnClick = false,
   enableMultiContainer = false,
@@ -33,15 +34,23 @@ const DSToast = ({
   }
 );
 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")
 };
 DSToast.propTypes = props;

package/dist/esm/DSToast.js.map

@@ -1,7 +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 '@elliemae/ds-props-helpers';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButtonV2 buttonType=\"icon\" className=\"toast-close-button\" onClick={closeToast}>\n    <CloseSmall size=\"s\" />\n  </DSButtonV2>\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;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACSnB;AARJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB,aAAa;AACtC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,oBAAC,cAAW,YAAW,QAAO,WAAU,sBAAqB,SAAS,YACpE,8BAAC,cAAW,MAAK,KAAI,GACvB;AAGF,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AACZ,MACE;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,WAAY,mBAAmB,sBAAuB;AAAA,IACtD,aAAa,oBAAC,eAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,aAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA;AACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,UAAU,MAAM,eAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,UAAU,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,cAAc,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,UAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition.js';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButtonV2 buttonType=\"icon\" className=\"toast-close-button\" onClick={closeToast}>\n    <CloseSmall size=\"s\" />\n  </DSButtonV2>\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;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACSnB;AARJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB,aAAa;AACtC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,oBAAC,cAAW,YAAW,QAAO,WAAU,sBAAqB,SAAS,YACpE,8BAAC,cAAW,MAAK,KAAI,GACvB;AAGF,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AACZ,MACE;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,WAAY,mBAAmB,sBAAuB;AAAA,IACtD,aAAa,oBAAC,eAAY;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB,CAAC;AAAA,IAClB,aAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA;AACd;AAGF,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,yBAAyB;AAAA;AAAA,EAEtE,UAAU,UAAU,MAAM,eAAe,EAAE,YAAY,0CAA0C;AAAA;AAAA,EAEjG,WAAW,UAAU,OAAO,YAAY,2BAA2B;AAAA;AAAA,EAEnE,iBAAiB,UAAU,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA;AAAA,EAEA,cAAc,UAAU,KAAK,YAAY,qBAAqB;AAAA;AAAA,EAE9D,sBAAsB,UAAU,KAAK,YAAY,gDAAgD;AAAA;AAAA,EAEjG,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA;AAAA,EAElH,SAAS,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/esm/ToastAction.js

@@ -5,16 +5,26 @@ import { styled } from "@elliemae/ds-system";
 const Link = styled.span`
   color: brand-600;
 `;
-const DSToastAction = ({ children, onClick, onKeyDown }) => /* @__PURE__ */ jsx("div", { onKeyDown, onClick, role: onClick ? "button" : "textbox", children });
-const DSToastActionLink = ({ children }) => /* @__PURE__ */ jsx(Link, { children });
+const DSToastAction = ({ children, onClick, onKeyDown }) => (
+  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+  /* @__PURE__ */ jsx("div", { onKeyDown, onClick, role: onClick ? "button" : "textbox", children })
+);
+const DSToastActionLink = ({ children }) => (
+  // eslint-disable-next-line jsx-a11y/anchor-is-valid
+  /* @__PURE__ */ jsx(Link, { 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")
 };
 const linkprops = {
+  /** link text */
   children: PropTypes.string.isRequired.description("link text")
 };
 DSToastAction.propTypes = actionprops;

package/dist/esm/ToastAction.js.map

@@ -2,6 +2,6 @@
   "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 '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\n\nconst Link = styled.span`\n  color: brand-600;\n`;\n\ninterface DSToastActionProps {\n  children: React.ReactNode;\n  onClick?: React.MouseEventHandler;\n  onKeyDown?: React.KeyboardEventHandler;\n}\n\nconst DSToastAction: React.ComponentType<DSToastActionProps> = ({ children, onClick, onKeyDown }) => (\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div onKeyDown={onKeyDown} onClick={onClick} role={onClick ? 'button' : 'textbox'}>\n    {children}\n  </div>\n);\n\nconst DSToastActionLink: React.ComponentType<React.PropsWithChildren<Record<string, unknown>>> = ({ children }) => (\n  // eslint-disable-next-line jsx-a11y/anchor-is-valid\n  <Link>{children}</Link>\n);\n\nconst actionprops = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'DSToastActionLink component or text string',\n  ),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n} as React.WeakValidationMap<unknown>;\n\nconst linkprops = {\n  /** link text */\n  children: PropTypes.string.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nDSToastAction.propTypes = actionprops;\nDSToastActionLink.propTypes = linkprops;\nDSToastAction.displayName = 'DSToastAction';\nDSToastActionLink.displayName = 'DSToastActionLink';\nconst DSToastActionWithSchema = describe(DSToastAction);\nconst DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = linkprops;\nDSToastActionWithSchema.propTypes = actionprops;\n\nexport { DSToastAction, DSToastActionLink, DSToastActionWithSchema, DSToastActionLinkWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgBrB;AAfF,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AAEvB,MAAM,OAAO,OAAO;AAAA;AAAA;AAUpB,MAAM,gBAAyD,CAAC,EAAE,UAAU,SAAS,UAAU,MAE7F,oBAAC,SAAI,WAAsB,SAAkB,MAAM,UAAU,WAAW,WACrE,UACH;AAGF,MAAM,oBAA2F,CAAC,EAAE,SAAS,MAE3G,oBAAC,QAAM,UAAS;AAGlB,MAAM,cAAc;AAAA,EAElB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA,EAEA,SAAS,UAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,WAAW,UAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA,EAEhB,UAAU,UAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,MAAM,0BAA0B,SAAS,aAAa;AACtD,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
+  "mappings": "AAAA,YAAY,WAAW;ACgBrB;AAfF,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AAEvB,MAAM,OAAO,OAAO;AAAA;AAAA;AAUpB,MAAM,gBAAyD,CAAC,EAAE,UAAU,SAAS,UAAU;AAAA;AAAA,EAE7F,oBAAC,SAAI,WAAsB,SAAkB,MAAM,UAAU,WAAW,WACrE,UACH;AAAA;AAGF,MAAM,oBAA2F,CAAC,EAAE,SAAS;AAAA;AAAA,EAE3G,oBAAC,QAAM,UAAS;AAAA;AAGlB,MAAM,cAAc;AAAA;AAAA,EAElB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA;AAAA,EAEA,SAAS,UAAU,KAAK,YAAY,eAAe;AAAA;AAAA,EAEnD,WAAW,UAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA;AAAA,EAEhB,UAAU,UAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,MAAM,0BAA0B,SAAS,aAAa;AACtD,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
   "names": []
 }

package/dist/esm/ToastRender.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { aggregatedClasses } from "@elliemae/ds-classnames";
 import { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from "@elliemae/ds-icons";
-import { ToastType, toastTypes } from "./ToastType";
+import { ToastType, toastTypes } from "./ToastType.js";
 const blockName = "toast-content";
 const Container = aggregatedClasses("div")(blockName);
 const IconContainer = aggregatedClasses("div")(blockName, "icon-container");
@@ -28,8 +28,17 @@ const ToastRender = ({ type = ToastType.DEFAULT, messageTitle = "", messageText
   ] });
 };
 ToastRender.propTypes = {
+  /**
+   * Toast title
+   */
   messageTitle: PropTypes.string.isRequired,
+  /**
+   * Toast body, either a string or Action with ActionLink component
+   */
   messageText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  /**
+   * Toast type
+   */
   type: PropTypes.oneOf(toastTypes).isRequired
 };
 var ToastRender_default = ToastRender;

package/dist/esm/ToastRender.js.map

@@ -1,7 +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';\n\nconst Container = aggregatedClasses('div')(blockName);\n\nconst IconContainer = aggregatedClasses('div')(blockName, 'icon-container');\n\nconst MessageContent = aggregatedClasses('div')(blockName, 'message-content');\n\nconst MessageHeader = aggregatedClasses('div')(blockName, 'message-header');\n\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,YAAY,WAAW;ACgCf,cAEF,YAFE;AA/BR,OAAO,eAAe;AACtB,SAAS,yBAAyB;AAClC,SAAS,qBAAqB,mBAAmB,sBAAsB;AACvE,SAAS,WAAW,kBAAkB;AAEtC,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,KAAK,EAAE,SAAS;AAEpD,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,gBAAgB;AAE1E,MAAM,iBAAiB,kBAAkB,KAAK,EAAE,WAAW,iBAAiB;AAE5E,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,gBAAgB;AAE1E,MAAM,cAAc,kBAAkB,MAAM,EAAE,WAAW,cAAc;AAEvE,MAAM,qBAAqB,CAAC,UACzB;AAAA,EACC,CAAC,UAAU,UAAU;AAAA,EACrB,CAAC,UAAU,UAAU;AAAA,EACrB,CAAC,UAAU,OAAO;AAAA,EAClB,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,UAAU,UAAU;AACvB,GAAE;AAEJ,MAAM,cAAc,CAAC,EAAE,OAAO,UAAU,SAAS,eAAe,IAAI,cAAc,GAAG,MAAM;AACzF,QAAM,cAAc,kBAAkB,mBAAmB,IAAI,CAAC,EAAE,WAAW,cAAc;AACzF,SACE,qBAAC,aAAU,eAAY,mBACrB;AAAA,wBAAC,iBACC,8BAAC,eAAY,MAAK,KAAI,GACxB;AAAA,IACA,qBAAC,kBACC;AAAA,0BAAC,iBAAe,wBAAa;AAAA,MAC7B,oBAAC,eAAa,uBAAY;AAAA,OAC5B;AAAA,KACF;AAEJ;AAEA,YAAY,YAAY;AAAA,EAItB,cAAc,UAAU,OAAO;AAAA,EAI/B,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,EAItE,MAAM,UAAU,MAAM,UAAU,EAAE;AACpC;AAEA,IAAO,sBAAQ;",
+  "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.js';\n\nconst blockName = 'toast-content';\n\nconst Container = aggregatedClasses('div')(blockName);\n\nconst IconContainer = aggregatedClasses('div')(blockName, 'icon-container');\n\nconst MessageContent = aggregatedClasses('div')(blockName, 'message-content');\n\nconst MessageHeader = aggregatedClasses('div')(blockName, 'message-header');\n\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,YAAY,WAAW;ACgCf,cAEF,YAFE;AA/BR,OAAO,eAAe;AACtB,SAAS,yBAAyB;AAClC,SAAS,qBAAqB,mBAAmB,sBAAsB;AACvE,SAAS,WAAW,kBAAkB;AAEtC,MAAM,YAAY;AAElB,MAAM,YAAY,kBAAkB,KAAK,EAAE,SAAS;AAEpD,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,gBAAgB;AAE1E,MAAM,iBAAiB,kBAAkB,KAAK,EAAE,WAAW,iBAAiB;AAE5E,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,gBAAgB;AAE1E,MAAM,cAAc,kBAAkB,MAAM,EAAE,WAAW,cAAc;AAEvE,MAAM,qBAAqB,CAAC,UACzB;AAAA,EACC,CAAC,UAAU,OAAO,GAAG;AAAA,EACrB,CAAC,UAAU,OAAO,GAAG;AAAA,EACrB,CAAC,UAAU,IAAI,GAAG;AAAA,EAClB,CAAC,UAAU,KAAK,GAAG;AAAA,EACnB,CAAC,UAAU,OAAO,GAAG;AACvB,GAAE,IAAI;AAER,MAAM,cAAc,CAAC,EAAE,OAAO,UAAU,SAAS,eAAe,IAAI,cAAc,GAAG,MAAM;AACzF,QAAM,cAAc,kBAAkB,mBAAmB,IAAI,CAAC,EAAE,WAAW,cAAc;AACzF,SACE,qBAAC,aAAU,eAAY,mBACrB;AAAA,wBAAC,iBACC,8BAAC,eAAY,MAAK,KAAI,GACxB;AAAA,IACA,qBAAC,kBACC;AAAA,0BAAC,iBAAe,wBAAa;AAAA,MAC7B,oBAAC,eAAa,uBAAY;AAAA,OAC5B;AAAA,KACF;AAEJ;AAEA,YAAY,YAAY;AAAA;AAAA;AAAA;AAAA,EAItB,cAAc,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,EAI/B,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA,EAItE,MAAM,UAAU,MAAM,UAAU,EAAE;AACpC;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/dist/esm/ToastType.js

@@ -4,6 +4,7 @@ const ToastType = {
   SUCCESS: "success",
   WARNING: "warning",
   ERROR: "error",
+  // TODO remove from types, it's not in spec
   DEFAULT: "default"
 };
 const toastTypes = Object.values(ToastType);

package/dist/esm/ToastType.js.map

@@ -2,6 +2,6 @@
   "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,YAAY,WAAW;ACAhB,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AACX;AAEO,MAAM,aAAa,OAAO,OAAO,SAAS;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA;AAAA,EAEP,SAAS;AACX;AAEO,MAAM,aAAa,OAAO,OAAO,SAAS;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,10 +1,10 @@
 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 * from "./DSToast.js";
+export * from "./toast.js";
+export * from "./ToastType.js";
+export * from "./ToastPosition.js";
+export * from "./ToastAction.js";
+import { default as default2 } from "./DSToast.js";
 export {
   default2 as default
 };

package/dist/esm/index.js.map

@@ -1,7 +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"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSToast.js';\nexport * from './toast.js';\nexport * from './ToastType.js';\nexport * from './ToastPosition.js';\nexport * from './ToastAction.js';\n\nexport { default } from './DSToast.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/toast.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { toast as toastifyToast } from "react-toastify";
-import ToastRender from "./ToastRender";
+import ToastRender from "./ToastRender.js";
 const toast = Object.assign(
   ({ type, messageTitle, messageText, ...rest }, options) => toastifyToast(/* @__PURE__ */ jsx(ToastRender, { messageText, messageTitle, type }), {
     ...rest,

package/dist/esm/toast.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/toast.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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(<ToastRender messageText={messageText} messageTitle={messageTitle} type={type} />, {\n      ...rest,\n      ...options,\n      type,\n    }),\n  { ...toastifyToast, isActive: (id) => toastifyToast.isActive(id) },\n);\nexport { toast };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACML;AALlB,SAAS,SAAS,qBAAqB;AACvC,OAAO,iBAAiB;AAExB,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,gBAAgB,KAAK,GAAG,YAC7C,cAAc,oBAAC,eAAY,aAA0B,cAA4B,MAAY,GAAI;AAAA,IAC/F,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AAAA,EACH,EAAE,GAAG,eAAe,UAAU,CAAC,OAAO,cAAc,SAAS,EAAE,EAAE;AACnE;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { toast as toastifyToast } from 'react-toastify';\nimport ToastRender from './ToastRender.js';\n\nconst toast = Object.assign(\n  ({ type, messageTitle, messageText, ...rest }, options) =>\n    toastifyToast(<ToastRender messageText={messageText} messageTitle={messageTitle} type={type} />, {\n      ...rest,\n      ...options,\n      type,\n    }),\n  { ...toastifyToast, isActive: (id) => toastifyToast.isActive(id) },\n);\nexport { toast };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACML;AALlB,SAAS,SAAS,qBAAqB;AACvC,OAAO,iBAAiB;AAExB,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,aAAa,GAAG,KAAK,GAAG,YAC7C,cAAc,oBAAC,eAAY,aAA0B,cAA4B,MAAY,GAAI;AAAA,IAC/F,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AAAA,EACH,EAAE,GAAG,eAAe,UAAU,CAAC,OAAO,cAAc,SAAS,EAAE,EAAE;AACnE;",
   "names": []
 }

package/dist/types/DSToast.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const DSToast: {
     ({ containerProps, position, autoClose, showProgressBar, closeOnClick, enableMultiContainer, containerId, toastId, }: {
         containerProps?: {} | undefined;
@@ -11,25 +12,25 @@ declare const DSToast: {
     }): JSX.Element;
     propTypes: {
         /** inject props to wrapper */
-        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Position on the screen to show the toast */
-        position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** ms to autoclose the toast */
-        autoClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        autoClose: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Whether to show a progress bar indicating when the toast is going to be closed */
-        showProgressBar: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        showProgressBar: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Close toast handler */
-        closeOnClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        closeOnClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** Allows instantiating multiple Toast containers */
-        enableMultiContainer: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        enableMultiContainer: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /** unique id for multi container */
-        containerId: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        containerId: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
         /**  id for the toast */
-        toastId: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+        toastId: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     };
     displayName: string;
 };
-declare const DSToastWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
+declare const DSToastWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
     containerProps?: {} | undefined;
     position?: string | undefined;
     autoClose?: number | undefined;

package/dist/types/ToastRender.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import PropTypes from 'prop-types';
 declare const ToastRender: {
     ({ type, messageTitle, messageText }: {

package/dist/types/index.d.ts

@@ -1,6 +1,6 @@
-export * from './DSToast';
-export * from './toast';
-export * from './ToastType';
-export * from './ToastPosition';
-export * from './ToastAction';
-export { default } from './DSToast';
+export * from './DSToast.js';
+export * from './toast.js';
+export * from './ToastType.js';
+export * from './ToastPosition.js';
+export * from './ToastAction.js';
+export { default } from './DSToast.js';

package/dist/types/toast.d.ts

@@ -16,7 +16,7 @@ declare const toast: (({ type, messageTitle, messageText, ...rest }: {
     clearWaitingQueue(params?: import("react-toastify").ClearWaitingQueueParams | undefined): false | void;
     update(toastId: import("react-toastify").Id, options?: import("react-toastify").UpdateOptions | undefined): void;
     done(id: import("react-toastify").Id): void;
-    onChange(callback: import("react-toastify/dist/core").OnChangeCallback): () => void;
+    onChange(callback: import("react-toastify/dist/core/eventManager.js").OnChangeCallback): () => void;
     configure(config?: import("react-toastify").ToastContainerProps | undefined): void;
     POSITION: {
         TOP_LEFT: import("react-toastify").ToastPosition;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-toast",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Toast",
   "files": [
@@ -61,15 +61,15 @@
   "dependencies": {
     "prop-types": "~15.8.1",
     "react-toastify": "~6.2.0",
-    "@elliemae/ds-button": "3.16.0",
-    "@elliemae/ds-classnames": "3.16.0",
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-icons": "3.16.0",
-    "@elliemae/ds-system": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0"
+    "@elliemae/ds-button": "3.16.1",
+    "@elliemae/ds-classnames": "3.16.1",
+    "@elliemae/ds-icons": "3.16.1",
+    "@elliemae/ds-props-helpers": "3.16.1",
+    "@elliemae/ds-system": "3.16.1",
+    "@elliemae/ds-utilities": "3.16.1"
   },
   "devDependencies": {
-    "styled-components": "~5.3.6"
+    "styled-components": "~5.3.9"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",