@xaypay/tui 0.2.5 → 0.2.7

package/dist/index.es.js

@@ -2276,7 +2276,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$a = ".table-module_sorting-arrows__BaN-G:after{content:\"▲\";font-size:11px;position:absolute;right:0;top:calc(50% - 12px)}.table-module_sorting-arrows__BaN-G:before{bottom:calc(50% - 12px);content:\"▼\";font-size:11px;position:absolute;right:0}.table-module_td-span__XHo6k{display:inline-block;position:relative}.table-module_td-span__XHo6k>svg{left:0;position:absolute;top:0;z-index:-1}.table-module_list-text__kmKIq{cursor:pointer;margin:0 0 8px;white-space:wrap}.table-module_dots-option-item__jNOxO{box-sizing:border-box;cursor:pointer;display:flex;height:39px;margin-bottom:2px;padding:10px;position:relative;width:100%}.table-module_dots-option-item__jNOxO:after{background-color:#eee;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;content:\"\";height:2px;left:10px;position:absolute;top:calc(100% - 2px);width:calc(100% - 20px)}.table-module_dots-option-item__jNOxO:last-child:after{display:none}";
+var css_248z$a = ".table-module_sorting-arrows__BaN-G:after{content:\"▲\";font-size:11px;position:absolute;right:0;top:calc(50% - 12px)}.table-module_sorting-arrows__BaN-G:before{bottom:calc(50% - 12px);content:\"▼\";font-size:11px;position:absolute;right:0}.table-module_td-span__XHo6k{display:inline-block;position:relative}.table-module_td-span__XHo6k>svg{left:0;position:absolute;top:0;z-index:-1}.table-module_list-text__kmKIq{align-items:center;cursor:pointer;display:flex;margin:0 0 8px;min-height:38px;white-space:wrap}.table-module_dots-option-item__jNOxO{box-sizing:border-box;cursor:pointer;display:flex;height:39px;margin-bottom:2px;padding:10px;position:relative;width:100%}.table-module_dots-option-item__jNOxO:after{background-color:#eee;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;content:\"\";height:2px;left:10px;position:absolute;top:calc(100% - 2px);width:calc(100% - 20px)}.table-module_dots-option-item__jNOxO:last-child:after{display:none}";
 var styles$9 = {"sorting-arrows":"table-module_sorting-arrows__BaN-G","td-span":"table-module_td-span__XHo6k","list-text":"table-module_list-text__kmKIq","dots-option-item":"table-module_dots-option-item__jNOxO"};
 styleInject(css_248z$a);
 
@@ -2574,7 +2574,8 @@ const TD = ({
         key: `__${innerItemIndex}__`,
         style: {
           display: 'flex',
-          justifyContent: 'center'
+          justifyContent: 'center',
+          marginTop: innerItemIndex === 0 ? '28px' : '0px'
         }
       }, innerItem.content.map((contInnerItem, contInnerIndex) => {
         return /*#__PURE__*/React__default.createElement("p", {
@@ -5268,7 +5269,7 @@ 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 => {
@@ -5297,7 +5298,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';
@@ -5324,8 +5327,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 && toastParentBlock.appendChild(toastBlock);
-    toastify && toastify.appendChild(toastParentBlock);
+    toastParentBlock.appendChild(toastBlock);
+    toastify.appendChild(toastParentBlock);
   } else {
     document.getElementById(styles$5[position]).appendChild(toastBlock);
   }
@@ -5408,7 +5411,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

@@ -2307,7 +2307,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$a = ".table-module_sorting-arrows__BaN-G:after{content:\"▲\";font-size:11px;position:absolute;right:0;top:calc(50% - 12px)}.table-module_sorting-arrows__BaN-G:before{bottom:calc(50% - 12px);content:\"▼\";font-size:11px;position:absolute;right:0}.table-module_td-span__XHo6k{display:inline-block;position:relative}.table-module_td-span__XHo6k>svg{left:0;position:absolute;top:0;z-index:-1}.table-module_list-text__kmKIq{cursor:pointer;margin:0 0 8px;white-space:wrap}.table-module_dots-option-item__jNOxO{box-sizing:border-box;cursor:pointer;display:flex;height:39px;margin-bottom:2px;padding:10px;position:relative;width:100%}.table-module_dots-option-item__jNOxO:after{background-color:#eee;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;content:\"\";height:2px;left:10px;position:absolute;top:calc(100% - 2px);width:calc(100% - 20px)}.table-module_dots-option-item__jNOxO:last-child:after{display:none}";
+var css_248z$a = ".table-module_sorting-arrows__BaN-G:after{content:\"▲\";font-size:11px;position:absolute;right:0;top:calc(50% - 12px)}.table-module_sorting-arrows__BaN-G:before{bottom:calc(50% - 12px);content:\"▼\";font-size:11px;position:absolute;right:0}.table-module_td-span__XHo6k{display:inline-block;position:relative}.table-module_td-span__XHo6k>svg{left:0;position:absolute;top:0;z-index:-1}.table-module_list-text__kmKIq{align-items:center;cursor:pointer;display:flex;margin:0 0 8px;min-height:38px;white-space:wrap}.table-module_dots-option-item__jNOxO{box-sizing:border-box;cursor:pointer;display:flex;height:39px;margin-bottom:2px;padding:10px;position:relative;width:100%}.table-module_dots-option-item__jNOxO:after{background-color:#eee;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;content:\"\";height:2px;left:10px;position:absolute;top:calc(100% - 2px);width:calc(100% - 20px)}.table-module_dots-option-item__jNOxO:last-child:after{display:none}";
 var styles$9 = {"sorting-arrows":"table-module_sorting-arrows__BaN-G","td-span":"table-module_td-span__XHo6k","list-text":"table-module_list-text__kmKIq","dots-option-item":"table-module_dots-option-item__jNOxO"};
 styleInject(css_248z$a);
 
@@ -2605,7 +2605,8 @@ const TD = ({
         key: `__${innerItemIndex}__`,
         style: {
           display: 'flex',
-          justifyContent: 'center'
+          justifyContent: 'center',
+          marginTop: innerItemIndex === 0 ? '28px' : '0px'
         }
       }, innerItem.content.map((contInnerItem, contInnerIndex) => {
         return /*#__PURE__*/React__default["default"].createElement("p", {
@@ -5299,7 +5300,7 @@ 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 => {
@@ -5328,7 +5329,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';
@@ -5355,8 +5358,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 && toastParentBlock.appendChild(toastBlock);
-    toastify && toastify.appendChild(toastParentBlock);
+    toastParentBlock.appendChild(toastBlock);
+    toastify.appendChild(toastParentBlock);
   } else {
     document.getElementById(styles$5[position]).appendChild(toastBlock);
   }
@@ -5439,7 +5442,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.5",
+  "version": "0.2.7",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.es.js",