@antscorp/antsomi-ui 1.3.5-beta.584 → 1.3.5-beta.586

package/es/components/molecules/AccountSelection/AccountListing.js

@@ -12,7 +12,7 @@ export const AccountListing = React.forwardRef((props, ref) => {
     const { className, apiConfig, showAllAccount = true, currentAccount = '', onChange } = props;
     // States
     const [searchValue, setSearchValue] = useState('');
-    const { accountData, recentData } = useAccountSelection(apiConfig);
+    const { accountData, recentData, updateRecentAccount } = useAccountSelection(apiConfig);
     const isAllAccount = currentAccount === 'all';
     useImperativeHandle(ref, () => ({
         getUsers() {
@@ -21,8 +21,17 @@ export const AccountListing = React.forwardRef((props, ref) => {
     }), [recentData, accountData]);
     // Handlers
     const handleSelectAccount = useCallback((userId) => {
+        const currentRecent = (recentData === null || recentData === void 0 ? void 0 : recentData.value) || [];
+        const body = userId !== currentRecent[0]
+            ? [userId, currentRecent[0]]
+            : currentRecent[1]
+                ? [userId, currentRecent[1]]
+                : [userId, currentRecent[0]];
+        updateRecentAccount(body.map(id => Number(id)));
         onChange === null || onChange === void 0 ? void 0 : onChange(userId);
-    }, [onChange]);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [onChange, recentData]);
     return (React.createElement(AccountSelectionStyled, { className: className },
         React.createElement(Input, { placeholder: "Search", suffix: React.createElement(Icon, { type: "icon-ants-search-2", style: { fontSize: '24px', color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw8 } }), value: searchValue, onChange: event => setSearchValue(event.target.value) }),
         React.createElement("div", { className: "account-list" },

package/es/components/molecules/AccountSelection/hooks/useAccountSelection.d.ts

@@ -17,5 +17,6 @@ export declare const useAccountSelection: (apiConfig: {
 }) => {
     recentData?: AccountRecent;
     accountData: Array<AccountData>;
+    updateRecentAccount: (values: [number, number]) => void;
 };
 export {};

package/es/components/molecules/AccountSelection/hooks/useAccountSelection.js

@@ -1,7 +1,7 @@
 // Libraries
 import { useMemo } from 'react';
 // Queries
-import { useGetAccountList, useGetPermissionAccountList, useGetRecentAccount, } from '@antscorp/antsomi-ui/es/queries';
+import { useGetAccountList, useGetPermissionAccountList, useGetRecentAccount, useUpdateRecentAccount, } from '@antscorp/antsomi-ui/es/queries';
 // Constant
 import { APP_CODES } from '@antscorp/antsomi-ui/es/constants';
 const { APP_ANTALYSER, DATAFLOWS } = APP_CODES;
@@ -41,6 +41,9 @@ export const useAccountSelection = (apiConfig) => {
             enabled: !isUsePermissionAccount(appCode || ''),
         },
     });
+    const { mutateAsync: updateRecentAccount } = useUpdateRecentAccount({
+        apiConfig,
+    });
     // Memos
     const accountData = useMemo(() => {
         if (isUsePermissionAccount(appCode || '')) {
@@ -53,5 +56,5 @@ export const useAccountSelection = (apiConfig) => {
         }
         return (data === null || data === void 0 ? void 0 : data.entries) || [];
     }, [appCode, data === null || data === void 0 ? void 0 : data.entries, permissionAccountList]);
-    return { recentData, accountData };
+    return { recentData, accountData, updateRecentAccount };
 };

package/es/components/organism/LeftMenu/components/common/ChildMenu/index.js

@@ -209,7 +209,11 @@ export const ChildMenu = memo(props => {
         });
     };
     return (React.createElement(MenuWrapper, null,
-        React.createElement(Menu, { selectedKeys: [currentActiveItem], defaultOpenKeys: [currentActiveItem], openKeys: uniq(openKeys), mode: "inline", items: customMenuItems({ items }), inlineIndent: 12, onOpenChange: openKeys => {
+        React.createElement(Menu, { motion: {
+                motionAppear: false,
+                motionEnter: false,
+                motionLeave: false,
+            }, selectedKeys: [currentActiveItem], defaultOpenKeys: [currentActiveItem], openKeys: uniq(openKeys), mode: "inline", items: customMenuItems({ items }), inlineIndent: 12, onOpenChange: openKeys => {
                 setOpenKeys(uniq(openKeys));
             }, expandIcon: ({ isOpen }) => (React.createElement(Icon, { type: "icon-ants-expand-more", style: Object.assign(Object.assign({}, styles.expandIcon), { transform: `rotate(${isOpen ? '180deg' : '0deg'})` }) })), onClick: onClick })));
 });

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

@@ -1,5 +1,5 @@
-import { UseQueryOptions } from '@tanstack/react-query';
-import { TAccountParams } from '../../services/Account';
+import { UseQueryOptions, UseMutationOptions } from '@tanstack/react-query';
+import { TAccountParams, TUpdateRecentAccount } from '../../services/Account';
 import { AccountListing, AccountRecent, TAccountPermission } from '../../models/AccountListing';
 type OptionHasDefault = 'queryKey' | 'queryFn';
 type GetAccountListProps = {
@@ -10,11 +10,20 @@ type GetRecentAccountProps = {
     apiConfig: TAccountParams;
     options?: Omit<UseQueryOptions<any, any, AccountRecent, any[]>, OptionHasDefault>;
 };
+type UpdateRecentAccountProps = {
+    apiConfig: TAccountParams;
+    options?: UseMutationOptions<{
+        status: number;
+    }, any, TUpdateRecentAccount['data'], unknown>;
+};
 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 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 {};

package/es/queries/Account/useGetAccountList.js

@@ -1,10 +1,10 @@
 // Libraries
-import { useQuery } from '@tanstack/react-query';
+import { useQuery, useMutation, useQueryClient, } from '@tanstack/react-query';
 // Services
 import { accountService } from '../../services/Account';
 // Constants
 import { QUERY_KEYS } from '../../constants/queries';
-const { getList, getRecentAccount, checkPermission } = accountService;
+const { getList, getRecentAccount, updateRecentAccount, checkPermission } = accountService;
 export const useGetAccountList = (props) => {
     const { apiConfig, options } = props;
     return useQuery(Object.assign({ queryKey: [QUERY_KEYS.GET_ACCOUNT_LISTING, apiConfig], queryFn: () => getList(apiConfig) }, options));
@@ -13,6 +13,15 @@ export const useGetRecentAccount = (props) => {
     const { apiConfig, options } = props;
     return useQuery(Object.assign({ queryKey: [QUERY_KEYS.GET_RECENT_ACCOUNT], queryFn: () => getRecentAccount(apiConfig) }, options));
 };
+export const useUpdateRecentAccount = (props) => {
+    const { apiConfig, options } = props;
+    const queryClient = useQueryClient();
+    return useMutation(Object.assign({ mutationFn: variables => updateRecentAccount({ params: apiConfig, data: variables }), onSettled: () => {
+            queryClient.invalidateQueries([QUERY_KEYS.GET_RECENT_ACCOUNT], {
+                exact: false,
+            });
+        } }, options));
+};
 export const useCheckUserPermission = (props) => {
     const { apiConfig, options } = props;
     const { languageCode, userId, portalId } = apiConfig;

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

@@ -7,8 +7,15 @@ export type TAccountParams = {
     accountId?: number;
     token?: string;
 };
+export type TUpdateRecentAccount = {
+    params: TAccountParams;
+    data: [number, number];
+};
 export declare const accountService: {
     getList: (config: TAccountParams) => Promise<AccountListing>;
     getRecentAccount: (config: TAccountParams) => Promise<AccountRecent | undefined>;
     checkPermission: (config: TAccountParams) => Promise<TAccountPermission>;
+    updateRecentAccount: (args: TUpdateRecentAccount) => Promise<{
+        status: number;
+    }>;
 };

package/es/services/Account/index.js

@@ -86,4 +86,32 @@ export const accountService = {
             return Promise.reject(error);
         }
     }),
+    updateRecentAccount: (args) => __awaiter(void 0, void 0, void 0, function* () {
+        const { params, data } = args;
+        const { domain, languageCode = 'en', portalId = 33167, userId, token } = params;
+        try {
+            const response = yield axios({
+                method: 'PUT',
+                url: `${domain}${API_RECENT}`,
+                params: {
+                    portalId,
+                    languageCode,
+                    _user_id: userId,
+                },
+                headers: {
+                    Token: token,
+                },
+                data: {
+                    value: JSON.stringify(data),
+                },
+            });
+            return {
+                status: +get(response, 'data.data.status', ''),
+            };
+            // return undefined;
+        }
+        catch (error) {
+            return Promise.reject(error);
+        }
+    }),
 };

package/es/test.js

@@ -20,7 +20,6 @@ import axios from 'axios';
 import { get } from 'lodash';
 import { MENU_PERMISSION } from './components/molecules/ShareAccess/constants';
 import { ConfigProvider } from './providers';
-import { DataTableTest } from './tests';
 const SHARE_ACCESS_DEFAULT_VALUE = {
     ownerId: 1600085510,
     isPublic: 1,
@@ -109,7 +108,10 @@ export const App = () => {
     /* MatchesAnySelect */
     // return <MatchesAnySelectTest />;
     /* Data Table */
-    return React.createElement(DataTableTest, null);
+    return (React.createElement("div", null,
+        "THIS IS TEST VITE BUILD",
+        React.createElement(Button, null, "Click me")));
+    // return <DataTableTest />;
     // --------------------------- Test Layout 2.0 -------------------------------------------
     return React.createElement(Layout, { leftMenuProps: { objectId: 1, objectType: 'OVERVIEW', isGrouped: true } });
     // --------------------------- Test SlideBar start -------------------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.584",
+  "version": "1.3.5-beta.586",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -36,7 +36,8 @@
     "test:update-snapshot": "jest -u",
     "test:changed": "jest --onlyChanged",
     "test:watch": "jest --watch",
-    "test:coverage": "yarn test:clean && yarn jest --coverage",
+    "test:coverage": "jest --coverage",
+    "test:vitest": "vitest",
     "ts-compile": "tsc -p tsconfig.esm.json",
     "copy-files": "copyfiles -u 1 src/**/*.json src/**/*.svg src/**/*.scss src/**/*.png es",
     "icons:add": "tsx scripts/add-icons.ts",
@@ -166,8 +167,8 @@
     "@storybook/react": "^8.2.4",
     "@storybook/react-webpack5": "^8.2.4",
     "@storybook/theming": "^8.2.4",
-    "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/react": "^16.0.0",
     "@types/jest": "^29.5.0",
     "@types/node": "^18.15.10",
     "@types/pako": "2.0.0",
@@ -208,6 +209,7 @@
     "husky": "^8.0.3",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
+    "jsdom": "^24.1.1",
     "lint-staged": "^13.2.0",
     "mini-css-extract-plugin": "^2.7.5",
     "postcss": "^8.4.21",
@@ -231,8 +233,9 @@
     "type-fest": "^4.10.2",
     "tsx": "^4.16.2",
     "typescript": "^5.4.3",
-    "vite": "^4.2.1",
-    "vite-plugin-mkcert": "^1.15.0",
+    "vite": "^5.3.4",
+    "vite-plugin-mkcert": "^1.17.5",
+    "vitest": "^2.0.4",
     "webpack": "^5.78.0",
     "webpack-bundle-analyzer": "^4.10.1",
     "webpack-cli": "^5.0.1"