@antscorp/antsomi-ui 2.0.7 → 2.0.8-3.text-editor-beta.1

package/es/providers/ConfigProvider/GlobalStyle.js

@@ -1,5 +1,4 @@
-// Libraries
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Global, css } from '@emotion/react';
 // Constants
 import { THEME, globalToken } from '@antscorp/antsomi-ui/es/constants';
@@ -10,9 +9,7 @@ import { far } from '@fortawesome/free-regular-svg-icons';
 import { fab } from '@fortawesome/free-brands-svg-icons';
 library.add(fas, far, fab);
 const { accent7, gray5, scrollBarSize, bw3, bw4, bw5 } = THEME.token || {};
-export const GlobalStyle = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41;
-    return (React.createElement(Global, { styles: css `
+export const GlobalStyle = () => (_jsx(Global, { styles: css `
       @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
 
       :root {
@@ -126,6 +123,18 @@ export const GlobalStyle = () => {
         }
       }
 
+      /* Tooltip */
+      .antsomi-tooltip {
+        .antsomi-tooltip-content {
+          .antsomi-tooltip-inner {
+            a {
+              color: inherit;
+              font-weight: bold;
+            }
+          }
+        }
+      }
+
       /* Button */
       .antsomi-btn {
         font-weight: 700 !important;
@@ -141,20 +150,20 @@ export const GlobalStyle = () => {
 
       .antsomi-btn-default {
         &:not(:disabled):hover {
-          border-color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.blue3} !important;
-          background-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.blue} !important;
+          border-color: ${THEME.token?.blue3} !important;
+          background-color: ${THEME.token?.blue} !important;
         }
         &:not(:disabled).antsomi-btn-default-active {
-          border-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.colorPrimary} !important;
-          background-color: ${(_d = THEME.token) === null || _d === void 0 ? void 0 : _d.blue1_1} !important;
+          border-color: ${THEME.token?.colorPrimary} !important;
+          background-color: ${THEME.token?.blue1_1} !important;
         }
 
         &.antsomi-btn-dangerous {
-          border-color: ${(_e = THEME.token) === null || _e === void 0 ? void 0 : _e.red2} !important;
+          border-color: ${THEME.token?.red2} !important;
 
           &:not(:disabled):hover {
-            border-color: ${(_f = THEME.token) === null || _f === void 0 ? void 0 : _f.red3} !important;
-            background-color: ${(_g = THEME.token) === null || _g === void 0 ? void 0 : _g.red} !important;
+            border-color: ${THEME.token?.red3} !important;
+            background-color: ${THEME.token?.red} !important;
           }
         }
 
@@ -172,7 +181,7 @@ export const GlobalStyle = () => {
 
       .antsomi-btn-text:disabled,
       .antsomi-btn-link:disabled {
-        color: ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.bw6} !important;
+        color: ${THEME.token?.bw6} !important;
       }
 
       /* .antsomi-btn-primary:disabled, */
@@ -181,15 +190,15 @@ export const GlobalStyle = () => {
       .antsomi-btn-disabled,
       .antsomi-btn-default.antsomi-btn-dangerous:disabled,
       .antsomi-btn-primary.antsomi-btn-dangerous:disabled {
-        border-color: ${(_j = THEME.token) === null || _j === void 0 ? void 0 : _j.bw4} !important;
+        border-color: ${THEME.token?.bw4} !important;
       }
 
       .antsomi-btn-default:disabled,
       .antsomi-btn-dashed:disabled,
       .antsomi-btn-disabled,
       .antsomi-btn-default.antsomi-btn-dangerous:disabled {
-        color: ${(_k = THEME.token) === null || _k === void 0 ? void 0 : _k.bw6} !important;
-        background-color: ${(_l = THEME.token) === null || _l === void 0 ? void 0 : _l.bw2} !important;
+        color: ${THEME.token?.bw6} !important;
+        background-color: ${THEME.token?.bw2} !important;
       }
 
       // NOTE: Just hot fix for easy looking
@@ -204,7 +213,7 @@ export const GlobalStyle = () => {
           content: '';
           position: absolute;
           left: 0px;
-          background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.blue5} !important;
+          background-color: ${globalToken?.blue5} !important;
           top: auto !important;
           height: 80% !important;
           width: 1px !important;
@@ -212,7 +221,7 @@ export const GlobalStyle = () => {
 
         &:disabled {
           &::before {
-            background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw4} !important;
+            background-color: ${globalToken?.bw4} !important;
           }
         }
 
@@ -232,37 +241,48 @@ export const GlobalStyle = () => {
         box-shadow: none !important;
 
         &:hover {
-          background-color: ${(_m = THEME.token) === null || _m === void 0 ? void 0 : _m.blue};
+          background-color: ${THEME.token?.blue};
         }
       }
 
+      .antsomi-input-disabled {
+        border-color: ${THEME.token?.bw3} !important;
+        background-color: ${THEME.token?.bw0} !important;
+      }
+
       .antsomi-input {
         &:focus {
-          background-color: ${(_o = THEME.token) === null || _o === void 0 ? void 0 : _o.bw0};
+          background-color: ${THEME.token?.bw0};
         }
       }
 
       .antsomi-input-affix-wrapper {
         &:hover {
           > input.antsomi-input {
-            background-color: ${(_p = THEME.token) === null || _p === void 0 ? void 0 : _p.blue};
+            background-color: ${THEME.token?.blue};
           }
         }
 
         &.antsomi-input-affix-wrapper-focused {
-          background-color: ${(_q = THEME.token) === null || _q === void 0 ? void 0 : _q.bw0};
+          background-color: ${THEME.token?.bw0};
 
           > input.antsomi-input {
-            background-color: ${(_r = THEME.token) === null || _r === void 0 ? void 0 : _r.bw0};
+            background-color: ${THEME.token?.bw0};
           }
         }
       }
 
+      .antsomi-input-affix-wrapper-disabled {
+        background-color: ${THEME.token?.bw0} !important;
+        color: ${THEME.token?.bw8} !important;
+        border-color: ${THEME.token?.bw3} !important;
+      }
+
       .antsomi-input-status-error:not(.antsomi-input-disabled):not(
           .antsomi-input-borderless
         ).antsomi-input {
         &:hover {
-          background-color: ${(_s = THEME.token) === null || _s === void 0 ? void 0 : _s.red};
+          background-color: ${THEME.token?.red};
         }
       }
 
@@ -270,7 +290,7 @@ export const GlobalStyle = () => {
           .antsomi-input-borderless
         ).antsomi-input {
         &:hover {
-          background-color: ${(_t = THEME.token) === null || _t === void 0 ? void 0 : _t.gold1};
+          background-color: ${THEME.token?.gold1};
         }
       }
 
@@ -279,7 +299,7 @@ export const GlobalStyle = () => {
         ).antsomi-input-affix-wrapper {
         &:hover,
         &:hover > input.antsomi-input {
-          background-color: ${(_u = THEME.token) === null || _u === void 0 ? void 0 : _u.red};
+          background-color: ${THEME.token?.red};
         }
       }
 
@@ -288,7 +308,7 @@ export const GlobalStyle = () => {
         ).antsomi-input-affix-wrapper {
         &:hover,
         &:hover > input.antsomi-input {
-          background-color: ${(_v = THEME.token) === null || _v === void 0 ? void 0 : _v.gold1};
+          background-color: ${THEME.token?.gold1};
         }
       }
 
@@ -306,17 +326,17 @@ export const GlobalStyle = () => {
           .antsomi-pagination-size-changer
         ):hover
         .antsomi-select-selector {
-        border-color: ${(_w = THEME.token) === null || _w === void 0 ? void 0 : _w.blue1} !important;
-        background-color: ${(_x = THEME.token) === null || _x === void 0 ? void 0 : _x.blue} !important;
+        border-color: ${THEME.token?.blue1} !important;
+        background-color: ${THEME.token?.blue} !important;
       }
 
       .antsomi-select-disabled.antsomi-select:not(.antsomi-select-customize-input)
         .antsomi-select-selector {
-        border-color: ${(_y = THEME.token) === null || _y === void 0 ? void 0 : _y.bw4};
+        border-color: ${THEME.token?.bw4};
       }
 
       .antsomi-select-disabled.antsomi-select:not(.antsomi-select-customize-input) .antsomi-tag {
-        background-color: ${(_z = THEME.token) === null || _z === void 0 ? void 0 : _z.bw4} !important;
+        background-color: ${THEME.token?.bw4} !important;
       }
 
       .antsomi-select-selector {
@@ -359,28 +379,28 @@ export const GlobalStyle = () => {
 
       .antsomi-input-number-group-addon {
         border-width: 0 0 1px 0 !important;
-        background-color: ${(_0 = THEME.token) === null || _0 === void 0 ? void 0 : _0.bw0} !important;
+        background-color: ${THEME.token?.bw0} !important;
         box-shadow: none !important;
       }
 
       .antsomi-input-number:hover {
-        background-color: ${(_1 = THEME.token) === null || _1 === void 0 ? void 0 : _1.blue};
+        background-color: ${THEME.token?.blue};
 
         .antsomi-input-number-handler {
-          background-color: ${(_2 = THEME.token) === null || _2 === void 0 ? void 0 : _2.blue};
+          background-color: ${THEME.token?.blue};
         }
       }
 
       .antsomi-input-number:focus,
       .antsomi-input-number-focused {
-        border-color: ${(_3 = THEME.token) === null || _3 === void 0 ? void 0 : _3.colorPrimary} !important;
+        border-color: ${THEME.token?.colorPrimary} !important;
       }
 
       .antsomi-input-number-handler {
         border: none !important;
 
         &:hover i {
-          color: ${(_4 = THEME.token) === null || _4 === void 0 ? void 0 : _4.colorPrimary};
+          color: ${THEME.token?.colorPrimary};
         }
       }
 
@@ -392,17 +412,17 @@ export const GlobalStyle = () => {
 
       .antsomi-picker:hover,
       .antsomi-picker-focused {
-        background-color: ${(_5 = THEME.token) === null || _5 === void 0 ? void 0 : _5.blue};
+        background-color: ${THEME.token?.blue};
       }
 
       .antsomi-picker:not(.antsomi-picker-status-error) .antsomi-picker-suffix {
-        color: ${(_6 = THEME.token) === null || _6 === void 0 ? void 0 : _6.bw10};
+        color: ${THEME.token?.bw10};
       }
 
       .antsomi-picker:not(.antsomi-picker-disabled).antsomi-picker-status-error:not(
           [disabled]
         ):hover {
-        background-color: ${(_7 = THEME.token) === null || _7 === void 0 ? void 0 : _7.red} !important;
+        background-color: ${THEME.token?.red} !important;
       }
 
       // Custom
@@ -453,11 +473,11 @@ export const GlobalStyle = () => {
             }
 
             .antsomi-picker-time-panel-cell-selected {
-              background-color: ${(_8 = THEME.token) === null || _8 === void 0 ? void 0 : _8.colorPrimary};
+              background-color: ${THEME.token?.colorPrimary};
               color: #fff;
             }
             .antsomi-picker-time-panel-cell-selected:hover {
-              background-color: ${(_9 = THEME.token) === null || _9 === void 0 ? void 0 : _9.colorPrimary};
+              background-color: ${THEME.token?.colorPrimary};
             }
 
             .antsomi-picker-cell-inner {
@@ -676,14 +696,14 @@ export const GlobalStyle = () => {
         .antsomi-slider-rail {
           border-radius: 2px !important;
           transition: background-color 0.3s !important;
-          background-color: ${(_10 = THEME.token) === null || _10 === void 0 ? void 0 : _10.accent1} !important;
+          background-color: ${THEME.token?.accent1} !important;
         }
 
         .antsomi-slider-track {
           position: absolute !important;
           border-radius: 2px !important;
           transition: background-color 0.3s !important;
-          background-color: ${(_11 = THEME.token) === null || _11 === void 0 ? void 0 : _11.colorPrimary} !important;
+          background-color: ${THEME.token?.colorPrimary} !important;
         }
 
         .antsomi-slider-step {
@@ -719,16 +739,16 @@ export const GlobalStyle = () => {
         }
 
         .antsomi-slider-handle::after {
-          background-color: ${(_12 = THEME.token) === null || _12 === void 0 ? void 0 : _12.colorPrimary} !important;
+          background-color: ${THEME.token?.colorPrimary} !important;
         }
 
         &:hover {
           .antsomi-slider-track {
-            background-color: ${(_13 = THEME.token) === null || _13 === void 0 ? void 0 : _13.colorPrimary} !important;
+            background-color: ${THEME.token?.colorPrimary} !important;
           }
 
           .antsomi-slider-rail {
-            background-color: ${(_14 = THEME.token) === null || _14 === void 0 ? void 0 : _14.accent1} !important;
+            background-color: ${THEME.token?.accent1} !important;
           }
 
           .antsomi-slider-handle::after {
@@ -736,7 +756,7 @@ export const GlobalStyle = () => {
           }
 
           .antsomi-slider-handle {
-            border-color: ${(_15 = THEME.token) === null || _15 === void 0 ? void 0 : _15.colorPrimary} !important;
+            border-color: ${THEME.token?.colorPrimary} !important;
           }
         }
 
@@ -746,8 +766,8 @@ export const GlobalStyle = () => {
 
         &.antsomi-slider-disabled {
           .antsomi-slider-handle {
-            background-color: ${(_16 = THEME.token) === null || _16 === void 0 ? void 0 : _16.accent2} !important;
-            border-color: ${(_17 = THEME.token) === null || _17 === void 0 ? void 0 : _17.accent2} !important;
+            background-color: ${THEME.token?.accent2} !important;
+            border-color: ${THEME.token?.accent2} !important;
           }
         }
       }
@@ -761,8 +781,8 @@ export const GlobalStyle = () => {
           padding-left: 20px;
           padding-right: 20px;
           font-family: 'Roboto';
-          color: ${(_18 = THEME.token) === null || _18 === void 0 ? void 0 : _18.colorTextBase};
-          font-size: ${(_19 = THEME.token) === null || _19 === void 0 ? void 0 : _19.fontSize}px;
+          color: ${THEME.token?.colorTextBase};
+          font-size: ${THEME.token?.fontSize}px;
 
           &:focus-within {
             --tw-shadow: 0 0 #0000;
@@ -772,36 +792,45 @@ export const GlobalStyle = () => {
           }
 
           &:first-child {
-            border-top-left-radius: ${(_20 = THEME.token) === null || _20 === void 0 ? void 0 : _20.borderRadius}px;
-            border-bottom-left-radius: ${(_21 = THEME.token) === null || _21 === void 0 ? void 0 : _21.borderRadius}px;
+            border-top-left-radius: ${THEME.token?.borderRadius}px;
+            border-bottom-left-radius: ${THEME.token?.borderRadius}px;
           }
 
           &:last-child {
-            border-top-right-radius: ${(_22 = THEME.token) === null || _22 === void 0 ? void 0 : _22.borderRadius}px;
-            border-bottom-right-radius: ${(_23 = THEME.token) === null || _23 === void 0 ? void 0 : _23.borderRadius}px;
+            border-top-right-radius: ${THEME.token?.borderRadius}px;
+            border-bottom-right-radius: ${THEME.token?.borderRadius}px;
           }
 
           &.antsomi-radio-button-wrapper-checked {
-            border-color: ${(_24 = THEME.token) === null || _24 === void 0 ? void 0 : _24.accent1};
-            background-color: ${(_25 = THEME.token) === null || _25 === void 0 ? void 0 : _25.colorTextActive};
-            color: ${(_26 = THEME.token) === null || _26 === void 0 ? void 0 : _26.colorPrimary};
+            border-color: ${THEME.token?.accent1};
+            background-color: ${THEME.token?.colorTextActive};
+            color: ${THEME.token?.colorPrimary};
             font-weight: 700;
 
             &::before {
-              background-color: ${(_27 = THEME.token) === null || _27 === void 0 ? void 0 : _27.accent1};
+              background-color: ${THEME.token?.accent1};
             }
           }
         }
 
         .antsomi-radio-wrapper {
           font-family: 'Roboto';
-          color: ${(_28 = THEME.token) === null || _28 === void 0 ? void 0 : _28.colorTextBase};
-          font-size: ${(_29 = THEME.token) === null || _29 === void 0 ? void 0 : _29.fontSize}px;
+          font-size: ${THEME.token?.fontSize}px;
           margin-right: 0;
 
           .antsomi-radio-disabled {
+            &:hover {
+              ::after {
+                border-color: ${THEME.token?.gray5} !important;
+              }
+            }
+
             .antsomi-radio-inner {
-              border-color: #d9d9d9 !important;
+              border-color: ${THEME.token?.gray5} !important;
+
+              &::after {
+                background-color: ${THEME.token?.colorTextDisabled} !important;
+              }
             }
           }
 
@@ -828,12 +857,12 @@ export const GlobalStyle = () => {
             .antsomi-radio-inner {
               width: 16px;
               height: 16px;
-              border-color: ${(_30 = THEME.token) === null || _30 === void 0 ? void 0 : _30.colorPrimary};
+              border-color: ${THEME.token?.colorPrimary};
               border-width: 2px;
-              background-color: ${(_31 = THEME.token) === null || _31 === void 0 ? void 0 : _31.bw0};
+              background-color: ${THEME.token?.bw0};
 
               &::after {
-                background-color: ${(_32 = THEME.token) === null || _32 === void 0 ? void 0 : _32.colorPrimary};
+                background-color: ${THEME.token?.colorPrimary};
               }
             }
           }
@@ -855,9 +884,9 @@ export const GlobalStyle = () => {
 
         .antsomi-checkbox-indeterminate:not(.antsomi-checkbox-disabled) {
           .antsomi-checkbox-inner {
-            background-color: ${(_33 = THEME.token) === null || _33 === void 0 ? void 0 : _33.colorPrimary} !important;
+            background-color: ${THEME.token?.colorPrimary} !important;
             &::after {
-              background-color: ${(_34 = THEME.token) === null || _34 === void 0 ? void 0 : _34.bw0} !important;
+              background-color: ${THEME.token?.bw0} !important;
             }
           }
         }
@@ -900,7 +929,7 @@ export const GlobalStyle = () => {
 
               /* Style for icon */
               > i {
-                color: ${(_35 = THEME.token) === null || _35 === void 0 ? void 0 : _35.colorPrimary};
+                color: ${THEME.token?.colorPrimary};
                 margin-right: 13px;
               }
             }
@@ -940,7 +969,7 @@ export const GlobalStyle = () => {
           }
           .antsomi-modal-confirm-btns {
             padding: 12px 20px 20px;
-            border-top: 1px solid ${(_36 = THEME.token) === null || _36 === void 0 ? void 0 : _36.bw4};
+            border-top: 1px solid ${THEME.token?.bw4};
           }
         }
       }
@@ -957,7 +986,7 @@ export const GlobalStyle = () => {
 
       .antsomi-collapse {
         &.antsomi-collapse-borderless {
-          border-bottom: 1px solid ${(_37 = THEME.token) === null || _37 === void 0 ? void 0 : _37.gray5};
+          border-bottom: 1px solid ${THEME.token?.gray5};
         }
 
         > .antsomi-collapse-item > .antsomi-collapse-header .antsomi-collapse-arrow {
@@ -965,31 +994,13 @@ export const GlobalStyle = () => {
         }
       }
 
-      /* Switch */
-      .antsomi-switch {
-        border: 2px solid ${(_38 = THEME.token) === null || _38 === void 0 ? void 0 : _38.colorPrimary} !important;
-
-        &.antsomi-switch-checked {
-          > .antsomi-switch-handle {
-            &::before {
-              background-color: ${(_39 = THEME.token) === null || _39 === void 0 ? void 0 : _39.bw0} !important;
-            }
-          }
-        }
-
-        .antsomi-switch-inner {
-          padding-inline-start: 4px !important;
-          padding-inline-end: 18px !important;
-        }
-      }
-
       /* Tabs */
       .antsomi-tabs {
         .antsomi-tabs-tab {
           font-weight: bold;
 
           &:not(.antsomi-tabs-tab-active):hover {
-            background-color: ${(_40 = THEME.token) === null || _40 === void 0 ? void 0 : _40.blue};
+            background-color: ${THEME.token?.blue};
           }
         }
         .antsomi-tabs-tab-active {
@@ -1025,13 +1036,19 @@ export const GlobalStyle = () => {
         .antsomi-popover-inner {
           overflow: hidden;
         }
+
+        &.antsomi-emoji-popover .antsomi-popover-inner {
+          padding: 15px;
+          width: 530px;
+          height: 275px;
+        }
       }
 
       /* Menu */
       .antsomi-menu {
         .antsomi-menu-submenu.antsomi-menu-submenu-selected {
           .antsomi-menu-item.antsomi-menu-item-selected {
-            background-color: ${(_41 = THEME.token) === null || _41 === void 0 ? void 0 : _41.blue};
+            background-color: ${THEME.token?.blue};
           }
         }
       }
@@ -1069,18 +1086,18 @@ export const GlobalStyle = () => {
         &.antsomi-tree-checkbox-disabled {
           .antsomi-checkbox-inner,
           .antsomi-tree-checkbox-inner {
-            background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw0};
-            border-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw5} !important;
+            background-color: ${globalToken?.bw0};
+            border-color: ${globalToken?.bw5} !important;
           }
 
           &.antsomi-checkbox-checked,
           &.antsomi-tree-checkbox-checked {
             .antsomi-checkbox-inner,
             .antsomi-tree-checkbox-inner {
-              background-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw5};
+              background-color: ${globalToken?.bw5};
 
               &::after {
-                border-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw0};
+                border-color: ${globalToken?.bw0};
               }
             }
           }
@@ -1112,4 +1129,3 @@ export const GlobalStyle = () => {
         }
       }
     ` }));
-};

package/es/queries/Account/useGetAccountList.js

@@ -7,23 +7,39 @@ import { QUERY_KEYS } from '../../constants/queries';
 const { getList, getRecentAccount, updateRecentAccount, checkPermission } = accountService;
 export const useGetAccountList = (props) => {
     const { apiConfig, options } = props;
-    return useQuery(Object.assign({ queryKey: [QUERY_KEYS.GET_ACCOUNT_LISTING, apiConfig], queryFn: () => getList(apiConfig) }, options));
+    return useQuery({
+        queryKey: [QUERY_KEYS.GET_ACCOUNT_LISTING, apiConfig],
+        queryFn: () => getList(apiConfig),
+        ...options,
+    });
 };
 export const useGetRecentAccount = (props) => {
     const { apiConfig, options } = props;
-    return useQuery(Object.assign({ queryKey: [QUERY_KEYS.GET_RECENT_ACCOUNT], queryFn: () => getRecentAccount(apiConfig) }, options));
+    return useQuery({
+        queryKey: [QUERY_KEYS.GET_RECENT_ACCOUNT],
+        queryFn: () => getRecentAccount(apiConfig),
+        ...options,
+    });
 };
 export const useUpdateRecentAccount = (props) => {
     const { apiConfig, options } = props;
     const queryClient = useQueryClient();
-    return useMutation(Object.assign({ mutationFn: variables => updateRecentAccount({ params: apiConfig, data: variables }), onSettled: () => {
+    return useMutation({
+        mutationFn: variables => updateRecentAccount({ params: apiConfig, data: variables }),
+        onSettled: () => {
             queryClient.invalidateQueries([QUERY_KEYS.UPDATE_RECENT_ACCOUNT], {
                 exact: false,
             });
-        } }, options));
+        },
+        ...options,
+    });
 };
 export const useCheckUserPermission = (props) => {
     const { apiConfig, options } = props;
     const { languageCode, userId, portalId } = apiConfig;
-    return useQuery(Object.assign({ queryKey: [QUERY_KEYS.CHECK_ACCOUNT_PERMISSION, languageCode, userId, portalId], queryFn: () => checkPermission(apiConfig) }, options));
+    return useQuery({
+        queryKey: [QUERY_KEYS.CHECK_ACCOUNT_PERMISSION, languageCode, userId, portalId],
+        queryFn: () => checkPermission(apiConfig),
+        ...options,
+    });
 };

package/es/queries/BusinessObject/useGetBODetail.js

@@ -1,19 +1,15 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 // Libraries
 import { useQuery } from '@tanstack/react-query';
 // Services
 import { getBusinessObjectDetail } from '../../services/MediaTemplateDesign/BusinessObject';
 // Constants
 import { QUERY_KEYS } from '../../constants/queries';
-export const useGetBODetail = (serviceAuth, itemTypeId, queryOptions) => useQuery(Object.assign({ queryKey: [QUERY_KEYS.GET_BO_DETAIL, itemTypeId], queryFn: () => __awaiter(void 0, void 0, void 0, function* () {
-        const { rows: businessObjectDetail } = yield getBusinessObjectDetail(serviceAuth, itemTypeId);
+export const useGetBODetail = (serviceAuth, itemTypeId, queryOptions) => useQuery({
+    queryKey: [QUERY_KEYS.GET_BO_DETAIL, itemTypeId],
+    queryFn: async () => {
+        const { rows: businessObjectDetail } = await getBusinessObjectDetail(serviceAuth, itemTypeId);
         return businessObjectDetail;
-    }), enabled: !!itemTypeId }, queryOptions));
+    },
+    enabled: !!itemTypeId,
+    ...queryOptions,
+});

package/es/queries/BusinessObject/useGetDataTableBO.js

@@ -1,26 +1,17 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 // Constants
 import { QUERY_KEYS } from '../../constants/queries';
 // Services
 import { getDataTableBO } from '../../services/ThirParty/TableBO';
 // QueryClients
 import { queryClientAntsomiUI } from '../configs';
-export const getDataTableBOQuery = (serviceAuth, itemTypeId, params) => __awaiter(void 0, void 0, void 0, function* () {
-    const data = yield queryClientAntsomiUI.fetchQuery({
+export const getDataTableBOQuery = async (serviceAuth, itemTypeId, params) => {
+    const data = await queryClientAntsomiUI.fetchQuery({
         queryKey: [QUERY_KEYS.GET_DATA_TABLE_BO, itemTypeId],
         queryFn: () => getDataTableBO(serviceAuth, itemTypeId),
     });
     return {
-        data: data !== null && data !== void 0 ? data : [],
+        data: data ?? [],
         boId: itemTypeId,
         params,
     };
-});
+};

package/es/queries/BusinessObject/useGetListAllEvents.js

@@ -7,8 +7,13 @@ import { getListAllEvents } from '../../services/MediaTemplateDesign/BusinessObj
 export const useGetListAllEvents = (props) => {
     const { options, apiConfig, infos } = props || {};
     // Selectors
-    return useQuery(Object.assign({ queryKey: [QUERY_KEYS.GET_LIST_ALL_EVENT], queryFn: () => getListAllEvents({ url: apiConfig.url }, infos), placeholderData: {
+    return useQuery({
+        queryKey: [QUERY_KEYS.GET_LIST_ALL_EVENT],
+        queryFn: () => getListAllEvents({ url: apiConfig.url }, infos),
+        placeholderData: {
             rows: [],
             total: 0,
-        } }, options));
+        },
+        ...options,
+    });
 };