@antscorp/antsomi-ui 1.3.5-beta.305 → 1.3.5-beta.307

package/es/components/organism/FilterSetting/components/common/InputArray/index.js

@@ -2,7 +2,7 @@
 import React from 'react';
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
 // Atoms
-import { Tag } from '@antscorp/antsomi-ui/es/components/atoms';
+import { StyledTag as Tag } from '@antscorp/antsomi-ui/es/components/molecules/SelectV2/styled';
 import { StyledSelect } from './styled';
 // Translations
 import { translations } from '@antscorp/antsomi-ui/es/locales/translations';

package/es/components/organism/FilterSetting/components/common/InputOrSelect/index.js

@@ -29,9 +29,10 @@ import get from 'lodash/get';
 // Icons
 import Icon from '@antscorp/icons';
 // Atoms
-import { Button, Text, Tag } from '@antscorp/antsomi-ui/es/components/atoms';
+import { Button, Text } from '@antscorp/antsomi-ui/es/components/atoms';
 // Molecules
 import { Modal, SelectV2 as Select, RadioGroup, TreeSelect, } from '@antscorp/antsomi-ui/es/components/molecules';
+import { StyledTag as Tag } from '@antscorp/antsomi-ui/es/components/molecules/SelectV2/styled';
 // Translations
 import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
 // Queries
@@ -485,6 +486,10 @@ export const StyledDropdown = styled.div `
   }
 `;
 export const StyledSelect = styled(Select) `
+  .antsomi-select-selection-search {
+    width: fit-content !important;
+  }
+
   .antsomi-select-selection-placeholder {
     ${props => {
     var _a;

package/es/components/organism/FilterSetting/components/common/InputSelectMulti/index.js

@@ -28,9 +28,10 @@ import styled from 'styled-components';
 import { Popover, Input } from 'antd';
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
 // Atoms
-import { Button, Divider, Icon, Text, Tag } from '@antscorp/antsomi-ui/es/components/atoms';
+import { Button, Divider, Icon, Text } from '@antscorp/antsomi-ui/es/components/atoms';
 // Molecules
 import { ModalSelect, StyledTreeSelect } from '../InputOrSelect';
+import { StyledTag as Tag } from '@antscorp/antsomi-ui/es/components/molecules/SelectV2/styled';
 // Components
 import { TreeContentWrapper } from './Tree';
 import { ColumnSuggestion } from './ColumnSuggestion';

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

@@ -21,7 +21,7 @@ import { useLeftMenuStore } from '../../../stores';
 import { useNavigatePath } from '../../../hooks';
 const styles = {
     dropdownMenu: { width: '130px', padding: '8px 0' },
-    icon: { marginTop: '2px', zIndex: 1000, flexShrink: 0 },
+    dotIcon: { marginTop: '2px', zIndex: 1000, flexShrink: 0, fontSize: 16 },
     expandIcon: {
         fontSize: ICON_SIZE,
         color: 'inherit',
@@ -107,7 +107,7 @@ export const ChildMenu = memo(props => {
                             },
                             style: styles.dropdownMenu,
                         }, trigger: ['click'] },
-                        React.createElement(Icon, { className: "child-menu-item-icon", type: "icon-ants-three-dot-vertical", style: styles.icon }))))) : (React.createElement(LabelCustom, { ellipsis: { tooltip: label } }, label));
+                        React.createElement(Icon, { className: "child-menu-item-icon", type: "icon-ants-three-dot-vertical", style: styles.dotIcon }))))) : (React.createElement(LabelCustom, { ellipsis: { tooltip: label } }, label));
             const renderIcon = () => {
                 var _a;
                 return !isNil(icon) || !isNil(logo_url) ? (React.createElement(Flex, { style: { flexShrink: 0 }, align: "center" }, !isNil(icon) ? (React.createElement(IconWrapper, null,

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

@@ -19,7 +19,7 @@ export const LabelCustom = styled(Typography.Text) `
   color: inherit !important;
 `;
 export const OptionDropdownWrapper = styled(Flex) `
-  width: 24px;
+  width: 20px;
 `;
 OptionDropdownWrapper.defaultProps = { align: 'center' };
 export const MenuWrapper = styled.div `
@@ -69,7 +69,7 @@ export const MenuWrapper = styled.div `
       }
 
       [role='icon'] {
-        font-size: ${ICON_SIZE}px !important;
+        font-size: ${ICON_SIZE};
       }
 
       & .menu-link {

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

@@ -58,7 +58,7 @@ export const useLeftMenu = (props) => {
                 token: auth === null || auth === void 0 ? void 0 : auth.token,
                 url: PERMISSION_API,
                 userId: auth === null || auth === void 0 ? void 0 : auth.userId,
-                accountId: auth === null || auth === void 0 ? void 0 : auth.accountId,
+                accountId: auth === null || auth === void 0 ? void 0 : auth.userId,
             },
             params: {
                 type: 'list-app',

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

@@ -184,11 +184,14 @@ export const FeatureMenuItem = styled.div `
 export const ChildMenuWrapper = styled.div `
   height: calc(100% - ${HEADER_HEIGHT}px);
   margin-top: ${HEADER_HEIGHT}px;
-  margin-right: 0px !important;
-  width: ${({ isExpand }) => (isExpand ? '220px' : '0px')};
+  width: ${({ isExpand }) => (isExpand ? '210px' : '0px')};
   padding: ${({ isExpand }) => (isExpand ? '10px' : '10px 0')};
   transition: width 0.2s, padding 0.2s ease;
   padding-left: 0px;
   box-sizing: border-box;
   z-index: 1;
+
+  &.antsomi-scroll-box {
+    margin-right: 0px !important;
+  }
 `;

package/package.json

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