@antscorp/antsomi-ui 1.3.5-beta.349 → 1.3.5-beta.350

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

@@ -31,7 +31,6 @@ export const HeaderV2 = memo(props => {
     const { auth, env: envContext, languageCode = 'en', appCode: contextAppCode, urlLogout: urlLogoutProvider = '', menuCode: contextMenuCode, } = useContextSelector(AppConfigContext, state => state);
     const { search } = useLocation();
     const { replace } = useCustomRouter();
-    console.log({ headerProps: props });
     // * Prefer to use Header in AppConfigContext
     const { className, style, breadcrumbs, showLogo = false, rightContent, pageTitle = '', accountSelection = {}, helpConfig, notificationConfig = {}, accountSharingConfig, useURLParam, config, } = props;
     /** General config for children component */

package/es/components/molecules/VirtualizedMenu/components/MenuInline/MenuInline.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef, useCallback, useMemo, useState } from 'react';
-import { clsx } from 'clsx';
+import clsx from 'clsx';
 import AutoSizer from 'react-virtualized-auto-sizer';
 import { VirtualizedMenuContainer } from '../../styled';
 import { INLINE_INDENT, INLINE_PADDING, ITEM_SIZE, ITEM_SPACING, MODE } from '../../config';

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

@@ -32,7 +32,6 @@ export const LeftMenu = memo(props => {
     }, [activeAppCode, isCustomized, state.hoverItem, onMenuItemClick]);
     const renderFeatureMenuItems = useCallback((item) => {
         const { menu_item_name, menu_item, icon_name, menu_item_code, menu_item_path, menu_item_domain, } = item;
-        console.log('🚀 ~ item:', item);
         const isActive = activeAppCode === menu_item_code;
         const isHover = state.hoverItem === menu_item_code;
         const renderLabel = () => (React.createElement("li", { role: "menuitem", className: classNames({ isActive, isHover }) },
@@ -65,7 +64,7 @@ export const LeftMenu = memo(props => {
         }
         return null;
     };
-    return (React.createElement(LeftMenuNavWrapper, { style: style, className: className },
+    return (React.createElement(LeftMenuNavWrapper, { style: style, "$isExpandMenu": state.isExpandMenu, className: className },
         React.createElement(LeftMenuNav, null,
             React.createElement(FeatureMenuWrapper, { isExpandMenu: state.isExpandMenu, vertical: true },
                 React.createElement(NavLogoWrapper, { align: "center", justify: "center", onMouseEnter: onHoverMenuBar },

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

@@ -5,7 +5,9 @@ export declare const FeatureMenuWrapper: import("styled-components").StyledCompo
     isExpandMenu: boolean;
 }, never>;
 export declare const ExpandWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LeftMenuNavWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LeftMenuNavWrapper: import("styled-components").StyledComponent<"div", any, {
+    $isExpandMenu?: boolean | undefined;
+}, never>;
 export declare const NavLogoWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const LeftMenuNav: import("styled-components").StyledComponent<"nav", any, {}, never>;
 export declare const FeatureMenu: import("styled-components").StyledComponent<"ul", any, {}, never>;

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

@@ -60,8 +60,9 @@ export const ExpandWrapper = styled.div `
 export const LeftMenuNavWrapper = styled.div `
   height: 100vh;
   display: flex;
-  gap: 10px;
   transition: all 0.2s ease-out;
+
+  ${p => (p.$isExpandMenu ? `gap: 10px;` : `gap: 15px;`)}
 `;
 export const NavLogoWrapper = styled(Flex) `
   height: ${HEADER_HEIGHT}px;

package/es/components/template/Layout/stores/index.js

@@ -32,9 +32,14 @@ export const useLayoutStore = create(set => ({
         state: Object.assign(Object.assign({}, store.state), { workspace: {} }),
     })),
     resetContentWrapperState: () => set(store => ({
-        state: Object.assign(Object.assign({}, store.state), { contentWrapper: initialState.contentWrapper }),
+        state: Object.assign(Object.assign({}, store.state), { contentWrapper: {} }),
     })),
     resetLayoutState: () => set(() => ({
-        state: initialState,
+        state: {
+            contentWrapper: {},
+            header: {},
+            leftMenu: { show: true },
+            workspace: {},
+        },
     })),
 }));

package/es/providers/ConfigProvider/GlobalStyle.js

@@ -818,9 +818,10 @@ export const GlobalStyle = () => {
           }
         }
         .antsomi-modal-footer {
+          padding: 15px !important;
           text-align: right;
           background: transparent;
-          border-top: 1px solid #f0f0f0;
+          border-top: 1px solid #f0f0f0 !important;
           border-radius: 0 0 2px 2px;
         }
       }

package/package.json

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