@antscorp/antsomi-ui 1.3.5-beta.620 → 1.3.5-beta.621

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

@@ -42,6 +42,7 @@ export const HeaderV2Styled = styled.div `
     .title-container {
       flex: 1;
       min-width: 0;
+      height: 37px;
     }
   }
 
@@ -64,6 +65,7 @@ export const HeaderV2Styled = styled.div `
   .page-title {
     font-size: 20px;
     line-height: 23px;
+    height: 23px;
     font-weight: bold;
     color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.colorTextBase};
   }

package/es/components/organism/LeftMenu/components/HomeMenu/useHomeMenu.js

@@ -11,14 +11,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { useCallback, useMemo, useState } from 'react';
 // Constants
 import { CONFIG_OPTIONS } from './constants';
-import { HOME_MENU_ITEMS, HOME_REPORT_ROUTES, HOME_ROUTE } from '../../constants';
+import { HOME_REPORT_ROUTES, HOME_ROUTE } from '../../constants';
 import { API_RESPONSE_CODE, CDP_API, CDP_ROUTE } from '@antscorp/antsomi-ui/es/constants';
+import { MENU_CODE } from '@antscorp/antsomi-ui/es/components/template/Layout/constants';
+import { MENU_PERMISSION } from '@antscorp/antsomi-ui/es/components/molecules/ShareAccess/constants';
 // Utils
 import { getGeneratePath, getMenuItem } from '../../utils';
 // Hooks;
 import { useLeftMenuContext } from '../../contexts';
 import { useLayoutStore } from '@antscorp/antsomi-ui/es/components/template';
 import { useCustomRouter } from '@antscorp/antsomi-ui/es/hooks';
+import { usePermission } from '../../hooks';
 // Queries
 import { useRemoveDashboard } from '@antscorp/antsomi-ui/es/queries/LeftMenu';
 import { ENV } from '@antscorp/antsomi-ui/es/config';
@@ -34,12 +37,13 @@ export const useHomeMenu = (props) => {
     const dashboardParams = useLeftMenuContext(store => store.dashboardParams);
     const dashboardList = useLeftMenuContext(store => (store === null || store === void 0 ? void 0 : store.dashboardList) || []);
     const onClickCreateDashboard = useLayoutStore(store => store.state.leftMenu.onClickCreateDashboard);
+    const { flattenMenuPermission } = usePermission();
     const [removedDashboardId, setRemovedDashboardId] = useState('');
     const urlParams = useMemo(() => new URLSearchParams(search), [search]);
     const showCreateButton = useMemo(() => {
-        const menuItemList = isHover ? appHoverMenuChildren : appMenuChildren;
-        return !!(menuItemList === null || menuItemList === void 0 ? void 0 : menuItemList.find(item => item.menu_item_code === HOME_MENU_ITEMS.DASHBOARD));
-    }, [appHoverMenuChildren, appMenuChildren, isHover]);
+        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 onOptionCallback = useCallback((args) => {
         const { optionKey, menuItemKey } = args;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.620",
+  "version": "1.3.5-beta.621",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",