@antscorp/antsomi-ui 1.3.5-beta.334 → 1.3.5-beta.335

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

@@ -1,4 +1,5 @@
 import React from 'react';
 import { InputDropdownProps } from './types';
+import './style.scss';
 export { Dropdown } from 'antd';
 export declare const InputDropdown: (props: InputDropdownProps) => React.JSX.Element;

package/es/components/molecules/Dropdown/Dropdown.js

@@ -14,9 +14,11 @@ import { Space, Typography } from 'antd';
 import Icon from '@antscorp/icons';
 import { StyledInputDropdownRoot } from './styled';
 import clsx from 'clsx';
+import './style.scss';
 export { Dropdown } from 'antd';
+const DefaultExpandIcon = React.createElement(Icon, { type: "icon-ants-expand-more" });
 export const InputDropdown = (props) => {
-    const { children, disabled = false, className, trigger = ['click'], menu = { items: [] }, width = '100%', onOpenChange = () => { } } = props, rest = __rest(props, ["children", "disabled", "className", "trigger", "menu", "width", "onOpenChange"]);
+    const { children, disabled = false, className, trigger = ['click'], menu = { items: [] }, width = '100%', expandIcon = DefaultExpandIcon, onOpenChange = () => { } } = props, rest = __rest(props, ["children", "disabled", "className", "trigger", "menu", "width", "expandIcon", "onOpenChange"]);
     const [enableTooltip, setEnableTooltip] = useState(true);
     const renderChildren = useCallback(() => {
         if (typeof children === 'string') {
@@ -35,8 +37,8 @@ export const InputDropdown = (props) => {
         setEnableTooltip(!open);
         onOpenChange(...args);
     };
-    return (React.createElement(StyledInputDropdownRoot, Object.assign({ menu: menu, trigger: trigger, disabled: disabled }, rest, { className: clsx({ disabled }, className), onOpenChange: handleOpen }),
+    return (React.createElement(StyledInputDropdownRoot, Object.assign({ menu: menu, trigger: trigger, disabled: disabled }, rest, { className: clsx({ disabled }, className, 'antsomi-input-dropdown'), onOpenChange: handleOpen }),
         React.createElement(Space, { style: { width } },
             renderChildren(),
-            React.createElement(Icon, { type: "icon-ants-expand-more" }))));
+            expandIcon)));
 };

package/es/components/molecules/Dropdown/style.scss

@@ -0,0 +1,7 @@
+.antsomi-dropdown-menu {
+  overflow: hidden;
+
+  &:hover {
+    overflow: auto;
+  }
+}

package/es/components/molecules/Dropdown/types.d.ts

@@ -1,4 +1,6 @@
+/// <reference types="react" />
 import { DropdownProps } from 'antd';
 export type InputDropdownProps = DropdownProps & {
     width?: number;
+    expandIcon?: React.ReactNode;
 };

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

@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { memo, useMemo, useState } from 'react';
+import React, { memo, useLayoutEffect, useMemo, useState } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 // Hooks
 // Styled
@@ -26,7 +26,7 @@ import { useCustomRouter } from '@antscorp/antsomi-ui/es/hooks';
 const { DATAFLOWS, APP_ANTALYSER } = APP_CODES;
 // const DOUBLE_RIGHT_POINTING = '»'
 export const HeaderV2 = memo(props => {
-    var _a, _b;
+    var _a;
     const { auth, env: envContext, languageCode = 'en', appCode: contextAppCode, urlLogout: urlLogoutProvider = '', menuCode: contextMenuCode, } = useContextSelector(AppConfigContext, state => state);
     const { search } = useLocation();
     // const history = useHistory();
@@ -37,8 +37,12 @@ export const HeaderV2 = memo(props => {
     const { env = envContext, language = languageCode, userId = isNaN(Number(auth === null || auth === void 0 ? void 0 : auth.userId)) ? 0 : Number(auth === null || auth === void 0 ? void 0 : auth.userId), portalId = auth === null || auth === void 0 ? void 0 : auth.portalId, token = auth === null || auth === void 0 ? void 0 : auth.token, permissionDomain = PERMISSION_API, iamDomain = IAM_API, appCode = contextAppCode, menuCode = contextMenuCode, } = config || {};
     const { currentAccount, inputStyle = 'select', onSelectAccount } = accountSelection, accountSelectionProps = __rest(accountSelection, ["currentAccount", "inputStyle", "onSelectAccount"]);
     const urlParams = useMemo(() => new URLSearchParams(search), [search]);
-    const oidParam = (_a = urlParams.get('oid')) !== null && _a !== void 0 ? _a : 'all';
-    const [selectedAccount, setSelectedAccount] = useState(`${useURLParam ? oidParam : `${(_b = currentAccount !== null && currentAccount !== void 0 ? currentAccount : userId) !== null && _b !== void 0 ? _b : 'all'}`}`);
+    const oidParam = urlParams.get('oid') || 'all';
+    const [selectedAccount, setSelectedAccount] = useState(`${useURLParam ? oidParam : `${(_a = currentAccount !== null && currentAccount !== void 0 ? currentAccount : userId) !== null && _a !== void 0 ? _a : 'all'}`}`);
+    useLayoutEffect(() => {
+        if (useURLParam)
+            setSelectedAccount(oidParam);
+    }, [oidParam, useURLParam]);
     // Memo
     const accountSelectionDomain = useMemo(() => {
         var _a;
@@ -96,7 +100,6 @@ export const HeaderV2 = memo(props => {
             else {
                 urlParams.set('oid', userId);
             }
-            // history.replace({ search: urlParams.toString() });
             replace({ search: urlParams.toString() });
         }
         onSelectAccount === null || onSelectAccount === void 0 ? void 0 : onSelectAccount(userId);

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

@@ -3,7 +3,6 @@ import React, { memo } from 'react';
 // Components
 import { ChildMenu } from '../common';
 import { Flex } from '../../../../atoms';
-import { Modal } from '../../../../molecules';
 // Constants
 import Icon from '@antscorp/icons';
 // Styled
@@ -56,5 +55,5 @@ export const HomeMenu = memo(() => {
                     React.createElement("span", null, "Create"))),
             React.createElement("div", { className: "menu-list" },
                 React.createElement(ChildMenu, { items: children, onMenuClick: onMenuClick }))),
-        React.createElement(Modal, { open: !!removedDashboardId, centered: true, onCancel: () => setRemovedDashboardId(''), title: "Remove this dashboard", okText: "Confirm", cancelText: "Cancel", closable: false, okButtonProps: { loading: isDashboardRemoving }, modalRender: node => React.createElement(ModalWrapper, null, node), onOk: onRemoveDashboard }, "Removing this dashboard will delete it permanently. Are you sure you want to perform this action?")));
+        React.createElement(ModalWrapper, { open: !!removedDashboardId, centered: true, onCancel: () => setRemovedDashboardId(''), title: "Remove this dashboard", okText: "Confirm", cancelText: "Cancel", closable: false, okButtonProps: { loading: isDashboardRemoving }, onOk: onRemoveDashboard }, "Removing this dashboard will delete it permanently. Are you sure you want to perform this action?")));
 });

package/es/components/organism/LeftMenu/components/HomeMenu/styled.d.ts

@@ -3,4 +3,4 @@ export declare const HomeMenuWrapper: import("styled-components").StyledComponen
 export declare const CreateButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {}, never>;
-export declare const ModalWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ModalWrapper: import("styled-components").StyledComponent<import("react").ComponentType<any> | keyof import("react").JSX.IntrinsicElements, any, any, any>;

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

@@ -3,6 +3,7 @@ var _a;
 import styled from 'styled-components';
 // Components
 import { Button, Flex } from '../../../../atoms';
+import { Modal } from '../../../../molecules';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
 export const HomeMenuWrapper = styled(Flex) `
@@ -35,13 +36,15 @@ export const CreateButton = styled(Button) `
   font-size: 14px !important;
   flex-shrink: 0;
 `;
-export const ModalWrapper = styled.div `
-  width: 379px;
+export const ModalWrapper = styled(Modal) `
+  &.antsomi-modal {
+    width: 379px !important;
 
-  & > .antsomi-modal-content {
-    & > .antsomi-modal-header,
-    & > .antsomi-modal-footer {
-      margin: 0px;
+    & .antsomi-modal-content {
+      & > .antsomi-modal-header,
+      & > .antsomi-modal-footer {
+        margin: 0px;
+      }
     }
   }
 `;

package/es/providers/ConfigProvider/GlobalStyle.js

@@ -915,5 +915,12 @@ export const GlobalStyle = () => {
           }
         }
       }
+
+      .antsomi-typography {
+        &.antsomi-typography-danger,
+        &.antsomi-typography-warning {
+          fontsize: 11px;
+        }
+      }
     ` }));
 };

package/package.json

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