@antscorp/antsomi-ui 1.3.7-beta.64 → 1.3.7-beta.66

package/es/components/organism/AccountProfile/components/AccountSetting/components/LanguageSelector/styles.d.ts

@@ -7,5 +7,5 @@ export declare const StyledSelect: import("styled-components").StyledComponent<(
     Option: import("rc-select/lib/Option").OptionFC;
     OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
     _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => import("react").JSX.Element;
-} & import("react").FC<import("../../../../../../molecules/Select").SelectProps>, any, {}, never>;
+} & import("react").FC<import("@antscorp/antsomi-ui/es/components/molecules/Select").SelectProps>, any, {}, never>;
 export declare const StyledSelectOption: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/es/components/organism/AccountProfile/components/AccountSetting/components/LanguageSelector/styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { Typography } from '../../../../../../atoms/Typography';
-import { Select } from '../../../../../../molecules/Select';
+import { Typography } from '@antscorp/antsomi-ui/es/components/atoms/Typography';
+import { Select } from '@antscorp/antsomi-ui/es/components/molecules/Select';
 export const StyledSelect = styled(Select) `
   .img-lang {
     width: 21px;

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

@@ -59,21 +59,21 @@ export const LeftMenuComponent = memo(props => {
         const isActive = activeAppCode === menu_item_code;
         const isHover = state.hoverItem === menu_item_code;
         let Label = null;
-        Label = (_jsxs("li", { role: "menuitem", className: classNames({ isActive, isHover }), children: [renderMenuIcon(component_icon_name || icon_name || ''), _jsx(Typography.Text, { children: menu_item_name }), showMenuPopover && _jsx("div", { className: "popup-triangle" })] }));
+        Label = (_jsxs("li", { role: "menuitem", className: classNames('menu_item', { isActive, isHover }), children: [renderMenuIcon(component_icon_name || icon_name || ''), _jsx(Typography.Text, { ellipsis: { tooltip: menu_item_name }, children: menu_item_name }), showMenuPopover && _jsx("div", { className: "popup-triangle" })] }));
         return (_jsx(FeatureMenuItem, { onClick: () => onClickFeatureMenuItem(item), onMouseEnter: () => onMouseEnter(menu_item_code), children: Label }, menu_item));
     }, [activeAppCode, state.hoverItem, showMenuPopover, onMouseEnter, onClickFeatureMenuItem]);
     const renderRecommendationMenuItem = useCallback((item) => {
         const { menu_item_name, menu_item, component_icon_name, icon_name, permission_code } = item;
         const isActive = customActiveAppKey === permission_code;
         const isHover = state.hoverItem === permission_code;
-        const renderLabel = () => (_jsxs("li", { role: "menuitem", className: classNames({ isActive, isHover }), onClick: () => onMenuItemClick?.(permission_code || 'null', [permission_code || 'null']), children: [renderMenuIcon(component_icon_name || icon_name || ''), _jsx(Typography.Text, { children: menu_item_name })] }));
+        const renderLabel = () => (_jsxs("li", { role: "menuitem", className: classNames('menu_item', { isActive, isHover }), onClick: () => onMenuItemClick?.(permission_code || 'null', [permission_code || 'null']), children: [renderMenuIcon(component_icon_name || icon_name || ''), _jsx(Typography.Text, { ellipsis: { tooltip: menu_item_name }, children: menu_item_name })] }));
         return (_jsx(FeatureMenuItem, { onMouseEnter: () => onMouseEnter(permission_code || 'null'), children: renderLabel() }, menu_item));
     }, [customActiveAppKey, onMenuItemClick, onMouseEnter, state.hoverItem]);
     const renderCustomizedMenuItems = useCallback((items) => items?.map(item => {
         const { key, icon, label } = item;
         const isActive = key === customActiveAppKey;
         const isHover = key === state.hoverItem;
-        return (_jsx(FeatureMenuItem, { onClick: () => onMenuItemClick?.(key, [key]), onMouseEnter: () => onMouseEnter(key), children: _jsxs("li", { role: "menuitem", className: classNames({ isActive, isHover }), children: [renderMenuIcon(icon || ''), _jsx(Typography.Text, { children: label }), showMenuPopover && _jsx("div", { className: "popup-triangle" })] }) }, key));
+        return (_jsx(FeatureMenuItem, { onClick: () => onMenuItemClick?.(key, [key]), onMouseEnter: () => onMouseEnter(key), children: _jsxs("li", { role: "menuitem", className: classNames('menu_item', { isActive, isHover }), children: [renderMenuIcon(icon || ''), _jsx(Typography.Text, { ellipsis: { tooltip: label }, children: label }), showMenuPopover && _jsx("div", { className: "popup-triangle" })] }) }, key));
     }), [customActiveAppKey, state.hoverItem, showMenuPopover, onMenuItemClick, onMouseEnter]);
     const renderAppMenuItems = useCallback(() => type === 'customization'
         ? renderCustomizedMenuItems(items)

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

@@ -163,6 +163,8 @@ export const FeatureMenuItem = styled.div `
       font-size: 11px !important;
       font-weight: 500;
       color: inherit;
+      width: 100%;
+      text-align: center;
     }
 
     .menu-item__icon {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.7-beta.64",
+  "version": "1.3.7-beta.66",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -81,7 +81,6 @@
     "@tanstack/react-query-devtools": "4.20.4",
     "@tanstack/react-table": "^8.20.5",
     "@tinymce/tinymce-react": "^3.7.0",
-    "@types/styled-components": "^5.1.26",
     "@tiptap/core": "3.10.2",
     "@tiptap/extension-link": "3.10.2",
     "@tiptap/extension-strike": "3.10.2",
@@ -207,6 +206,7 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/react-syntax-highlighter": "^15.5.11",
     "@types/react-window": "^1.8.8",
+    "@types/styled-components": "^5.1.26",
     "@types/tinycolor2": "^1.4.6",
     "@types/uniqid": "^5.3.4",
     "@types/yaireo__tagify": "^4.27.0",
@@ -276,7 +276,6 @@
     "@antscorp/antsomi-locales": ">=1.0.79",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0",
-    "react-router-dom": ">= 5.1.0",
-    "styled-components": "^5.3.9"
+    "react-router-dom": ">= 5.1.0"
   }
 }