@elliemae/ds-toast 3.12.0-rc.2 → 3.12.0-rc.4

package/dist/cjs/DSToast.js

@@ -36,13 +36,7 @@ var import_react_toastify = require("react-toastify");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_button = __toESM(require("@elliemae/ds-button"));
 var import_ToastPosition = require("./ToastPosition");
-const CloseButton = ({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
-  buttonType: "text",
-  className: "toast-close-button",
-  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseSmall, {}),
-  onClick: closeToast,
-  size: "m"
-});
+const CloseButton = ({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, { buttonType: "text", className: "toast-close-button", icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseSmall, {}), onClick: closeToast, size: "m" });
 const DSToast = ({
   containerProps = {},
   position = "bottom-left",
@@ -52,20 +46,23 @@ const DSToast = ({
   enableMultiContainer = false,
   containerId = void 0,
   toastId = void 0
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_toastify.ToastContainer, {
-  ...containerProps,
-  autoClose,
-  className: showProgressBar && "with-progressbar" || "",
-  closeButton: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CloseButton, {}),
-  closeOnClick,
-  containerId,
-  enableMultiContainer,
-  hideProgressBar: !showProgressBar,
-  newestOnTop: true,
-  position,
-  toastId,
-  transition: import_react_toastify.Slide
-});
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_react_toastify.ToastContainer,
+  {
+    ...containerProps,
+    autoClose,
+    className: showProgressBar && "with-progressbar" || "",
+    closeButton: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CloseButton, {}),
+    closeOnClick,
+    containerId,
+    enableMultiContainer,
+    hideProgressBar: !showProgressBar,
+    newestOnTop: true,
+    position,
+    toastId,
+    transition: import_react_toastify.Slide
+  }
+);
 const props = {
   containerProps: import_ds_utilities.PropTypes.object.description("inject props to wrapper"),
   position: import_ds_utilities.PropTypes.oneOf(import_ToastPosition.toastsPositions).description("Position on the screen to show the toast"),

package/dist/cjs/DSToast.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSToast.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\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;\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;ADQ4C;AAPnE,0BAAoC;AACpC,4BAAsC;AACtC,sBAA2B;AAC3B,uBAAqB;AACrB,2BAAgC;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,4CAAC,iBAAAA,SAAA;AAAA,EAAS,YAAW;AAAA,EAAO,WAAU;AAAA,EAAqB,MAAM,4CAAC,8BAAW;AAAA,EAAI,SAAS;AAAA,EAAY,MAAK;AAAA,CAAI;AAGjH,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,4CAAC;AAAA,EACE,GAAG;AAAA,EACJ;AAAA,EACA,WAAY,mBAAmB,sBAAuB;AAAA,EACtD,aAAa,4CAAC,eAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB,aAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,CACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,8BAAU,MAAM,oCAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,8BAAU,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,cAAc,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,8BAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,8BAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQ4C;AAPnE,0BAAoC;AACpC,4BAAsC;AACtC,sBAA2B;AAC3B,uBAAqB;AACrB,2BAAgC;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,4CAAC,iBAAAA,SAAA,EAAS,YAAW,QAAO,WAAU,sBAAqB,MAAM,4CAAC,8BAAW,GAAI,SAAS,YAAY,MAAK,KAAI;AAGjH,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,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,8BAAU,MAAM,oCAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,8BAAU,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,cAAc,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,8BAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,8BAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
   "names": ["DSButton"]
 }

package/dist/cjs/ToastAction.js

@@ -37,15 +37,8 @@ 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 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 actionprops = {
   children: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]).description(
     "DSToastActionLink component or text string"

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-utilities';\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,0BAAoC;AACpC,uBAAuB;AAEvB,MAAM,OAAO,wBAAO;AAAA;AAAA;AAUpB,MAAM,gBAAyD,CAAC,EAAE,UAAU,SAAS,UAAU,MAE7F,4CAAC;AAAA,EAAI;AAAA,EAAsB;AAAA,EAAkB,MAAM,UAAU,WAAW;AAAA,EACrE;AAAA,CACH;AAGF,MAAM,oBAA2F,CAAC,EAAE,SAAS,MAE3G,4CAAC;AAAA,EAAM;AAAA,CAAS;AAGlB,MAAM,cAAc;AAAA,EAElB,UAAU,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA,EAEA,SAAS,8BAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,WAAW,8BAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA,EAEhB,UAAU,8BAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,MAAM,8BAA0B,8BAAS,aAAa;AACtD,MAAM,kCAA8B,8BAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBrB;AAfF,0BAAoC;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,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA,EAEA,SAAS,8BAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,WAAW,8BAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA,EAEhB,UAAU,8BAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,MAAM,8BAA0B,8BAAS,aAAa;AACtD,MAAM,kCAA8B,8BAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
   "names": []
 }

package/dist/cjs/ToastRender.js

@@ -48,26 +48,13 @@ const getIconByToastType = (type) => ({
 })[type];
 const ToastRender = ({ type = import_ToastType.ToastType.DEFAULT, messageTitle = "", messageText = "" }) => {
   const IconMessage = (0, import_ds_classnames.aggregatedClasses)(getIconByToastType(type))(blockName, "icon-message");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, {
-    "data-testid": "ds-toast-render",
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconContainer, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconMessage, {
-          size: "m"
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(MessageContent, {
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageHeader, {
-            children: messageTitle
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageText, {
-            children: messageText
-          })
-        ]
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, { "data-testid": "ds-toast-render", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconMessage, { size: "m" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(MessageContent, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageHeader, { children: messageTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageText, { children: messageText })
+    ] })
+  ] });
 };
 ToastRender.propTypes = {
   messageTitle: import_prop_types.default.string.isRequired,

package/dist/cjs/ToastRender.js.map

@@ -2,6 +2,6 @@
   "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';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2Bf;AA1BR,wBAAsB;AACtB,2BAAkC;AAClC,sBAAuE;AACvE,uBAAsC;AAEtC,MAAM,YAAY;AAClB,MAAM,gBAAY,wCAAkB,KAAK,EAAE,SAAS;AACpD,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,gBAAgB;AAC1E,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,iBAAiB;AAC5E,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,gBAAgB;AAC1E,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;AAAA,IAAU,eAAY;AAAA,IACrB;AAAA,kDAAC;AAAA,QACC,sDAAC;AAAA,UAAY,MAAK;AAAA,SAAI;AAAA,OACxB;AAAA,MACA,6CAAC;AAAA,QACC;AAAA,sDAAC;AAAA,YAAe;AAAA,WAAa;AAAA,UAC7B,4CAAC;AAAA,YAAa;AAAA,WAAY;AAAA;AAAA,OAC5B;AAAA;AAAA,GACF;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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2Bf;AA1BR,wBAAsB;AACtB,2BAAkC;AAClC,sBAAuE;AACvE,uBAAsC;AAEtC,MAAM,YAAY;AAClB,MAAM,gBAAY,wCAAkB,KAAK,EAAE,SAAS;AACpD,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,gBAAgB;AAC1E,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,iBAAiB;AAC5E,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,gBAAgB;AAC1E,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;",
   "names": ["PropTypes"]
 }

package/dist/cjs/toast.js

@@ -32,11 +32,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 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__ */ (0, import_jsx_runtime.jsx)(import_ToastRender.default, {
-    messageText,
-    messageTitle,
-    type
-  }), {
+  ({ type, messageTitle, messageText, ...rest }, options) => (0, import_react_toastify.toast)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastRender.default, { messageText, messageTitle, type }), {
     ...rest,
     ...options,
     type

package/dist/cjs/toast.js.map

@@ -2,6 +2,6 @@
   "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;AAAA,IAAY;AAAA,IAA0B;AAAA,IAA4B;AAAA,GAAY,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;",
+  "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;",
   "names": ["toastifyToast", "ToastRender"]
 }

package/dist/esm/DSToast.js

@@ -5,13 +5,7 @@ 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__ */ jsx(DSButton, {
-  buttonType: "text",
-  className: "toast-close-button",
-  icon: /* @__PURE__ */ jsx(CloseSmall, {}),
-  onClick: closeToast,
-  size: "m"
-});
+const CloseButton = ({ closeToast }) => /* @__PURE__ */ jsx(DSButton, { buttonType: "text", className: "toast-close-button", icon: /* @__PURE__ */ jsx(CloseSmall, {}), onClick: closeToast, size: "m" });
 const DSToast = ({
   containerProps = {},
   position = "bottom-left",
@@ -21,20 +15,23 @@ const DSToast = ({
   enableMultiContainer = false,
   containerId = void 0,
   toastId = void 0
-}) => /* @__PURE__ */ jsx(ToastContainer, {
-  ...containerProps,
-  autoClose,
-  className: showProgressBar && "with-progressbar" || "",
-  closeButton: /* @__PURE__ */ jsx(CloseButton, {}),
-  closeOnClick,
-  containerId,
-  enableMultiContainer,
-  hideProgressBar: !showProgressBar,
-  newestOnTop: true,
-  position,
-  toastId,
-  transition: Slide
-});
+}) => /* @__PURE__ */ jsx(
+  ToastContainer,
+  {
+    ...containerProps,
+    autoClose,
+    className: showProgressBar && "with-progressbar" || "",
+    closeButton: /* @__PURE__ */ jsx(CloseButton, {}),
+    closeOnClick,
+    containerId,
+    enableMultiContainer,
+    hideProgressBar: !showProgressBar,
+    newestOnTop: true,
+    position,
+    toastId,
+    transition: Slide
+  }
+);
 const props = {
   containerProps: PropTypes.object.description("inject props to wrapper"),
   position: PropTypes.oneOf(toastsPositions).description("Position on the screen to show the toast"),

package/dist/esm/DSToast.js.map

@@ -2,6 +2,6 @@
   "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-utilities';\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;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACQ4C;AAPnE,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB,aAAa;AACtC,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AACrB,SAAS,uBAAuB;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,oBAAC;AAAA,EAAS,YAAW;AAAA,EAAO,WAAU;AAAA,EAAqB,MAAM,oBAAC,cAAW;AAAA,EAAI,SAAS;AAAA,EAAY,MAAK;AAAA,CAAI;AAGjH,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,oBAAC;AAAA,EACE,GAAG;AAAA,EACJ;AAAA,EACA,WAAY,mBAAmB,sBAAuB;AAAA,EACtD,aAAa,oBAAC,eAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB,aAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,CACd;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;",
+  "mappings": "AAAA,YAAY,WAAW;ACQ4C;AAPnE,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB,aAAa;AACtC,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AACrB,SAAS,uBAAuB;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,oBAAC,YAAS,YAAW,QAAO,WAAU,sBAAqB,MAAM,oBAAC,cAAW,GAAI,SAAS,YAAY,MAAK,KAAI;AAGjH,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;",
   "names": []
 }

package/dist/esm/ToastAction.js

@@ -5,15 +5,8 @@ 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 }) => /* @__PURE__ */ jsx("div", { onKeyDown, onClick, role: onClick ? "button" : "textbox", children });
+const DSToastActionLink = ({ children }) => /* @__PURE__ */ jsx(Link, { children });
 const actionprops = {
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(
     "DSToastActionLink component or text string"

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-utilities';\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;AAAA,EAAI;AAAA,EAAsB;AAAA,EAAkB,MAAM,UAAU,WAAW;AAAA,EACrE;AAAA,CACH;AAGF,MAAM,oBAA2F,CAAC,EAAE,SAAS,MAE3G,oBAAC;AAAA,EAAM;AAAA,CAAS;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,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;",
   "names": []
 }

package/dist/esm/ToastRender.js

@@ -19,26 +19,13 @@ const getIconByToastType = (type) => ({
 })[type];
 const ToastRender = ({ type = ToastType.DEFAULT, messageTitle = "", messageText = "" }) => {
   const IconMessage = aggregatedClasses(getIconByToastType(type))(blockName, "icon-message");
-  return /* @__PURE__ */ jsxs(Container, {
-    "data-testid": "ds-toast-render",
-    children: [
-      /* @__PURE__ */ jsx(IconContainer, {
-        children: /* @__PURE__ */ jsx(IconMessage, {
-          size: "m"
-        })
-      }),
-      /* @__PURE__ */ jsxs(MessageContent, {
-        children: [
-          /* @__PURE__ */ jsx(MessageHeader, {
-            children: messageTitle
-          }),
-          /* @__PURE__ */ jsx(MessageText, {
-            children: messageText
-          })
-        ]
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(Container, { "data-testid": "ds-toast-render", children: [
+    /* @__PURE__ */ jsx(IconContainer, { children: /* @__PURE__ */ jsx(IconMessage, { size: "m" }) }),
+    /* @__PURE__ */ jsxs(MessageContent, { children: [
+      /* @__PURE__ */ jsx(MessageHeader, { children: messageTitle }),
+      /* @__PURE__ */ jsx(MessageText, { children: messageText })
+    ] })
+  ] });
 };
 ToastRender.propTypes = {
   messageTitle: PropTypes.string.isRequired,

package/dist/esm/ToastRender.js.map

@@ -2,6 +2,6 @@
   "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,YAAY,WAAW;AC2Bf,cAEF,YAFE;AA1BR,OAAO,eAAe;AACtB,SAAS,yBAAyB;AAClC,SAAS,qBAAqB,mBAAmB,sBAAsB;AACvE,SAAS,WAAW,kBAAkB;AAEtC,MAAM,YAAY;AAClB,MAAM,YAAY,kBAAkB,KAAK,EAAE,SAAS;AACpD,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,gBAAgB;AAC1E,MAAM,iBAAiB,kBAAkB,KAAK,EAAE,WAAW,iBAAiB;AAC5E,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,gBAAgB;AAC1E,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;AAAA,IAAU,eAAY;AAAA,IACrB;AAAA,0BAAC;AAAA,QACC,8BAAC;AAAA,UAAY,MAAK;AAAA,SAAI;AAAA,OACxB;AAAA,MACA,qBAAC;AAAA,QACC;AAAA,8BAAC;AAAA,YAAe;AAAA,WAAa;AAAA,UAC7B,oBAAC;AAAA,YAAa;AAAA,WAAY;AAAA;AAAA,OAC5B;AAAA;AAAA,GACF;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;",
+  "mappings": "AAAA,YAAY,WAAW;AC2Bf,cAEF,YAFE;AA1BR,OAAO,eAAe;AACtB,SAAS,yBAAyB;AAClC,SAAS,qBAAqB,mBAAmB,sBAAsB;AACvE,SAAS,WAAW,kBAAkB;AAEtC,MAAM,YAAY;AAClB,MAAM,YAAY,kBAAkB,KAAK,EAAE,SAAS;AACpD,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,gBAAgB;AAC1E,MAAM,iBAAiB,kBAAkB,KAAK,EAAE,WAAW,iBAAiB;AAC5E,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,gBAAgB;AAC1E,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;",
   "names": []
 }

package/dist/esm/toast.js

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

package/dist/esm/toast.js.map

@@ -2,6 +2,6 @@
   "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;AAAA,IAAY;AAAA,IAA0B;AAAA,IAA4B;AAAA,GAAY,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;",
+  "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;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-toast",
-  "version": "3.12.0-rc.2",
+  "version": "3.12.0-rc.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Toast",
   "files": [
@@ -59,11 +59,11 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.12.0-rc.2",
-    "@elliemae/ds-classnames": "3.12.0-rc.2",
-    "@elliemae/ds-icons": "3.12.0-rc.2",
-    "@elliemae/ds-system": "3.12.0-rc.2",
-    "@elliemae/ds-utilities": "3.12.0-rc.2",
+    "@elliemae/ds-button": "3.12.0-rc.4",
+    "@elliemae/ds-classnames": "3.12.0-rc.4",
+    "@elliemae/ds-icons": "3.12.0-rc.4",
+    "@elliemae/ds-system": "3.12.0-rc.4",
+    "@elliemae/ds-utilities": "3.12.0-rc.4",
     "prop-types": "~15.8.1",
     "react-toastify": "~6.2.0"
   },