@nimbus-ds/toast 1.5.1 → 2.0.0-rc.2

package/dist/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/spinner"),require("@nimbus-ds/text"),require("@nimbus-ds/icon"),require("@tiendanube/icons"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/spinner","@nimbus-ds/text","@nimbus-ds/icon","@tiendanube/icons","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/toast"]=t(require("react"),require("@nimbus-ds/spinner"),require("@nimbus-ds/text"),require("@nimbus-ds/icon"),require("@tiendanube/icons"),require("@nimbus-ds/styles")):e["@nimbus-ds/toast"]=t(e.react,e["@nimbus-ds/spinner"],e["@nimbus-ds/text"],e["@nimbus-ds/icon"],e["@tiendanube/icons"],e["@nimbus-ds/styles"])}(self,((e,t,n,r,o,a)=>(()=>{"use strict";var i={43:(e,t,n)=>{n.d(t,{Z:()=>a});var r=n(70),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,":root {\n  --g6qx2k0: #deeffe;\n  --g6qx2k1: #7abcf7;\n  --g6qx2k2: #006bc8;\n  --g6qx2k3: #004e93;\n  --g6qx2k4: #003e74;\n  --g6qx2k5: #002c53;\n  --g6qx2k6: #000e19;\n  --g6qx2k7: #defef2;\n  --g6qx2k8: #7af7c7;\n  --g6qx2k9: #00c87b;\n  --g6qx2ka: #00935b;\n  --g6qx2kb: #007447;\n  --g6qx2kc: #005333;\n  --g6qx2kd: #001910;\n  --g6qx2ke: #fef2de;\n  --g6qx2kf: #f7c77a;\n  --g6qx2kg: #c87b00;\n  --g6qx2kh: #935b00;\n  --g6qx2ki: #744700;\n  --g6qx2kj: #533300;\n  --g6qx2kk: #191000;\n  --g6qx2kl: #fedede;\n  --g6qx2km: #f77a7c;\n  --g6qx2kn: #c80003;\n  --g6qx2ko: #930002;\n  --g6qx2kp: #740002;\n  --g6qx2kq: #530001;\n  --g6qx2kr: #190000;\n  --g6qx2ks: #ffffff;\n  --g6qx2kt: #fafafa;\n  --g6qx2ku: #e7e8e9;\n  --g6qx2kv: #cfd1d2;\n  --g6qx2kw: #b7babc;\n  --g6qx2kx: #a0a3a6;\n  --g6qx2ky: #8a8d90;\n  --g6qx2kz: #5e6163;\n  --g6qx2k10: #343537;\n  --g6qx2k11: #0a0a0a;\n  --g6qx2k12: CentraNube, -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', arial, sans-serif;\n  --g6qx2k13: 0.75rem;\n  --g6qx2k14: 0.875rem;\n  --g6qx2k15: 1rem;\n  --g6qx2k16: 2rem;\n  --g6qx2k17: 1.5rem;\n  --g6qx2k18: 1.25rem;\n  --g6qx2k19: 1.125rem;\n  --g6qx2k1a: 1rem;\n  --g6qx2k1b: 0.875rem;\n  --g6qx2k1c: 400;\n  --g6qx2k1d: 500;\n  --g6qx2k1e: 700;\n  --g6qx2k1f: 0.875rem;\n  --g6qx2k1g: 1.125rem;\n  --g6qx2k1h: 1.25rem;\n  --g6qx2k1i: 2.75rem;\n  --g6qx2k1j: 2rem;\n  --g6qx2k1k: 1.75rem;\n  --g6qx2k1l: 1.5rem;\n  --g6qx2k1m: 1.25rem;\n  --g6qx2k1n: 1.125rem;\n  --g6qx2k1o: 0px 2px 1px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.25);\n  --g6qx2k1p: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 3px 10px rgba(0, 0, 0, 0.1);\n  --g6qx2k1q: 0px 20px 20px rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.04);\n  --g6qx2k1r: 0.25rem;\n  --g6qx2k1s: 0.5rem;\n  --g6qx2k1t: 1rem;\n  --g6qx2k1u: 1.5rem;\n  --g6qx2k1v: 2rem;\n  --g6qx2k1w: 2.5rem;\n  --g6qx2k1x: 3rem;\n  --g6qx2k1y: 3.5rem;\n  --g6qx2k1z: 4rem;\n  --g6qx2k20: 4.5rem;\n  --g6qx2k21: 5rem;\n  --g6qx2k22: 0.125rem;\n  --g6qx2k23: 0.25rem;\n  --g6qx2k24: 0.5rem;\n  --g6qx2k25: 0.75rem;\n  --g6qx2k26: 1rem;\n  --g6qx2k27: 1.25rem;\n  --g6qx2k28: 1.5rem;\n  --g6qx2k29: 1.75rem;\n  --g6qx2k2a: 2rem;\n  --g6qx2k2b: 2.25rem;\n  --g6qx2k2c: 2.5rem;\n  --g6qx2k2d: 2.75rem;\n  --g6qx2k2e: 3rem;\n  --g6qx2k2f: 3.5rem;\n  --g6qx2k2g: 4rem;\n  --g6qx2k2h: 4.5rem;\n  --g6qx2k2i: 5rem;\n  --g6qx2k2j: 0.125rem;\n  --g6qx2k2k: 0.375rem;\n  --g6qx2k2l: 0.625rem;\n  --g6qx2k2m: 0.875rem;\n  --g6qx2k2n: 1.125rem;\n  --g6qx2k2o: 300ms;\n  --g6qx2k2p: 150ms;\n  --g6qx2k2q: 450ms;\n  --g6qx2k2r: 600ms;\n  --g6qx2k2s: 0px;\n  --g6qx2k2t: 672px;\n  --g6qx2k2u: 1024px;\n  --g6qx2k2v: 0 0 0 3px #7abcf7;\n}\n._1dl9ocm0 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: var(--g6qx2k1r);\n  height: 2rem;\n  width: fit-content;\n  padding: var(--g6qx2k1s);\n  box-sizing: border-box;\n  border-radius: var(--g6qx2k1s);\n  transition: var(--g6qx2k2p) ease;\n}\n._1dl9ocm1 {\n  display: flex;\n  align-items: center;\n  position: fixed;\n  bottom: 2rem;\n  flex-direction: column-reverse;\n  left: 0;\n  right: 0;\n}\n._1dl9ocm2 {\n  background: var(--g6qx2k5);\n}\n._1dl9ocm3 {\n  background: var(--g6qx2kc);\n}\n._1dl9ocm4 {\n  background: var(--g6qx2kq);\n}\n._1dl9ocm5 {\n  background: var(--g6qx2k10);\n}\n",""]);const a=o},70:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var a=0;a<this.length;a++){var i=this[a][0];null!=i&&(o[i]=!0)}for(var c=0;c<e.length;c++){var s=[].concat(e[c]);r&&o[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),t.push(s))}},t}},683:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var r=n(191),o=n.n(r),a=n(43),i={insert:"head",singleton:!1};o()(a.Z,i);const c=a.Z.locals||{}},191:(e,t,n)=>{var r,o=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},a=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),i=[];function c(e){for(var t=-1,n=0;n<i.length;n++)if(i[n].identifier===e){t=n;break}return t}function s(e,t){for(var n={},r=[],o=0;o<e.length;o++){var a=e[o],s=t.base?a[0]+t.base:a[0],u=n[s]||0,l="".concat(s," ").concat(u);n[s]=u+1;var f=c(l),d={css:a[1],media:a[2],sourceMap:a[3]};-1!==f?(i[f].references++,i[f].updater(d)):i.push({identifier:l,updater:x(d,t),references:1}),r.push(l)}return r}function u(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var o=n.nc;o&&(r.nonce=o)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var i=a(e.insert||"head");if(!i)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");i.appendChild(t)}return t}var l,f=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function p(e,t,n){var r=n.css,o=n.media,a=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var m=null,g=0;function x(e,t){var n,r,o;if(t.singleton){var a=g++;n=m||(m=u(t)),r=d.bind(null,n,a,!1),o=d.bind(null,n,a,!0)}else n=u(t),r=p.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=o());var n=s(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=c(n[r]);i[o].references--}for(var a=s(e,t),u=0;u<n.length;u++){var l=c(n[u]);0===i[l].references&&(i[l].updater(),i.splice(l,1))}n=a}}}},756:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Toast=void 0;const r=n(15).__importStar(n(156)),o=n(950),a=n(102),i=n(633),c=n(948),s=n(990),u=n(612),l={primary:r.default.createElement(c.InfoCircleIcon,null),danger:r.default.createElement(c.ExclamationTriangleIcon,null),success:r.default.createElement(c.CheckCircleIcon,null),progress:r.default.createElement(c.CheckCircleIcon,null)},f=({className:e,style:t,type:n="primary",duration:c=4e3,position:f=0,autoClose:d=!0,id:p,text:m,...g})=>{const x=(0,r.useRef)(),b=(0,r.useRef)(),[v,y]=(0,r.useState)(!1),{closeToast:k}=(0,u.useToast)(),q=(0,r.useCallback)((()=>{y(!0),x.current=setInterval((()=>{y(!1),b.current=setTimeout((()=>{k(p)}),200)}),c)}),[y,k,p,c,x,b]);(0,r.useEffect)((()=>(d&&q(),()=>{clearInterval(x?.current),clearInterval(b?.current)})),[q,d]);const h=(0,r.useMemo)((()=>"progress"===n),[n]),_=(0,r.useMemo)((()=>v||!d),[d,v]),w=(0,r.useMemo)((()=>n.replace("progress","neutral")),[n]);return r.default.createElement("div",{id:p,className:s.toast.classnames.content[n],style:{transform:_?`translateY(${-32*f}%)`:"translateY(300%)"},"data-testid":"toast-element",...g},!h&&r.default.createElement(i.Icon,{"data-testid":`toast-icon-${w}`,color:`${w}.surface`,source:l[n]}),h&&r.default.createElement(o.Spinner,{"data-testid":`toast-spinner-${w}`,color:"neutral.surface",size:"small"}),r.default.createElement(a.Text,{color:`${w}.surface`,fontSize:"caption",lineHeight:"caption"},m))};t.Toast=f,f.displayName="Toast"},36:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastProvider=void 0;const r=n(15).__importStar(n(156)),o=n(990),a=n(596),i=n(756),c=n(802),s=({children:e})=>{const[t,n]=r.default.useState([]),s=(0,r.useCallback)((({id:e,...t})=>{n((n=>[...n,{...t,id:e||(0,c.uniqueId)()}]))}),[]),u=(0,r.useCallback)((e=>{n((t=>t.filter((t=>t.id!==e))))}),[]),l=(0,r.useMemo)((()=>({closeToast:u,addToast:s})),[u,s]);return r.default.createElement(a.ToastContext.Provider,{value:l},e,r.default.createElement("div",{className:o.toast.classnames.wrapper},t.map(((e,t)=>r.default.createElement(i.Toast,{key:e.id,position:t,...e})))))};t.ToastProvider=s,s.displayName="ToastProvider"},958:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastProvider=void 0;const r=n(36);var o=n(36);Object.defineProperty(t,"ToastProvider",{enumerable:!0,get:function(){return o.ToastProvider}}),t.default=r.ToastProvider},802:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.uniqueId=void 0;t.uniqueId=()=>`${Math.floor(Math.random()*Date.now()+1)}`},864:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(15).__exportStar(n(958),t)},786:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastContext=void 0;const r=n(156);t.ToastContext=(0,r.createContext)({})},759:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastContext=void 0;const r=n(786);var o=n(786);Object.defineProperty(t,"ToastContext",{enumerable:!0,get:function(){return o.ToastContext}}),t.default=r.ToastContext},596:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});n(15).__exportStar(n(759),t)},612:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useToast=void 0;var r=n(647);Object.defineProperty(t,"useToast",{enumerable:!0,get:function(){return r.useToast}})},647:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useToast=void 0;var r=n(801);Object.defineProperty(t,"useToast",{enumerable:!0,get:function(){return r.useToast}})},801:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useToast=void 0;const r=n(156),o=n(596);t.useToast=()=>(0,r.useContext)(o.ToastContext)},15:(e,t,n)=>{n.r(t),n.d(t,{__assign:()=>a,__asyncDelegator:()=>q,__asyncGenerator:()=>k,__asyncValues:()=>h,__await:()=>y,__awaiter:()=>l,__classPrivateFieldGet:()=>O,__classPrivateFieldIn:()=>S,__classPrivateFieldSet:()=>P,__createBinding:()=>d,__decorate:()=>c,__exportStar:()=>p,__extends:()=>o,__generator:()=>f,__importDefault:()=>j,__importStar:()=>T,__makeTemplateObject:()=>_,__metadata:()=>u,__param:()=>s,__read:()=>g,__rest:()=>i,__spread:()=>x,__spreadArray:()=>v,__spreadArrays:()=>b,__values:()=>m});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function c(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var c=e.length-1;c>=0;c--)(o=e[c])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function s(e,t){return function(n,r){t(n,r,e)}}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function l(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{s(r.next(e))}catch(e){a(e)}}function c(e){try{s(r.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}s((r=r.apply(e,t||[])).next())}))}function f(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(a){return function(c){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,c])}}}var d=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function p(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||d(t,e,n)}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function x(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}function b(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,c=a.length;i<c;i++,o++)r[o]=a[i];return r}function v(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function y(e){return this instanceof y?(this.v=e,this):new y(e)}function k(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return"),r[Symbol.asyncIterator]=function(){return this},r;function i(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||c(e,t)}))})}function c(e,t){try{(n=o[e](t)).value instanceof y?Promise.resolve(n.value.v).then(s,u):l(a[0][2],n)}catch(e){l(a[0][3],e)}var n}function s(e){c("next",e)}function u(e){c("throw",e)}function l(e,t){e(t),a.shift(),a.length&&c(a[0][0],a[0][1])}}function q(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:y(e[r](t)),done:"return"===r}:o?o(t):t}:o}}function h(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=m(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function _(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var w=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function T(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&d(t,e,n);return w(t,e),t}function j(e){return e&&e.__esModule?e:{default:e}}function O(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function P(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function S(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},633:e=>{e.exports=r},950:e=>{e.exports=t},990:e=>{e.exports=a},102:e=>{e.exports=n},948:e=>{e.exports=o},156:t=>{t.exports=e}},c={};function s(e){var t=c[e];if(void 0!==t)return t.exports;var n=c[e]={id:e,exports:{}};return i[e](n,n.exports,s),n.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.nc=void 0;var u={};return(()=>{var e=u;Object.defineProperty(e,"__esModule",{value:!0}),e.useToast=e.ToastProvider=e.Toast=void 0;const t=s(756);s(683);var n=s(756);Object.defineProperty(e,"Toast",{enumerable:!0,get:function(){return n.Toast}});var r=s(864);Object.defineProperty(e,"ToastProvider",{enumerable:!0,get:function(){return r.ToastProvider}});var o=s(612);Object.defineProperty(e,"useToast",{enumerable:!0,get:function(){return o.useToast}}),e.default=t.Toast})(),u})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/spinner"),require("@nimbus-ds/text"),require("@nimbus-ds/icon"),require("@tiendanube/icons"),require("@nimbus-ds/styles")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/spinner","@nimbus-ds/text","@nimbus-ds/icon","@tiendanube/icons","@nimbus-ds/styles"],t):"object"==typeof exports?exports["@nimbus-ds/toast"]=t(require("react"),require("@nimbus-ds/spinner"),require("@nimbus-ds/text"),require("@nimbus-ds/icon"),require("@tiendanube/icons"),require("@nimbus-ds/styles")):e["@nimbus-ds/toast"]=t(e.react,e["@nimbus-ds/spinner"],e["@nimbus-ds/text"],e["@nimbus-ds/icon"],e["@tiendanube/icons"],e["@nimbus-ds/styles"])}(self,((e,t,r,n,o,a)=>(()=>{"use strict";var i={756:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Toast=void 0;const n=r(15).__importStar(r(156)),o=r(950),a=r(102),i=r(633),u=r(948),s=r(990),c=r(612),l={primary:n.default.createElement(u.InfoCircleIcon,null),danger:n.default.createElement(u.ExclamationTriangleIcon,null),success:n.default.createElement(u.CheckCircleIcon,null),progress:n.default.createElement(u.CheckCircleIcon,null)},f=({className:e,style:t,type:r="primary",duration:u=4e3,position:f=0,autoClose:d=!0,id:p,text:y,...b})=>{const v=(0,n.useRef)(),m=(0,n.useRef)(),[_,h]=(0,n.useState)(!1),{closeToast:w}=(0,c.useToast)(),P=(0,n.useCallback)((()=>{h(!0),v.current=setInterval((()=>{h(!1),m.current=setTimeout((()=>{w(p)}),200)}),u)}),[h,w,p,u,v,m]);(0,n.useEffect)((()=>(d&&P(),()=>{clearInterval(v?.current),clearInterval(m?.current)})),[P,d]);const O=(0,n.useMemo)((()=>"progress"===r),[r]),T=(0,n.useMemo)((()=>_||!d),[d,_]),j=(0,n.useMemo)((()=>r.replace("progress","neutral")),[r]);return n.default.createElement("div",{id:p,className:s.toast.classnames.content[r],style:{transform:T?`translateY(${-32*f}%)`:"translateY(300%)"},"data-testid":"toast-element",...b},!O&&n.default.createElement(i.Icon,{"data-testid":`toast-icon-${j}`,color:`${j}.surface`,source:l[r]}),O&&n.default.createElement(o.Spinner,{"data-testid":`toast-spinner-${j}`,color:"neutral.surface",size:"small"}),n.default.createElement(a.Text,{color:`${j}.surface`,fontSize:"caption",lineHeight:"caption"},y))};t.Toast=f,f.displayName="Toast"},36:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastProvider=void 0;const n=r(15).__importStar(r(156)),o=r(990),a=r(596),i=r(756),u=r(802),s=({children:e})=>{const[t,r]=n.default.useState([]),s=(0,n.useCallback)((({id:e,...t})=>{r((r=>[...r,{...t,id:e||(0,u.uniqueId)()}]))}),[]),c=(0,n.useCallback)((e=>{r((t=>t.filter((t=>t.id!==e))))}),[]),l=(0,n.useMemo)((()=>({closeToast:c,addToast:s})),[c,s]);return n.default.createElement(a.ToastContext.Provider,{value:l},e,n.default.createElement("div",{className:o.toast.classnames.wrapper},t.map(((e,t)=>n.default.createElement(i.Toast,{key:e.id,position:t,...e})))))};t.ToastProvider=s,s.displayName="ToastProvider"},958:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastProvider=void 0;const n=r(36);var o=r(36);Object.defineProperty(t,"ToastProvider",{enumerable:!0,get:function(){return o.ToastProvider}}),t.default=n.ToastProvider},802:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.uniqueId=void 0;t.uniqueId=()=>`${Math.floor(Math.random()*Date.now()+1)}`},864:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(15).__exportStar(r(958),t)},786:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastContext=void 0;const n=r(156);t.ToastContext=(0,n.createContext)({})},759:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ToastContext=void 0;const n=r(786);var o=r(786);Object.defineProperty(t,"ToastContext",{enumerable:!0,get:function(){return o.ToastContext}}),t.default=n.ToastContext},596:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(15).__exportStar(r(759),t)},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useToast=void 0;var n=r(647);Object.defineProperty(t,"useToast",{enumerable:!0,get:function(){return n.useToast}})},647:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useToast=void 0;var n=r(801);Object.defineProperty(t,"useToast",{enumerable:!0,get:function(){return n.useToast}})},801:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useToast=void 0;const n=r(156),o=r(596);t.useToast=()=>(0,n.useContext)(o.ToastContext)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>P,__asyncGenerator:()=>w,__asyncValues:()=>O,__await:()=>h,__awaiter:()=>l,__classPrivateFieldGet:()=>S,__classPrivateFieldIn:()=>C,__classPrivateFieldSet:()=>E,__createBinding:()=>d,__decorate:()=>u,__exportStar:()=>p,__extends:()=>o,__generator:()=>f,__importDefault:()=>x,__importStar:()=>g,__makeTemplateObject:()=>T,__metadata:()=>c,__param:()=>s,__read:()=>b,__rest:()=>i,__spread:()=>v,__spreadArray:()=>_,__spreadArrays:()=>m,__values:()=>y});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function u(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var u=e.length-1;u>=0;u--)(o=e[u])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function s(e,t){return function(r,n){t(r,n,e)}}function c(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function l(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{s(n.next(e))}catch(e){a(e)}}function u(e){try{s(n.throw(e))}catch(e){a(e)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,u)}s((n=n.apply(e,t||[])).next())}))}function f(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function u(a){return function(u){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,n=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],n=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,u])}}}var d=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function p(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||d(t,e,r)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function v(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function m(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,u=a.length;i<u;i++,o++)n[o]=a[i];return n}function _(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function h(e){return this instanceof h?(this.v=e,this):new h(e)}function w(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||u(e,t)}))})}function u(e,t){try{(r=o[e](t)).value instanceof h?Promise.resolve(r.value.v).then(s,c):l(a[0][2],r)}catch(e){l(a[0][3],e)}var r}function s(e){u("next",e)}function c(e){u("throw",e)}function l(e,t){e(t),a.shift(),a.length&&u(a[0][0],a[0][1])}}function P(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:h(e[n](t)),done:"return"===n}:o?o(t):t}:o}}function O(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=y(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function T(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var j=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function g(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&d(t,e,r);return j(t,e),t}function x(e){return e&&e.__esModule?e:{default:e}}function S(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function E(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function C(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},633:e=>{e.exports=n},950:e=>{e.exports=t},990:e=>{e.exports=a},102:e=>{e.exports=r},948:e=>{e.exports=o},156:t=>{t.exports=e}},u={};function s(e){var t=u[e];if(void 0!==t)return t.exports;var r=u[e]={exports:{}};return i[e](r,r.exports,s),r.exports}s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{var e=c;Object.defineProperty(e,"__esModule",{value:!0}),e.useToast=e.ToastProvider=e.Toast=void 0;const t=s(756);var r=s(756);Object.defineProperty(e,"Toast",{enumerable:!0,get:function(){return r.Toast}});var n=s(864);Object.defineProperty(e,"ToastProvider",{enumerable:!0,get:function(){return n.ToastProvider}});var o=s(612);Object.defineProperty(e,"useToast",{enumerable:!0,get:function(){return o.useToast}}),e.default=t.Toast})(),c})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/toast",
-  "version": "1.5.1",
+  "version": "2.0.0-rc.2",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [
@@ -14,10 +14,9 @@
     "version": "yarn version"
   },
   "dependencies": {
-    "@nimbus-ds/icon": "^1.6.0",
-    "@nimbus-ds/spinner": "^1.2.0",
-    "@nimbus-ds/styles": "^5.2.0",
-    "@nimbus-ds/text": "^4.3.0",
+    "@nimbus-ds/icon": "^2.0.0-rc.2",
+    "@nimbus-ds/spinner": "^2.0.0-rc.3",
+    "@nimbus-ds/text": "^5.0.0-rc.2",
     "@tiendanube/icons": "^0.3.1"
   },
   "peerDependencies": {
@@ -34,5 +33,6 @@
   },
   "devDependencies": {
     "webpack": "^5.74.0"
-  }
+  },
+  "stableVersion": "1.5.1"
 }