@antscorp/antsomi-ui 2.0.119 → 3.0.0-beta.1

package/es/components/organism/Login/styled.d.ts

@@ -1,7 +1,11 @@
 /// <reference types="react" />
-export declare const LoginMain: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const LoginMain: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const LoginBannerZone: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const WrapperLogin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
+export declare const WrapperLogin: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {
     isMobile?: boolean | undefined;
 }, never>;
 export declare const WrapperImage: import("styled-components").StyledComponent<"img", any, {}, never>;
@@ -11,9 +15,7 @@ export declare const WrapperContent: import("styled-components").StyledComponent
 export declare const AvatarImage: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const StyledForm: import("styled-components").StyledComponent<(<Values = any>(props: import("antd").FormProps<Values> & {
     children?: import("react").ReactNode;
-} & import("react").RefAttributes<import("antd").FormInstance<Values>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-    displayName?: string | undefined;
-} & {
+} & import("react").RefAttributes<import("rc-field-form/lib/interface").FormRef<Values>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Pick<import("react").FC<{}>, "displayName"> & {
     useForm: typeof import("antd/es/form/Form").useForm;
     useFormInstance: typeof import("antd/es/form/hooks/useFormInstance").default;
     useWatch: typeof import("rc-field-form").useWatch;
@@ -36,10 +38,11 @@ export declare const StyleInput: import("styled-components").StyledComponent<imp
     Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>>;
     TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
     Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef>>;
+    OTP: import("react").ForwardRefExoticComponent<import("antd/es/input/OTP").OTPProps & import("react").RefAttributes<import("antd/es/input/OTP").OTPRef>>;
 }, any, {
     isMobile: boolean;
 }, never>;
-export declare const StyleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+export declare const StyleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {
     isMobile: boolean;

package/es/components/organism/ModifyColumnModal/styled.d.ts

@@ -3,7 +3,11 @@ import { ModalV2Props } from '../../molecules/ModalV2';
 export declare const StyledModal: import("styled-components").StyledComponent<(props: ModalV2Props) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const ParentMetricWrapper: import("styled-components").StyledComponent<import("react").FC<import("react-custom-scrollbars").ScrollbarProps>, any, {}, never>;
 export declare const ChildrenMetricWrapper: import("styled-components").StyledComponent<import("react").FC<import("react-custom-scrollbars").ScrollbarProps>, any, {}, never>;
-export declare const SelectedMetricsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-export declare const SelectedMetricItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
+export declare const SelectedMetricsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const SelectedMetricItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {
     disabled?: boolean | undefined;
 }, never>;

package/es/components/organism/PreviewTemplateModal/components/Information/styled.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export declare const InformationWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const InformationWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const CheckboxButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<import("react").LegacyRef<HTMLElement>>>, any, {
     $active?: boolean | undefined;
 }, never>;

package/es/components/organism/PreviewTemplateModal/components/SimilarTemplate/styled.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export declare const SimilarTemplateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const SimilarTemplateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const TemplateListWrapper: import("styled-components").StyledComponent<"div", any, {
     templateQuantity: number;
 }, never>;

package/es/components/organism/PreviewTemplateModal/styled.d.ts

@@ -2,7 +2,7 @@
 export declare const ModalContainer: import("styled-components").StyledComponent<import("react").FC<import("../../molecules/Modal").ModalProps> & {
     confirm: (props: import("antd").ModalFuncProps) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     useModal: typeof import("antd/es/modal/useModal").default;
     success: import("antd/es/modal/confirm").ModalFunc;

package/es/components/organism/SQLGeneration/components/styled.d.ts

@@ -9,6 +9,7 @@ export declare const HeaderTitle: import("styled-components").StyledComponent<im
 export declare const CloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<import("react").LegacyRef<HTMLElement>>>, any, {}, never>;
 export declare const PromptSection: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").SpaceProps & import("react").RefAttributes<HTMLDivElement>> & {
     Compact: import("react").FC<import("antd/es/space/Compact").SpaceCompactProps>;
+    Addon: import("react").ForwardRefExoticComponent<import("antd/es/space/Addon").SpaceCompactCellProps & import("react").RefAttributes<HTMLDivElement>>;
 }, any, {}, never>;
 export declare const PromptTextArea: import("styled-components").StyledComponent<"textarea", any, {}, never>;
 export declare const GenerateButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -27,7 +28,7 @@ export declare const RatingButton: import("styled-components").StyledComponent<i
 export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("../../../molecules/Modal").ModalProps> & {
     confirm: (props: import("antd").ModalFuncProps) => {
         destroy: () => void;
-        update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
+        update: (configUpdate: import("antd/es/modal/confirm").ConfigUpdate) => void;
     };
     useModal: typeof import("antd/es/modal/useModal").default;
     success: import("antd/es/modal/confirm").ModalFunc;

package/es/components/organism/Table/ExplorePivotTable/styled.d.ts

@@ -5,8 +5,8 @@ export declare const StyledTable: import("styled-components").StyledComponent<im
     SELECTION_ALL: "SELECT_ALL";
     SELECTION_INVERT: "SELECT_INVERT";
     SELECTION_NONE: "SELECT_NONE";
-    Column: typeof import("antd/es/table/Column").default;
-    ColumnGroup: typeof import("antd/es/table/ColumnGroup").default;
+    Column: <RecordType extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType>) => null;
+    ColumnGroup: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_1>) => null;
     Summary: typeof import("rc-table/lib/Footer/Summary").default;
 }, any, {}, never>;
 export declare const StyledHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/organism/TextEditor/styled.d.ts

@@ -6,4 +6,6 @@ export declare const StyledEditorContent: import("styled-components").StyledComp
 export declare const ColorBox: import("styled-components").StyledComponent<"div", any, {
     $color?: string | undefined;
 }, never>;
-export declare const ToolbarWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const ToolbarWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/organism/TicketEditor/styled.d.ts

@@ -47,7 +47,7 @@ export declare const WrapperModalImg: import("styled-components").StyledComponen
 export declare const WrapperModalHeaderImg: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TicketButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const WrapperCheckBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").CheckboxProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>> & {
-    Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd/es/checkbox").CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
+    Group: <T = any>(props: import("antd/es/checkbox").CheckboxGroupProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 }, any, {}, never>;
 export declare const WrapperMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TicketEditorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/organism/TicketEditorV2/queries/useFetchAccountPermission.js

@@ -2,7 +2,10 @@ import { useQuery } from '@tanstack/react-query';
 import { QUERY_KEYS } from '../constants';
 import Service from '../Service';
 export const useFetchAccountPermission = ({ params, domainPermission, token, config, userId, ownerId, }) => {
-    const { data, isFetching } = useQuery([QUERY_KEYS.GET_ACCOUNT_PERMISSION, domainPermission, token, config, userId, ownerId], () => Service.permission.callApi.getList(params, domainPermission, token, config, userId, 'list-menu', ownerId));
+    const { data, isFetching } = useQuery({
+        queryKey: [QUERY_KEYS.GET_ACCOUNT_PERMISSION, domainPermission, token, config, userId, ownerId],
+        queryFn: () => Service.permission.callApi.getList(params, domainPermission, token, config, userId, 'list-menu', ownerId),
+    });
     if (data?.code === 200) {
         return {
             accountEdit: data?.data[0]?.selected_edit,

package/es/components/organism/TicketEditorV2/queries/useGetDetailTicket.d.ts

@@ -8,6 +8,6 @@ type Props = {
 export declare const useGetDetailTicket: ({ domainTicket, config, userId, ticketId, networkId, }: Props) => {
     ticketDetails: any;
     isFetching: boolean;
-    refetchTicket: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<any, unknown>>;
+    refetchTicket: (options?: import("@tanstack/react-query").RefetchOptions | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<any, Error>>;
 };
 export {};

package/es/components/organism/TicketEditorV2/queries/useGetListComments.d.ts

@@ -9,6 +9,6 @@ type Props = {
 export declare const useGetListComments: ({ domainTicket, config, userId, ticketId, enabled, networkId, }: Props) => {
     listComments: any;
     isFetchingComments: boolean;
-    refetchComments: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<any, unknown>>;
+    refetchComments: (options?: import("@tanstack/react-query").RefetchOptions | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<any, Error>>;
 };
 export {};

package/es/components/organism/TicketEditorV2/queries/useGetListUser.js

@@ -6,7 +6,10 @@ const getListUserServices = async (params = {}, domain, token, config, userId) =
     return res.data;
 };
 export const useGetListUser = ({ domainTicket, config, userId }) => {
-    const { data, isFetching } = useQuery([QUERY_KEYS.GET_LIST_USER, domainTicket, '', config, userId], () => getListUserServices({}, domainTicket, '', config, userId));
+    const { data, isFetching } = useQuery({
+        queryKey: [QUERY_KEYS.GET_LIST_USER, domainTicket, '', config, userId],
+        queryFn: () => getListUserServices({}, domainTicket, '', config, userId),
+    });
     return {
         listUsers: data || [],
         isFetchingUsers: isFetching,

package/es/components/organism/TicketEditorV2/styled.d.ts

@@ -47,7 +47,7 @@ export declare const WrapperModalImg: import("styled-components").StyledComponen
 export declare const WrapperModalHeaderImg: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TicketButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const WrapperCheckBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").CheckboxProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>> & {
-    Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd/es/checkbox").CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
+    Group: <T = any>(props: import("antd/es/checkbox").CheckboxGroupProps<T> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 }, any, {}, never>;
 export declare const WrapperMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TicketEditorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/styled.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-export declare const MenuMappingContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const MenuMappingContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const MenuMappingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/template/Layout/styled.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export declare const LayoutWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
+export declare const LayoutWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {
     showLeftMenu: boolean;
 }, never>;
 export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, {

package/es/components/template/TemplateListing/components/BlankTemplate/styled.d.ts

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare const BlankTemplateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const BlankTemplateWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/template/TemplateListing/components/Empty/styled.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-export declare const EmptyWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const EmptyWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const EmptyIcon: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/template/TemplateListing/hooks/useTemplateListing.d.ts

@@ -3,7 +3,6 @@ import { TServiceAuth } from '@antscorp/antsomi-ui/es/types';
 import { TCategoryItem, TCheckedCategories, TSelectTemplateAction, TTemplateItem } from '../types';
 import { TTemplateListingConfig } from '@antscorp/antsomi-ui/es/types/templateListing';
 import { TThumbnailCardId } from '../../../molecules/ThumbnailCard';
-import { InfiniteData } from '@tanstack/react-query';
 import { TemplateCategory } from '@antscorp/antsomi-ui/es/models/TemplateCategory';
 interface TemplateListingOptions {
     serviceAuth: TServiceAuth;
@@ -69,8 +68,8 @@ export declare const useTemplateListing: <T = undefined>(options: TemplateListin
     isLoadingCategoryList: boolean;
     isLoadingTemplateList: boolean;
     isLoadingTemplateDetail: boolean;
-    refetchCategoryList: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<TemplateCategory[], any>>;
-    refetchTemplateList: <TPageData_1>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData_1>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<InfiniteData<any>, any>>;
+    refetchCategoryList: (options?: import("@tanstack/react-query").RefetchOptions | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<NoInfer<TemplateCategory[]>, any>>;
+    refetchTemplateList: (options?: import("@tanstack/react-query").RefetchOptions | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<any, any>>;
     onChangeCheckedCategories: (checkedCategories: TCheckedCategories) => void;
     onChangeOpenCategoryKeys: (openKeys: string[]) => void;
     onRemoveObjectTemplate: (id: TThumbnailCardId) => void;

package/es/components/template/TemplateListing/styled/index.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
-export declare const TemplateListingWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const TemplateListingWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const TemplateWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LoadMoreBlock: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/providers/ConfigProvider/ConfigProvider.d.ts

@@ -1,6 +1,8 @@
+import { StyleProviderProps } from '@ant-design/cssinjs';
 import { ConfigProviderProps as AntdConfigProviderProps } from 'antd/es/config-provider';
 import React, { ReactNode } from 'react';
 import '@antscorp/antsomi-ui/es/assets/css/main.scss';
+import { type GlobalStyleProps } from './GlobalStyle';
 import { TLocale } from '@antscorp/antsomi-ui/es/types';
 import 'animate.css';
 import { AppConfigProviderProps } from '../AppConfigProvider';
@@ -8,6 +10,8 @@ interface ConfigProviderProps extends Omit<AntdConfigProviderProps, 'locale'> {
     children?: ReactNode;
     locale?: TLocale;
     appConfig?: AppConfigProviderProps;
+    globalStyle?: GlobalStyleProps;
+    styleProviderProps?: StyleProviderProps;
 }
 declare const ConfigProvider: React.FC<ConfigProviderProps>;
 export default ConfigProvider;

package/es/providers/ConfigProvider/ConfigProvider.js

@@ -22,7 +22,6 @@ import 'animate.css';
 import { AppConfigProvider } from '../AppConfigProvider';
 // Hooks
 import { useMutationObserver } from '../../hooks';
-import { QueryDevtoolsAntsomiUI } from '../../queries';
 // Providers
 // import {
 //   QueryClientProviderAntsomiUI,
@@ -37,7 +36,7 @@ dayjs.extend(timezone);
 dayjs.extend(relativeTime);
 const ConfigProvider = props => {
     // Props
-    const { children, locale, appConfig, theme = THEME, prefixCls = ANTSOMI_COMPONENT_PREFIX_CLS, ...restOfProps } = props;
+    const { children, locale, appConfig, theme = THEME, prefixCls = ANTSOMI_COMPONENT_PREFIX_CLS, globalStyle = {}, styleProviderProps = {}, ...restOfProps } = props;
     // Refs
     const ref = useRef(null);
     // Handlers
@@ -82,6 +81,6 @@ const ConfigProvider = props => {
         const containers = document.getElementsByClassName('antsomi-scroll-box');
         handleScrollAction(Array.from(containers));
     }, []);
-    return (_jsx(AntdConfigProvider, { theme: theme, prefixCls: prefixCls, ...restOfProps, children: _jsx(AppConfigProvider, { value: appConfig, children: _jsx("div", { ref: ref, children: _jsxs(App, { children: [_jsx(GlobalStyle, {}), _jsx(StyleProvider, { hashPriority: "high", children: children }), _jsx(QueryDevtoolsAntsomiUI, { position: "bottom-right" })] }) }) }) }));
+    return (_jsx(AntdConfigProvider, { theme: theme, prefixCls: prefixCls, ...restOfProps, children: _jsx(AppConfigProvider, { value: appConfig, children: _jsx("div", { ref: ref, children: _jsxs(App, { children: [_jsx(GlobalStyle, { ...globalStyle }), _jsx(StyleProvider, { ...styleProviderProps, hashPriority: "high", children: children })] }) }) }) }));
 };
 export default ConfigProvider;

package/es/providers/ConfigProvider/GlobalStyle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface GlobalStyleProps {
+export interface GlobalStyleProps {
+    resetStyles?: boolean;
 }
 export declare const GlobalStyle: React.FC<GlobalStyleProps>;
-export {};

package/es/providers/ConfigProvider/GlobalStyle.js

@@ -9,7 +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 = () => (_jsx(Global, { styles: css `
+export const GlobalStyle = props => (_jsx(Global, { styles: css `
       @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
 
       :root {
@@ -18,69 +18,72 @@ export const GlobalStyle = () => (_jsx(Global, { styles: css `
         --divider-3: ${bw5};
       }
 
-      *,
-      *:before,
-      *:after {
-        -webkit-box-sizing: border-box;
-        -moz-box-sizing: border-box;
-        box-sizing: border-box;
-        border-width: 0;
-        border-style: solid;
-      }
-
-      blockquote,
-      dl,
-      dd,
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6,
-      hr,
-      figure,
-      p,
-      pre {
-        margin: 0;
-      }
-
-      h1,
-      h2,
-      h3,
-      h4,
-      h5,
-      h6 {
-        font-size: inherit;
-        font-weight: inherit;
-      }
-
-      ol,
-      ul {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-      }
-
-      img,
-      svg,
-      video,
-      canvas,
-      audio,
-      iframe,
-      embed,
-      object {
-        vertical-align: middle;
-      }
-
-      img,
-      video {
-        max-width: 100%;
-        height: auto;
-      }
-
-      hr {
-        border-color: var(--divider-1);
-      }
+      ${props.resetStyles !== false &&
+        `
+        *,
+        *:before,
+        *:after {
+          -webkit-box-sizing: border-box;
+          -moz-box-sizing: border-box;
+          box-sizing: border-box;
+          border-width: 0;
+          border-style: solid;
+        }
+
+        blockquote,
+        dl,
+        dd,
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6,
+        hr,
+        figure,
+        p,
+        pre {
+          margin: 0;
+        }
+
+        h1,
+        h2,
+        h3,
+        h4,
+        h5,
+        h6 {
+          font-size: inherit;
+          font-weight: inherit;
+        }
+
+        ol,
+        ul {
+          list-style: none;
+          margin: 0;
+          padding: 0;
+        }
+
+        img,
+        svg,
+        video,
+        canvas,
+        audio,
+        iframe,
+        embed,
+        object {
+          vertical-align: middle;
+        }
+
+        img,
+        video {
+          max-width: 100%;
+          height: auto;
+        }
+
+        hr {
+          border-color: var(--divider-1);
+        }
+      `}
 
       .rc-virtual-list-scrollbar {
         width: 4px !important;

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

@@ -9,15 +9,15 @@ export declare const AntsomiAIQueries: {
             refine_prompt: string;
             sql_suggestion: string;
             summary: string;
-        }, unknown, Record<string, unknown>, unknown>;
+        }, Error, Record<string, unknown>, unknown>;
         generateSQLAsync: import("@tanstack/react-query").UseMutateAsyncFunction<{
             key: string;
             prompt: string;
             refine_prompt: string;
             sql_suggestion: string;
             summary: string;
-        }, unknown, Record<string, unknown>, unknown>;
-        isLoading: boolean;
+        }, Error, Record<string, unknown>, unknown>;
+        isPending: boolean;
         isError: boolean;
     };
 };

package/es/queries/AI/useSqlGeneration.d.ts

@@ -11,15 +11,15 @@ export declare const useSqlGeneration: (params: UseSqlGenerationParams) => {
         refine_prompt: string;
         sql_suggestion: string;
         summary: string;
-    }, unknown, Record<string, unknown>, unknown>;
+    }, Error, Record<string, unknown>, unknown>;
     generateSQLAsync: import("@tanstack/react-query").UseMutateAsyncFunction<{
         key: string;
         prompt: string;
         refine_prompt: string;
         sql_suggestion: string;
         summary: string;
-    }, unknown, Record<string, unknown>, unknown>;
-    isLoading: boolean;
+    }, Error, Record<string, unknown>, unknown>;
+    isPending: boolean;
     isError: boolean;
 };
 export {};

package/es/queries/AI/useSqlGeneration.js

@@ -2,12 +2,12 @@ import { useMutation } from '@tanstack/react-query';
 import { AIServices } from '../../services/AI';
 export const useSqlGeneration = (params) => {
     const { auth, env } = params;
-    const { mutate: generateSQL, mutateAsync: generateSQLAsync, isLoading, isError, } = useMutation({
+    const { mutate: generateSQL, mutateAsync: generateSQLAsync, isPending, isError, } = useMutation({
         mutationFn: async (data) => AIServices.generateSQL({
             auth,
             data,
             env,
         }),
     });
-    return { generateSQL, generateSQLAsync, isLoading, isError };
+    return { generateSQL, generateSQLAsync, isPending, isError };
 };

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

@@ -20,10 +20,10 @@ type TCheckUserPermissionProps = {
     apiConfig: TAccountParams;
     options?: Omit<UseQueryOptions<any, any, TAccountPermission | undefined, 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 declare const useGetAccountList: (props: GetAccountListProps) => import("@tanstack/react-query").UseQueryResult<NoInfer<AccountListing>, any>;
+export declare const useGetRecentAccount: (props: GetRecentAccountProps) => import("@tanstack/react-query").UseQueryResult<NoInfer<AccountRecent>, any>;
 export declare const useUpdateRecentAccount: (props: UpdateRecentAccountProps) => import("@tanstack/react-query").UseMutationResult<{
     status: number;
 }, any, [number, number], unknown>;
-export declare const useCheckUserPermission: (props: TCheckUserPermissionProps) => import("@tanstack/react-query").UseQueryResult<TAccountPermission | undefined, any>;
+export declare const useCheckUserPermission: (props: TCheckUserPermissionProps) => import("@tanstack/react-query").UseQueryResult<NoInfer<TAccountPermission | undefined>, any>;
 export {};

package/es/queries/Account/useGetAccountList.js

@@ -27,7 +27,8 @@ export const useUpdateRecentAccount = (props) => {
     return useMutation({
         mutationFn: variables => updateRecentAccount({ params: apiConfig, data: variables }),
         onSettled: () => {
-            queryClient.invalidateQueries([QUERY_KEYS.UPDATE_RECENT_ACCOUNT], {
+            queryClient.invalidateQueries({
+                queryKey: [QUERY_KEYS.UPDATE_RECENT_ACCOUNT],
                 exact: false,
             });
         },

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

@@ -1,5 +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 declare const useGetBODetail: <T = TDataFnQuery>(serviceAuth: TServiceAuth, itemTypeId: number | null, queryOptions?: Omit<UseQueryOptions<TDataFnQuery, any, T>, 'queryKey' | 'queryFn'>) => import("@tanstack/react-query").UseQueryResult<NoInfer<T>, any>;
 export {};

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

@@ -7,5 +7,5 @@ type GetListAllEvents<T> = {
     infos: PayloadInfo;
     options?: Omit<UseQueryOptions<any, any, T, any[]>, OptionHasDefault>;
 };
-export declare const useGetListAllEvents: <T = any>(props: GetListAllEvents<T>) => import("@tanstack/react-query").UseQueryResult<T, any>;
+export declare const useGetListAllEvents: <T = any>(props: GetListAllEvents<T>) => import("@tanstack/react-query").UseQueryResult<NoInfer<T>, any>;
 export {};

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

@@ -2,5 +2,5 @@ import { UseQueryOptions } from '@tanstack/react-query';
 import type { APIParams } from '../../components/molecules/AddDynamicContent';
 import type { PayloadInfo } from '../../types';
 type TDataFnQuery = Record<string, any>;
-export declare const useGetListBO: <T = TDataFnQuery>(apiConfig: APIParams, infos: PayloadInfo, queryOptions?: UseQueryOptions<TDataFnQuery, any, T>) => import("@tanstack/react-query").UseQueryResult<T, any>;
+export declare const useGetListBO: <T = TDataFnQuery>(apiConfig: APIParams, infos: PayloadInfo, queryOptions?: Omit<UseQueryOptions<TDataFnQuery, any, T>, 'queryKey' | 'queryFn'>) => import("@tanstack/react-query").UseQueryResult<NoInfer<T>, any>;
 export {};

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

@@ -1,4 +1,4 @@
 import { UseQueryOptions } from '@tanstack/react-query';
 import type { APIParams } from '../../components/molecules/AddDynamicContent';
 import type { PayloadInfo } from '../../types';
-export declare const useGetListEventAttr: <T = any[]>(apiConfig: APIParams, infos: PayloadInfo, eventSource: string, sourceId: string, queryOptions?: Omit<UseQueryOptions<any[], any, T>, 'queryKey' | 'queryFn'>) => import("@tanstack/react-query").UseQueryResult<T, any>;
+export declare const useGetListEventAttr: <T = any[]>(apiConfig: APIParams, infos: PayloadInfo, eventSource: string, sourceId: string, queryOptions?: Omit<UseQueryOptions<any[], any, T>, 'queryKey' | 'queryFn'>) => import("@tanstack/react-query").UseQueryResult<NoInfer<T>, any>;

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

@@ -2,5 +2,5 @@ import { UseQueryOptions } from '@tanstack/react-query';
 import type { APIParams } from '../../components/molecules/AddDynamicContent';
 import type { PayloadInfo } from '../../types';
 type TQueryFnData = any[];
-export declare const useGetListPromotionCodeAttr: <T = TQueryFnData>(apiConfig: APIParams, infos: PayloadInfo, queryOptions?: Omit<UseQueryOptions<TQueryFnData, any, T>, 'queryKey' | 'queryFn'>) => import("@tanstack/react-query").UseQueryResult<T, any>;
+export declare const useGetListPromotionCodeAttr: <T = TQueryFnData>(apiConfig: APIParams, infos: PayloadInfo, queryOptions?: Omit<UseQueryOptions<TQueryFnData, any, T>, 'queryKey' | 'queryFn'>) => import("@tanstack/react-query").UseQueryResult<NoInfer<T>, any>;
 export {};

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

@@ -9,5 +9,5 @@ type GetListSourceByEvent<T> = {
     infos: PayloadInfo;
     options?: Omit<UseQueryOptions<any, any, T, any[]>, OptionHasDefault>;
 };
-export declare const useGetListSourceByEvent: <T = any>(props: GetListSourceByEvent<T>) => import("@tanstack/react-query").UseQueryResult<T, any>;
+export declare const useGetListSourceByEvent: <T = any>(props: GetListSourceByEvent<T>) => import("@tanstack/react-query").UseQueryResult<NoInfer<T>, any>;
 export {};