@elliemae/ds-legacy-toast 1.0.0-rc.1

package/dist/esm/DSToastDefinitions.js.map

@@ -0,0 +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-legacy-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;",
+  "names": []
+}

package/dist/esm/config/useToast.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-legacy-props-helpers";
+import { useRef } from "react";
+import { omit } from "lodash";
+import { defaultProps } from "../react-desc-prop-types.js";
+const useToast = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  const globalAttributes = useGetGlobalAttributes(propsWithDefault);
+  const xstyledAttributes = useGetXstyledProps(omit(propsWithDefault, "position"));
+  const toastifyWrapperRef = useRef(null);
+  const onKeyDown = (event) => {
+    if (event.key === "Tab") {
+      event.preventDefault();
+      event.stopPropagation();
+      const closeButton = document.querySelector(".toast-close-button");
+      const actions = [...document.querySelectorAll('.toast-action-text[role="button"]')];
+      const activeElement = document.activeElement;
+      if (closeButton === activeElement) {
+        if (actions.length === 0)
+          return;
+        if (event.shiftKey)
+          actions[actions.length - 1].focus();
+        else
+          actions[0].focus();
+      }
+      const index = actions.indexOf(activeElement);
+      if (event.shiftKey) {
+        if (index === 0)
+          closeButton.focus();
+        else
+          actions[index - 1].focus();
+      } else {
+        if (index === actions.length - 1)
+          closeButton.focus();
+        else
+          actions[index + 1].focus();
+      }
+    }
+  };
+  return {
+    propsWithDefault,
+    toastifyWrapperRef,
+    onKeyDown,
+    globalAttributes,
+    xstyledAttributes
+  };
+};
+export {
+  useToast
+};
+//# sourceMappingURL=useToast.js.map

package/dist/esm/config/useToast.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useToast.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-legacy-props-helpers';\nimport { useRef } from 'react';\nimport { omit } from 'lodash';\nimport type { DSToastT } from '../react-desc-prop-types.js';\nimport { defaultProps } from '../react-desc-prop-types.js';\n\nexport const useToast = (props: DSToastT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSToastT.InternalProps>(props, defaultProps);\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledAttributes = useGetXstyledProps(omit(propsWithDefault, 'position'));\n\n  const toastifyWrapperRef = useRef<HTMLDivElement | null>(null);\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Tab') {\n      event.preventDefault();\n      event.stopPropagation();\n\n      const closeButton = document.querySelector('.toast-close-button') as HTMLButtonElement;\n      const actions = [...document.querySelectorAll('.toast-action-text[role=\"button\"]')] as HTMLDivElement[];\n\n      const activeElement = document.activeElement;\n\n      // If the close button is focused\n      // 1) No actions => we keep the focus on the close button\n      // 2) Shift + Tab => we focus the last action\n      // 3) Tab => we focus the first action\n      if (closeButton === activeElement) {\n        if (actions.length === 0) return; // We keep the focus on the close button\n        if (event.shiftKey) actions[actions.length - 1].focus();\n        else actions[0].focus();\n      }\n\n      const index = actions.indexOf(activeElement as HTMLDivElement);\n\n      // If an action is focused\n      // 1) Shift + Tab => we focus the previous action (closeButton if it's the first one)\n      // 2) Tab => we focus the next action (closeButton if it's the last one)\n      if (event.shiftKey) {\n        if (index === 0) closeButton.focus();\n        else actions[index - 1].focus();\n      } else {\n        if (index === actions.length - 1) closeButton.focus();\n        else actions[index + 1].focus();\n      }\n    }\n  };\n\n  return {\n    propsWithDefault,\n    toastifyWrapperRef,\n    onKeyDown,\n    globalAttributes,\n    xstyledAttributes,\n  };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,SAAS,oBAAoB;AAEtB,MAAM,WAAW,CAAC,UAA0B;AACjD,QAAM,mBAAmB,6BAAqD,OAAO,YAAY;AAEjG,QAAM,mBAAmB,uBAAuB,gBAAgB;AAEhE,QAAM,oBAAoB,mBAAmB,KAAK,kBAAkB,UAAU,CAAC;AAE/E,QAAM,qBAAqB,OAA8B,IAAI;AAE7D,QAAM,YAAY,CAAC,UAA+C;AAChE,QAAI,MAAM,QAAQ,OAAO;AACvB,YAAM,eAAe;AACrB,YAAM,gBAAgB;AAEtB,YAAM,cAAc,SAAS,cAAc,qBAAqB;AAChE,YAAM,UAAU,CAAC,GAAG,SAAS,iBAAiB,mCAAmC,CAAC;AAElF,YAAM,gBAAgB,SAAS;AAM/B,UAAI,gBAAgB,eAAe;AACjC,YAAI,QAAQ,WAAW;AAAG;AAC1B,YAAI,MAAM;AAAU,kBAAQ,QAAQ,SAAS,CAAC,EAAE,MAAM;AAAA;AACjD,kBAAQ,CAAC,EAAE,MAAM;AAAA,MACxB;AAEA,YAAM,QAAQ,QAAQ,QAAQ,aAA+B;AAK7D,UAAI,MAAM,UAAU;AAClB,YAAI,UAAU;AAAG,sBAAY,MAAM;AAAA;AAC9B,kBAAQ,QAAQ,CAAC,EAAE,MAAM;AAAA,MAChC,OAAO;AACL,YAAI,UAAU,QAAQ,SAAS;AAAG,sBAAY,MAAM;AAAA;AAC/C,kBAAQ,QAAQ,CAAC,EAAE,MAAM;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/constants.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { CheckmarkCircleFill, WarningSquare, InfoCircleFill, AlertsDetailFill } from "@elliemae/ds-legacy-icons";
+const ToastPosition = {
+  TOP_RIGHT: "top-right",
+  TOP_CENTER: "top-center",
+  TOP_LEFT: "top-left",
+  BOTTOM_RIGHT: "bottom-right",
+  BOTTOM_CENTER: "bottom-center",
+  BOTTOM_LEFT: "bottom-left"
+};
+const toastsPositions = [
+  "top-right",
+  "top-center",
+  "top-left",
+  "bottom-right",
+  "bottom-center",
+  "bottom-left"
+];
+const ToastType = {
+  INFO: "info",
+  SUCCESS: "success",
+  WARNING: "warning",
+  ERROR: "error",
+  DEFAULT: "default"
+};
+const toastTypes = ["info", "success", "warning", "error", "default"];
+const TYPE_TO_ICON = {
+  [ToastType.SUCCESS]: CheckmarkCircleFill,
+  [ToastType.WARNING]: WarningSquare,
+  [ToastType.INFO]: InfoCircleFill,
+  [ToastType.ERROR]: AlertsDetailFill,
+  [ToastType.DEFAULT]: () => null
+};
+const TYPE_TO_ICON_COLOR = {
+  [ToastType.SUCCESS]: ["success", "900"],
+  [ToastType.WARNING]: ["warning", "900"],
+  [ToastType.INFO]: ["brand-primary", "400"],
+  [ToastType.ERROR]: ["danger", "900"],
+  [ToastType.DEFAULT]: ["neutral", "400"]
+};
+export {
+  TYPE_TO_ICON,
+  TYPE_TO_ICON_COLOR,
+  ToastPosition,
+  ToastType,
+  toastTypes,
+  toastsPositions
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/constants.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { CheckmarkCircleFill, WarningSquare, InfoCircleFill, AlertsDetailFill } from '@elliemae/ds-legacy-icons';\n\nexport const ToastPosition = {\n  TOP_RIGHT: 'top-right',\n  TOP_CENTER: 'top-center',\n  TOP_LEFT: 'top-left',\n  BOTTOM_RIGHT: 'bottom-right',\n  BOTTOM_CENTER: 'bottom-center',\n  BOTTOM_LEFT: 'bottom-left',\n} as const;\n\nexport const toastsPositions = [\n  'top-right',\n  'top-center',\n  'top-left',\n  'bottom-right',\n  'bottom-center',\n  'bottom-left',\n] as const;\n\nexport const ToastType = {\n  INFO: 'info',\n  SUCCESS: 'success',\n  WARNING: 'warning',\n  ERROR: 'error',\n  DEFAULT: 'default',\n} as const;\n\nexport const toastTypes = ['info', 'success', 'warning', 'error', 'default'] as const;\n\nexport const TYPE_TO_ICON = {\n  [ToastType.SUCCESS]: CheckmarkCircleFill,\n  [ToastType.WARNING]: WarningSquare,\n  [ToastType.INFO]: InfoCircleFill,\n  [ToastType.ERROR]: AlertsDetailFill,\n  [ToastType.DEFAULT]: () => null,\n} as const;\n\nexport const TYPE_TO_ICON_COLOR = {\n  [ToastType.SUCCESS]: ['success', '900'],\n  [ToastType.WARNING]: ['warning', '900'],\n  [ToastType.INFO]: ['brand-primary', '400'],\n  [ToastType.ERROR]: ['danger', '900'],\n  [ToastType.DEFAULT]: ['neutral', '400'],\n} as const;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB,eAAe,gBAAgB,wBAAwB;AAE9E,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AACf;AAEO,MAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEO,MAAM,aAAa,CAAC,QAAQ,WAAW,WAAW,SAAS,SAAS;AAEpE,MAAM,eAAe;AAAA,EAC1B,CAAC,UAAU,OAAO,GAAG;AAAA,EACrB,CAAC,UAAU,OAAO,GAAG;AAAA,EACrB,CAAC,UAAU,IAAI,GAAG;AAAA,EAClB,CAAC,UAAU,KAAK,GAAG;AAAA,EACnB,CAAC,UAAU,OAAO,GAAG,MAAM;AAC7B;AAEO,MAAM,qBAAqB;AAAA,EAChC,CAAC,UAAU,OAAO,GAAG,CAAC,WAAW,KAAK;AAAA,EACtC,CAAC,UAAU,OAAO,GAAG,CAAC,WAAW,KAAK;AAAA,EACtC,CAAC,UAAU,IAAI,GAAG,CAAC,iBAAiB,KAAK;AAAA,EACzC,CAAC,UAAU,KAAK,GAAG,CAAC,UAAU,KAAK;AAAA,EACnC,CAAC,UAAU,OAAO,GAAG,CAAC,WAAW,KAAK;AACxC;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,42 @@
+import * as React from "react";
+import { DSToast, DSToastWithSchema } from "./parts/DSToast.js";
+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 {
+  DSToastName,
+  DSToastActionName,
+  DSToastActionLinkName,
+  DSToastSlots,
+  DSToastActionSlots,
+  DSToastActionLinkSlots,
+  DSToastDataTestIds,
+  DSToastActionDataTestIds,
+  DSToastActionLinkDataTestIds
+} from "./DSToastDefinitions.js";
+import { default as default2 } from "./parts/DSToast.js";
+export {
+  DSToast,
+  DSToastAction,
+  DSToastActionDataTestIds,
+  DSToastActionLink,
+  DSToastActionLinkDataTestIds,
+  DSToastActionLinkName,
+  DSToastActionLinkSlots,
+  DSToastActionLinkWithSchema,
+  DSToastActionName,
+  DSToastActionSlots,
+  DSToastActionWithSchema,
+  DSToastDataTestIds,
+  DSToastName,
+  DSToastSlots,
+  DSToastWithSchema,
+  ToastPosition,
+  ToastType,
+  default2 as default,
+  toast,
+  toastTypes,
+  toastsPositions
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { 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;",
+  "names": ["default"]
+}

package/dist/esm/package.json

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

package/dist/esm/parts/CloseButton.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { CloseSmall } from "@elliemae/ds-legacy-icons";
+import { StyledButton } from "./styled.js";
+const CloseButton = ({ closeButtonRef }) => {
+  const Comp = ({ closeToast }) => /* @__PURE__ */ jsx(
+    StyledButton,
+    {
+      className: "toast-close-button",
+      buttonType: "icon",
+      onClick: closeToast,
+      "aria-label": "close toast",
+      innerRef: closeButtonRef,
+      children: /* @__PURE__ */ jsx(CloseSmall, { size: "s" })
+    }
+  );
+  return Comp;
+};
+export {
+  CloseButton
+};
+//# sourceMappingURL=CloseButton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/CloseButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { CloseSmall } from '@elliemae/ds-legacy-icons';\nimport { StyledButton } from './styled.js';\nimport type { DSToastT } from '../react-desc-prop-types.js';\n\ninterface CloseButtonProps {\n  closeToast: () => void;\n}\n\nexport const CloseButton = ({ closeButtonRef }: { closeButtonRef: DSToastT.Props['closeButtonRef'] }) => {\n  const Comp = ({ closeToast }: CloseButtonProps) => (\n    <StyledButton\n      className=\"toast-close-button\"\n      buttonType=\"icon\"\n      onClick={closeToast}\n      aria-label=\"close toast\"\n      innerRef={closeButtonRef}\n    >\n      <CloseSmall size=\"s\" />\n    </StyledButton>\n  );\n\n  return Comp;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACkBjB;AAjBN,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAOtB,MAAM,cAAc,CAAC,EAAE,eAAe,MAA4D;AACvG,QAAM,OAAO,CAAC,EAAE,WAAW,MACzB;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,YAAW;AAAA,MACX,SAAS;AAAA,MACT,cAAW;AAAA,MACX,UAAU;AAAA,MAEV,8BAAC,cAAW,MAAK,KAAI;AAAA;AAAA,EACvB;AAGF,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/parts/DSToast.js

@@ -0,0 +1,54 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-legacy-props-helpers";
+import { ToastContainer, Slide } from "react-toastify";
+import { DSToastPropTypes } from "../react-desc-prop-types.js";
+import { DSToastName } from "../DSToastDefinitions.js";
+import { CloseButton } from "./CloseButton.js";
+import { ToastifyWrapper } from "./styled.js";
+import { useToast } from "../config/useToast.js";
+const DSToast = (props) => {
+  const {
+    propsWithDefault: {
+      containerProps,
+      position,
+      autoClose,
+      showProgressBar,
+      closeOnClick,
+      enableMultiContainer,
+      containerId,
+      closeButtonRef
+    },
+    toastifyWrapperRef,
+    onKeyDown,
+    globalAttributes,
+    xstyledAttributes
+  } = useToast(props);
+  return /* @__PURE__ */ jsx(ToastifyWrapper, { ref: toastifyWrapperRef, onKeyDown, ...globalAttributes, ...xstyledAttributes, children: /* @__PURE__ */ jsx(
+    ToastContainer,
+    {
+      ...containerProps,
+      autoClose,
+      className: showProgressBar && "with-progressbar" || "",
+      closeButton: CloseButton({ closeButtonRef }),
+      closeOnClick,
+      containerId,
+      enableMultiContainer,
+      hideProgressBar: !showProgressBar,
+      newestOnTop: true,
+      position,
+      transition: Slide
+    }
+  ) });
+};
+DSToast.propTypes = DSToastPropTypes;
+DSToast.displayName = DSToastName;
+const DSToastWithSchema = describe(DSToast);
+DSToastWithSchema.propTypes = DSToastPropTypes;
+var DSToast_default = DSToast;
+export {
+  DSToast,
+  DSToastWithSchema,
+  DSToast_default as default
+};
+//# sourceMappingURL=DSToast.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/DSToast.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-legacy-props-helpers';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport type { DSToastT } from '../react-desc-prop-types.js';\nimport { DSToastPropTypes } from '../react-desc-prop-types.js';\nimport { DSToastName } from '../DSToastDefinitions.js';\nimport { CloseButton } from './CloseButton.js';\nimport { ToastifyWrapper } from './styled.js';\nimport { useToast } from '../config/useToast.js';\n\nconst DSToast: React.ComponentType<DSToastT.Props> = (props) => {\n  const {\n    propsWithDefault: {\n      containerProps,\n      position,\n      autoClose,\n      showProgressBar,\n      closeOnClick,\n      enableMultiContainer,\n      containerId,\n      closeButtonRef,\n    },\n    toastifyWrapperRef,\n    onKeyDown,\n    globalAttributes,\n    xstyledAttributes,\n  } = useToast(props);\n\n  return (\n    <ToastifyWrapper ref={toastifyWrapperRef} onKeyDown={onKeyDown} {...globalAttributes} {...xstyledAttributes}>\n      <ToastContainer\n        {...containerProps}\n        autoClose={autoClose}\n        className={(showProgressBar && 'with-progressbar') || ''}\n        closeButton={CloseButton({ closeButtonRef })}\n        closeOnClick={closeOnClick}\n        containerId={containerId}\n        enableMultiContainer={enableMultiContainer}\n        hideProgressBar={!showProgressBar}\n        newestOnTop\n        position={position}\n        transition={Slide}\n      />\n    </ToastifyWrapper>\n  );\n};\n\nDSToast.propTypes = DSToastPropTypes;\nDSToast.displayName = DSToastName;\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = DSToastPropTypes;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC8BjB;AA7BN,SAAS,gBAAgB;AACzB,SAAS,gBAAgB,aAAa;AAEtC,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,gBAAgB;AAEzB,MAAM,UAA+C,CAAC,UAAU;AAC9D,QAAM;AAAA,IACJ,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,SAAS,KAAK;AAElB,SACE,oBAAC,mBAAgB,KAAK,oBAAoB,WAAuB,GAAG,kBAAmB,GAAG,mBACxF;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAY,mBAAmB,sBAAuB;AAAA,MACtD,aAAa,YAAY,EAAE,eAAe,CAAC;AAAA,MAC3C;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,CAAC;AAAA,MAClB,aAAW;AAAA,MACX;AAAA,MACA,YAAY;AAAA;AAAA,EACd,GACF;AAEJ;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/esm/parts/DSToastAction.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import {
+  describe,
+  useGetGlobalAttributes,
+  useGetXstyledProps,
+  useMemoMergePropsWithDefault
+} from "@elliemae/ds-legacy-props-helpers";
+import { actionDefaultProps, DSToastActionPropsTypes } from "../react-desc-prop-types.js";
+import { DSToastActionName } from "../DSToastDefinitions.js";
+import { StyledAction } from "./styled.js";
+const DSToastAction = (props) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, actionDefaultProps);
+  const globalAttributes = useGetGlobalAttributes(propsWithDefault);
+  const xstyledAttributes = useGetXstyledProps(propsWithDefault);
+  const { children, onClick, onKeyDown } = propsWithDefault;
+  return /* @__PURE__ */ jsx(
+    StyledAction,
+    {
+      onKeyDown,
+      onClick,
+      role: onClick ? "button" : "textbox",
+      tabIndex: onClick ? 0 : void 0,
+      className: "toast-action-text",
+      ...globalAttributes,
+      ...xstyledAttributes,
+      children
+    }
+  );
+};
+DSToastAction.displayName = DSToastActionName;
+const DSToastActionWithSchema = describe(DSToastAction);
+DSToastActionWithSchema.propTypes = DSToastActionPropsTypes;
+export {
+  DSToastAction,
+  DSToastActionWithSchema
+};
+//# sourceMappingURL=DSToastAction.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/DSToastAction.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n} from '@elliemae/ds-legacy-props-helpers';\nimport type { DSToastT } from '../react-desc-prop-types.js';\nimport { actionDefaultProps, DSToastActionPropsTypes } from '../react-desc-prop-types.js';\nimport { DSToastActionName } from '../DSToastDefinitions.js';\nimport { StyledAction } from './styled.js';\n\nconst DSToastAction: React.ComponentType<DSToastT.ActionProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSToastT.ActionInternalProps>(props, actionDefaultProps);\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n  const xstyledAttributes = useGetXstyledProps(propsWithDefault);\n\n  const { children, onClick, onKeyDown } = propsWithDefault;\n\n  return (\n    <StyledAction\n      onKeyDown={onKeyDown}\n      onClick={onClick}\n      role={onClick ? 'button' : 'textbox'}\n      tabIndex={onClick ? 0 : undefined}\n      className=\"toast-action-text\"\n      {...globalAttributes}\n      {...xstyledAttributes}\n    >\n      {children}\n    </StyledAction>\n  );\n};\n\nDSToastAction.displayName = DSToastActionName;\nconst DSToastActionWithSchema = describe(DSToastAction);\nDSToastActionWithSchema.propTypes = DSToastActionPropsTypes;\n\nexport { DSToastAction, DSToastActionWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACsBnB;AArBJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oBAAoB,+BAA+B;AAC5D,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAE7B,MAAM,gBAA2D,CAAC,UAAU;AAC1E,QAAM,mBAAmB,6BAA2D,OAAO,kBAAkB;AAE7G,QAAM,mBAAmB,uBAAuB,gBAAgB;AAEhE,QAAM,oBAAoB,mBAAmB,gBAAgB;AAE7D,QAAM,EAAE,UAAU,SAAS,UAAU,IAAI;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM,UAAU,WAAW;AAAA,MAC3B,UAAU,UAAU,IAAI;AAAA,MACxB,WAAU;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/esm/parts/DSToastActionLink.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { describe } from "@elliemae/ds-legacy-props-helpers";
+import { DSToastActionLinkPropTypes } from "../react-desc-prop-types.js";
+import { DSToastActionLinkName } from "../DSToastDefinitions.js";
+import { StyledLink } from "./styled.js";
+const DSToastActionLink = StyledLink;
+DSToastActionLink.displayName = DSToastActionLinkName;
+const DSToastActionLinkWithSchema = describe(DSToastActionLink);
+DSToastActionLinkWithSchema.propTypes = DSToastActionLinkPropTypes;
+export {
+  DSToastActionLink,
+  DSToastActionLinkWithSchema
+};
+//# sourceMappingURL=DSToastActionLink.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/DSToastActionLink.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-legacy-props-helpers';\nimport { DSToastActionLinkPropTypes } from '../react-desc-prop-types.js';\nimport { DSToastActionLinkName } from '../DSToastDefinitions.js';\nimport { StyledLink } from './styled.js';\n\nexport const DSToastActionLink = StyledLink;\nDSToastActionLink.displayName = DSToastActionLinkName;\nexport const DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = DSToastActionLinkPropTypes;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB;AACzB,SAAS,kCAAkC;AAC3C,SAAS,6BAA6B;AACtC,SAAS,kBAAkB;AAEpB,MAAM,oBAAoB;AACjC,kBAAkB,cAAc;AACzB,MAAM,8BAA8B,SAAS,iBAAiB;AACrE,4BAA4B,YAAY;",
+  "names": []
+}

package/dist/esm/parts/DSToastContent.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  StyledContainer,
+  StyledIconContainer,
+  StyledMessageContent,
+  StyledMessageHeader,
+  StyledMessageText
+} from "./styled.js";
+import { ToastType, TYPE_TO_ICON, TYPE_TO_ICON_COLOR } from "../constants.js";
+const getIconByToastType = (type) => TYPE_TO_ICON[type];
+const getIconColorByToastType = (type) => TYPE_TO_ICON_COLOR[type];
+const DSToastContent = ({
+  type = ToastType.DEFAULT,
+  messageTitle = "",
+  messageText = ""
+}) => {
+  const IconMessage = getIconByToastType(type);
+  const iconColor = getIconColorByToastType(type);
+  return /* @__PURE__ */ jsxs(StyledContainer, { "data-testid": "ds-toast-render", className: "em-ds-toast-content", children: [
+    /* @__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 })
+    ] })
+  ] });
+};
+export {
+  DSToastContent,
+  getIconByToastType,
+  getIconColorByToastType
+};
+//# sourceMappingURL=DSToastContent.js.map

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

@@ -0,0 +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-legacy-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;",
+  "names": []
+}