@xaypay/tui 0.2.4 → 0.2.5

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
@@ -5272,13 +5272,18 @@ let 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 = ({
@@ -5319,8 +5324,8 @@ const createToast = ({
     toastParentBlock.style.zIndex = 999999999999;
     toastParentBlock.style.flexDirection = position === 'top-left' || position === 'top-right' || position === 'top-center' ? 'column-reverse' : 'column';
     toastParentBlock.setAttribute('id', styles$5[position]);
-    toastParentBlock.appendChild(toastBlock);
-    toastify.appendChild(toastParentBlock);
+    toastParentBlock && toastParentBlock.appendChild(toastBlock);
+    toastify && toastify.appendChild(toastParentBlock);
   } else {
     document.getElementById(styles$5[position]).appendChild(toastBlock);
   }

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 }; }
 
@@ -5303,13 +5303,18 @@ let 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 = ({
@@ -5350,8 +5355,8 @@ const createToast = ({
     toastParentBlock.style.zIndex = 999999999999;
     toastParentBlock.style.flexDirection = position === 'top-left' || position === 'top-right' || position === 'top-center' ? 'column-reverse' : 'column';
     toastParentBlock.setAttribute('id', styles$5[position]);
-    toastParentBlock.appendChild(toastBlock);
-    toastify.appendChild(toastParentBlock);
+    toastParentBlock && toastParentBlock.appendChild(toastBlock);
+    toastify && toastify.appendChild(toastParentBlock);
   } else {
     document.getElementById(styles$5[position]).appendChild(toastBlock);
   }

package/package.json

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