@antscorp/antsomi-ui 1.3.5-beta.52 → 1.3.5-beta.521

package/es/providers/ConfigProvider/ConfigProvider.js

@@ -0,0 +1,105 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// Libraries
+import { StyleProvider } from '@ant-design/cssinjs';
+import { ConfigProvider as AntdConfigProvider, App } from 'antd';
+import dayjs from 'dayjs';
+import React, { useEffect, useRef } from 'react';
+import weekday from 'dayjs/plugin/weekday';
+import localeData from 'dayjs/plugin/localeData';
+import relativeTime from 'dayjs/plugin/relativeTime';
+/** dayjs plugins for timezone */
+import utc from 'dayjs/plugin/utc';
+import timezone from 'dayjs/plugin/timezone';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+// Style
+import { GlobalStyle } from './GlobalStyle';
+import '@antscorp/antsomi-ui/es/assets/css/main.scss';
+// Initialize languages
+// import '@antscorp/antsomi-ui/es/locales/i18n';
+import i18next from '@antscorp/antsomi-ui/es/locales/i18n';
+import 'animate.css';
+import { AppConfigProvider } from '../AppConfigProvider';
+// Hooks
+import { useMutationObserver } from '../../hooks';
+// Providers
+// import {
+//   QueryClientProviderAntsomiUI,
+//   QueryDevtoolsAntsomiUI,
+//   queryClientAntsomiUI,
+// } from '@antscorp/antsomi-ui/es/queries';
+// NOTE: HOT fix DatePicker Advanced
+dayjs.extend(weekday);
+dayjs.extend(localeData);
+dayjs.extend(utc);
+dayjs.extend(timezone);
+dayjs.extend(relativeTime);
+const ConfigProvider = props => {
+    // Props
+    const { children, locale, appConfig } = props, restOfProps = __rest(props, ["children", "locale", "appConfig"]);
+    // Refs
+    const ref = useRef(null);
+    // Handlers
+    const handleScrollAction = (elements) => {
+        let timer = null;
+        elements === null || elements === void 0 ? void 0 : elements.forEach(element => {
+            element.addEventListener('scroll', () => {
+                if (timer !== null) {
+                    if (!element.classList.contains('on-scroll')) {
+                        element.classList.add('on-scroll');
+                    }
+                    clearTimeout(timer);
+                }
+                timer = setTimeout(() => {
+                    if (element.classList.contains('on-scroll')) {
+                        element.classList.remove('on-scroll');
+                    }
+                }, 500);
+            }, true);
+        });
+    };
+    // Hooks
+    useMutationObserver(mutationsList => {
+        var _a;
+        handleScrollAction((_a = mutationsList === null || mutationsList === void 0 ? void 0 : mutationsList.filter(item => { var _a, _b; return (_b = (_a = item.target) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('antsomi-scroll-box'); })) === null || _a === void 0 ? void 0 : _a.map(item => item.target));
+    }, ref, {
+        attributes: true,
+        childList: true,
+        subtree: true,
+        characterData: true,
+        attributeOldValue: true,
+        characterDataOldValue: true,
+    });
+    // Effects
+    useEffect(() => {
+        if (locale) {
+            i18next.changeLanguage(locale);
+        }
+    }, [locale]);
+    useEffect(() => {
+        const containers = document.getElementsByClassName('antsomi-scroll-box');
+        handleScrollAction(Array.from(containers));
+    }, []);
+    return (React.createElement(AntdConfigProvider, Object.assign({}, restOfProps),
+        React.createElement(AppConfigProvider, { value: appConfig },
+            React.createElement("div", { ref: ref },
+                React.createElement(App, null,
+                    React.createElement(GlobalStyle, null),
+                    React.createElement(StyleProvider, { hashPriority: "high" }, children))))));
+};
+ConfigProvider.defaultProps = {
+    theme: THEME,
+    prefixCls: 'antsomi',
+    locale: 'en',
+};
+export default ConfigProvider;

package/es/{components/common → providers}/ConfigProvider/GlobalStyle.js

@@ -2,19 +2,42 @@
 import React from 'react';
 import { Global, css } from '@emotion/react';
 // Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
+import { THEME, globalToken } from '@antscorp/antsomi-ui/es/constants';
 // FontAwesome
 import { library } from '@fortawesome/fontawesome-svg-core';
 import { fas } from '@fortawesome/free-solid-svg-icons';
 import { far } from '@fortawesome/free-regular-svg-icons';
 import { fab } from '@fortawesome/free-brands-svg-icons';
 library.add(fas, far, fab);
-const { accent6, accent7, scrollBarSize } = THEME.token || {};
+const { accent6, 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;
+    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 `
       @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
 
+      :root {
+        --divider-1: ${bw3};
+        --divider-2: ${bw4};
+        --divider-3: ${bw5};
+      }
+
+      *,
+      *:before,
+      *:after {
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
+      }
+
+      hr {
+        border-color: var(--divider-1);
+      }
+
+      .rc-virtual-list-scrollbar {
+        width: 4px !important;
+        height: 4px !important;
+      }
+
       /* Custom */
       .antsomi-scrollbar-hidden {
         -ms-overflow-style: none; /* for Internet Explorer, Edge */
@@ -27,25 +50,72 @@ export const GlobalStyle = () => {
 
       /* width */
       ::-webkit-scrollbar {
-        width: ${scrollBarSize};
-        height: ${scrollBarSize};
+        width: ${scrollBarSize} !important;
+        height: ${scrollBarSize} !important;
       }
 
       /* Track */
       ::-webkit-scrollbar-track {
-        background: ${accent6};
+        background: #fff !important;
       }
 
       /* Handle */
       ::-webkit-scrollbar-thumb {
-        background: ${accent7};
+        background: ${gray5};
       }
 
-      .scrollbar--gutter-stable {
+      .rc-virtual-list {
+        .rc-virtual-list-scrollbar-vertical {
+          width: ${scrollBarSize} !important;
+        }
+
+        .rc-virtual-list-scrollbar-thumb {
+          background: ${accent7} !important;
+        }
+      }
+
+      .custom-scrollbars {
+        &:hover {
+          .scrollbar-track {
+            opacity: 1 !important;
+          }
+        }
+      }
+
+      .antsomi-scroll-box {
         overflow-y: auto;
-        scrollbar-gutter: stable;
-        margin-right: -${scrollBarSize};
-        padding-right: -${scrollBarSize};
+        scrollbar-gutter: stable !important;
+        margin-right: -${scrollBarSize} !important;
+
+        &.on-scroll {
+          ::-webkit-scrollbar-thumb {
+            display: block !important;
+          }
+        }
+
+        .scroll-content {
+          margin-right: -${scrollBarSize} !important;
+        }
+
+        ::-webkit-scrollbar {
+          width: ${scrollBarSize} !important;
+          height: ${scrollBarSize} !important;
+          background-color: transparent !important;
+        }
+
+        ::-webkit-scrollbar-track {
+          background-color: transparent !important;
+        }
+
+        ::-webkit-scrollbar-thumb {
+          background-color: ${gray5} !important;
+          border-radius: 15px !important;
+          display: none !important;
+
+          &:hover {
+            display: block !important;
+          }
+        }
       }
 
       /* Button */
@@ -54,7 +124,7 @@ export const GlobalStyle = () => {
         display: inline-flex !important;
         align-items: center !important;
         justify-content: center !important;
-        gap: 5px !important;
+        gap: 8px;
 
         i {
           font-size: 20px;
@@ -84,6 +154,17 @@ export const GlobalStyle = () => {
           width: 36px !important;
           height: 36px !important;
         }
+
+        &.antsomi-btn-icon-only.antsomi-btn-default {
+          width: 30px !important;
+          height: 30px !important;
+        }
+
+        &.antsomi-btn-icon-only.antsomi-btn-sm {
+          /* Important to override the above code before */
+          width: 24px !important;
+          height: 24px !important;
+        }
       }
 
       .antsomi-btn-text:disabled,
@@ -91,7 +172,7 @@ export const GlobalStyle = () => {
         color: ${(_h = THEME.token) === null || _h === void 0 ? void 0 : _h.bw6} !important;
       }
 
-      .antsomi-btn-primary:disabled,
+      /* .antsomi-btn-primary:disabled, */
       .antsomi-btn-default:disabled,
       .antsomi-btn-dashed:disabled,
       .antsomi-btn-disabled,
@@ -108,6 +189,19 @@ export const GlobalStyle = () => {
         background-color: ${(_l = THEME.token) === null || _l === void 0 ? void 0 : _l.bw2} !important;
       }
 
+      // NOTE: Just hot fix for easy looking
+      .antsomi-btn-primary.antsomi-btn-compact-item.antsomi-btn-compact-first-item {
+        padding-right: 4px !important;
+      }
+      .antsomi-btn-compact-item.antsomi-btn-primary.antsomi-btn-compact-last-item {
+        width: fit-content;
+        padding: 0px !important;
+        padding-right: 4px !important;
+        &::before {
+          width: 0px !important;
+        }
+      }
+
       /* Input */
       .antsomi-input,
       .antsomi-input-affix-wrapper {
@@ -175,6 +269,11 @@ export const GlobalStyle = () => {
         }
       }
 
+      /* For custom search input */
+      .antsomi-input-affix-wrapper.antsomi-search-input:hover > input.antsomi-input {
+        background-color: transparent;
+      }
+
       // Select
       .antsomi-select .antsomi-select-arrow {
         right: 5px !important;
@@ -203,8 +302,12 @@ export const GlobalStyle = () => {
       }
 
       .antsomi-select-dropdown {
-        padding: 0 !important;
+        padding: 8px 0 !important;
         z-index: 3002 !important;
+
+        /* .antsomi-select-item:not(:last-child) {
+          margin-bottom: 6px;
+        } */
       }
 
       .antsomi-select-selection-overflow {
@@ -278,6 +381,10 @@ export const GlobalStyle = () => {
       }
 
       .antsomi-picker-dropdown__advanced {
+        &.antsomi-picker-dropdown > .antsomi-picker-panel-container {
+          border-radius: 10px;
+        }
+
         > .antsomi-picker-panel-container > .antsomi-picker-panel-layout > .antsomi-picker-panel {
           flex-direction: column-reverse;
           padding-bottom: 60px;
@@ -677,6 +784,7 @@ export const GlobalStyle = () => {
           }
 
           .antsomi-radio-inner::after {
+            flex-shrink: 0;
             position: unset !important;
             transition: none !important;
             transform: scale(0.6);
@@ -704,9 +812,28 @@ export const GlobalStyle = () => {
         }
       }
 
+      /* Checkbox */
+      .antsomi-checkbox-wrapper {
+        .antsomi-checkbox-indeterminate {
+          .antsomi-checkbox-inner::after {
+            width: 10px !important;
+            height: 2px !important;
+          }
+        }
+
+        .antsomi-checkbox-indeterminate:not(.antsomi-checkbox-disabled) {
+          .antsomi-checkbox-inner {
+            background-color: ${(_33 = THEME.token) === null || _33 === void 0 ? void 0 : _33.colorPrimary} !important;
+            &::after {
+              background-color: ${(_34 = THEME.token) === null || _34 === void 0 ? void 0 : _34.bw0} !important;
+            }
+          }
+        }
+      }
+
       /* Modal Close */
       .antsomi-modal-root .antsomi-modal-wrap {
-        z-index: 3001 !important;
+        z-index: 3001;
       }
 
       .antsomi-modal .antsomi-modal-close {
@@ -728,8 +855,8 @@ export const GlobalStyle = () => {
             word-wrap: break-word;
           }
         }
+
         .antsomi-modal-body {
-          font-size: 14px !important;
           p {
             margin: 0;
           }
@@ -738,8 +865,16 @@ export const GlobalStyle = () => {
 
             .antsomi-modal-confirm-body {
               display: flex;
-              gap: 13px;
-              color: ${(_33 = THEME.token) === null || _33 === void 0 ? void 0 : _33.colorPrimary};
+
+              /* Style for icon */
+              > i {
+                color: ${(_35 = THEME.token) === null || _35 === void 0 ? void 0 : _35.colorPrimary};
+                margin-right: 13px;
+              }
+            }
+
+            .antsomi-modal-confirm-body:has(i) ~ .antsomi-modal-confirm-btns {
+              padding-left: 30px;
             }
 
             .antsomi-modal-confirm-btns {
@@ -747,7 +882,6 @@ export const GlobalStyle = () => {
               flex-direction: row-reverse;
               justify-content: start;
               gap: 8px;
-              padding-left: 30px;
 
               .antsomi-btn {
                 margin: 0px;
@@ -756,6 +890,7 @@ export const GlobalStyle = () => {
           }
         }
         .antsomi-modal-footer {
+          margin-top: 0px;
           padding: 15px !important;
           text-align: right;
           background: transparent;
@@ -763,6 +898,20 @@ export const GlobalStyle = () => {
           border-radius: 0 0 2px 2px;
         }
       }
+      /* Override style for Modal confirm in Editor Tab */
+      .editor-tab__modal-confirm .antsomi-modal-content .antsomi-modal-body {
+        .antsomi-modal-confirm-body-wrapper {
+          padding: 0;
+
+          .antsomi-modal-confirm-body {
+            padding: 20px 20px 0 20px;
+          }
+          .antsomi-modal-confirm-btns {
+            padding: 12px 20px 20px;
+            border-top: 1px solid ${(_36 = THEME.token) === null || _36 === void 0 ? void 0 : _36.bw4};
+          }
+        }
+      }
 
       /* Message Notification */
       .ant-message {
@@ -776,7 +925,7 @@ export const GlobalStyle = () => {
 
       .antsomi-collapse {
         &.antsomi-collapse-borderless {
-          border-bottom: 1px solid ${(_34 = THEME.token) === null || _34 === void 0 ? void 0 : _34.gray5};
+          border-bottom: 1px solid ${(_37 = THEME.token) === null || _37 === void 0 ? void 0 : _37.gray5};
         }
 
         > .antsomi-collapse-item > .antsomi-collapse-header .antsomi-collapse-arrow {
@@ -786,24 +935,37 @@ export const GlobalStyle = () => {
 
       /* Switch */
       .antsomi-switch {
-        border: 2px solid ${(_35 = THEME.token) === null || _35 === void 0 ? void 0 : _35.colorPrimary} !important;
+        border: 2px solid ${(_38 = THEME.token) === null || _38 === void 0 ? void 0 : _38.colorPrimary} !important;
 
         &.antsomi-switch-checked {
           > .antsomi-switch-handle {
             &::before {
-              background-color: ${(_36 = THEME.token) === null || _36 === void 0 ? void 0 : _36.bw0} !important;
+              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 {
-          &.antsomi-tabs-tab-active {
-            font-weight: bold;
+          font-weight: bold;
+
+          &:not(.antsomi-tabs-tab-active):hover {
+            background-color: ${(_40 = THEME.token) === null || _40 === void 0 ? void 0 : _40.blue};
           }
         }
+        .antsomi-tabs-tab-active {
+          z-index: 2;
+        }
+        .antsomi-tabs-nav::before {
+          z-index: 1;
+        }
       }
 
       /* Form */
@@ -828,13 +990,59 @@ export const GlobalStyle = () => {
             padding: 0 !important;
           }
         }
+        .antsomi-popover-inner {
+          overflow: hidden;
+        }
       }
 
       /* Menu */
       .antsomi-menu {
         .antsomi-menu-submenu.antsomi-menu-submenu-selected {
           .antsomi-menu-item.antsomi-menu-item-selected {
-            background-color: ${(_37 = THEME.token) === null || _37 === void 0 ? void 0 : _37.blue};
+            background-color: ${(_41 = THEME.token) === null || _41 === void 0 ? void 0 : _41.blue};
+          }
+        }
+      }
+
+      .antsomi-typography {
+        &.antsomi-typography-danger,
+        &.antsomi-typography-warning {
+          font-size: 11px;
+        }
+      }
+
+      /* Tree */
+      .antsomi-tree-list {
+        .antsomi-tree-treenode {
+          align-items: center !important;
+
+          .antsomi-tree-checkbox {
+            margin: 3px 0px;
+          }
+        }
+      }
+
+      /* Checkbox */
+      .antsomi-checkbox,
+      .antsomi-tree-checkbox {
+        &.antsomi-checkbox-disabled,
+        &.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;
+          }
+
+          &.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};
+
+              &::after {
+                border-color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw0};
+              }
+            }
           }
         }
       }

package/es/providers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ConfigProvider';
+export * from './AppConfigProvider';

package/es/providers/index.js

@@ -0,0 +1,2 @@
+export * from './ConfigProvider';
+export * from './AppConfigProvider';

package/es/queries/Account/index.d.ts

@@ -0,0 +1 @@
+export * from './useGetAccountList';

package/es/queries/Account/index.js

@@ -0,0 +1 @@
+export * from './useGetAccountList';

package/es/queries/Account/useGetAccountList.d.ts

@@ -0,0 +1,15 @@
+import { UseQueryOptions } from '@tanstack/react-query';
+import { GetAccountList } from '../../services/Account';
+import { AccountListing, AccountRecent } from '../../models/AccountListing';
+type OptionHasDefault = 'queryKey' | 'queryFn';
+type GetAccountListProps = {
+    apiConfig: GetAccountList;
+    options?: Omit<UseQueryOptions<AccountListing, any, AccountListing, any[]>, OptionHasDefault>;
+};
+type GetRecentAccountProps = {
+    apiConfig: GetAccountList;
+    options?: Omit<UseQueryOptions<any, any, AccountRecent, any[]>, OptionHasDefault>;
+};
+export declare const useGetAccountList: (props: GetAccountListProps) => import("@tanstack/react-query").UseQueryResult<AccountListing, any>;
+export declare const useGetRecentAccount: (props: GetRecentAccountProps) => import("@tanstack/react-query").UseQueryResult<AccountRecent, any>;
+export {};

package/es/queries/Account/useGetAccountList.js

@@ -0,0 +1,15 @@
+// Libraries
+import { useQuery } from '@tanstack/react-query';
+// Services
+import { accountService } from '../../services/Account';
+// Constants
+import { QUERY_KEYS } from '../../constants/queries';
+const { getList, getRecentAccount } = accountService;
+export const useGetAccountList = (props) => {
+    const { apiConfig, options } = props;
+    return useQuery(Object.assign({ 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));
+};

package/es/queries/BusinessObject/index.d.ts

@@ -4,3 +4,4 @@ export * from './useGetListPromotionCodeAttr';
 export * from './useGetListBO';
 export * from './useGetListAllEvents';
 export * from './useGetListSourceByEvent';
+export * from './useGetBODetail';

package/es/queries/BusinessObject/index.js

@@ -4,3 +4,4 @@ export * from './useGetListPromotionCodeAttr';
 export * from './useGetListBO';
 export * from './useGetListAllEvents';
 export * from './useGetListSourceByEvent';
+export * from './useGetBODetail';

package/es/queries/BusinessObject/useGetBODetail.d.ts

@@ -0,0 +1,5 @@
+import { UseQueryOptions } from '@tanstack/react-query';
+import type { TServiceAuth } from '@antscorp/antsomi-ui/es/types';
+type TDataFnQuery = Record<string, any>;
+export declare const useGetBODetail: <T = TDataFnQuery>(serviceAuth: TServiceAuth, itemTypeId: number | null, queryOptions?: UseQueryOptions<TDataFnQuery, any, T>) => import("@tanstack/react-query").UseQueryResult<T, any>;
+export {};

package/es/queries/BusinessObject/useGetBODetail.js

@@ -0,0 +1,19 @@
+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);
+        return businessObjectDetail;
+    }), enabled: !!itemTypeId }, queryOptions));

package/es/queries/BusinessObject/useGetDataTableBO.d.ts

@@ -0,0 +1,6 @@
+import type { TServiceAuth } from '../../types';
+export declare const getDataTableBOQuery: (serviceAuth: TServiceAuth, itemTypeId: number | string, params?: Record<string, any>) => Promise<{
+    data: import("../../services/ThirParty/TableBO").TDataTableBO;
+    boId: string | number;
+    params: Record<string, any> | undefined;
+}>;

package/es/queries/BusinessObject/useGetDataTableBO.js

@@ -0,0 +1,26 @@
+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({
+        queryKey: [QUERY_KEYS.GET_DATA_TABLE_BO, itemTypeId],
+        queryFn: () => getDataTableBO(serviceAuth, itemTypeId),
+    });
+    return {
+        data: data !== null && data !== void 0 ? data : [],
+        boId: itemTypeId,
+        params,
+    };
+});

package/es/queries/BusinessObject/useGetListAttributeBO.d.ts

@@ -6,12 +6,10 @@ type GetListAttributeBOProps<T> = {
     itemTypeIds?: number[];
     options?: Omit<UseQueryOptions<Record<string, any>, any, T, any[]>, OptionHasDefault>;
 };
-export declare const useGetListAttributeBO: <T = Record<string, any>>(apiParams: APIParams, infos: PayloadInfo, props?: GetListAttributeBOProps<T> | undefined) => UseQueryResult<T, unknown>;
+export declare const useGetListAttributeBO: <T = Record<string, any>>(apiParams: APIParams, infos: PayloadInfo, props?: GetListAttributeBOProps<T>) => UseQueryResult<T, unknown>;
 export declare const getListAttributeBOQuery: ({ itemTypeIds, url, infos, }: {
     itemTypeIds: (number | null)[];
-} & {
-    url: string;
-} & Record<string, any> & {
+} & APIParams & {
     infos: PayloadInfo;
 }) => Promise<any>;
 export {};