@antscorp/antsomi-ui 1.3.5-beta.617 → 1.3.5-beta.619

package/es/components/molecules/ShareAccess/components/SearchUser/styled.js

@@ -4,6 +4,11 @@ export const StyledSearchUserRoot = styled.div `
 
   .antsomi-select {
     width: 100%;
+
+    /* move to global css (for autocomplete) */
+    /* .antsomi-select-selector {
+      border: none !important;
+    } */
   }
 `;
 export const StyledSelectItem = styled.div `

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

@@ -4,6 +4,7 @@ import React, { memo, useState } from 'react';
 import Icon from '@antscorp/icons';
 import { isEmpty, isNil, uniq } from 'lodash';
 import classNames from 'classnames';
+import { Link } from 'react-router-dom';
 // Components
 import { Dropdown, Menu } from 'antd';
 import { MenuItemImage } from './components';
@@ -52,7 +53,7 @@ export const ChildMenu = memo(props => {
     const [currentActiveItem, setCurrentActiveItem] = useState('');
     const [openKeys, setOpenKeys] = useState([]);
     const { pathname, hash } = window.location;
-    const { isPushDifferentDomain, getPath, navigatePath } = useNavigatePath();
+    const { isPushDifferentDomain, getPath, getPathWithDomain, navigatePath } = useNavigatePath();
     useDeepCompareEffect(() => {
         setOpenKeys((items === null || items === void 0 ? void 0 : items.map(item => item.key)) || []);
     }, [items]);
@@ -167,16 +168,6 @@ export const ChildMenu = memo(props => {
             onMenuClick === null || onMenuClick === void 0 ? void 0 : onMenuClick(e.key, e.keyPath);
         }
     };
-    const onClickMenuItem = (menuItem) => {
-        const { key, menu_item_domain = '', menu_item_path = '' } = menuItem || {};
-        // If menu_item_path is empty then return
-        if (!menu_item_path)
-            return;
-        if (isPushDifferentDomain(menu_item_domain, menu_item_path)) {
-            return navigatePath(menu_item_domain, menu_item_path);
-        }
-        navigate(getPath(menu_item_path, key));
-    };
     const customMenuItems = (args) => {
         var _a;
         return (_a = args === null || args === void 0 ? void 0 : args.items) === null || _a === void 0 ? void 0 : _a.map(item => {
@@ -205,11 +196,16 @@ export const ChildMenu = memo(props => {
                     React.createElement(Icon, { type: icon }))) : !isNil(logo_url) ? (React.createElement(MenuItemImage, { imageUrl: logo_url, fallbackIcon: (_a = args === null || args === void 0 ? void 0 : args.parent) === null || _a === void 0 ? void 0 : _a.icon, className: classNames({ isActive: currentActiveItem === key }) })) : null)) : null;
             };
             const renderTitle = () => !menu_item_path || type === 'recommendation' ? (renderLabel()) : (React.createElement("div", { className: "menu-link" }, renderLabel()));
+            let Label = (React.createElement(Flex, { gap: 10, align: "center", justify: "space-between", style: { height: '100%' } },
+                renderIcon(),
+                React.createElement(Flex, { style: styles.menuItemTitle, align: "center" }, renderTitle())));
+            // Check if type not recommendation then render with link wrapper
+            if (type !== 'recommendation' && !!menu_item_path) {
+                Label = isPushDifferentDomain(menu_item_domain, menu_item_path) ? (React.createElement("a", { href: getPathWithDomain(menu_item_domain, menu_item_path) }, Label)) : (React.createElement(Link, { to: getPath(menu_item_path, key) }, Label));
+            }
             return {
                 key,
-                label: (React.createElement(Flex, { gap: 10, align: "center", justify: "space-between", style: { height: '100%' }, onClick: () => type !== 'recommendation' && onClickMenuItem(item) },
-                    renderIcon(),
-                    React.createElement(Flex, { style: styles.menuItemTitle, align: "center" }, renderTitle()))),
+                label: Label,
                 disabled,
                 children: customMenuItems({
                     parent: item,

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

@@ -147,4 +147,9 @@ export const MenuWrapper = styled.div `
   .antsomi-menu-submenu-title:hover {
     background-color: #f2f9ff !important;
   }
+
+  a {
+    color: unset;
+    transition: none;
+  }
 `;

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

@@ -1,5 +1,6 @@
 export declare const useNavigatePath: () => {
     isPushDifferentDomain: (domain: string | null, path: string | null) => boolean;
     getPath: (path: string | null, itemKey?: string) => string;
+    getPathWithDomain: (domain: string | null, path: string | null) => string;
     navigatePath: (domain: string | null, path: string | null, newTab?: boolean) => void;
 };

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

@@ -49,6 +49,10 @@ export const useNavigatePath = () => {
         }
         return getGeneratePath(`${path !== null && path !== void 0 ? path : ''}${searchParams}`, auth);
     }, [auth, searchParams]);
+    const getPathWithDomain = useCallback((domain, path) => {
+        const newDomain = isNil(domain) || env === ENV.DEV ? '' : domain;
+        return getGeneratePath(`${newDomain}${path}${searchParams}`, auth);
+    }, [auth, env, searchParams]);
     const navigatePath = useCallback((domain, path, newTab = false) => {
         const newDomain = isNil(domain) || env === ENV.DEV ? '' : domain;
         const newPath = getGeneratePath(`${newDomain}${path}${searchParams}`, auth);
@@ -58,5 +62,5 @@ export const useNavigatePath = () => {
         }
         window.location.assign(newPath);
     }, [auth, env, searchParams]);
-    return { isPushDifferentDomain, getPath, navigatePath };
+    return { isPushDifferentDomain, getPath, getPathWithDomain, navigatePath };
 };

package/es/components/template/Layout/components/RecommendationWorkspace/components/MenuMapping/components/OldLeftMenu/index.js

@@ -78,7 +78,7 @@ export const OldLeftMenu = memo(props => {
                     React.createElement(Typography.Text, { ellipsis: { tooltip: app_name.toUpperCase() } }, app_name.toUpperCase()))) : (React.createElement(MenuLabel, null,
                     React.createElement(Typography.Text, { ellipsis: { tooltip: menu_name } }, menu_name))),
                 icon: icon ? React.createElement(IconWrapper, { url: icon }) : undefined,
-                children: childs === null || childs === void 0 ? void 0 : childs.map(item => recursiveGetMenuItem(omit(item, ['childs']), app_code)),
+                children: childs === null || childs === void 0 ? void 0 : childs.map(item => item.show_hide ? recursiveGetMenuItem(omit(item, ['childs']), app_code) : null).filter(Boolean),
             };
         };
         const items = ((_a = orderBy(menuListPermission === null || menuListPermission === void 0 ? void 0 : menuListPermission.map(item => (Object.assign(Object.assign({}, item), { app_order: Number(item.app_order) }))), ['app_order'], ['asc'])) === null || _a === void 0 ? void 0 : _a.map(item => recursiveGetMenuItem(item))) || [];

package/es/providers/ConfigProvider/GlobalStyle.js

@@ -321,6 +321,12 @@ export const GlobalStyle = () => {
         box-shadow: none !important;
       }
 
+      .antsomi-select-auto-complete {
+        .antsomi-select-selector {
+          border: none !important;
+        }
+      }
+
       .antsomi-select-dropdown {
         padding: 8px 0 !important;
         z-index: 3002 !important;

package/package.json

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