@elliemae/ds-toast 3.29.2-rc.0 → 3.30.0-next.0

package/dist/cjs/DSToastDefinitions.js

@@ -34,6 +34,9 @@ __export(DSToastDefinitions_exports, {
   DSToastActionLinkSlots: () => DSToastActionLinkSlots,
   DSToastActionName: () => DSToastActionName,
   DSToastActionSlots: () => DSToastActionSlots,
+  DSToastContentDataTestIds: () => DSToastContentDataTestIds,
+  DSToastContentName: () => DSToastContentName,
+  DSToastContentSlots: () => DSToastContentSlots,
   DSToastDataTestIds: () => DSToastDataTestIds,
   DSToastName: () => DSToastName,
   DSToastSlots: () => DSToastSlots
@@ -44,6 +47,7 @@ var import_ds_system = require("@elliemae/ds-system");
 const DSToastName = "DSToast";
 const DSToastActionLinkName = "DSToastActionLink";
 const DSToastActionName = "DSToastAction";
+const DSToastContentName = "DSToastContent";
 const DSToastSlots = {
   ROOT: "root",
   CLOSE_BUTTON: "close-button",
@@ -59,10 +63,14 @@ const DSToastActionSlots = {
 const DSToastActionLinkSlots = {
   ROOT: "root"
 };
+const DSToastContentSlots = {
+  ROOT: "root"
+};
 const DSToastDataTestIds = {
   ...(0, import_ds_system.slotObjectToDataTestIds)(DSToastName, DSToastSlots),
   CONTAINER: "ds-toast-render"
 };
 const DSToastActionDataTestIds = (0, import_ds_system.slotObjectToDataTestIds)(DSToastActionName, DSToastActionSlots);
 const DSToastActionLinkDataTestIds = (0, import_ds_system.slotObjectToDataTestIds)(DSToastActionLinkName, DSToastActionLinkSlots);
+const DSToastContentDataTestIds = (0, import_ds_system.slotObjectToDataTestIds)(DSToastContentName, DSToastContentSlots);
 //# sourceMappingURL=DSToastDefinitions.js.map

package/dist/cjs/DSToastDefinitions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSToastDefinitions.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSToastName = 'DSToast';\n\nexport const DSToastActionLinkName = 'DSToastActionLink';\n\nexport const DSToastActionName = 'DSToastAction';\n\nexport const DSToastSlots = {\n  ROOT: 'root',\n  CLOSE_BUTTON: 'close-button',\n  CONTAINER: 'container',\n  ICON_CONTAINER: 'icon-container',\n  MESSAGE_CONTENT: 'message-content',\n  MESSAGE_HEADER: 'message-header',\n  MESSAGE_TEXT: 'message-text',\n};\n\nexport const DSToastActionSlots = {\n  ROOT: 'root',\n};\n\nexport const DSToastActionLinkSlots = {\n  ROOT: 'root',\n};\n\nexport const DSToastDataTestIds = {\n  ...slotObjectToDataTestIds(DSToastName, DSToastSlots),\n  CONTAINER: 'ds-toast-render',\n};\n\nexport const DSToastActionDataTestIds = slotObjectToDataTestIds(DSToastActionName, DSToastActionSlots);\n\nexport const DSToastActionLinkDataTestIds = slotObjectToDataTestIds(DSToastActionLinkName, DSToastActionLinkSlots);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,cAAc;AAEpB,MAAM,wBAAwB;AAE9B,MAAM,oBAAoB;AAE1B,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM;AACR;AAEO,MAAM,yBAAyB;AAAA,EACpC,MAAM;AACR;AAEO,MAAM,qBAAqB;AAAA,EAChC,OAAG,0CAAwB,aAAa,YAAY;AAAA,EACpD,WAAW;AACb;AAEO,MAAM,+BAA2B,0CAAwB,mBAAmB,kBAAkB;AAE9F,MAAM,mCAA+B,0CAAwB,uBAAuB,sBAAsB;",
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSToastName = 'DSToast';\n\nexport const DSToastActionLinkName = 'DSToastActionLink';\n\nexport const DSToastActionName = 'DSToastAction';\n\nexport const DSToastContentName = 'DSToastContent';\n\nexport const DSToastSlots = {\n  ROOT: 'root',\n  CLOSE_BUTTON: 'close-button',\n  CONTAINER: 'container',\n  ICON_CONTAINER: 'icon-container',\n  MESSAGE_CONTENT: 'message-content',\n  MESSAGE_HEADER: 'message-header',\n  MESSAGE_TEXT: 'message-text',\n};\n\nexport const DSToastActionSlots = {\n  ROOT: 'root',\n};\n\nexport const DSToastActionLinkSlots = {\n  ROOT: 'root',\n};\n\nexport const DSToastContentSlots = {\n  ROOT: 'root',\n};\n\nexport const DSToastDataTestIds = {\n  ...slotObjectToDataTestIds(DSToastName, DSToastSlots),\n  CONTAINER: 'ds-toast-render',\n};\n\nexport const DSToastActionDataTestIds = slotObjectToDataTestIds(DSToastActionName, DSToastActionSlots);\n\nexport const DSToastActionLinkDataTestIds = slotObjectToDataTestIds(DSToastActionLinkName, DSToastActionLinkSlots);\n\nexport const DSToastContentDataTestIds = slotObjectToDataTestIds(DSToastContentName, DSToastContentSlots);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,cAAc;AAEpB,MAAM,wBAAwB;AAE9B,MAAM,oBAAoB;AAE1B,MAAM,qBAAqB;AAE3B,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM;AACR;AAEO,MAAM,yBAAyB;AAAA,EACpC,MAAM;AACR;AAEO,MAAM,sBAAsB;AAAA,EACjC,MAAM;AACR;AAEO,MAAM,qBAAqB;AAAA,EAChC,OAAG,0CAAwB,aAAa,YAAY;AAAA,EACpD,WAAW;AACb;AAEO,MAAM,+BAA2B,0CAAwB,mBAAmB,kBAAkB;AAE9F,MAAM,mCAA+B,0CAAwB,uBAAuB,sBAAsB;AAE1G,MAAM,gCAA4B,0CAAwB,oBAAoB,mBAAmB;",
   "names": []
 }

package/dist/cjs/index.js

@@ -39,6 +39,8 @@ __export(src_exports, {
   DSToastActionName: () => import_DSToastDefinitions.DSToastActionName,
   DSToastActionSlots: () => import_DSToastDefinitions.DSToastActionSlots,
   DSToastActionWithSchema: () => import_DSToastAction.DSToastActionWithSchema,
+  DSToastContent: () => import_DSToastContent.DSToastContent,
+  DSToastContentWithSchema: () => import_DSToastContent.DSToastContentWithSchema,
   DSToastDataTestIds: () => import_DSToastDefinitions.DSToastDataTestIds,
   DSToastName: () => import_DSToastDefinitions.DSToastName,
   DSToastSlots: () => import_DSToastDefinitions.DSToastSlots,
@@ -57,6 +59,7 @@ var import_toast = require("./toast.js");
 var import_constants = require("./constants.js");
 var import_DSToastAction = require("./parts/DSToastAction.js");
 var import_DSToastActionLink = require("./parts/DSToastActionLink.js");
+var import_DSToastContent = require("./parts/DSToastContent.js");
 var import_DSToastDefinitions = require("./DSToastDefinitions.js");
 var import_DSToast2 = __toESM(require("./parts/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 { DSToast, DSToastWithSchema } from './parts/DSToast.js';\nexport { toast } from './toast.js';\nexport { ToastType, toastTypes, ToastPosition, toastsPositions } from './constants.js';\nexport { DSToastAction, DSToastActionWithSchema } from './parts/DSToastAction.js';\nexport { DSToastActionLink, DSToastActionLinkWithSchema } from './parts/DSToastActionLink.js';\nexport {\n  DSToastName,\n  DSToastActionName,\n  DSToastActionLinkName,\n  DSToastSlots,\n  DSToastActionSlots,\n  DSToastActionLinkSlots,\n  DSToastDataTestIds,\n  DSToastActionDataTestIds,\n  DSToastActionLinkDataTestIds,\n} from './DSToastDefinitions.js';\nimport type {} from '@xstyled/system';\nexport { default } from './parts/DSToast.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA2C;AAC3C,mBAAsB;AACtB,uBAAsE;AACtE,2BAAuD;AACvD,+BAA+D;AAC/D,gCAUO;AAEP,IAAAA,kBAAwB;",
+  "sourcesContent": ["export { DSToast, DSToastWithSchema } from './parts/DSToast.js';\nexport { toast } from './toast.js';\nexport { ToastType, toastTypes, ToastPosition, toastsPositions } from './constants.js';\nexport { DSToastAction, DSToastActionWithSchema } from './parts/DSToastAction.js';\nexport { DSToastActionLink, DSToastActionLinkWithSchema } from './parts/DSToastActionLink.js';\nexport { DSToastContent, DSToastContentWithSchema } from './parts/DSToastContent.js';\nexport {\n  DSToastName,\n  DSToastActionName,\n  DSToastActionLinkName,\n  DSToastSlots,\n  DSToastActionSlots,\n  DSToastActionLinkSlots,\n  DSToastDataTestIds,\n  DSToastActionDataTestIds,\n  DSToastActionLinkDataTestIds,\n} from './DSToastDefinitions.js';\nimport type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\nexport { default } from './parts/DSToast.js';\nexport type { DSToastT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA2C;AAC3C,mBAAsB;AACtB,uBAAsE;AACtE,2BAAuD;AACvD,+BAA+D;AAC/D,4BAAyD;AACzD,gCAUO;AAGP,IAAAA,kBAAwB;",
   "names": ["import_DSToast"]
 }

package/dist/cjs/parts/DSToastContent.js

@@ -29,20 +29,25 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var DSToastContent_exports = {};
 __export(DSToastContent_exports, {
   DSToastContent: () => DSToastContent,
+  DSToastContentWithSchema: () => DSToastContentWithSchema,
   getIconByToastType: () => getIconByToastType,
   getIconColorByToastType: () => getIconColorByToastType
 });
 module.exports = __toCommonJS(DSToastContent_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_styled = require("./styled.js");
 var import_constants = require("../constants.js");
+var import_DSToastDefinitions = require("../DSToastDefinitions.js");
 const getIconByToastType = (type) => import_constants.TYPE_TO_ICON[type];
 const getIconColorByToastType = (type) => import_constants.TYPE_TO_ICON_COLOR[type];
 const DSToastContent = ({
   type = import_constants.ToastType.DEFAULT,
   messageTitle = "",
-  messageText = ""
+  messageText = "",
+  messageComponent
 }) => {
   const IconMessage = getIconByToastType(type);
   const iconColor = getIconColorByToastType(type);
@@ -50,8 +55,11 @@ const DSToastContent = ({
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledIconContainer, { className: "em-ds-toast-content__icon-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconMessage, { size: "m", className: "em-ds-toast-content__icon-message", color: iconColor }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledMessageContent, { className: "em-ds-toast-content__message-content", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledMessageHeader, { className: "em-ds-toast-content__message-header", children: messageTitle }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledMessageText, { className: "em-ds-toast-content__message-text", children: messageText })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledMessageText, { className: "em-ds-toast-content__message-text", children: messageComponent ? messageComponent : messageText })
     ] })
   ] });
 };
+DSToastContent.displayName = import_DSToastDefinitions.DSToastContentName;
+const DSToastContentWithSchema = (0, import_ds_props_helpers.describe)(DSToastContent);
+DSToastContentWithSchema.propTypes = import_react_desc_prop_types.DSToastContentPropTypes;
 //# sourceMappingURL=DSToastContent.js.map

package/dist/cjs/parts/DSToastContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/parts/DSToastContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport type { DSToastT } from '../react-desc-prop-types.js';\nimport {\n  StyledContainer,\n  StyledIconContainer,\n  StyledMessageContent,\n  StyledMessageHeader,\n  StyledMessageText,\n} from './styled.js';\nimport { ToastType, TYPE_TO_ICON, TYPE_TO_ICON_COLOR } from '../constants.js';\n\nexport const getIconByToastType = (type: DSToastT.ToastTypes) => TYPE_TO_ICON[type];\nexport const getIconColorByToastType = (type: DSToastT.ToastTypes): SvgIconT.ColorType =>\n  TYPE_TO_ICON_COLOR[type] as SvgIconT.ColorType;\n\nexport interface DSToastContentProps {\n  type?: DSToastT.ToastTypes;\n  messageTitle?: string;\n  messageText?: string;\n}\n\nexport const DSToastContent: React.ComponentType<DSToastContentProps> = ({\n  type = ToastType.DEFAULT,\n  messageTitle = '',\n  messageText = '',\n}) => {\n  const IconMessage = getIconByToastType(type);\n  const iconColor = getIconColorByToastType(type);\n\n  return (\n    <StyledContainer data-testid=\"ds-toast-render\" className=\"em-ds-toast-content\">\n      <StyledIconContainer className=\"em-ds-toast-content__icon-container\">\n        <IconMessage size=\"m\" className=\"em-ds-toast-content__icon-message\" color={iconColor} />\n      </StyledIconContainer>\n      <StyledMessageContent className=\"em-ds-toast-content__message-content\">\n        <StyledMessageHeader className=\"em-ds-toast-content__message-header\">{messageTitle}</StyledMessageHeader>\n        <StyledMessageText className=\"em-ds-toast-content__message-text\">{messageText}</StyledMessageText>\n      </StyledMessageContent>\n    </StyledContainer>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADiCf;AA9BR,oBAMO;AACP,uBAA4D;AAErD,MAAM,qBAAqB,CAAC,SAA8B,8BAAa,IAAI;AAC3E,MAAM,0BAA0B,CAAC,SACtC,oCAAmB,IAAI;AAQlB,MAAM,iBAA2D,CAAC;AAAA,EACvE,OAAO,2BAAU;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAChB,MAAM;AACJ,QAAM,cAAc,mBAAmB,IAAI;AAC3C,QAAM,YAAY,wBAAwB,IAAI;AAE9C,SACE,6CAAC,iCAAgB,eAAY,mBAAkB,WAAU,uBACvD;AAAA,gDAAC,qCAAoB,WAAU,uCAC7B,sDAAC,eAAY,MAAK,KAAI,WAAU,qCAAoC,OAAO,WAAW,GACxF;AAAA,IACA,6CAAC,sCAAqB,WAAU,wCAC9B;AAAA,kDAAC,qCAAoB,WAAU,uCAAuC,wBAAa;AAAA,MACnF,4CAAC,mCAAkB,WAAU,qCAAqC,uBAAY;AAAA,OAChF;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["import React from 'react';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport { DSToastContentPropTypes, type DSToastT } from '../react-desc-prop-types.js';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n  StyledContainer,\n  StyledIconContainer,\n  StyledMessageContent,\n  StyledMessageHeader,\n  StyledMessageText,\n} from './styled.js';\nimport { ToastType, TYPE_TO_ICON, TYPE_TO_ICON_COLOR } from '../constants.js';\nimport { DSToastContentName } from '../DSToastDefinitions.js';\n\nexport const getIconByToastType = (type: DSToastT.ToastTypes) => TYPE_TO_ICON[type];\nexport const getIconColorByToastType = (type: DSToastT.ToastTypes): SvgIconT.ColorType =>\n  TYPE_TO_ICON_COLOR[type] as SvgIconT.ColorType;\n\nexport interface DSToastContentProps {\n  type?: DSToastT.ToastTypes;\n  messageTitle?: string;\n  messageText?: string;\n  messageComponent?: React.ReactNode;\n}\n\nconst DSToastContent: React.ComponentType<DSToastContentProps> = ({\n  type = ToastType.DEFAULT,\n  messageTitle = '',\n  messageText = '',\n  messageComponent,\n}) => {\n  const IconMessage = getIconByToastType(type);\n  const iconColor = getIconColorByToastType(type);\n\n  return (\n    <StyledContainer data-testid=\"ds-toast-render\" className=\"em-ds-toast-content\">\n      <StyledIconContainer className=\"em-ds-toast-content__icon-container\">\n        <IconMessage size=\"m\" className=\"em-ds-toast-content__icon-message\" color={iconColor} />\n      </StyledIconContainer>\n      <StyledMessageContent className=\"em-ds-toast-content__message-content\">\n        <StyledMessageHeader className=\"em-ds-toast-content__message-header\">{messageTitle}</StyledMessageHeader>\n        <StyledMessageText className=\"em-ds-toast-content__message-text\">\n          {messageComponent ? messageComponent : messageText}\n        </StyledMessageText>\n      </StyledMessageContent>\n    </StyledContainer>\n  );\n};\n\nDSToastContent.displayName = DSToastContentName;\nconst DSToastContentWithSchema = describe(DSToastContent);\nDSToastContentWithSchema.propTypes = DSToastContentPropTypes;\n\nexport { DSToastContent, DSToastContentWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCf;AAnCR,mCAAuD;AACvD,8BAAyB;AACzB,oBAMO;AACP,uBAA4D;AAC5D,gCAAmC;AAE5B,MAAM,qBAAqB,CAAC,SAA8B,8BAAa,IAAI;AAC3E,MAAM,0BAA0B,CAAC,SACtC,oCAAmB,IAAI;AASzB,MAAM,iBAA2D,CAAC;AAAA,EAChE,OAAO,2BAAU;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AACF,MAAM;AACJ,QAAM,cAAc,mBAAmB,IAAI;AAC3C,QAAM,YAAY,wBAAwB,IAAI;AAE9C,SACE,6CAAC,iCAAgB,eAAY,mBAAkB,WAAU,uBACvD;AAAA,gDAAC,qCAAoB,WAAU,uCAC7B,sDAAC,eAAY,MAAK,KAAI,WAAU,qCAAoC,OAAO,WAAW,GACxF;AAAA,IACA,6CAAC,sCAAqB,WAAU,wCAC9B;AAAA,kDAAC,qCAAoB,WAAU,uCAAuC,wBAAa;AAAA,MACnF,4CAAC,mCAAkB,WAAU,qCAC1B,6BAAmB,mBAAmB,aACzC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc;AACxD,yBAAyB,YAAY;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -30,6 +30,7 @@ var react_desc_prop_types_exports = {};
 __export(react_desc_prop_types_exports, {
   DSToastActionLinkPropTypes: () => DSToastActionLinkPropTypes,
   DSToastActionPropsTypes: () => DSToastActionPropsTypes,
+  DSToastContentPropTypes: () => DSToastContentPropTypes,
   DSToastPropTypes: () => DSToastPropTypes,
   actionDefaultProps: () => actionDefaultProps,
   defaultProps: () => defaultProps
@@ -75,4 +76,14 @@ const DSToastActionPropsTypes = {
   /** key down handler */
   onKeyDown: import_ds_props_helpers.PropTypes.func.description("key down handler")
 };
+const DSToastContentPropTypes = {
+  /** Type of toast */
+  type: import_ds_props_helpers.PropTypes.oneOf(import_constants.toastTypes).description("Type of toast").defaultValue("default"),
+  /** Toast message title */
+  messageTitle: import_ds_props_helpers.PropTypes.string.description("Toast message title").defaultValue(""),
+  /** Toast message text */
+  messageText: import_ds_props_helpers.PropTypes.string.description("Toast message text").defaultValue(""),
+  /** Toast message component */
+  messageComponent: import_ds_props_helpers.PropTypes.node.description("Toast message component")
+};
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { toastsPositions } from './constants.js';\nimport type { toastTypes } from './constants.js';\n\nexport declare namespace DSToastT {\n  type PropsT<D, R, O, E> = Partial<D> &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n  type InternalPropsT<D, R, O, E> = D &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n\n  export type ToastPositions = (typeof toastsPositions)[number];\n\n  export type ToastTypes = (typeof toastTypes)[number];\n\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    position: ToastPositions;\n    autoClose: number;\n    showProgressBar: boolean;\n    closeOnClick: boolean;\n    enableMultiContainer: boolean;\n  }\n\n  export interface OptionalProps {\n    containerId?: string | number;\n    closeButtonRef?: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export interface RequiredProps {}\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export interface ActionDefaultProps {}\n\n  export interface ActionOptionalProps {\n    onClick?: React.MouseEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n  }\n\n  export interface ActionRequiredProps {\n    children: React.ReactNode;\n  }\n\n  export type ActionProps = PropsT<ActionDefaultProps, ActionRequiredProps, ActionOptionalProps, HTMLDivElement>;\n\n  export type ActionInternalProps = InternalPropsT<\n    ActionDefaultProps,\n    ActionRequiredProps,\n    ActionOptionalProps,\n    HTMLDivElement\n  >;\n}\n\nexport const defaultProps: DSToastT.DefaultProps = {\n  containerProps: {},\n  position: 'bottom-left',\n  autoClose: 5000,\n  showProgressBar: false,\n  closeOnClick: false,\n  enableMultiContainer: false,\n};\n\nexport const actionDefaultProps: DSToastT.ActionDefaultProps = {};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nexport const DSToastPropTypes = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper').defaultValue({}),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions as unknown as string[])\n    .description('Position on the screen to show the toast')\n    .defaultValue('bottom-left'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf([false])])\n    .description(\"ms to autoclose the toast, false if you don't want to automatically close\")\n    .defaultValue(5000),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool\n    .description('Whether to show a progress bar indicating when the toast is going to be closed')\n    .defaultValue(false),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler').defaultValue(false),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool\n    .description('Allows instantiating multiple Toast containers')\n    .defaultValue(false),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n} as WeakValidationMap<unknown>;\n\nexport const DSToastActionLinkPropTypes = {\n  /** link text */\n  children: PropTypes.node.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nexport const DSToastActionPropsTypes = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.node.description('DSToastActionLink component or text string'),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n} as React.WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAA0B;AAE1B,uBAAgC;AA4DzB,MAAM,eAAsC;AAAA,EACjD,gBAAgB,CAAC;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEO,MAAM,qBAAkD,CAAC;AAKzD,MAAM,mBAAmB;AAAA;AAAA,EAE9B,gBAAgB,kCAAU,OAAO,YAAY,yBAAyB,EAAE,aAAa,CAAC,CAAC;AAAA;AAAA,EAEvF,UAAU,kCAAU,MAAM,gCAAsC,EAC7D,YAAY,0CAA0C,EACtD,aAAa,aAAa;AAAA;AAAA,EAE7B,WAAW,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EACxE,YAAY,2EAA2E,EACvF,aAAa,GAAI;AAAA;AAAA,EAEpB,iBAAiB,kCAAU,KACxB,YAAY,gFAAgF,EAC5F,aAAa,KAAK;AAAA;AAAA,EAErB,cAAc,kCAAU,KAAK,YAAY,qBAAqB,EAAE,aAAa,KAAK;AAAA;AAAA,EAElF,sBAAsB,kCAAU,KAC7B,YAAY,gDAAgD,EAC5D,aAAa,KAAK;AAAA;AAAA,EAErB,aAAa,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AACpH;AAEO,MAAM,6BAA6B;AAAA;AAAA,EAExC,UAAU,kCAAU,KAAK,WAAW,YAAY,WAAW;AAC7D;AAEO,MAAM,0BAA0B;AAAA;AAAA,EAErC,UAAU,kCAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA,EAEjF,SAAS,kCAAU,KAAK,YAAY,eAAe;AAAA;AAAA,EAEnD,WAAW,kCAAU,KAAK,YAAY,kBAAkB;AAC1D;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { toastsPositions, toastTypes } from './constants.js';\n\nexport declare namespace DSToastT {\n  type PropsT<D, R, O, E> = Partial<D> &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n\n  type InternalPropsT<D, R, O, E> = D &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n\n  export type ToastPositions = (typeof toastsPositions)[number];\n\n  export type ToastTypes = (typeof toastTypes)[number];\n\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    position: ToastPositions;\n    autoClose: number;\n    showProgressBar: boolean;\n    closeOnClick: boolean;\n    enableMultiContainer: boolean;\n  }\n\n  export interface OptionalProps {\n    containerId?: string | number;\n    closeButtonRef?: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export interface RequiredProps {}\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export interface ActionDefaultProps {}\n\n  export interface ActionOptionalProps {\n    onClick?: React.MouseEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n  }\n\n  export interface ActionRequiredProps {\n    children: React.ReactNode;\n  }\n\n  export type ActionProps = PropsT<ActionDefaultProps, ActionRequiredProps, ActionOptionalProps, HTMLDivElement>;\n\n  export type ActionInternalProps = InternalPropsT<\n    ActionDefaultProps,\n    ActionRequiredProps,\n    ActionOptionalProps,\n    HTMLDivElement\n  >;\n}\n\nexport const defaultProps: DSToastT.DefaultProps = {\n  containerProps: {},\n  position: 'bottom-left',\n  autoClose: 5000,\n  showProgressBar: false,\n  closeOnClick: false,\n  enableMultiContainer: false,\n};\n\nexport const actionDefaultProps: DSToastT.ActionDefaultProps = {};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nexport const DSToastPropTypes = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper').defaultValue({}),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions as unknown as string[])\n    .description('Position on the screen to show the toast')\n    .defaultValue('bottom-left'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf([false])])\n    .description(\"ms to autoclose the toast, false if you don't want to automatically close\")\n    .defaultValue(5000),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool\n    .description('Whether to show a progress bar indicating when the toast is going to be closed')\n    .defaultValue(false),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler').defaultValue(false),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool\n    .description('Allows instantiating multiple Toast containers')\n    .defaultValue(false),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n} as WeakValidationMap<unknown>;\n\nexport const DSToastActionLinkPropTypes = {\n  /** link text */\n  children: PropTypes.node.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nexport const DSToastActionPropsTypes = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.node.description('DSToastActionLink component or text string'),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n} as React.WeakValidationMap<unknown>;\n\nexport const DSToastContentPropTypes = {\n  /** Type of toast */\n  type: PropTypes.oneOf(toastTypes as unknown as string[])\n    .description('Type of toast')\n    .defaultValue('default'),\n  /** Toast message title */\n  messageTitle: PropTypes.string.description('Toast message title').defaultValue(''),\n  /** Toast message text */\n  messageText: PropTypes.string.description('Toast message text').defaultValue(''),\n  /** Toast message component */\n  messageComponent: PropTypes.node.description('Toast message component'),\n} as React.WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAA0B;AAE1B,uBAA4C;AA4DrC,MAAM,eAAsC;AAAA,EACjD,gBAAgB,CAAC;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEO,MAAM,qBAAkD,CAAC;AAKzD,MAAM,mBAAmB;AAAA;AAAA,EAE9B,gBAAgB,kCAAU,OAAO,YAAY,yBAAyB,EAAE,aAAa,CAAC,CAAC;AAAA;AAAA,EAEvF,UAAU,kCAAU,MAAM,gCAAsC,EAC7D,YAAY,0CAA0C,EACtD,aAAa,aAAa;AAAA;AAAA,EAE7B,WAAW,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EACxE,YAAY,2EAA2E,EACvF,aAAa,GAAI;AAAA;AAAA,EAEpB,iBAAiB,kCAAU,KACxB,YAAY,gFAAgF,EAC5F,aAAa,KAAK;AAAA;AAAA,EAErB,cAAc,kCAAU,KAAK,YAAY,qBAAqB,EAAE,aAAa,KAAK;AAAA;AAAA,EAElF,sBAAsB,kCAAU,KAC7B,YAAY,gDAAgD,EAC5D,aAAa,KAAK;AAAA;AAAA,EAErB,aAAa,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AACpH;AAEO,MAAM,6BAA6B;AAAA;AAAA,EAExC,UAAU,kCAAU,KAAK,WAAW,YAAY,WAAW;AAC7D;AAEO,MAAM,0BAA0B;AAAA;AAAA,EAErC,UAAU,kCAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA,EAEjF,SAAS,kCAAU,KAAK,YAAY,eAAe;AAAA;AAAA,EAEnD,WAAW,kCAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEO,MAAM,0BAA0B;AAAA;AAAA,EAErC,MAAM,kCAAU,MAAM,2BAAiC,EACpD,YAAY,eAAe,EAC3B,aAAa,SAAS;AAAA;AAAA,EAEzB,cAAc,kCAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,EAAE;AAAA;AAAA,EAEjF,aAAa,kCAAU,OAAO,YAAY,oBAAoB,EAAE,aAAa,EAAE;AAAA;AAAA,EAE/E,kBAAkB,kCAAU,KAAK,YAAY,yBAAyB;AACxE;",
   "names": []
 }

package/dist/cjs/toast.js

@@ -36,11 +36,22 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react_toastify = require("react-toastify");
 var import_DSToastContent = require("./parts/DSToastContent.js");
 const toast = Object.assign(
-  ({ type, messageTitle, messageText, ...rest }, options) => (0, import_react_toastify.toast)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSToastContent.DSToastContent, { messageText, messageTitle, type }), {
-    ...rest,
-    ...options,
-    type
-  }),
+  ({ type, messageTitle, messageText, messageComponent, ...rest }, options) => (0, import_react_toastify.toast)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_DSToastContent.DSToastContent,
+      {
+        messageText,
+        messageComponent,
+        messageTitle,
+        type
+      }
+    ),
+    {
+      ...rest,
+      ...options,
+      type
+    }
+  ),
   { ...import_react_toastify.toast, isActive: (id) => import_react_toastify.toast.isActive(id) }
 );
 //# sourceMappingURL=toast.js.map

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 type { ToastOptions } from 'react-toastify';\nimport { toast as toastifyToast } from 'react-toastify';\nimport type { DSToastContentProps } from './parts/DSToastContent.js';\nimport { DSToastContent } from './parts/DSToastContent.js';\n\nconst toast = Object.assign(\n  ({ type, messageTitle, messageText, ...rest }: DSToastContentProps, options: ToastOptions) =>\n    toastifyToast(<DSToastContent messageText={messageText} messageTitle={messageTitle} type={type} />, {\n      ...rest,\n      ...options,\n      type,\n    }),\n  { ...toastifyToast, isActive: (id: string | number) => toastifyToast.isActive(id) },\n);\n\nexport { toast };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADQL;AANlB,4BAAuC;AAEvC,4BAA+B;AAE/B,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,aAAa,GAAG,KAAK,GAAwB,gBAClE,sBAAAA,OAAc,4CAAC,wCAAe,aAA0B,cAA4B,MAAY,GAAI;AAAA,IAClG,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AAAA,EACH,EAAE,GAAG,sBAAAA,OAAe,UAAU,CAAC,OAAwB,sBAAAA,MAAc,SAAS,EAAE,EAAE;AACpF;",
+  "sourcesContent": ["import React from 'react';\nimport type { ToastOptions } from 'react-toastify';\nimport { toast as toastifyToast } from 'react-toastify';\nimport type { DSToastContentProps } from './parts/DSToastContent.js';\nimport { DSToastContent } from './parts/DSToastContent.js';\n\nconst toast = Object.assign(\n  ({ type, messageTitle, messageText, messageComponent, ...rest }: DSToastContentProps, options: ToastOptions) =>\n    toastifyToast(\n      <DSToastContent\n        messageText={messageText}\n        messageComponent={messageComponent}\n        messageTitle={messageTitle}\n        type={type}\n      />,\n      {\n        ...rest,\n        ...options,\n        type,\n      },\n    ),\n  { ...toastifyToast, isActive: (id: string | number) => toastifyToast.isActive(id) },\n);\n\nexport { toast };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSjB;AAPN,4BAAuC;AAEvC,4BAA+B;AAE/B,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,aAAa,kBAAkB,GAAG,KAAK,GAAwB,gBACpF,sBAAAA;AAAA,IACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EACF,EAAE,GAAG,sBAAAA,OAAe,UAAU,CAAC,OAAwB,sBAAAA,MAAc,SAAS,EAAE,EAAE;AACpF;",
   "names": ["toastifyToast"]
 }

package/dist/cjs/typescript-testing/typescript-toast-valid.js

@@ -0,0 +1,107 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  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
+));
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import__ = require("../index.js");
+const closeButtonRef = (0, import_react.createRef)();
+const testRequiredProps = {};
+const testOptionalProps = {
+  containerId: "",
+  closeButtonRef
+};
+const testPartialDefaults = {
+  containerProps: { "data-testid": "ds-toast-1" },
+  position: "top-center",
+  showProgressBar: false
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  containerProps: { "data-testid": "ds-toast-1" },
+  position: "top-center",
+  autoClose: 2e3,
+  showProgressBar: true,
+  closeOnClick: true,
+  enableMultiContainer: false
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  containerProps: { "data-testid": "ds-toast-1" },
+  position: "top-left",
+  autoClose: 5e3,
+  showProgressBar: true,
+  closeOnClick: false,
+  enableMultiContainer: false
+};
+const testInferedTypeCompatibility = {
+  containerProps: { "data-testid": "ds-toast-1" },
+  position: "top-left",
+  autoClose: 5e3,
+  showProgressBar: true,
+  closeOnClick: false,
+  enableMultiContainer: false
+};
+const testDefinitionAsConst = {
+  containerProps: { "data-testid": "ds-toast-1" },
+  position: "top-left",
+  autoClose: 5e3,
+  showProgressBar: true,
+  closeOnClick: false,
+  enableMultiContainer: false
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSToast, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSToast, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSToast, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.DSToast,
+    {
+      containerProps: { "data-testid": "ds-toast-1" },
+      position: "top-left",
+      autoClose: 5e3,
+      showProgressBar: true,
+      closeOnClick: false,
+      enableMultiContainer: false
+    }
+  )
+] });
+//# sourceMappingURL=typescript-toast-valid.js.map

package/dist/cjs/typescript-testing/typescript-toast-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-toast-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { createRef } from 'react';\nimport { DSToast } from '../index.js';\nimport type { DSToastT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSToastT.Props;\ntype ComponentPropsInternals = DSToastT.InternalProps;\ntype ComponentPropsDefaultProps = DSToastT.DefaultProps;\ntype ComponentPropsOptionalProps = DSToastT.OptionalProps;\ntype ComponentPropsRequiredProps = DSToastT.RequiredProps;\n\nconst closeButtonRef = createRef<HTMLButtonElement>();\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  containerId: '',\n  closeButtonRef: closeButtonRef,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  containerProps: { 'data-testid': 'ds-toast-1' },\n  position: 'top-center',\n  showProgressBar: false,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  containerProps: { 'data-testid': 'ds-toast-1' },\n  position: 'top-center',\n  autoClose: 2000,\n  showProgressBar: true,\n  closeOnClick: true,\n  enableMultiContainer: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  containerProps: { 'data-testid': 'ds-toast-1' },\n  position: 'top-left',\n  autoClose: 5000,\n  showProgressBar: true,\n  closeOnClick: false,\n  enableMultiContainer: false,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  containerProps: { 'data-testid': 'ds-toast-1' },\n  position: 'top-left',\n  autoClose: 5000,\n  showProgressBar: true,\n  closeOnClick: false,\n  enableMultiContainer: false,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  containerProps: { 'data-testid': 'ds-toast-1' },\n  position: 'top-left',\n  autoClose: 5000,\n  showProgressBar: true,\n  closeOnClick: false,\n  enableMultiContainer: false,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSToast {...testExplicitDefinition} />\n    <DSToast {...testInferedTypeCompatibility} />\n    <DSToast {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSToast\n      containerProps={{ 'data-testid': 'ds-toast-1' }}\n      position=\"top-left\"\n      autoClose={5000}\n      showProgressBar={true}\n      closeOnClick={false}\n      enableMultiContainer={false}\n    />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;AC6FrB;AA5FF,mBAA0B;AAC1B,eAAwB;AAUxB,MAAM,qBAAiB,wBAA6B;AAEpD,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD;AAAA,EACrD,aAAa;AAAA,EACb;AACF;AAIA,MAAM,sBAA2D;AAAA,EAC/D,gBAAgB,EAAE,eAAe,aAAa;AAAA,EAC9C,UAAU;AAAA,EACV,iBAAiB;AACnB;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,gBAAgB,EAAE,eAAe,aAAa;AAAA,EAC9C,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,gBAAgB,EAAE,eAAe,aAAa;AAAA,EAC9C,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAGA,MAAM,+BAA+B;AAAA,EACnC,gBAAgB,EAAE,eAAe,aAAa;AAAA,EAC9C,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,gBAAgB,EAAE,eAAe,aAAa;AAAA,EAC9C,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,oBAAS,GAAG,wBAAwB;AAAA,EACrC,4CAAC,oBAAS,GAAG,8BAA8B;AAAA,EAC3C,4CAAC,oBAAS,GAAG,uBAAuB;AAAA,EAEpC;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,EAAE,eAAe,aAAa;AAAA,MAC9C,UAAS;AAAA,MACT,WAAW;AAAA,MACX,iBAAiB;AAAA,MACjB,cAAc;AAAA,MACd,sBAAsB;AAAA;AAAA,EACxB;AAAA,GACF;",
+  "names": []
+}

package/dist/esm/DSToastDefinitions.js

@@ -3,6 +3,7 @@ import { slotObjectToDataTestIds } from "@elliemae/ds-system";
 const DSToastName = "DSToast";
 const DSToastActionLinkName = "DSToastActionLink";
 const DSToastActionName = "DSToastAction";
+const DSToastContentName = "DSToastContent";
 const DSToastSlots = {
   ROOT: "root",
   CLOSE_BUTTON: "close-button",
@@ -18,12 +19,16 @@ const DSToastActionSlots = {
 const DSToastActionLinkSlots = {
   ROOT: "root"
 };
+const DSToastContentSlots = {
+  ROOT: "root"
+};
 const DSToastDataTestIds = {
   ...slotObjectToDataTestIds(DSToastName, DSToastSlots),
   CONTAINER: "ds-toast-render"
 };
 const DSToastActionDataTestIds = slotObjectToDataTestIds(DSToastActionName, DSToastActionSlots);
 const DSToastActionLinkDataTestIds = slotObjectToDataTestIds(DSToastActionLinkName, DSToastActionLinkSlots);
+const DSToastContentDataTestIds = slotObjectToDataTestIds(DSToastContentName, DSToastContentSlots);
 export {
   DSToastActionDataTestIds,
   DSToastActionLinkDataTestIds,
@@ -31,6 +36,9 @@ export {
   DSToastActionLinkSlots,
   DSToastActionName,
   DSToastActionSlots,
+  DSToastContentDataTestIds,
+  DSToastContentName,
+  DSToastContentSlots,
   DSToastDataTestIds,
   DSToastName,
   DSToastSlots

package/dist/esm/DSToastDefinitions.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSToastDefinitions.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSToastName = 'DSToast';\n\nexport const DSToastActionLinkName = 'DSToastActionLink';\n\nexport const DSToastActionName = 'DSToastAction';\n\nexport const DSToastSlots = {\n  ROOT: 'root',\n  CLOSE_BUTTON: 'close-button',\n  CONTAINER: 'container',\n  ICON_CONTAINER: 'icon-container',\n  MESSAGE_CONTENT: 'message-content',\n  MESSAGE_HEADER: 'message-header',\n  MESSAGE_TEXT: 'message-text',\n};\n\nexport const DSToastActionSlots = {\n  ROOT: 'root',\n};\n\nexport const DSToastActionLinkSlots = {\n  ROOT: 'root',\n};\n\nexport const DSToastDataTestIds = {\n  ...slotObjectToDataTestIds(DSToastName, DSToastSlots),\n  CONTAINER: 'ds-toast-render',\n};\n\nexport const DSToastActionDataTestIds = slotObjectToDataTestIds(DSToastActionName, DSToastActionSlots);\n\nexport const DSToastActionLinkDataTestIds = slotObjectToDataTestIds(DSToastActionLinkName, DSToastActionLinkSlots);\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,cAAc;AAEpB,MAAM,wBAAwB;AAE9B,MAAM,oBAAoB;AAE1B,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM;AACR;AAEO,MAAM,yBAAyB;AAAA,EACpC,MAAM;AACR;AAEO,MAAM,qBAAqB;AAAA,EAChC,GAAG,wBAAwB,aAAa,YAAY;AAAA,EACpD,WAAW;AACb;AAEO,MAAM,2BAA2B,wBAAwB,mBAAmB,kBAAkB;AAE9F,MAAM,+BAA+B,wBAAwB,uBAAuB,sBAAsB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSToastName = 'DSToast';\n\nexport const DSToastActionLinkName = 'DSToastActionLink';\n\nexport const DSToastActionName = 'DSToastAction';\n\nexport const DSToastContentName = 'DSToastContent';\n\nexport const DSToastSlots = {\n  ROOT: 'root',\n  CLOSE_BUTTON: 'close-button',\n  CONTAINER: 'container',\n  ICON_CONTAINER: 'icon-container',\n  MESSAGE_CONTENT: 'message-content',\n  MESSAGE_HEADER: 'message-header',\n  MESSAGE_TEXT: 'message-text',\n};\n\nexport const DSToastActionSlots = {\n  ROOT: 'root',\n};\n\nexport const DSToastActionLinkSlots = {\n  ROOT: 'root',\n};\n\nexport const DSToastContentSlots = {\n  ROOT: 'root',\n};\n\nexport const DSToastDataTestIds = {\n  ...slotObjectToDataTestIds(DSToastName, DSToastSlots),\n  CONTAINER: 'ds-toast-render',\n};\n\nexport const DSToastActionDataTestIds = slotObjectToDataTestIds(DSToastActionName, DSToastActionSlots);\n\nexport const DSToastActionLinkDataTestIds = slotObjectToDataTestIds(DSToastActionLinkName, DSToastActionLinkSlots);\n\nexport const DSToastContentDataTestIds = slotObjectToDataTestIds(DSToastContentName, DSToastContentSlots);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,cAAc;AAEpB,MAAM,wBAAwB;AAE9B,MAAM,oBAAoB;AAE1B,MAAM,qBAAqB;AAE3B,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM;AACR;AAEO,MAAM,yBAAyB;AAAA,EACpC,MAAM;AACR;AAEO,MAAM,sBAAsB;AAAA,EACjC,MAAM;AACR;AAEO,MAAM,qBAAqB;AAAA,EAChC,GAAG,wBAAwB,aAAa,YAAY;AAAA,EACpD,WAAW;AACb;AAEO,MAAM,2BAA2B,wBAAwB,mBAAmB,kBAAkB;AAE9F,MAAM,+BAA+B,wBAAwB,uBAAuB,sBAAsB;AAE1G,MAAM,4BAA4B,wBAAwB,oBAAoB,mBAAmB;",
   "names": []
 }

package/dist/esm/index.js

@@ -4,6 +4,7 @@ import { toast } from "./toast.js";
 import { ToastType, toastTypes, ToastPosition, toastsPositions } from "./constants.js";
 import { DSToastAction, DSToastActionWithSchema } from "./parts/DSToastAction.js";
 import { DSToastActionLink, DSToastActionLinkWithSchema } from "./parts/DSToastActionLink.js";
+import { DSToastContent, DSToastContentWithSchema } from "./parts/DSToastContent.js";
 import {
   DSToastName,
   DSToastActionName,
@@ -28,6 +29,8 @@ export {
   DSToastActionName,
   DSToastActionSlots,
   DSToastActionWithSchema,
+  DSToastContent,
+  DSToastContentWithSchema,
   DSToastDataTestIds,
   DSToastName,
   DSToastSlots,

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 { DSToast, DSToastWithSchema } from './parts/DSToast.js';\nexport { toast } from './toast.js';\nexport { ToastType, toastTypes, ToastPosition, toastsPositions } from './constants.js';\nexport { DSToastAction, DSToastActionWithSchema } from './parts/DSToastAction.js';\nexport { DSToastActionLink, DSToastActionLinkWithSchema } from './parts/DSToastActionLink.js';\nexport {\n  DSToastName,\n  DSToastActionName,\n  DSToastActionLinkName,\n  DSToastSlots,\n  DSToastActionSlots,\n  DSToastActionLinkSlots,\n  DSToastDataTestIds,\n  DSToastActionDataTestIds,\n  DSToastActionLinkDataTestIds,\n} from './DSToastDefinitions.js';\nimport type {} from '@xstyled/system';\nexport { default } from './parts/DSToast.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,yBAAyB;AAC3C,SAAS,aAAa;AACtB,SAAS,WAAW,YAAY,eAAe,uBAAuB;AACtE,SAAS,eAAe,+BAA+B;AACvD,SAAS,mBAAmB,mCAAmC;AAC/D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,WAAAA,gBAAe;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSToast, DSToastWithSchema } from './parts/DSToast.js';\nexport { toast } from './toast.js';\nexport { ToastType, toastTypes, ToastPosition, toastsPositions } from './constants.js';\nexport { DSToastAction, DSToastActionWithSchema } from './parts/DSToastAction.js';\nexport { DSToastActionLink, DSToastActionLinkWithSchema } from './parts/DSToastActionLink.js';\nexport { DSToastContent, DSToastContentWithSchema } from './parts/DSToastContent.js';\nexport {\n  DSToastName,\n  DSToastActionName,\n  DSToastActionLinkName,\n  DSToastSlots,\n  DSToastActionSlots,\n  DSToastActionLinkSlots,\n  DSToastDataTestIds,\n  DSToastActionDataTestIds,\n  DSToastActionLinkDataTestIds,\n} from './DSToastDefinitions.js';\nimport type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\nexport { default } from './parts/DSToast.js';\nexport type { DSToastT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,SAAS,yBAAyB;AAC3C,SAAS,aAAa;AACtB,SAAS,WAAW,YAAY,eAAe,uBAAuB;AACtE,SAAS,eAAe,+BAA+B;AACvD,SAAS,mBAAmB,mCAAmC;AAC/D,SAAS,gBAAgB,gCAAgC;AACzD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/esm/parts/DSToastContent.js

@@ -1,5 +1,7 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { DSToastContentPropTypes } from "../react-desc-prop-types.js";
+import { describe } from "@elliemae/ds-props-helpers";
 import {
   StyledContainer,
   StyledIconContainer,
@@ -8,12 +10,14 @@ import {
   StyledMessageText
 } from "./styled.js";
 import { ToastType, TYPE_TO_ICON, TYPE_TO_ICON_COLOR } from "../constants.js";
+import { DSToastContentName } from "../DSToastDefinitions.js";
 const getIconByToastType = (type) => TYPE_TO_ICON[type];
 const getIconColorByToastType = (type) => TYPE_TO_ICON_COLOR[type];
 const DSToastContent = ({
   type = ToastType.DEFAULT,
   messageTitle = "",
-  messageText = ""
+  messageText = "",
+  messageComponent
 }) => {
   const IconMessage = getIconByToastType(type);
   const iconColor = getIconColorByToastType(type);
@@ -21,12 +25,16 @@ const DSToastContent = ({
     /* @__PURE__ */ jsx(StyledIconContainer, { className: "em-ds-toast-content__icon-container", children: /* @__PURE__ */ jsx(IconMessage, { size: "m", className: "em-ds-toast-content__icon-message", color: iconColor }) }),
     /* @__PURE__ */ jsxs(StyledMessageContent, { className: "em-ds-toast-content__message-content", children: [
       /* @__PURE__ */ jsx(StyledMessageHeader, { className: "em-ds-toast-content__message-header", children: messageTitle }),
-      /* @__PURE__ */ jsx(StyledMessageText, { className: "em-ds-toast-content__message-text", children: messageText })
+      /* @__PURE__ */ jsx(StyledMessageText, { className: "em-ds-toast-content__message-text", children: messageComponent ? messageComponent : messageText })
     ] })
   ] });
 };
+DSToastContent.displayName = DSToastContentName;
+const DSToastContentWithSchema = describe(DSToastContent);
+DSToastContentWithSchema.propTypes = DSToastContentPropTypes;
 export {
   DSToastContent,
+  DSToastContentWithSchema,
   getIconByToastType,
   getIconColorByToastType
 };

package/dist/esm/parts/DSToastContent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/DSToastContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport type { DSToastT } from '../react-desc-prop-types.js';\nimport {\n  StyledContainer,\n  StyledIconContainer,\n  StyledMessageContent,\n  StyledMessageHeader,\n  StyledMessageText,\n} from './styled.js';\nimport { ToastType, TYPE_TO_ICON, TYPE_TO_ICON_COLOR } from '../constants.js';\n\nexport const getIconByToastType = (type: DSToastT.ToastTypes) => TYPE_TO_ICON[type];\nexport const getIconColorByToastType = (type: DSToastT.ToastTypes): SvgIconT.ColorType =>\n  TYPE_TO_ICON_COLOR[type] as SvgIconT.ColorType;\n\nexport interface DSToastContentProps {\n  type?: DSToastT.ToastTypes;\n  messageTitle?: string;\n  messageText?: string;\n}\n\nexport const DSToastContent: React.ComponentType<DSToastContentProps> = ({\n  type = ToastType.DEFAULT,\n  messageTitle = '',\n  messageText = '',\n}) => {\n  const IconMessage = getIconByToastType(type);\n  const iconColor = getIconColorByToastType(type);\n\n  return (\n    <StyledContainer data-testid=\"ds-toast-render\" className=\"em-ds-toast-content\">\n      <StyledIconContainer className=\"em-ds-toast-content__icon-container\">\n        <IconMessage size=\"m\" className=\"em-ds-toast-content__icon-message\" color={iconColor} />\n      </StyledIconContainer>\n      <StyledMessageContent className=\"em-ds-toast-content__message-content\">\n        <StyledMessageHeader className=\"em-ds-toast-content__message-header\">{messageTitle}</StyledMessageHeader>\n        <StyledMessageText className=\"em-ds-toast-content__message-text\">{messageText}</StyledMessageText>\n      </StyledMessageContent>\n    </StyledContainer>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACiCf,cAEF,YAFE;AA9BR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,cAAc,0BAA0B;AAErD,MAAM,qBAAqB,CAAC,SAA8B,aAAa,IAAI;AAC3E,MAAM,0BAA0B,CAAC,SACtC,mBAAmB,IAAI;AAQlB,MAAM,iBAA2D,CAAC;AAAA,EACvE,OAAO,UAAU;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAChB,MAAM;AACJ,QAAM,cAAc,mBAAmB,IAAI;AAC3C,QAAM,YAAY,wBAAwB,IAAI;AAE9C,SACE,qBAAC,mBAAgB,eAAY,mBAAkB,WAAU,uBACvD;AAAA,wBAAC,uBAAoB,WAAU,uCAC7B,8BAAC,eAAY,MAAK,KAAI,WAAU,qCAAoC,OAAO,WAAW,GACxF;AAAA,IACA,qBAAC,wBAAqB,WAAU,wCAC9B;AAAA,0BAAC,uBAAoB,WAAU,uCAAuC,wBAAa;AAAA,MACnF,oBAAC,qBAAkB,WAAU,qCAAqC,uBAAY;AAAA,OAChF;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { SvgIconT } from '@elliemae/ds-icons';\nimport { DSToastContentPropTypes, type DSToastT } from '../react-desc-prop-types.js';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n  StyledContainer,\n  StyledIconContainer,\n  StyledMessageContent,\n  StyledMessageHeader,\n  StyledMessageText,\n} from './styled.js';\nimport { ToastType, TYPE_TO_ICON, TYPE_TO_ICON_COLOR } from '../constants.js';\nimport { DSToastContentName } from '../DSToastDefinitions.js';\n\nexport const getIconByToastType = (type: DSToastT.ToastTypes) => TYPE_TO_ICON[type];\nexport const getIconColorByToastType = (type: DSToastT.ToastTypes): SvgIconT.ColorType =>\n  TYPE_TO_ICON_COLOR[type] as SvgIconT.ColorType;\n\nexport interface DSToastContentProps {\n  type?: DSToastT.ToastTypes;\n  messageTitle?: string;\n  messageText?: string;\n  messageComponent?: React.ReactNode;\n}\n\nconst DSToastContent: React.ComponentType<DSToastContentProps> = ({\n  type = ToastType.DEFAULT,\n  messageTitle = '',\n  messageText = '',\n  messageComponent,\n}) => {\n  const IconMessage = getIconByToastType(type);\n  const iconColor = getIconColorByToastType(type);\n\n  return (\n    <StyledContainer data-testid=\"ds-toast-render\" className=\"em-ds-toast-content\">\n      <StyledIconContainer className=\"em-ds-toast-content__icon-container\">\n        <IconMessage size=\"m\" className=\"em-ds-toast-content__icon-message\" color={iconColor} />\n      </StyledIconContainer>\n      <StyledMessageContent className=\"em-ds-toast-content__message-content\">\n        <StyledMessageHeader className=\"em-ds-toast-content__message-header\">{messageTitle}</StyledMessageHeader>\n        <StyledMessageText className=\"em-ds-toast-content__message-text\">\n          {messageComponent ? messageComponent : messageText}\n        </StyledMessageText>\n      </StyledMessageContent>\n    </StyledContainer>\n  );\n};\n\nDSToastContent.displayName = DSToastContentName;\nconst DSToastContentWithSchema = describe(DSToastContent);\nDSToastContentWithSchema.propTypes = DSToastContentPropTypes;\n\nexport { DSToastContent, DSToastContentWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqCf,cAEF,YAFE;AAnCR,SAAS,+BAA8C;AACvD,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,cAAc,0BAA0B;AAC5D,SAAS,0BAA0B;AAE5B,MAAM,qBAAqB,CAAC,SAA8B,aAAa,IAAI;AAC3E,MAAM,0BAA0B,CAAC,SACtC,mBAAmB,IAAI;AASzB,MAAM,iBAA2D,CAAC;AAAA,EAChE,OAAO,UAAU;AAAA,EACjB,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AACF,MAAM;AACJ,QAAM,cAAc,mBAAmB,IAAI;AAC3C,QAAM,YAAY,wBAAwB,IAAI;AAE9C,SACE,qBAAC,mBAAgB,eAAY,mBAAkB,WAAU,uBACvD;AAAA,wBAAC,uBAAoB,WAAU,uCAC7B,8BAAC,eAAY,MAAK,KAAI,WAAU,qCAAoC,OAAO,WAAW,GACxF;AAAA,IACA,qBAAC,wBAAqB,WAAU,wCAC9B;AAAA,0BAAC,uBAAoB,WAAU,uCAAuC,wBAAa;AAAA,MACnF,oBAAC,qBAAkB,WAAU,qCAC1B,6BAAmB,mBAAmB,aACzC;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { PropTypes } from "@elliemae/ds-props-helpers";
-import { toastsPositions } from "./constants.js";
+import { toastsPositions, toastTypes } from "./constants.js";
 const defaultProps = {
   containerProps: {},
   position: "bottom-left",
@@ -38,9 +38,20 @@ const DSToastActionPropsTypes = {
   /** key down handler */
   onKeyDown: PropTypes.func.description("key down handler")
 };
+const DSToastContentPropTypes = {
+  /** Type of toast */
+  type: PropTypes.oneOf(toastTypes).description("Type of toast").defaultValue("default"),
+  /** Toast message title */
+  messageTitle: PropTypes.string.description("Toast message title").defaultValue(""),
+  /** Toast message text */
+  messageText: PropTypes.string.description("Toast message text").defaultValue(""),
+  /** Toast message component */
+  messageComponent: PropTypes.node.description("Toast message component")
+};
 export {
   DSToastActionLinkPropTypes,
   DSToastActionPropsTypes,
+  DSToastContentPropTypes,
   DSToastPropTypes,
   actionDefaultProps,
   defaultProps

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { toastsPositions } from './constants.js';\nimport type { toastTypes } from './constants.js';\n\nexport declare namespace DSToastT {\n  type PropsT<D, R, O, E> = Partial<D> &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n  type InternalPropsT<D, R, O, E> = D &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n\n  export type ToastPositions = (typeof toastsPositions)[number];\n\n  export type ToastTypes = (typeof toastTypes)[number];\n\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    position: ToastPositions;\n    autoClose: number;\n    showProgressBar: boolean;\n    closeOnClick: boolean;\n    enableMultiContainer: boolean;\n  }\n\n  export interface OptionalProps {\n    containerId?: string | number;\n    closeButtonRef?: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export interface RequiredProps {}\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export interface ActionDefaultProps {}\n\n  export interface ActionOptionalProps {\n    onClick?: React.MouseEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n  }\n\n  export interface ActionRequiredProps {\n    children: React.ReactNode;\n  }\n\n  export type ActionProps = PropsT<ActionDefaultProps, ActionRequiredProps, ActionOptionalProps, HTMLDivElement>;\n\n  export type ActionInternalProps = InternalPropsT<\n    ActionDefaultProps,\n    ActionRequiredProps,\n    ActionOptionalProps,\n    HTMLDivElement\n  >;\n}\n\nexport const defaultProps: DSToastT.DefaultProps = {\n  containerProps: {},\n  position: 'bottom-left',\n  autoClose: 5000,\n  showProgressBar: false,\n  closeOnClick: false,\n  enableMultiContainer: false,\n};\n\nexport const actionDefaultProps: DSToastT.ActionDefaultProps = {};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nexport const DSToastPropTypes = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper').defaultValue({}),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions as unknown as string[])\n    .description('Position on the screen to show the toast')\n    .defaultValue('bottom-left'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf([false])])\n    .description(\"ms to autoclose the toast, false if you don't want to automatically close\")\n    .defaultValue(5000),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool\n    .description('Whether to show a progress bar indicating when the toast is going to be closed')\n    .defaultValue(false),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler').defaultValue(false),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool\n    .description('Allows instantiating multiple Toast containers')\n    .defaultValue(false),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n} as WeakValidationMap<unknown>;\n\nexport const DSToastActionLinkPropTypes = {\n  /** link text */\n  children: PropTypes.node.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nexport const DSToastActionPropsTypes = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.node.description('DSToastActionLink component or text string'),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n} as React.WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,iBAAiB;AAE1B,SAAS,uBAAuB;AA4DzB,MAAM,eAAsC;AAAA,EACjD,gBAAgB,CAAC;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEO,MAAM,qBAAkD,CAAC;AAKzD,MAAM,mBAAmB;AAAA;AAAA,EAE9B,gBAAgB,UAAU,OAAO,YAAY,yBAAyB,EAAE,aAAa,CAAC,CAAC;AAAA;AAAA,EAEvF,UAAU,UAAU,MAAM,eAAsC,EAC7D,YAAY,0CAA0C,EACtD,aAAa,aAAa;AAAA;AAAA,EAE7B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EACxE,YAAY,2EAA2E,EACvF,aAAa,GAAI;AAAA;AAAA,EAEpB,iBAAiB,UAAU,KACxB,YAAY,gFAAgF,EAC5F,aAAa,KAAK;AAAA;AAAA,EAErB,cAAc,UAAU,KAAK,YAAY,qBAAqB,EAAE,aAAa,KAAK;AAAA;AAAA,EAElF,sBAAsB,UAAU,KAC7B,YAAY,gDAAgD,EAC5D,aAAa,KAAK;AAAA;AAAA,EAErB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AACpH;AAEO,MAAM,6BAA6B;AAAA;AAAA,EAExC,UAAU,UAAU,KAAK,WAAW,YAAY,WAAW;AAC7D;AAEO,MAAM,0BAA0B;AAAA;AAAA,EAErC,UAAU,UAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA,EAEjF,SAAS,UAAU,KAAK,YAAY,eAAe;AAAA;AAAA,EAEnD,WAAW,UAAU,KAAK,YAAY,kBAAkB;AAC1D;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { toastsPositions, toastTypes } from './constants.js';\n\nexport declare namespace DSToastT {\n  type PropsT<D, R, O, E> = Partial<D> &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n\n  type InternalPropsT<D, R, O, E> = D &\n    R &\n    O &\n    Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> &\n    Omit<XstyledProps, keyof D | keyof R | keyof O>;\n\n  export type ToastPositions = (typeof toastsPositions)[number];\n\n  export type ToastTypes = (typeof toastTypes)[number];\n\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    position: ToastPositions;\n    autoClose: number;\n    showProgressBar: boolean;\n    closeOnClick: boolean;\n    enableMultiContainer: boolean;\n  }\n\n  export interface OptionalProps {\n    containerId?: string | number;\n    closeButtonRef?: React.MutableRefObject<HTMLButtonElement | null>;\n  }\n\n  export interface RequiredProps {}\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLDivElement>;\n\n  export interface ActionDefaultProps {}\n\n  export interface ActionOptionalProps {\n    onClick?: React.MouseEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n  }\n\n  export interface ActionRequiredProps {\n    children: React.ReactNode;\n  }\n\n  export type ActionProps = PropsT<ActionDefaultProps, ActionRequiredProps, ActionOptionalProps, HTMLDivElement>;\n\n  export type ActionInternalProps = InternalPropsT<\n    ActionDefaultProps,\n    ActionRequiredProps,\n    ActionOptionalProps,\n    HTMLDivElement\n  >;\n}\n\nexport const defaultProps: DSToastT.DefaultProps = {\n  containerProps: {},\n  position: 'bottom-left',\n  autoClose: 5000,\n  showProgressBar: false,\n  closeOnClick: false,\n  enableMultiContainer: false,\n};\n\nexport const actionDefaultProps: DSToastT.ActionDefaultProps = {};\n\n// =============================================================================\n// PropTypes\n// =============================================================================\nexport const DSToastPropTypes = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper').defaultValue({}),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions as unknown as string[])\n    .description('Position on the screen to show the toast')\n    .defaultValue('bottom-left'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.oneOfType([PropTypes.number, PropTypes.oneOf([false])])\n    .description(\"ms to autoclose the toast, false if you don't want to automatically close\")\n    .defaultValue(5000),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool\n    .description('Whether to show a progress bar indicating when the toast is going to be closed')\n    .defaultValue(false),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler').defaultValue(false),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool\n    .description('Allows instantiating multiple Toast containers')\n    .defaultValue(false),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n} as WeakValidationMap<unknown>;\n\nexport const DSToastActionLinkPropTypes = {\n  /** link text */\n  children: PropTypes.node.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nexport const DSToastActionPropsTypes = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.node.description('DSToastActionLink component or text string'),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n} as React.WeakValidationMap<unknown>;\n\nexport const DSToastContentPropTypes = {\n  /** Type of toast */\n  type: PropTypes.oneOf(toastTypes as unknown as string[])\n    .description('Type of toast')\n    .defaultValue('default'),\n  /** Toast message title */\n  messageTitle: PropTypes.string.description('Toast message title').defaultValue(''),\n  /** Toast message text */\n  messageText: PropTypes.string.description('Toast message text').defaultValue(''),\n  /** Toast message component */\n  messageComponent: PropTypes.node.description('Toast message component'),\n} as React.WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,iBAAiB;AAE1B,SAAS,iBAAiB,kBAAkB;AA4DrC,MAAM,eAAsC;AAAA,EACjD,gBAAgB,CAAC;AAAA,EACjB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEO,MAAM,qBAAkD,CAAC;AAKzD,MAAM,mBAAmB;AAAA;AAAA,EAE9B,gBAAgB,UAAU,OAAO,YAAY,yBAAyB,EAAE,aAAa,CAAC,CAAC;AAAA;AAAA,EAEvF,UAAU,UAAU,MAAM,eAAsC,EAC7D,YAAY,0CAA0C,EACtD,aAAa,aAAa;AAAA;AAAA,EAE7B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EACxE,YAAY,2EAA2E,EACvF,aAAa,GAAI;AAAA;AAAA,EAEpB,iBAAiB,UAAU,KACxB,YAAY,gFAAgF,EAC5F,aAAa,KAAK;AAAA;AAAA,EAErB,cAAc,UAAU,KAAK,YAAY,qBAAqB,EAAE,aAAa,KAAK;AAAA;AAAA,EAElF,sBAAsB,UAAU,KAC7B,YAAY,gDAAgD,EAC5D,aAAa,KAAK;AAAA;AAAA,EAErB,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AACpH;AAEO,MAAM,6BAA6B;AAAA;AAAA,EAExC,UAAU,UAAU,KAAK,WAAW,YAAY,WAAW;AAC7D;AAEO,MAAM,0BAA0B;AAAA;AAAA,EAErC,UAAU,UAAU,KAAK,YAAY,4CAA4C;AAAA;AAAA,EAEjF,SAAS,UAAU,KAAK,YAAY,eAAe;AAAA;AAAA,EAEnD,WAAW,UAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEO,MAAM,0BAA0B;AAAA;AAAA,EAErC,MAAM,UAAU,MAAM,UAAiC,EACpD,YAAY,eAAe,EAC3B,aAAa,SAAS;AAAA;AAAA,EAEzB,cAAc,UAAU,OAAO,YAAY,qBAAqB,EAAE,aAAa,EAAE;AAAA;AAAA,EAEjF,aAAa,UAAU,OAAO,YAAY,oBAAoB,EAAE,aAAa,EAAE;AAAA;AAAA,EAE/E,kBAAkB,UAAU,KAAK,YAAY,yBAAyB;AACxE;",
   "names": []
 }

package/dist/esm/toast.js

@@ -3,11 +3,22 @@ import { jsx } from "react/jsx-runtime";
 import { toast as toastifyToast } from "react-toastify";
 import { DSToastContent } from "./parts/DSToastContent.js";
 const toast = Object.assign(
-  ({ type, messageTitle, messageText, ...rest }, options) => toastifyToast(/* @__PURE__ */ jsx(DSToastContent, { messageText, messageTitle, type }), {
-    ...rest,
-    ...options,
-    type
-  }),
+  ({ type, messageTitle, messageText, messageComponent, ...rest }, options) => toastifyToast(
+    /* @__PURE__ */ jsx(
+      DSToastContent,
+      {
+        messageText,
+        messageComponent,
+        messageTitle,
+        type
+      }
+    ),
+    {
+      ...rest,
+      ...options,
+      type
+    }
+  ),
   { ...toastifyToast, isActive: (id) => toastifyToast.isActive(id) }
 );
 export {

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 type { ToastOptions } from 'react-toastify';\nimport { toast as toastifyToast } from 'react-toastify';\nimport type { DSToastContentProps } from './parts/DSToastContent.js';\nimport { DSToastContent } from './parts/DSToastContent.js';\n\nconst toast = Object.assign(\n  ({ type, messageTitle, messageText, ...rest }: DSToastContentProps, options: ToastOptions) =>\n    toastifyToast(<DSToastContent messageText={messageText} messageTitle={messageTitle} type={type} />, {\n      ...rest,\n      ...options,\n      type,\n    }),\n  { ...toastifyToast, isActive: (id: string | number) => toastifyToast.isActive(id) },\n);\n\nexport { toast };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACQL;AANlB,SAAS,SAAS,qBAAqB;AAEvC,SAAS,sBAAsB;AAE/B,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,aAAa,GAAG,KAAK,GAAwB,YAClE,cAAc,oBAAC,kBAAe,aAA0B,cAA4B,MAAY,GAAI;AAAA,IAClG,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AAAA,EACH,EAAE,GAAG,eAAe,UAAU,CAAC,OAAwB,cAAc,SAAS,EAAE,EAAE;AACpF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { ToastOptions } from 'react-toastify';\nimport { toast as toastifyToast } from 'react-toastify';\nimport type { DSToastContentProps } from './parts/DSToastContent.js';\nimport { DSToastContent } from './parts/DSToastContent.js';\n\nconst toast = Object.assign(\n  ({ type, messageTitle, messageText, messageComponent, ...rest }: DSToastContentProps, options: ToastOptions) =>\n    toastifyToast(\n      <DSToastContent\n        messageText={messageText}\n        messageComponent={messageComponent}\n        messageTitle={messageTitle}\n        type={type}\n      />,\n      {\n        ...rest,\n        ...options,\n        type,\n      },\n    ),\n  { ...toastifyToast, isActive: (id: string | number) => toastifyToast.isActive(id) },\n);\n\nexport { toast };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACSjB;AAPN,SAAS,SAAS,qBAAqB;AAEvC,SAAS,sBAAsB;AAE/B,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,aAAa,kBAAkB,GAAG,KAAK,GAAwB,YACpF;AAAA,IACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EACF,EAAE,GAAG,eAAe,UAAU,CAAC,OAAwB,cAAc,SAAS,EAAE,EAAE;AACpF;",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-toast-valid.js

@@ -0,0 +1,84 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createRef } from "react";
+import { DSToast } from "../index.js";
+const closeButtonRef = createRef();
+const testRequiredProps = {};
+const testOptionalProps = {
+  containerId: "",
+  closeButtonRef
+};
+const testPartialDefaults = {
+  containerProps: { "data-testid": "ds-toast-1" },
+  position: "top-center",
+  showProgressBar: false
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  containerProps: { "data-testid": "ds-toast-1" },
+  position: "top-center",
+  autoClose: 2e3,
+  showProgressBar: true,
+  closeOnClick: true,
+  enableMultiContainer: false
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  containerProps: { "data-testid": "ds-toast-1" },
+  position: "top-left",
+  autoClose: 5e3,
+  showProgressBar: true,
+  closeOnClick: false,
+  enableMultiContainer: false
+};
+const testInferedTypeCompatibility = {
+  containerProps: { "data-testid": "ds-toast-1" },
+  position: "top-left",
+  autoClose: 5e3,
+  showProgressBar: true,
+  closeOnClick: false,
+  enableMultiContainer: false
+};
+const testDefinitionAsConst = {
+  containerProps: { "data-testid": "ds-toast-1" },
+  position: "top-left",
+  autoClose: 5e3,
+  showProgressBar: true,
+  closeOnClick: false,
+  enableMultiContainer: false
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSToast, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSToast, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSToast, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(
+    DSToast,
+    {
+      containerProps: { "data-testid": "ds-toast-1" },
+      position: "top-left",
+      autoClose: 5e3,
+      showProgressBar: true,
+      closeOnClick: false,
+      enableMultiContainer: false
+    }
+  )
+] });
+//# sourceMappingURL=typescript-toast-valid.js.map

package/dist/esm/typescript-testing/typescript-toast-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-toast-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { createRef } from 'react';\nimport { DSToast } from '../index.js';\nimport type { DSToastT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSToastT.Props;\ntype ComponentPropsInternals = DSToastT.InternalProps;\ntype ComponentPropsDefaultProps = DSToastT.DefaultProps;\ntype ComponentPropsOptionalProps = DSToastT.OptionalProps;\ntype ComponentPropsRequiredProps = DSToastT.RequiredProps;\n\nconst closeButtonRef = createRef<HTMLButtonElement>();\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  containerId: '',\n  closeButtonRef: closeButtonRef,\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  containerProps: { 'data-testid': 'ds-toast-1' },\n  position: 'top-center',\n  showProgressBar: false,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  containerProps: { 'data-testid': 'ds-toast-1' },\n  position: 'top-center',\n  autoClose: 2000,\n  showProgressBar: true,\n  closeOnClick: true,\n  enableMultiContainer: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  containerProps: { 'data-testid': 'ds-toast-1' },\n  position: 'top-left',\n  autoClose: 5000,\n  showProgressBar: true,\n  closeOnClick: false,\n  enableMultiContainer: false,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  containerProps: { 'data-testid': 'ds-toast-1' },\n  position: 'top-left',\n  autoClose: 5000,\n  showProgressBar: true,\n  closeOnClick: false,\n  enableMultiContainer: false,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  containerProps: { 'data-testid': 'ds-toast-1' },\n  position: 'top-left',\n  autoClose: 5000,\n  showProgressBar: true,\n  closeOnClick: false,\n  enableMultiContainer: false,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSToast {...testExplicitDefinition} />\n    <DSToast {...testInferedTypeCompatibility} />\n    <DSToast {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSToast\n      containerProps={{ 'data-testid': 'ds-toast-1' }}\n      position=\"top-left\"\n      autoClose={5000}\n      showProgressBar={true}\n      closeOnClick={false}\n      enableMultiContainer={false}\n    />\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC6FrB,mBAEE,KAFF;AA5FF,SAAS,iBAAiB;AAC1B,SAAS,eAAe;AAUxB,MAAM,iBAAiB,UAA6B;AAEpD,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD;AAAA,EACrD,aAAa;AAAA,EACb;AACF;AAIA,MAAM,sBAA2D;AAAA,EAC/D,gBAAgB,EAAE,eAAe,aAAa;AAAA,EAC9C,UAAU;AAAA,EACV,iBAAiB;AACnB;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,gBAAgB,EAAE,eAAe,aAAa;AAAA,EAC9C,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,gBAAgB,EAAE,eAAe,aAAa;AAAA,EAC9C,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAGA,MAAM,+BAA+B;AAAA,EACnC,gBAAgB,EAAE,eAAe,aAAa;AAAA,EAC9C,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEA,MAAM,wBAAwB;AAAA,EAC5B,gBAAgB,EAAE,eAAe,aAAa;AAAA,EAC9C,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,sBAAsB;AACxB;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,WAAS,GAAG,wBAAwB;AAAA,EACrC,oBAAC,WAAS,GAAG,8BAA8B;AAAA,EAC3C,oBAAC,WAAS,GAAG,uBAAuB;AAAA,EAEpC;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,EAAE,eAAe,aAAa;AAAA,MAC9C,UAAS;AAAA,MACT,WAAW;AAAA,MACX,iBAAiB;AAAA,MACjB,cAAc;AAAA,MACd,sBAAsB;AAAA;AAAA,EACxB;AAAA,GACF;",
+  "names": []
+}

package/dist/types/DSToastDefinitions.d.ts

@@ -1,6 +1,7 @@
 export declare const DSToastName = "DSToast";
 export declare const DSToastActionLinkName = "DSToastActionLink";
 export declare const DSToastActionName = "DSToastAction";
+export declare const DSToastContentName = "DSToastContent";
 export declare const DSToastSlots: {
     ROOT: string;
     CLOSE_BUTTON: string;
@@ -16,8 +17,12 @@ export declare const DSToastActionSlots: {
 export declare const DSToastActionLinkSlots: {
     ROOT: string;
 };
+export declare const DSToastContentSlots: {
+    ROOT: string;
+};
 export declare const DSToastDataTestIds: {
     CONTAINER: string;
 };
 export declare const DSToastActionDataTestIds: Record<string, string>;
 export declare const DSToastActionLinkDataTestIds: Record<string, string>;
+export declare const DSToastContentDataTestIds: Record<string, string>;

package/dist/types/index.d.ts

@@ -3,5 +3,7 @@ export { toast } from './toast.js';
 export { ToastType, toastTypes, ToastPosition, toastsPositions } from './constants.js';
 export { DSToastAction, DSToastActionWithSchema } from './parts/DSToastAction.js';
 export { DSToastActionLink, DSToastActionLinkWithSchema } from './parts/DSToastActionLink.js';
+export { DSToastContent, DSToastContentWithSchema } from './parts/DSToastContent.js';
 export { DSToastName, DSToastActionName, DSToastActionLinkName, DSToastSlots, DSToastActionSlots, DSToastActionLinkSlots, DSToastDataTestIds, DSToastActionDataTestIds, DSToastActionLinkDataTestIds, } from './DSToastDefinitions.js';
 export { default } from './parts/DSToast.js';
+export type { DSToastT } from './react-desc-prop-types.js';

package/dist/types/parts/DSToastActionLink.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const DSToastActionLink: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").TypographyProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").BackgroundProps & import("@elliemae/ds-system").SpaceProps & import("@xstyled/system").BoxShadowProps<import("@xstyled/system").Theme> & import("@xstyled/system").FlexboxesProps<import("@xstyled/system").Theme> & import("@xstyled/system").LayoutProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").ColorProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
+export declare const DSToastActionLinkWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: import("@elliemae/ds-system").Theme | undefined;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+}>;

package/dist/types/parts/DSToastContent.d.ts

@@ -1,11 +1,14 @@
 import React from 'react';
 import type { SvgIconT } from '@elliemae/ds-icons';
-import type { DSToastT } from '../react-desc-prop-types.js';
+import { type DSToastT } from '../react-desc-prop-types.js';
 export declare const getIconByToastType: (type: DSToastT.ToastTypes) => ((props: SvgIconT.Props) => import("react/jsx-runtime.js").JSX.Element) | ((props: SvgIconT.Props) => import("react/jsx-runtime.js").JSX.Element) | ((rest: SvgIconT.Props) => import("react/jsx-runtime.js").JSX.Element) | ((props: SvgIconT.Props) => import("react/jsx-runtime.js").JSX.Element) | (() => null);
 export declare const getIconColorByToastType: (type: DSToastT.ToastTypes) => SvgIconT.ColorType;
 export interface DSToastContentProps {
     type?: DSToastT.ToastTypes;
     messageTitle?: string;
     messageText?: string;
+    messageComponent?: React.ReactNode;
 }
-export declare const DSToastContent: React.ComponentType<DSToastContentProps>;
+declare const DSToastContent: React.ComponentType<DSToastContentProps>;
+declare const DSToastContentWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSToastContentProps>;
+export { DSToastContent, DSToastContentWithSchema };

package/dist/types/parts/styled.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const StyledLink: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").TypographyProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").BackgroundProps & import("@elliemae/ds-system").SpaceProps & import("@xstyled/system").BoxShadowProps<import("@xstyled/system").Theme> & import("@xstyled/system").FlexboxesProps<import("@xstyled/system").Theme> & import("@xstyled/system").LayoutProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").ColorProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledIconContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledMessageContent: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledMessageHeader: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledMessageText: import("styled-components").StyledComponent<"span", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"span">, never>;
+export declare const StyledAction: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").TypographyProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").BackgroundProps & import("@elliemae/ds-system").SpaceProps & import("@xstyled/system").BoxShadowProps<import("@xstyled/system").Theme> & import("@xstyled/system").FlexboxesProps<import("@xstyled/system").Theme> & import("@xstyled/system").LayoutProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").ColorProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>, import("@elliemae/ds-system").Theme, {
+    theme: import("@elliemae/ds-system").Theme;
+} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ComponentType<import("@elliemae/ds-button-v2").DSButtonV2T.Props>>, never>;
+export declare const ToastifyWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").TypographyProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").BackgroundProps & import("@elliemae/ds-system").SpaceProps & import("@xstyled/system").BoxShadowProps<import("@xstyled/system").Theme> & import("@xstyled/system").FlexboxesProps<import("@xstyled/system").Theme> & import("@xstyled/system").LayoutProps<import("@xstyled/system").Theme> & import("@elliemae/ds-system").ColorProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/dist/types/react-desc-prop-types.d.ts

@@ -1,7 +1,6 @@
 import type React from 'react';
 import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
-import { toastsPositions } from './constants.js';
-import type { toastTypes } from './constants.js';
+import { toastsPositions, toastTypes } from './constants.js';
 export declare namespace DSToastT {
     type PropsT<D, R, O, E> = Partial<D> & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & Omit<XstyledProps, keyof D | keyof R | keyof O>;
     type InternalPropsT<D, R, O, E> = D & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & Omit<XstyledProps, keyof D | keyof R | keyof O>;
@@ -40,3 +39,4 @@ export declare const actionDefaultProps: DSToastT.ActionDefaultProps;
 export declare const DSToastPropTypes: React.WeakValidationMap<unknown>;
 export declare const DSToastActionLinkPropTypes: React.WeakValidationMap<unknown>;
 export declare const DSToastActionPropsTypes: React.WeakValidationMap<unknown>;
+export declare const DSToastContentPropTypes: React.WeakValidationMap<unknown>;

package/dist/types/toast.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { ToastOptions } from 'react-toastify';
 import type { DSToastContentProps } from './parts/DSToastContent.js';
-declare const toast: (({ type, messageTitle, messageText, ...rest }: DSToastContentProps, options: ToastOptions) => React.ReactText) & {
+declare const toast: (({ type, messageTitle, messageText, messageComponent, ...rest }: DSToastContentProps, options: ToastOptions) => React.ReactText) & {
     isActive: (id: string | number) => boolean;
     success(content: import("react-toastify").ToastContent, options?: ToastOptions | undefined): React.ReactText;
     info(content: import("react-toastify").ToastContent, options?: ToastOptions | undefined): React.ReactText;

package/dist/types/typescript-testing/typescript-toast-valid.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-toast",
-  "version": "3.29.2-rc.0",
+  "version": "3.30.0-next.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Toast",
   "files": [
@@ -62,15 +62,15 @@
     "@xstyled/system": "~3.7.3",
     "@xstyled/util": "3.7.0",
     "react-toastify": "~6.2.0",
-    "@elliemae/ds-button-v2": "3.29.2-rc.0",
-    "@elliemae/ds-props-helpers": "3.29.2-rc.0",
-    "@elliemae/ds-icons": "3.29.2-rc.0",
-    "@elliemae/ds-system": "3.29.2-rc.0"
+    "@elliemae/ds-props-helpers": "3.30.0-next.0",
+    "@elliemae/ds-system": "3.30.0-next.0",
+    "@elliemae/ds-icons": "3.30.0-next.0",
+    "@elliemae/ds-button-v2": "3.30.0-next.0"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.29.2-rc.0"
+    "@elliemae/ds-monorepo-devops": "3.30.0-next.0"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -80,7 +80,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "typeSafety": true
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",