@antscorp/antsomi-ui 1.3.5-beta.593 → 1.3.5-beta.595

package/es/components/atoms/Rate/Rate.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const Rate: import("react").ForwardRefExoticComponent<import("antd").RateProps & import("react").RefAttributes<import("rc-rate/lib/Rate").RateRef>>;
+export { Rate } from 'antd';

package/es/components/atoms/Rate/Rate.js

@@ -1,2 +1 @@
-import { Rate as AntdRate } from 'antd';
-export const Rate = AntdRate;
+export { Rate } from 'antd';

package/es/components/atoms/RequiredLabel/styled.d.ts

@@ -1,2 +1 @@
-export declare const RequiredLabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledRequired: import("styled-components").StyledComponent<"span", any, {}, never>;

package/es/components/atoms/RequiredLabel/styled.js

@@ -3,7 +3,6 @@ var _a;
 import styled from 'styled-components';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
-export const RequiredLabelWrapper = styled.div ``;
 export const StyledRequired = styled.span `
   color: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.red6};
   margin-right: 4px;

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

@@ -8,5 +8,7 @@ export interface AccountSelectionProps extends Omit<AccountListingProps, 'onChan
     zIndex?: PopoverProps['zIndex'];
     onChange?: (userId: string) => void;
     getPopupContainer?: PopoverProps['getPopupContainer'];
+    /** refresh recent account when select account */
+    refreshOnSelect?: boolean;
 }
 export declare const AccountSelection: React.FC<AccountSelectionProps>;

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

@@ -21,12 +21,12 @@ import { AccountListing } from './AccountListing';
 // Constants
 import { useAccountSelection } from './hooks';
 export const AccountSelection = props => {
-    const { show = true, inputStyle = 'input', inputClassName, onChange, getPopupContainer, zIndex } = props, accountListingProps = __rest(props, ["show", "inputStyle", "inputClassName", "onChange", "getPopupContainer", "zIndex"]);
+    const { show = true, inputStyle = 'input', inputClassName, onChange, getPopupContainer, zIndex, refreshOnSelect } = props, accountListingProps = __rest(props, ["show", "inputStyle", "inputClassName", "onChange", "getPopupContainer", "zIndex", "refreshOnSelect"]);
     const { apiConfig, currentAccount = '' } = props;
     // States
     const [inputLabel, setInputLabel] = useState('');
     const [open, setOpen] = useState(false);
-    const { accountData } = useAccountSelection(apiConfig);
+    const { accountData, refetchRecentAccount } = useAccountSelection(apiConfig);
     // Side Effects
     useEffect(() => {
         var _a;
@@ -40,6 +40,11 @@ export const AccountSelection = props => {
         setOpen(false);
         onChange === null || onChange === void 0 ? void 0 : onChange(String(userId));
     }, [onChange]);
+    useEffect(() => {
+        if (open && refreshOnSelect) {
+            refetchRecentAccount();
+        }
+    }, [open, refreshOnSelect, refetchRecentAccount]);
     return (show && (React.createElement(Popover, { content: React.createElement(AccountListing, Object.assign({}, accountListingProps, { onChange: handleSelectAccount })), trigger: "click", overlayInnerStyle: { padding: 0 }, getPopupContainer: getPopupContainer, placement: "bottomLeft", arrow: false, open: open, onOpenChange: setOpen, zIndex: zIndex || 1300 },
         React.createElement(PopoverFieldStyled, { className: `${inputStyle || ''} ${inputClassName || ''}` },
             React.createElement(Tooltip, { title: inputLabel },

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

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

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

@@ -35,7 +35,7 @@ export const useAccountSelection = (apiConfig) => {
             enabled: isUsePermissionAccount(appCode || '') && !!token && !!userId && !!permissionDomain,
         },
     });
-    const { data: recentData } = useGetRecentAccount({
+    const { data: recentData, refetch: refetchRecentAccount } = useGetRecentAccount({
         apiConfig,
         options: {
             enabled: !isUsePermissionAccount(appCode || ''),
@@ -56,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, updateRecentAccount };
+    return { recentData, accountData, updateRecentAccount, refetchRecentAccount };
 };

package/es/components/molecules/CaptureScreen/CaptureScreen.js

@@ -696,7 +696,7 @@ const CaptureScreen = (props) => {
         'icon-ants-mute': React.createElement(MuteIcon, { style: style }),
         'icon-ants-pause': React.createElement(PauseIcon, { style: style }),
         'icon-ants-stop-record': React.createElement(StopRecordIcon, { style: style }),
-    }[name]);
+    })[name];
     const renderDrawActionList = () => DRAW_ACTION_LIST.map(drawItem => {
         var _a, _b, _c, _d;
         if ((drawItem === null || drawItem === void 0 ? void 0 : drawItem.type) === 'divider') {

package/es/components/molecules/HeaderV2/HeaderV2.js

@@ -112,7 +112,7 @@ export const HeaderV2 = memo(props => {
         React.createElement("div", { className: "left-side" },
             showLogo && (React.createElement(LogoWrapper, { className: "logo-wrapper" },
                 React.createElement("img", { src: SubLogoAntsomi, alt: "Antsomi sub logo" }))),
-            React.createElement(AccountSelection, Object.assign({}, accountSelectionProps, { currentAccount: selectedAccount, apiConfig: accountSelectionApiConfig, onChange: handleChangeAccount, inputStyle: inputStyle })),
+            React.createElement(AccountSelection, Object.assign({}, accountSelectionProps, { currentAccount: selectedAccount, apiConfig: accountSelectionApiConfig, onChange: handleChangeAccount, inputStyle: inputStyle, refreshOnSelect: true })),
             React.createElement("div", { className: "title-container" },
                 breadcrumbs ? (React.createElement("div", { className: "header-breadcrumbs" }, breadcrumbs.map((item, index) => (React.createElement(React.Fragment, { key: `${item.title}_${item.link}` },
                     isNil(item.useExternalLink) && !item.useExternalLink ? (React.createElement(Link, { to: item.link || '', className: "header-breadcrumbs__item" }, item.title)) : (React.createElement("a", { href: item.link, className: "header-breadcrumbs__item" }, item.title)),

package/es/components/organism/LeftMenu/hooks/useNavigatePath.js

@@ -31,16 +31,15 @@ export const useNavigatePath = () => {
         const splitNextPath = (path === null || path === void 0 ? void 0 : path.split('#')) || ['', ''];
         const isCurrentPathIncludeHash = (_b = (_a = window.location) === null || _a === void 0 ? void 0 : _a.href) === null || _b === void 0 ? void 0 : _b.includes('#');
         const isNextPathIncludeHash = path === null || path === void 0 ? void 0 : path.includes('#');
+        let currentDomain = (_c = window.location) === null || _c === void 0 ? void 0 : _c.origin;
+        let nextDomain = customDomain;
         if (isCurrentPathIncludeHash) {
-            const currentRoute = ((_e = (_d = (_c = window.location.href) === null || _c === void 0 ? void 0 : _c.split) === null || _d === void 0 ? void 0 : _d['#']) === null || _e === void 0 ? void 0 : _e[0]) || '';
-            let nextRoute = customDomain;
-            // Check case next path has hash
-            if (isNextPathIncludeHash) {
-                nextRoute = `${customDomain}${splitNextPath[0]}`;
-            }
-            return currentRoute !== nextRoute;
+            currentDomain = ((_f = (_e = (_d = window.location.href) === null || _d === void 0 ? void 0 : _d.split) === null || _e === void 0 ? void 0 : _e['#']) === null || _f === void 0 ? void 0 : _f[0]) || '';
         }
-        return !!customDomain && customDomain !== ((_f = window.location) === null || _f === void 0 ? void 0 : _f.origin);
+        if (isNextPathIncludeHash) {
+            nextDomain = `${customDomain}${splitNextPath[0]}`;
+        }
+        return currentDomain !== nextDomain;
     }, [isDev]);
     const getPath = useCallback((path, itemKey) => {
         var _a;

package/es/constants/queries.d.ts

@@ -26,6 +26,7 @@ export declare const QUERY_KEYS: {
     GET_ACCOUNT_LISTING: string;
     GET_PERMISSION_ACCOUNT_LISTING: string;
     GET_RECENT_ACCOUNT: string;
+    UPDATE_RECENT_ACCOUNT: string;
     CHECK_ACCOUNT_PERMISSION: string;
     GET_ABSTRACT_USERS: string;
     GET_COLUMN_METRICS: string;

package/es/constants/queries.js

@@ -37,6 +37,7 @@ export const QUERY_KEYS = {
     GET_ACCOUNT_LISTING: 'GET_ACCOUNT_LISTING',
     GET_PERMISSION_ACCOUNT_LISTING: 'GET_PERMISSION_ACCOUNT_LISTING',
     GET_RECENT_ACCOUNT: 'GET_RECENT_ACCOUNT',
+    UPDATE_RECENT_ACCOUNT: 'UPDATE_RECENT_ACCOUNT',
     CHECK_ACCOUNT_PERMISSION: 'CHECK_ACCOUNT_PERMISSION',
     // ABSTRACT
     GET_ABSTRACT_USERS: 'GET_ABSTRACT_USERS',

package/es/queries/Account/useGetAccountList.js

@@ -17,7 +17,7 @@ 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], {
+            queryClient.invalidateQueries([QUERY_KEYS.UPDATE_RECENT_ACCOUNT], {
                 exact: false,
             });
         } }, options));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.593",
+  "version": "1.3.5-beta.595",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -182,7 +182,8 @@
     "@types/styled-components": "^5.1.26",
     "@typescript-eslint/eslint-plugin": "^5.55.0",
     "@typescript-eslint/parser": "^5.55.0",
-    "@vitejs/plugin-react": "^3.1.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "@vitest/ui": "^2.0.4",
     "auto-changelog": "^2.4.0",
     "babel-jest": "^29.7.0",
     "babel-loader": "^8.3.0",
@@ -209,6 +210,7 @@
     "husky": "^8.0.3",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
+    "jest-styled-components": "^7.2.0",
     "jsdom": "^24.1.1",
     "lint-staged": "^13.2.0",
     "mini-css-extract-plugin": "^2.7.5",