react-simple-toasts
Advanced tools
Comparing version 3.1.1 to 3.1.2
@@ -0,0 +0,0 @@ import { ReactNode, SyntheticEvent } from 'react'; |
@@ -1,2 +0,1 @@ | ||
import { __assign } from '/Users/cmlee/Code/react-simple-toasts/node_modules/tslib/tslib.es6.js'; | ||
import React, { useRef, useLayoutEffect } from 'react'; | ||
@@ -7,2 +6,28 @@ import styleInject from '/Users/cmlee/Code/react-simple-toasts/node_modules/style-inject/dist/style-inject.es.js'; | ||
/****************************************************************************** | ||
Copyright (c) Microsoft Corporation. | ||
Permission to use, copy, modify, and/or distribute this software for any | ||
purpose with or without fee is hereby granted. | ||
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH | ||
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY | ||
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, | ||
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM | ||
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR | ||
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR | ||
PERFORMANCE OF THIS SOFTWARE. | ||
***************************************************************************** */ | ||
var exports.__assign = function() { | ||
exports.__assign = Object.assign || function __assign(t) { | ||
for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
s = arguments[i]; | ||
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; | ||
} | ||
return t; | ||
}; | ||
return exports.__assign.apply(this, arguments); | ||
}; | ||
var css = "#style_toast_container__o6MeG * {\n box-sizing: border-box;\n}\n.style_toast-list__378gH {\n box-sizing: border-box;\n position: fixed;\n z-index: 1000;\n line-height: 1.5;\n text-align: center;\n}\n.style_toast-list__378gH.style_bottom-left__3rQi7 {\n bottom: 20px;\n left: 30px;\n transform: translateX(0) translateZ(0);\n}\n.style_toast-list__378gH.style_bottom-center__2nLJ3 {\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%) translateZ(0);\n}\n.style_toast-list__378gH.style_bottom-right__2bG3x {\n right: 30px;\n bottom: 20px;\n left: auto;\n transform: translateX(0) translateZ(0);\n}\n.style_toast-list__378gH.style_top-left__3yYnl {\n top: 30px;\n left: 30px;\n transform: translateX(0) translateZ(0);\n}\n.style_toast-list__378gH.style_top-center__MLFiJ {\n top: 30px;\n left: 50%;\n transform: translateX(-50%) translateZ(0);\n}\n.style_toast-list__378gH.style_top-right__21C_h {\n top: 30px;\n right: 30px;\n left: auto;\n transform: translateX(0) translateZ(0);\n}\n.style_toast-message__3rB_q {\n opacity: 0;\n margin-bottom: 10px;\n transition: height 0.3s, opacity 0.3s, transform 0.3s;\n}\n.style_top-left__3yYnl .style_toast-message__3rB_q,\n.style_top-center__MLFiJ .style_toast-message__3rB_q,\n.style_top-right__21C_h .style_toast-message__3rB_q {\n transform: translateY(-10px);\n}\n.style_toast-content__kl8dC {\n display: inline-block;\n overflow: hidden;\n min-width: 290px;\n padding: 12px 22px;\n background: rgba(0, 0, 10, 0.8);\n box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.2);\n border-radius: 40px;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto,\n 'Helvetica Neue', Arial, sans-serif;\n color: #fff;\n font-size: 16px;\n text-align: center;\n line-height: 1.5;\n vertical-align: top;\n white-space: pre-line;\n}\n.style_clickable__1kaol {\n cursor: pointer;\n}\n.style_toast-message__3rB_q.toast-enter,\n.style_toast-message__3rB_q.toast-appear {\n height: 0;\n}\n.style_toast-message__3rB_q.toast-enter-active,\n.style_toast-message__3rB_q.toast-appear-active {\n opacity: 1;\n transform: translateY(0px);\n}\n.style_toast-message__3rB_q.toast-enter-done,\n.style_toast-message__3rB_q.toast-appear-done {\n opacity: 1;\n transform: translateY(0px);\n}\n.style_toast-message__3rB_q.toast-exit-active {\n transform: translateY(-10px);\n}\n"; | ||
@@ -25,3 +50,3 @@ var styles = {"toast_container":"style_toast_container__o6MeG","toast-list":"style_toast-list__378gH","bottom-left":"style_bottom-left__3rQi7","bottom-center":"style_bottom-center__2nLJ3","bottom-right":"style_bottom-right__2bG3x","top-left":"style_top-left__3yYnl","top-center":"style_top-center__MLFiJ","top-right":"style_top-right__21C_h","toast-message":"style_toast-message__3rB_q","toast-content":"style_toast-content__kl8dC","clickable":"style_clickable__1kaol"}; | ||
}; | ||
var fullClone = __assign({}, ReactDOM); | ||
var fullClone = exports.__assign({}, ReactDOM); | ||
var version = fullClone.version, | ||
@@ -35,3 +60,5 @@ reactRender = fullClone.render; | ||
} | ||
} catch (e) {} | ||
} catch (e) { | ||
// Do nothing; | ||
} | ||
function toggleWarning(skip) { | ||
@@ -121,3 +148,3 @@ var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; | ||
var _a; | ||
return __assign(__assign({}, acc), (_a = {}, _a[position] = [], _a)); | ||
return exports.__assign(exports.__assign({}, acc), (_a = {}, _a[position] = [], _a)); | ||
}, {}); | ||
@@ -136,3 +163,3 @@ var toastListByPosition = toastComponentList.reduce(function (acc, toast) { | ||
}, toastsByPosition.map(function (t) { | ||
return React.createElement(CSSTransition, __assign({ | ||
return React.createElement(CSSTransition, exports.__assign({ | ||
key: t.id, | ||
@@ -175,3 +202,3 @@ timeout: 300, | ||
className: "".concat(styles['toast-message'], " ").concat(className) | ||
}, render ? render(message) : React.createElement("div", __assign({ | ||
}, render ? render(message) : React.createElement("div", exports.__assign({ | ||
className: contentClassNames | ||
@@ -178,0 +205,0 @@ }, clickable && clickableProps), message)); |
@@ -5,3 +5,3 @@ 'use strict'; | ||
var tslib_es6_js = require('/Users/cmlee/Code/react-simple-toasts/node_modules/tslib/tslib.es6.js'); | ||
var _tslib = require('./_virtual/_tslib.js'); | ||
var React = require('react'); | ||
@@ -71,3 +71,3 @@ var style = require('./style.css.js'); | ||
var _a; | ||
return tslib_es6_js.__assign(tslib_es6_js.__assign({}, acc), (_a = {}, _a[position] = [], _a)); | ||
return _tslib.__assign(_tslib.__assign({}, acc), (_a = {}, _a[position] = [], _a)); | ||
}, {}); | ||
@@ -86,3 +86,3 @@ var toastListByPosition = toastComponentList.reduce(function (acc, toast) { | ||
}, toastsByPosition.map(function (t) { | ||
return React.createElement(reactTransitionGroup.CSSTransition, tslib_es6_js.__assign({ | ||
return React.createElement(reactTransitionGroup.CSSTransition, _tslib.__assign({ | ||
key: t.id, | ||
@@ -125,3 +125,3 @@ timeout: 300, | ||
className: "".concat(style.default['toast-message'], " ").concat(className) | ||
}, render ? render(message) : React.createElement("div", tslib_es6_js.__assign({ | ||
}, render ? render(message) : React.createElement("div", _tslib.__assign({ | ||
className: contentClassNames | ||
@@ -128,0 +128,0 @@ }, clickable && clickableProps), message)); |
export declare const createElement: (id: string) => HTMLElement; | ||
export declare const addRootElement: (rootElem: HTMLElement) => HTMLElement; |
import type * as React from 'react'; | ||
export declare function render(node: React.ReactElement, container: Element): void; |
'use strict'; | ||
var tslib_es6_js = require('/Users/cmlee/Code/react-simple-toasts/node_modules/tslib/tslib.es6.js'); | ||
var _tslib = require('../_virtual/_tslib.js'); | ||
var ReactDOM = require('react-dom'); | ||
function _interopNamespaceDefault(e) { | ||
var n = Object.create(null); | ||
if (e) { | ||
Object.keys(e).forEach(function (k) { | ||
if (k !== 'default') { | ||
var d = Object.getOwnPropertyDescriptor(e, k); | ||
Object.defineProperty(n, k, d.get ? d : { | ||
enumerable: true, | ||
get: function () { return e[k]; } | ||
}); | ||
} | ||
var n = Object.create(null); | ||
if (e) { | ||
Object.keys(e).forEach(function (k) { | ||
if (k !== 'default') { | ||
var d = Object.getOwnPropertyDescriptor(e, k); | ||
Object.defineProperty(n, k, d.get ? d : { | ||
enumerable: true, | ||
get: function () { return e[k]; } | ||
}); | ||
} | ||
n.default = e; | ||
return Object.freeze(n); | ||
} | ||
}); | ||
} | ||
n.default = e; | ||
return Object.freeze(n); | ||
} | ||
@@ -28,3 +28,3 @@ | ||
}; | ||
var fullClone = tslib_es6_js.__assign({}, ReactDOM__namespace); | ||
var fullClone = _tslib.__assign({}, ReactDOM__namespace); | ||
var version = fullClone.version, | ||
@@ -38,3 +38,5 @@ reactRender = fullClone.render; | ||
} | ||
} catch (e) {} | ||
} catch (e) { | ||
// Do nothing; | ||
} | ||
function toggleWarning(skip) { | ||
@@ -41,0 +43,0 @@ var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; |
{ | ||
"name": "react-simple-toasts", | ||
"version": "3.1.1", | ||
"version": "3.1.2", | ||
"description": "Simple toast popup for React", | ||
@@ -31,3 +31,2 @@ "author": "almond-bongbong", | ||
"@rollup/plugin-node-resolve": "^15.0.1", | ||
"@rollup/plugin-typescript": "^11.0.0", | ||
"@types/jest": "^23.1.5", | ||
@@ -44,3 +43,5 @@ "@types/react": "^18.0.20", | ||
"rollup-plugin-postcss": "^1.6.2", | ||
"typescript": "^4.0.8" | ||
"rollup-plugin-typescript2": "^0.34.1", | ||
"tslib": "^2.4.1", | ||
"typescript": "^4.9.4" | ||
}, | ||
@@ -47,0 +48,0 @@ "files": [ |
541506
52
3319
17