@elliemae/ds-toast 3.0.0-next.68 → 3.0.0-next.69

package/dist/cjs/DSToast.js

@@ -89,6 +89,7 @@ const props = {
   toastId: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.number]).description("id for the toast")
 };
 DSToast.propTypes = props;
+DSToast.displayName = "DSToast";
 const DSToastWithSchema = (0, import_react_desc.describe)(DSToast);
 DSToastWithSchema.propTypes = props;
 var DSToast_default = DSToast;

package/dist/cjs/DSToast.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSToast.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButton buttonType=\"text\" className=\"toast-close-button\" icon={<CloseSmall />} onClick={closeToast} size=\"m\" />\n);\n\nconst DSToast = ({\n  containerProps = {},\n  position = 'bottom-left',\n  autoClose = 5000, // can be false or a number in milliseconds\n  showProgressBar = false,\n  closeOnClick = false,\n  enableMultiContainer = false,\n  containerId = undefined,\n  toastId = undefined,\n}) => (\n  <ToastContainer\n    {...containerProps}\n    autoClose={autoClose}\n    className={(showProgressBar && 'with-progressbar') || ''}\n    closeButton={<CloseButton />}\n    closeOnClick={closeOnClick}\n    containerId={containerId}\n    enableMultiContainer={enableMultiContainer}\n    hideProgressBar={!showProgressBar}\n    newestOnTop\n    position={position}\n    toastId={toastId}\n    transition={Slide}\n  />\n);\n\nconst props = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.number.description('ms to autoclose the toast'),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool.description(\n    'Whether to show a progress bar indicating when the toast is going to be closed',\n  ),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler'),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n  /**  id for the toast */\n  toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast'),\n};\n\nDSToast.propTypes = props;\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,4BAAsC;AACtC,sBAA2B;AAC3B,uBAAqB;AACrB,2BAAgC;AAEhC,MAAM,cAAc,CAAC,EAAE,iBACrB,mDAAC;AAAA,EAAS,YAAW;AAAA,EAAO,WAAU;AAAA,EAAqB,MAAM,mDAAC,gCAAW;AAAA,EAAI,SAAS;AAAA,EAAY,MAAK;AAAA,CAAI;AAGjH,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AAAA,MAEV,mDAAC,uEACK,iBADL;AAAA,EAEC;AAAA,EACA,WAAY,mBAAmB,sBAAuB;AAAA,EACtD,aAAa,mDAAC,iBAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB,aAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,4BAAU,MAAM,oCAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,4BAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,4BAAU,KAAK,YAC9B,gFACF;AAAA,EAEA,cAAc,4BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,4BAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,MAAM,oBAAoB,gCAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButton buttonType=\"text\" className=\"toast-close-button\" icon={<CloseSmall />} onClick={closeToast} size=\"m\" />\n);\n\nconst DSToast = ({\n  containerProps = {},\n  position = 'bottom-left',\n  autoClose = 5000, // can be false or a number in milliseconds\n  showProgressBar = false,\n  closeOnClick = false,\n  enableMultiContainer = false,\n  containerId = undefined,\n  toastId = undefined,\n}) => (\n  <ToastContainer\n    {...containerProps}\n    autoClose={autoClose}\n    className={(showProgressBar && 'with-progressbar') || ''}\n    closeButton={<CloseButton />}\n    closeOnClick={closeOnClick}\n    containerId={containerId}\n    enableMultiContainer={enableMultiContainer}\n    hideProgressBar={!showProgressBar}\n    newestOnTop\n    position={position}\n    toastId={toastId}\n    transition={Slide}\n  />\n);\n\nconst props = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.number.description('ms to autoclose the toast'),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool.description(\n    'Whether to show a progress bar indicating when the toast is going to be closed',\n  ),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler'),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n  /**  id for the toast */\n  toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast'),\n};\n\nDSToast.propTypes = props;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,4BAAsC;AACtC,sBAA2B;AAC3B,uBAAqB;AACrB,2BAAgC;AAEhC,MAAM,cAAc,CAAC,EAAE,iBACrB,mDAAC;AAAA,EAAS,YAAW;AAAA,EAAO,WAAU;AAAA,EAAqB,MAAM,mDAAC,gCAAW;AAAA,EAAI,SAAS;AAAA,EAAY,MAAK;AAAA,CAAI;AAGjH,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AAAA,MAEV,mDAAC,uEACK,iBADL;AAAA,EAEC;AAAA,EACA,WAAY,mBAAmB,sBAAuB;AAAA,EACtD,aAAa,mDAAC,iBAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB,aAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,4BAAU,MAAM,oCAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,4BAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,4BAAU,KAAK,YAC9B,gFACF;AAAA,EAEA,cAAc,4BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,4BAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,gCAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/cjs/ToastAction.js

@@ -53,6 +53,8 @@ const linkprops = {
 };
 DSToastAction.propTypes = actionprops;
 DSToastActionLink.propTypes = linkprops;
+DSToastAction.displayName = "DSToastAction";
+DSToastActionLink.displayName = "DSToastActionLink";
 const DSToastActionWithSchema = (0, import_react_desc.describe)(DSToastAction);
 const DSToastActionLinkWithSchema = (0, import_react_desc.describe)(DSToastActionLink);
 DSToastActionLinkWithSchema.propTypes = linkprops;

package/dist/cjs/ToastAction.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ToastAction.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { color } from '@elliemae/ds-system';\n\nconst Link = styled.span`\n  ${color('brand', '600')}\n`;\n\nconst DSToastAction = ({ children, onClick, onKeyDown }) => (\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div\n    onKeyDown={onKeyDown}\n    onClick={onClick}\n    role={onClick ? 'button' : 'textbox'}\n  >\n    {children}\n  </div>\n);\n\n// eslint-disable-next-line jsx-a11y/anchor-is-valid\nconst DSToastActionLink = ({ children }) => <Link>{children}</Link>;\n\nconst actionprops = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n  ]).description('DSToastActionLink component or text string'),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n};\n\nconst linkprops = {\n  /** link text */\n  children: PropTypes.string.isRequired.description('link text'),\n};\n\nDSToastAction.propTypes = actionprops;\nDSToastActionLink.propTypes = linkprops;\nconst DSToastActionWithSchema = describe(DSToastAction);\nconst DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = linkprops;\nDSToastActionWithSchema.propTypes = actionprops;\n\nexport {\n  DSToastAction,\n  DSToastActionLink,\n  DSToastActionWithSchema,\n  DSToastActionLinkWithSchema,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,uBAAsB;AAEtB,MAAM,OAAO,iCAAO;AAAA,IAChB,4BAAM,SAAS,KAAK;AAAA;AAGxB,MAAM,gBAAgB,CAAC,EAAE,UAAU,SAAS,gBAE1C,mDAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA,MAAM,UAAU,WAAW;AAAA,GAE1B,QACH;AAIF,MAAM,oBAAoB,CAAC,EAAE,eAAe,mDAAC,YAAM,QAAS;AAE5D,MAAM,cAAc;AAAA,EAElB,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4CAA4C;AAAA,EAE3D,SAAS,4BAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,WAAW,4BAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA,EAEhB,UAAU,4BAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,MAAM,0BAA0B,gCAAS,aAAa;AACtD,MAAM,8BAA8B,gCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { color } from '@elliemae/ds-system';\n\nconst Link = styled.span`\n  ${color('brand', '600')}\n`;\n\nconst DSToastAction = ({ children, onClick, onKeyDown }) => (\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div\n    onKeyDown={onKeyDown}\n    onClick={onClick}\n    role={onClick ? 'button' : 'textbox'}\n  >\n    {children}\n  </div>\n);\n\n// eslint-disable-next-line jsx-a11y/anchor-is-valid\nconst DSToastActionLink = ({ children }) => <Link>{children}</Link>;\n\nconst actionprops = {\n  /** DSToastActionLink component or text string */\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n  ]).description('DSToastActionLink component or text string'),\n  /** click handler */\n  onClick: PropTypes.func.description('click handler'),\n  /** key down handler */\n  onKeyDown: PropTypes.func.description('key down handler'),\n};\n\nconst linkprops = {\n  /** link text */\n  children: PropTypes.string.isRequired.description('link text'),\n};\n\nDSToastAction.propTypes = actionprops;\nDSToastActionLink.propTypes = linkprops;\nDSToastAction.displayName = 'DSToastAction';\nDSToastActionLink.displayName = 'DSToastActionLink';\nconst DSToastActionWithSchema = describe(DSToastAction);\nconst DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = linkprops;\nDSToastActionWithSchema.propTypes = actionprops;\n\nexport {\n  DSToastAction,\n  DSToastActionLink,\n  DSToastActionWithSchema,\n  DSToastActionLinkWithSchema,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,+BAAmB;AACnB,uBAAsB;AAEtB,MAAM,OAAO,iCAAO;AAAA,IAChB,4BAAM,SAAS,KAAK;AAAA;AAGxB,MAAM,gBAAgB,CAAC,EAAE,UAAU,SAAS,gBAE1C,mDAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA,MAAM,UAAU,WAAW;AAAA,GAE1B,QACH;AAIF,MAAM,oBAAoB,CAAC,EAAE,eAAe,mDAAC,YAAM,QAAS;AAE5D,MAAM,cAAc;AAAA,EAElB,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,4CAA4C;AAAA,EAE3D,SAAS,4BAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,WAAW,4BAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA,EAEhB,UAAU,4BAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,MAAM,0BAA0B,gCAAS,aAAa;AACtD,MAAM,8BAA8B,gCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
   "names": []
 }

package/dist/esm/DSToast.js

@@ -64,6 +64,7 @@ const props = {
   toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("id for the toast")
 };
 DSToast.propTypes = props;
+DSToast.displayName = "DSToast";
 const DSToastWithSchema = describe(DSToast);
 DSToastWithSchema.propTypes = props;
 var DSToast_default = DSToast;

package/dist/esm/DSToast.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSToast.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButton buttonType=\"text\" className=\"toast-close-button\" icon={<CloseSmall />} onClick={closeToast} size=\"m\" />\n);\n\nconst DSToast = ({\n  containerProps = {},\n  position = 'bottom-left',\n  autoClose = 5000, // can be false or a number in milliseconds\n  showProgressBar = false,\n  closeOnClick = false,\n  enableMultiContainer = false,\n  containerId = undefined,\n  toastId = undefined,\n}) => (\n  <ToastContainer\n    {...containerProps}\n    autoClose={autoClose}\n    className={(showProgressBar && 'with-progressbar') || ''}\n    closeButton={<CloseButton />}\n    closeOnClick={closeOnClick}\n    containerId={containerId}\n    enableMultiContainer={enableMultiContainer}\n    hideProgressBar={!showProgressBar}\n    newestOnTop\n    position={position}\n    toastId={toastId}\n    transition={Slide}\n  />\n);\n\nconst props = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.number.description('ms to autoclose the toast'),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool.description(\n    'Whether to show a progress bar indicating when the toast is going to be closed',\n  ),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler'),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n  /**  id for the toast */\n  toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast'),\n};\n\nDSToast.propTypes = props;\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,EAAE,iBACrB,qCAAC;AAAA,EAAS,YAAW;AAAA,EAAO,WAAU;AAAA,EAAqB,MAAM,qCAAC,gBAAW;AAAA,EAAI,SAAS;AAAA,EAAY,MAAK;AAAA,CAAI;AAGjH,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AAAA,MAEV,qCAAC,iDACK,iBADL;AAAA,EAEC;AAAA,EACA,WAAY,mBAAmB,sBAAuB;AAAA,EACtD,aAAa,qCAAC,iBAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB,aAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,UAAU,MAAM,eAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,UAAU,KAAK,YAC9B,gFACF;AAAA,EAEA,cAAc,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,UAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,MAAM,oBAAoB,SAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition';\n\nconst CloseButton = ({ closeToast }) => (\n  <DSButton buttonType=\"text\" className=\"toast-close-button\" icon={<CloseSmall />} onClick={closeToast} size=\"m\" />\n);\n\nconst DSToast = ({\n  containerProps = {},\n  position = 'bottom-left',\n  autoClose = 5000, // can be false or a number in milliseconds\n  showProgressBar = false,\n  closeOnClick = false,\n  enableMultiContainer = false,\n  containerId = undefined,\n  toastId = undefined,\n}) => (\n  <ToastContainer\n    {...containerProps}\n    autoClose={autoClose}\n    className={(showProgressBar && 'with-progressbar') || ''}\n    closeButton={<CloseButton />}\n    closeOnClick={closeOnClick}\n    containerId={containerId}\n    enableMultiContainer={enableMultiContainer}\n    hideProgressBar={!showProgressBar}\n    newestOnTop\n    position={position}\n    toastId={toastId}\n    transition={Slide}\n  />\n);\n\nconst props = {\n  /** inject props to wrapper */\n  containerProps: PropTypes.object.description('inject props to wrapper'),\n  /** Position on the screen to show the toast */\n  position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),\n  /** ms to autoclose the toast */\n  autoClose: PropTypes.number.description('ms to autoclose the toast'),\n  /** Whether to show a progress bar indicating when the toast is going to be closed */\n  showProgressBar: PropTypes.bool.description(\n    'Whether to show a progress bar indicating when the toast is going to be closed',\n  ),\n  /** Close toast handler */\n  closeOnClick: PropTypes.bool.description('Close toast handler'),\n  /** Allows instantiating multiple Toast containers */\n  enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),\n  /** unique id for multi container */\n  containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n  /**  id for the toast */\n  toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast'),\n};\n\nDSToast.propTypes = props;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,EAAE,iBACrB,qCAAC;AAAA,EAAS,YAAW;AAAA,EAAO,WAAU;AAAA,EAAqB,MAAM,qCAAC,gBAAW;AAAA,EAAI,SAAS;AAAA,EAAY,MAAK;AAAA,CAAI;AAGjH,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AAAA,MAEV,qCAAC,iDACK,iBADL;AAAA,EAEC;AAAA,EACA,WAAY,mBAAmB,sBAAuB;AAAA,EACtD,aAAa,qCAAC,iBAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB,aAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,UAAU,MAAM,eAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,UAAU,KAAK,YAC9B,gFACF;AAAA,EAEA,cAAc,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,UAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
   "names": []
 }

package/dist/esm/ToastAction.js

@@ -25,6 +25,8 @@ const linkprops = {
 };
 DSToastAction.propTypes = actionprops;
 DSToastActionLink.propTypes = linkprops;
+DSToastAction.displayName = "DSToastAction";
+DSToastActionLink.displayName = "DSToastActionLink";
 const DSToastActionWithSchema = describe(DSToastAction);
 const DSToastActionLinkWithSchema = describe(DSToastActionLink);
 DSToastActionLinkWithSchema.propTypes = linkprops;

package/dist/esm/ToastAction.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-toast",
-  "version": "3.0.0-next.68",
+  "version": "3.0.0-next.69",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Toast",
   "files": [