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

package/es/components/organism/ContentSources/Settings.js

@@ -45,50 +45,49 @@ const Settings = (props) => {
         token,
         userId,
         accountId,
-    }, {
-        onSuccess(data) {
-            if (!isInitDataCDPDone &&
-                (isCDP || justOneGroup) &&
-                isArray(data) &&
-                contentSources.groups.length === 1 &&
-                contentSources.groups[0] &&
-                !contentSources.groups[0].itemTypeId) {
-                const BOProduct = data.find(bo => +bo.id === PRODUCT_ITEM_TYPE_ID) || {};
-                const groupId = get(contentSources, 'groups[0].groupId', '');
-                const itemTypeId = BOProduct?.id;
-                const itemTypeDisplay = BOProduct?.label;
-                const itemTypeName = BOProduct?.name;
-                let valueRanking = GET_TOP_RANKING_DEFAULT;
-                if (itemTypeId === PRODUCT_ITEM_TYPE_ID) {
-                    valueRanking = PRODUCT_RANKING_DEFAULT;
-                    if (isCDP || justOneGroup) {
-                        set(valueRanking, 'algorithms.sort', 'order');
-                    }
-                }
-                else if (itemTypeName === ITEM_TYPE_NAME.ARTICLE) {
-                    valueRanking = ARTICLE_RANKING_DEFAULT;
+    });
+    useEffect(() => {
+        if (listBO &&
+            !isInitDataCDPDone &&
+            (isCDP || justOneGroup) &&
+            isArray(listBO) &&
+            contentSources.groups.length === 1 &&
+            contentSources.groups[0] &&
+            !contentSources.groups[0].itemTypeId) {
+            const BOProduct = listBO.find(bo => +bo.id === PRODUCT_ITEM_TYPE_ID) || {};
+            const groupId = get(contentSources, 'groups[0].groupId', '');
+            const itemTypeId = BOProduct?.id;
+            const itemTypeDisplay = BOProduct?.label;
+            const itemTypeName = BOProduct?.name;
+            let valueRanking = GET_TOP_RANKING_DEFAULT;
+            if (itemTypeId === PRODUCT_ITEM_TYPE_ID) {
+                valueRanking = PRODUCT_RANKING_DEFAULT;
+                if (isCDP || justOneGroup) {
+                    set(valueRanking, 'algorithms.sort', 'order');
                 }
-                const newRanking = valueRanking;
-                if (groupId && itemTypeId) {
-                    // eslint-disable-next-line @typescript-eslint/no-use-before-define
-                    contentSourceDispatch({
-                        type: 'SET_CONTENT_SOURCE_GROUP',
-                        payload: {
-                            groupId,
-                            values: {
-                                itemTypeId,
-                                itemTypeDisplay,
-                                itemTypeName,
-                                ranking: newRanking,
-                                filters: FILTERS_DEFAULT,
-                            },
+            }
+            else if (itemTypeName === ITEM_TYPE_NAME.ARTICLE) {
+                valueRanking = ARTICLE_RANKING_DEFAULT;
+            }
+            const newRanking = valueRanking;
+            if (groupId && itemTypeId) {
+                contentSourceDispatch({
+                    type: 'SET_CONTENT_SOURCE_GROUP',
+                    payload: {
+                        groupId,
+                        values: {
+                            itemTypeId,
+                            itemTypeDisplay,
+                            itemTypeName,
+                            ranking: newRanking,
+                            filters: FILTERS_DEFAULT,
                         },
-                    });
-                    setIsInitDataCDPDone(true);
-                }
+                    },
+                });
+                setIsInitDataCDPDone(true);
             }
-        },
-    });
+        }
+    }, [listBO, isInitDataCDPDone, isCDP, justOneGroup, contentSources.groups]);
     const { data: listFallbackBO } = useGetListFallbackBO({
         serviceAuth,
     });

package/es/components/organism/DataTable/components/ModifyColumn/styled.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
-export declare const PopoverContent: 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 SavedModifyColumnOption: 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 PopoverContent: 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 SavedModifyColumnOption: 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 YourColumnSet: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;

package/es/components/organism/DataTable/components/Pagination/styled.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-export declare const PaginationWrapper: 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 PaginationWrapper: 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 ActionButton: import("styled-components").StyledComponent<"div", any, {
     disabled?: boolean | undefined;
 }, never>;

package/es/components/organism/DataTable/components/Table/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TableProps as AntdTableProps } from 'antd';
-interface TableProps extends AntdTableProps<any> {
+interface TableProps extends AntdTableProps<unknown> {
 }
 export declare const Table: React.FC<TableProps>;
 export {};

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

@@ -5,7 +5,7 @@ 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>;

package/es/components/organism/DataTable/components/Toolbar/GroupByPopover.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ItemType } from 'antd/es/menu/hooks/useItems';
+import { ItemType } from 'antd/es/menu/interface';
 import { PopoverProps } from '@antscorp/antsomi-ui/es/components/atoms';
 interface GroupByPopoverProps extends PopoverProps {
     selectedKey?: string;

package/es/components/organism/DataTable/components/Toolbar/styled.d.ts

@@ -1,13 +1,23 @@
 /// <reference types="react" />
-export declare const ToolbarWrapper: 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 ToolbarWrapper: 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, {
     $isFilterActive: boolean;
 }, never>;
 export declare const CollapseButton: import("styled-components").StyledComponent<"div", any, {
     $collapsed: boolean;
 }, never>;
-export declare const ToolbarActionButtonWrapper: 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 FilterSection: 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 RowSelectedControlWrapper: 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 ToolbarActionButtonWrapper: 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 FilterSection: 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 RowSelectedControlWrapper: 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 IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 /** Search Popover */
-export declare const StyledSearchItem: 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 StyledSearchItem: 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/organism/DataTable/hooks/useDataTableListing/useDataTableListing.js

@@ -4,7 +4,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { Link } from 'react-router-dom';
 import { flatMap, isEmpty, pick, xor, groupBy as lodashGroupBy } from 'lodash';
-import { useQueryClient } from '@tanstack/react-query';
+import { keepPreviousData, useQueryClient } from '@tanstack/react-query';
 // Types
 import { useAppConfigContext } from '@antscorp/antsomi-ui/es/providers';
 // Components
@@ -181,7 +181,8 @@ export function useDataTableListing(props) {
         },
         options: {
             enabled: isEnabledFetchMatchesAny,
-            keepPreviousData: true,
+            initialPageParam: 1,
+            placeholderData: keepPreviousData,
             retry: false,
             getNextPageParam(lastPage, allPages) {
                 // Extract the total number of items from the last fetched page
@@ -225,7 +226,7 @@ export function useDataTableListing(props) {
         },
         options: {
             queryKey: [name],
-            keepPreviousData: true,
+            placeholderData: keepPreviousData,
             enabled: !!listingAuth?.url && !!listingAuth?.token && enabledApiListing,
             ...queryOptions?.getTableListing,
         },
@@ -239,7 +240,7 @@ export function useDataTableListing(props) {
             request: restOfApiSearchRequest,
         },
         options: {
-            keepPreviousData: true,
+            placeholderData: keepPreviousData,
             enabled: !!searchAuth?.url && !!searchAuth?.token && enabledApiSearch,
             ...queryOptions?.getSearchListing,
         },
@@ -848,7 +849,8 @@ export function useDataTableListing(props) {
     }, [mainColumnKey, tableData]);
     /** Refetch */
     const refetchTableListing = useCallback(() => {
-        queryClient.invalidateQueries([QUERY_KEYS.GET_DATA_TABLE_LISTING, name], {
+        queryClient.invalidateQueries({
+            queryKey: [QUERY_KEYS.GET_DATA_TABLE_LISTING, name],
             exact: false,
         });
     }, [name, queryClient]);

package/es/components/organism/DataTable/styled/index.d.ts

@@ -4,7 +4,11 @@ export declare const IconButton: import("styled-components").StyledComponent<"di
 export declare const ActionButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<import("react").LegacyRef<HTMLElement>>>, any, {
     $hide?: boolean | undefined;
 }, never>;
-export declare const FilterMetricLabel: 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 FilterMetricLabel: 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 DataTableContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FilterButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GroupByExpandButton: 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 GroupByExpandButton: 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/organism/DataTable/types/index.d.ts

@@ -4,12 +4,13 @@ import { StoreApi } from 'zustand';
 import { ToolbarProps } from './toolbar';
 import { PaginationProps } from '../components';
 import { FilterProps } from '../../Filter';
-export interface TableProps<T> extends AntdTableProps<T> {
+export interface TableProps<T> extends Omit<AntdTableProps<T>, 'rowKey'> {
     columnWidths?: Record<number, number>;
     onColumnResize?: (data: {
         index: number;
         width: number;
     }) => void;
+    rowKey?: string | ((record: T, index?: number) => string);
 }
 export interface ModifyColumnProps {
 }

package/es/components/organism/DataTable/types/toolbar.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { DropdownProps } from 'antd';
-import { ItemType } from 'antd/es/menu/hooks/useItems';
+import { ItemType } from 'antd/es/menu/interface';
 import { GRID_VIEW_KEYS, TOOLBAR_ACTION_KEYS } from '../constants';
 import { AddButtonProps } from '../components/AddButton';
 import { TActionButton, TConfirmResponse } from '@antscorp/antsomi-ui/es/types';

package/es/components/organism/Filter/components/FilterCondition/index.js

@@ -85,7 +85,7 @@ export const FilterCondition = props => {
             disabled: isDisableApply,
         }, onCancel: handleCancel, onApply: () => form.submit(), children: _jsx(Form, { form: form, layout: "vertical", onFinish: onFinishForm, children: _jsxs(Flex, { vertical: true, gap: 20, children: [_jsx(Form.Item, { name: "operator", noStyle: true, children: _jsx(Select, { value: operator, options: operatorList, onChange: () => form.setFieldsValue({
                                 value: '',
-                            }), getPopupContainer: triggerNode => triggerNode.parentElement, dropdownRender: menu => (_jsx("div", { className: EXCEPTION_OFF_FILTER_CLASS, onClick: e => e.stopPropagation(), children: menu })) }) }), _jsx(Form.Item, { name: "value", noStyle: true }), renderValueField({
+                            }), getPopupContainer: triggerNode => triggerNode.parentElement, popupRender: menu => (_jsx("div", { className: EXCEPTION_OFF_FILTER_CLASS, onClick: e => e.stopPropagation(), children: menu })) }) }), _jsx(Form.Item, { name: "value", noStyle: true }), renderValueField({
                         filterMetric,
                         operator,
                         value,

package/es/components/organism/Filter/components/FilterCondition/styled.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
 export declare const FilterConditionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CloseButton: 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 CloseButton: 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/organism/Filter/styled.d.ts

@@ -1,10 +1,18 @@
 /// <reference types="react" />
-export declare const FilterWrapper: 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 FilterWrapper: 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, {
     $isFilterActive: boolean;
 }, never>;
 export declare const FilterSelectFieldsContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FilterConditionListWrapper: 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 StyledFilterItem: 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 FilterConditionListWrapper: 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 StyledFilterItem: 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 FilterButton: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FilterMetricLabel: 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 FilterMetricLabel: 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 IconButton: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/organism/FilterSetting/components/common/InputArray/index.js

@@ -25,7 +25,7 @@ export const InputArray = props => {
             return onChange(newValue);
         }
     };
-    return (_jsx(StyledSelect, { mode: "tags", required: required, focused: focused, placeholder: t(translations.pleaseInputValue.title).toString(), onInputKeyDown: onInputKeyDown, onDeselect: onRemove, value: value, tagRender: v => _jsx(Tag, { ...v, children: v.label }), dropdownStyle: {
-            display: 'none',
+    return (_jsx(StyledSelect, { mode: "tags", required: required, focused: focused, placeholder: t(translations.pleaseInputValue.title).toString(), onInputKeyDown: onInputKeyDown, onDeselect: onRemove, value: value, tagRender: v => _jsx(Tag, { ...v, children: v.label }), styles: {
+            popup: { root: { display: 'none' } },
         } }));
 };

package/es/components/organism/FilterSetting/components/common/InputOrSelect/index.d.ts

@@ -48,6 +48,7 @@ export declare const StyledAutoComplete: import("styled-components").StyledCompo
     children?: React.ReactNode;
 } & React.RefAttributes<import("antd").RefSelectProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     displayName?: string | undefined;
+} & {
     Option: import("rc-select/lib/Option").OptionFC;
     _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
 }, any, {}, never>;
@@ -57,7 +58,7 @@ export declare const StyledDropdown: import("styled-components").StyledComponent
 export declare const StyledSelect: import("styled-components").StyledComponent<(props: any) => import("react/jsx-runtime").JSX.Element, any, {
     $isPlaceholder?: any;
 }, never>;
-export declare const StyledTreeSelect: import("styled-components").StyledComponent<(<ValueType = any, OptionType extends import("rc-tree-select/lib/TreeSelect").DefaultOptionType | import("rc-tree-select/lib/TreeSelect").BaseOptionType = import("rc-tree-select/lib/TreeSelect").DefaultOptionType>(props: import("antd").TreeSelectProps<ValueType, OptionType> & {
+export declare const StyledTreeSelect: import("styled-components").StyledComponent<(<ValueType = any, OptionType extends import("rc-tree-select/lib/interface").DataNode = import("rc-tree-select/lib/interface").DataNode>(props: import("antd").TreeSelectProps<ValueType, OptionType> & {
     children?: React.ReactNode;
 } & React.RefAttributes<import("antd").RefSelectProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     displayName?: string | undefined;

package/es/components/organism/FilterSetting/components/common/InputOrSelect/index.js

@@ -111,8 +111,8 @@ export const InputOrSelect = props => {
                                     (valueType === VISITOR.value && visitorMetadata.item_property_name) }) }), _jsx(Icon, { type: "icon-ants-remove", style: { fontSize: 10, color: '#222', cursor: 'pointer' }, onClick: onDeselect })] }));
         }
         else {
-            element = (_jsx(StyledSelect, { mode: "multiple", options: [{ value: '', label: t(translations.orSelectAField.title) }], notFoundContent: null, onSelect: showModal, style: { width: '100%', borderTop: 'none', borderLeft: 'none', borderRight: 'none' }, onDeselect: onDeselect, autoClearSearchValue: false, searchValue: typeof value === 'string' ? value : '', onSearch: onChangeInput, placeholder: value || t(translations.inputYourValue.title), "$isPlaceholder": !value, dropdownStyle: {
-                    ...(hideSelectField ? { display: 'none' } : {}),
+            element = (_jsx(StyledSelect, { mode: "multiple", options: [{ value: '', label: t(translations.orSelectAField.title) }], notFoundContent: null, onSelect: showModal, style: { width: '100%', borderTop: 'none', borderLeft: 'none', borderRight: 'none' }, onDeselect: onDeselect, autoClearSearchValue: false, searchValue: typeof value === 'string' ? value : '', onSearch: onChangeInput, placeholder: value || t(translations.inputYourValue.title), "$isPlaceholder": !value, styles: {
+                    popup: { root: { ...(hideSelectField ? { display: 'none' } : {}) } },
                 } }));
         }
         return element;
@@ -415,7 +415,7 @@ export const ModalSelect = props => {
                 // select item || parents not items
                 setSearchValue('');
                 onChangeAttribute(item.value);
-                onDropdownVisibleChange(false);
+                onOpenChange(false);
             }
             else {
                 // select parents
@@ -434,7 +434,7 @@ export const ModalSelect = props => {
     const onTreeExpand = (val) => {
         setExpandedKeys(val);
     };
-    const onDropdownVisibleChange = (open) => {
+    const onOpenChange = (open) => {
         setOpenTreeSelect(open);
     };
     const handleDisableSubmit = () => {

package/es/components/organism/FilterSetting/components/common/InputSelectMulti/index.d.ts

@@ -61,7 +61,6 @@ interface SelectMultipleDropdownProps {
     onChange: (val: InputSelectMultiProps['value']) => void;
     dataSelect: DataSelect;
     onChangeOpen: () => void;
-    open?: boolean;
     onSelectAll: () => void;
     onApplyExtendValue: (value: any) => void;
     column?: string | null;

package/es/components/organism/FilterSetting/components/common/InputSelectMulti/index.js

@@ -349,7 +349,9 @@ export const SelectMultiple = props => {
     const { t } = i18nInstance;
     return (_jsx(StyledTreeSelect, { showSearch: false, searchValue: searchValue, treeCheckable: true, 
         // open
-        placement: "bottomRight", autoClearSearchValue: true, dropdownStyle: { minWidth: '600px', width: '600px' }, open: open, onDropdownVisibleChange: isCheckDropDown ? () => { } : onChangeOpen, maxTagCount: "responsive", tagRender: v => _jsx(Tag, { ...v, children: mapLabel[v.value] || v.label }), placeholder: t(translations.selectAnItem.title).toString(), dropdownRender: menu => (_jsx(SelectMultipleDropdown, { menu: menu, isShowCheck: isShowCheck, extraContent: dropdownExtraContent, onChangeIsShowCheck: onChangeIsShowCheck, onUncheckAll: onUncheckAll, onScroll: onScroll, treeData: treeData, onChange: onChange, dataSelect: dataSelect, onChangeOpen: onChangeOpen, onSelectAll: onSelectAll, onApplyExtendValue: onApplyExtendValue, column: column, extendValue: extendValue, onChangeRemoveExtend: onChangeRemoveExtend, onPopover: onPopover, onApply: onApply, openPopover: openPopover, searchValue: searchValue, onSearch: onSearch, loading: loading })), ...restOf }));
+        placement: "bottomRight", autoClearSearchValue: true, styles: {
+            popup: { root: { minWidth: '600px', width: '600px' } },
+        }, open: open, onOpenChange: isCheckDropDown ? () => { } : onChangeOpen, maxTagCount: "responsive", tagRender: v => _jsx(Tag, { ...v, children: mapLabel[v.value] || v.label }), placeholder: t(translations.selectAnItem.title).toString(), popupRender: menu => (_jsx(SelectMultipleDropdown, { menu: menu, isShowCheck: isShowCheck, extraContent: dropdownExtraContent, onChangeIsShowCheck: onChangeIsShowCheck, onUncheckAll: onUncheckAll, onScroll: onScroll, treeData: treeData, onChange: onChange, dataSelect: dataSelect, onChangeOpen: onChangeOpen, onSelectAll: onSelectAll, onApplyExtendValue: onApplyExtendValue, column: column, extendValue: extendValue, onChangeRemoveExtend: onChangeRemoveExtend, onPopover: onPopover, onApply: onApply, openPopover: openPopover, searchValue: searchValue, onSearch: onSearch, loading: loading })), ...restOf }));
 };
 export const SelectMultipleDropdown = props => {
     const { menu, isShowCheck, onChangeIsShowCheck, onUncheckAll, onScroll, extraContent, treeData, onChange, dataSelect, onChangeOpen, onSelectAll, onApplyExtendValue, extendValue = [], column, onChangeRemoveExtend, onPopover, onApply, openPopover, searchValue, onSearch, loading, } = props;

package/es/components/organism/FilterSetting/components/common/TextTreeSelect/index.d.ts

@@ -4,7 +4,7 @@ interface TextTreeSelectProps {
     attribute: string | null;
     searchValue?: string;
     open?: boolean;
-    onDropdownVisibleChange?: any;
+    onOpenChange?: (open: boolean) => void;
 }
 export declare const TextTreeSelect: React.FC<TextTreeSelectProps>;
 export {};

package/es/components/organism/FilterSetting/components/common/TextTreeSelect/index.js

@@ -2,11 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // Atoms
 import { Text } from '@antscorp/antsomi-ui/es/components/atoms';
 export const TextTreeSelect = props => {
-    const { label, attribute, searchValue, open, onDropdownVisibleChange } = props;
+    const { label, attribute, searchValue, open, onOpenChange } = props;
     const onClick = (event) => {
         event.preventDefault();
         event.stopPropagation();
-        onDropdownVisibleChange(open);
+        onOpenChange?.(open ?? false);
     };
     return (_jsx(Text, { style: { marginLeft: 8 }, onClick: onClick, children: searchValue ? '' : attribute ? label : '' }));
 };

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

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

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

@@ -10,6 +10,7 @@ export declare const Label: import("styled-components").StyledComponent<"span",
 export declare const SendFeedback: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ControlGroup: 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 ControlLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
 export declare const FlexCenter: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -52,12 +53,10 @@ export declare const WrapperSearch: import("styled-components").StyledComponent<
 export declare const TreeContent: import("styled-components").StyledComponent<(<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: import("antd").TreeProps<T> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<import("rc-tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-    TreeNode: import("react").FC<import("rc-tree").TreeNodeProps<import("antd").TreeDataNode>>;
+    TreeNode: import("react").FC<Readonly<import("rc-tree").TreeNodeProps<import("antd").TreeDataNode>>>;
     DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: import("antd/es/tree").DirectoryTreeProps<T_1> & {
         children?: import("react").ReactNode;
-    } & import("react").RefAttributes<import("rc-tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-        displayName?: string | undefined;
-    };
+    } & import("react").RefAttributes<import("rc-tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Pick<import("react").FC<{}>, "displayName">;
 }, any, {}, never>;
 export declare const Span: import("styled-components").StyledComponent<"span", any, {
     styles: any;

package/es/components/organism/LeftMenu/components/HomeMenu/styled.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
-export declare const HomeMenuWrapper: 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 HomeMenuWrapper: 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 CreateButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<import("react").LegacyRef<HTMLElement>>>, any, {}, never>;
 export declare const ModalWrapper: import("styled-components").StyledComponent<import("react").FC<import("@antscorp/antsomi-ui/es/components/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/LeftMenu/components/HomeMenu/useHomeMenu.js

@@ -35,7 +35,7 @@ export const useHomeMenu = (props) => {
         const dashboardMenu = flattenMenuPermission.find(menu => menu.menu_code === MENU_CODE.DASHBOARD);
         return !!dashboardMenu && dashboardMenu.selected_edit !== MENU_PERMISSION.NONE;
     }, [flattenMenuPermission]);
-    const { mutateAsync: removeDashboard, isLoading: isDashboardRemoving } = useRemoveDashboard();
+    const { mutateAsync: removeDashboard, isPending: isDashboardRemoving } = useRemoveDashboard();
     const onOptionCallback = useCallback((args) => {
         const { optionKey, menuItemKey } = args;
         switch (optionKey) {

package/es/components/organism/LeftMenu/components/common/ChildMenu/components/MenuItemImage/styled.d.ts

@@ -2,4 +2,6 @@
 export declare const MaskImage: import("styled-components").StyledComponent<"div", any, {
     url: string;
 }, never>;
-export declare const MenuItemImageWrapper: 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 MenuItemImageWrapper: 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/organism/LeftMenu/components/common/ChildMenu/styled.d.ts

@@ -1,5 +1,9 @@
 /// <reference types="react" />
-export declare const LabelWrapper: 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 LabelWrapper: 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 LabelCustom: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const OptionDropdownWrapper: 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 OptionDropdownWrapper: 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 MenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/organism/LeftMenu/hooks/usePermission.d.ts

@@ -2,6 +2,6 @@ export declare const usePermission: () => {
     mappingChildrenMenu: import("@antscorp/antsomi-ui/es/models/LeftMenu").TFeatureMenu[];
     permissionMenu: import("@antscorp/antsomi-ui/es/models/LeftMenu").TFeatureMenu[];
     activeItemPath: import("@antscorp/antsomi-ui/es/models/LeftMenu").TFeatureMenu[];
-    menuListPermission: import("@antscorp/antsomi-ui/es/models/LeftMenu").FeatureMenuPermission[] | undefined;
+    menuListPermission: NoInfer<import("@antscorp/antsomi-ui/es/models/LeftMenu").FeatureMenuPermission[]> | undefined;
     flattenMenuPermission: import("@antscorp/antsomi-ui/es/models/LeftMenu").FeatureMenuPermission[];
 };

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

@@ -4,13 +4,17 @@ export declare const PopoverWrapper: import("styled-components").StyledComponent
     show: boolean;
     hasMarginTop: boolean;
 }, never>;
-export declare const FeatureMenuWrapper: 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 FeatureMenuWrapper: 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 ExpandWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LeftMenuNavWrapper: import("styled-components").StyledComponent<"div", any, {
     $isExpandMenu?: boolean | undefined;
     $show?: boolean | undefined;
 }, never>;
-export declare const NavLogoWrapper: 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 NavLogoWrapper: 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 LeftMenuNav: import("styled-components").StyledComponent<"nav", any, {}, never>;
 export declare const FeatureMenu: import("styled-components").StyledComponent<"ul", any, {}, never>;
 export declare const FeatureMenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -5,6 +5,8 @@ export declare const TextInfo: import("styled-components").StyledComponent<"span
 export declare const SubTitle: import("styled-components").StyledComponent<"span", any, {
     isMobile: boolean;
 }, never>;
-export declare const BlockMethod: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
+export declare const BlockMethod: 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, {
     disable?: boolean | undefined;
 }, never>;

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

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const WrapperForm: 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;

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

@@ -2,4 +2,6 @@
 export declare const Title: import("styled-components").StyledComponent<"div", any, {
     isMobile: boolean;
 }, never>;
-export declare const WidgetLayoutMain: 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 WidgetLayoutMain: 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>;