@polygon.io/core/dist/components/Toast/index.js

A set of themeable UI components for React

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault"),_typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:!0}),exports["default"]=void 0;var _react=_interopRequireWildcard(require("react")),_extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends")),_objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")),_styledComponents=_interopRequireDefault(require("styled-components")),_LoadingProgressCircle=_interopRequireDefault(require("../Loading/LoadingProgressCircle")),_Container=_interopRequireDefault(require("../Container")),_Padding=_interopRequireDefault(require("../Padding")),_Box=_interopRequireDefault(require("../Box")),_Margin=_interopRequireDefault(require("../Margin")),_excluded=["children","duration","icon","onClose","open","sticky","type"];function _getRequireWildcardCache(a){if("function"!=typeof WeakMap)return null;var b=new WeakMap,c=new WeakMap;return(_getRequireWildcardCache=function(a){return a?c:b})(a)}function _interopRequireWildcard(a,b){if(!b&&a&&a.__esModule)return a;if(null===a||"object"!==_typeof(a)&&"function"!=typeof a)return{default:a};var c=_getRequireWildcardCache(b);if(c&&c.has(a))return c.get(a);var d={},e=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in a)if("default"!=f&&Object.prototype.hasOwnProperty.call(a,f)){var g=e?Object.getOwnPropertyDescriptor(a,f):null;g&&(g.get||g.set)?Object.defineProperty(d,f,g):d[f]=a[f]}return d["default"]=a,c&&c.set(a,d),d}var __jsx=_react["default"].createElement,HIDE_DURATION=300,CLSContainer=_styledComponents["default"].div.withConfig({displayName:"Toast__CLSContainer",componentId:"sc-wtv3vq-0"})(["flex:none;width:",";height:",";i{color:",";}&&& svg{vertical-align:baseline;width:100%;height:100%;}"],function(a){var b=a.theme;return b.spacing.s3},function(a){var b=a.theme;return b.spacing.s3},function(a){var b,c,d=a.theme,e=a.color;return(null===(b=d.color.background)||void 0===b?void 0:b[e])||(null===(c=d.color.content)||void 0===c?void 0:c[e])}),CircleWrapper=_styledComponents["default"].div.withConfig({displayName:"Toast__CircleWrapper",componentId:"sc-wtv3vq-1"})(["position:relative;width:100%;height:100%;width:",";height:",";cursor:pointer;"],function(a){var b=a.theme;return b.spacing.s4},function(a){var b=a.theme;return b.spacing.s4}),CloseIcon=_styledComponents["default"].i.withConfig({displayName:"Toast__CloseIcon",componentId:"sc-wtv3vq-2"})(["&&& svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:",";}"],function(a){var b=a.theme;return b.spacing.s2}),Strip=_styledComponents["default"].div.withConfig({displayName:"Toast__Strip",componentId:"sc-wtv3vq-3"})(["width:",";position:absolute;left:0;top:0;bottom:0;border-top-left-radius:",";border-bottom-left-radius:",";background-color:",";"],function(a){var b=a.theme;return b.spacing.s2},function(a){var b=a.theme;return b.radius},function(a){var b=a.theme;return b.radius},function(a){var b,c,d=a.theme,e=a.color;return e?(null===(b=d.color.background)||void 0===b?void 0:b[e])||(null===(c=d.color.content)||void 0===c?void 0:c[e]):d.color.content.warning}),StyledBox=(0,_styledComponents["default"])(_Box["default"]).withConfig({displayName:"Toast__StyledBox",componentId:"sc-wtv3vq-4"})(["display:flex;position:relative;overflow:hidden;max-height:0;width:100%;transition-property:max-height,padding;transition-duration:","ms;transition-timing-function:linear;padding:",";max-height:",";box-shadow:",";border-radius:",";background-color:",";"],HIDE_DURATION,function(a){var b=a.open,c=a.theme;return b?"calc(".concat(c.spacing.s1," * 1.5) 0"):0},function(a){var b=a.open;return b?"150px":0},function(a){var b=a.theme;return b.shadow},function(a){var b=a.theme;return b.radius},function(a){var b=a.theme;return b.color.background.input}),RelativeContainer=_styledComponents["default"].div.withConfig({displayName:"Toast__RelativeContainer",componentId:"sc-wtv3vq-5"})(["position:relative;overflow:visible;width:",";height:",";margin-left:",";"],function(a){var b=a.theme;return b.spacing.s4},function(a){var b=a.theme;return b.spacing.s4},function(a){var b=a.theme;return"".concat(b.spacing.s3)}),StyledContainer=(0,_styledComponents["default"])(_Container["default"]).withConfig({displayName:"Toast__StyledContainer",componentId:"sc-wtv3vq-6"})(["width:100%;"]),attributes={info:{icon:"fas fa-info-circle",color:"accent"},success:{icon:"fas fa-check-circle",color:"success"},warning:{icon:"fas fa-exclamation-triangle",color:"warning"},error:{icon:"fas fa-exclamation-triangle",color:"danger"},delayed:{icon:"fas fa-history",color:"accent"},experimental:{icon:"fas fa-flask",color:"success"}},Toast=function(a){var b,c,d=a.children,e=a.duration,f=a.icon,g=a.onClose,h=a.open,i=a.sticky,j=a.type,k=(0,_objectWithoutProperties2["default"])(a,_excluded);return(0,_react.useEffect)(function(){var a;return h&&e&&(a=setTimeout(g,e)),function(){return clearTimeout(a)}},[e,h,g]),__jsx(StyledBox,(0,_extends2["default"])({open:h,shadow:!0},k),__jsx(Strip,{color:attributes[j].color}),__jsx(_Padding["default"],{x:"4",y:"2"},__jsx(StyledContainer,{alignItems:"center"},f&&__jsx(_Margin["default"],{r:"2"},__jsx(CLSContainer,{color:null===attributes||void 0===attributes||null===(b=attributes[j])||void 0===b?void 0:b.color},__jsx("i",{className:"".concat(null===attributes||void 0===attributes||null===(c=attributes[j])||void 0===c?void 0:c.icon)}))),__jsx(StyledContainer,{alignItems:"center",justifyContent:"space-between"},d,!i&&__jsx(RelativeContainer,{onClick:function onClick(){return g()}},__jsx(CircleWrapper,null,h&&__jsx(_LoadingProgressCircle["default"],{absolute:!0,duration:e,size:"6"}),__jsx(CloseIcon,{className:"fal fa-times"})))))))};Toast.defaultProps={children:null,duration:0,icon:!0,onClose:function onClose(){},open:!1,sticky:!1,type:"info"};var _default=Toast;exports["default"]=_default;