@xaypay/tui 0.2.4 → 0.2.6

package/dist/index.es.js

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import _ from 'lodash';
 import styled, { keyframes, css } from 'styled-components';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
@@ -5268,17 +5268,22 @@ Toast.propTypes = {
   type: PropTypes.oneOf(Object.values(ToasterType)).isRequired
 };
 
-let toastify;
+let toastify = document.getElementById('toastify');
 let path = window.location.href;
 let wWidth = window.innerWidth;
 const removeToast = ref => {
-  // eslint-disable-next-line react/no-find-dom-node
-  const node = ReactDOM.findDOMNode(ref.current);
-  const removeElem = node.parentNode;
-  const parent = removeElem.parentNode;
-  parent.removeChild(removeElem);
-  if (!parent.hasChildNodes()) {
-    toastify.removeChild(parent);
+  if (ref.current) {
+    const node = ref.current;
+    const removeElem = node.parentNode;
+    const parent = removeElem.parentNode;
+    if (parent && parent.contains(removeElem)) {
+      parent.removeChild(removeElem);
+    }
+    if (!parent.hasChildNodes()) {
+      if (toastify && toastify.contains(parent)) {
+        toastify.removeChild(parent);
+      }
+    }
   }
 };
 const createToast = ({
@@ -5292,7 +5297,9 @@ const createToast = ({
 }) => {
   let toastParentBlock;
   if (!toastify) {
-    toastify = document.getElementById('toastify');
+    toastify = document.createElement('div');
+    toastify.setAttribute('id', 'toastify');
+    document.body.appendChild(toastify);
   }
   const toastBlock = document.createElement('div');
   toastBlock.style.position = 'relative';
@@ -5403,7 +5410,8 @@ const Toaster = ({
   window.addEventListener('popstate', () => {
     if (path !== window.location.href) {
       if (!toastify) {
-        toastify = document.getElementById('toastify');
+        toastify = document.createElement('div');
+        toastify.setAttribute('id', 'toastify');
       }
       if (toastify.hasChildNodes()) {
         toastify.innerHTML = '';

package/dist/index.js

@@ -7,7 +7,7 @@ var PropTypes = require('prop-types');
 var classnames = require('classnames');
 var _ = require('lodash');
 var styled = require('styled-components');
-var ReactDOM = require('react-dom');
+var ReactDOM = require('react-dom/client');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -5299,17 +5299,22 @@ Toast.propTypes = {
   type: PropTypes__default["default"].oneOf(Object.values(ToasterType)).isRequired
 };
 
-let toastify;
+let toastify = document.getElementById('toastify');
 let path = window.location.href;
 let wWidth = window.innerWidth;
 const removeToast = ref => {
-  // eslint-disable-next-line react/no-find-dom-node
-  const node = ReactDOM__default["default"].findDOMNode(ref.current);
-  const removeElem = node.parentNode;
-  const parent = removeElem.parentNode;
-  parent.removeChild(removeElem);
-  if (!parent.hasChildNodes()) {
-    toastify.removeChild(parent);
+  if (ref.current) {
+    const node = ref.current;
+    const removeElem = node.parentNode;
+    const parent = removeElem.parentNode;
+    if (parent && parent.contains(removeElem)) {
+      parent.removeChild(removeElem);
+    }
+    if (!parent.hasChildNodes()) {
+      if (toastify && toastify.contains(parent)) {
+        toastify.removeChild(parent);
+      }
+    }
   }
 };
 const createToast = ({
@@ -5323,7 +5328,9 @@ const createToast = ({
 }) => {
   let toastParentBlock;
   if (!toastify) {
-    toastify = document.getElementById('toastify');
+    toastify = document.createElement('div');
+    toastify.setAttribute('id', 'toastify');
+    document.body.appendChild(toastify);
   }
   const toastBlock = document.createElement('div');
   toastBlock.style.position = 'relative';
@@ -5434,7 +5441,8 @@ const Toaster = ({
   window.addEventListener('popstate', () => {
     if (path !== window.location.href) {
       if (!toastify) {
-        toastify = document.getElementById('toastify');
+        toastify = document.createElement('div');
+        toastify.setAttribute('id', 'toastify');
       }
       if (toastify.hasChildNodes()) {
         toastify.innerHTML = '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaypay/tui",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.es.js",