@antscorp/antsomi-ui 1.3.5-beta.213 → 1.3.5-beta.215

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

@@ -1,8 +1,3 @@
-export declare const HOME_REPORT_ROUTES: {
-    DETAIL: string;
-    CONFIGURE: string;
-    CREATE: string;
-};
 export declare const CONFIG_OPTIONS: {
     CONFIGURE: {
         key: string;

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

@@ -1,8 +1,3 @@
-export const HOME_REPORT_ROUTES = {
-    DETAIL: 'detail/:dashboardId',
-    CONFIGURE: 'detail/:dashboardId/configure',
-    CREATE: 'create',
-};
 export const CONFIG_OPTIONS = {
     CONFIGURE: {
         key: 'configure',

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

@@ -3,7 +3,8 @@ import { useCallback, useMemo } from 'react';
 import { useContextSelector } from 'use-context-selector';
 import { useHistory, useLocation } from 'react-router-dom';
 // Constants
-import { CONFIG_OPTIONS, HOME_REPORT_ROUTES } from './constants';
+import { CONFIG_OPTIONS } from './constants';
+import { HOME_REPORT_ROUTES } from '../../constants';
 // Utils
 import { getGeneratePath, getMenuItem } from '../../utils';
 // Contexts
@@ -14,26 +15,15 @@ export const useHomeMenu = () => {
     // Hooks
     const { pathname } = useLocation();
     const history = useHistory();
-    const activeAppCode = useLeftMenuStore(store => store.state.activeAppCode);
     const appMenuChildren = useLeftMenuStore(store => store.state.appMenuChildren);
-    const menuItems = useLeftMenuStore(store => store.state.menuItems);
     // Contexts
     const auth = useContextSelector(AppConfigContext, state => state === null || state === void 0 ? void 0 : state.auth);
     // Memos
-    const homeItem = useMemo(() => menuItems === null || menuItems === void 0 ? void 0 : menuItems.find(item => item.menu_item_code === activeAppCode), [activeAppCode, menuItems]);
-    // const listDashboardName = useMemo(
-    //   () =>
-    //     get(dashboardData, 'entries.ownedDashboard', [])?.map(overview =>
-    //       get(overview, 'dashboardName', ''),
-    //     ) || [],
-    //   [dashboardData],
-    // );
-    const getHomePath = useCallback((path) => `${(homeItem === null || homeItem === void 0 ? void 0 : homeItem.menu_item_path) || ''}/${path}`, [homeItem === null || homeItem === void 0 ? void 0 : homeItem.menu_item_path]);
     const onOptionCallback = useCallback((args) => {
         const { optionKey, menuItemKey } = args;
         switch (optionKey) {
             case CONFIG_OPTIONS.CONFIGURE.key: {
-                const newPathName = getGeneratePath(getHomePath(HOME_REPORT_ROUTES.CONFIGURE), Object.assign(Object.assign({}, auth), { dashboardId: menuItemKey }));
+                const newPathName = getGeneratePath(HOME_REPORT_ROUTES.CONFIGURE, Object.assign(Object.assign({}, auth), { dashboardId: menuItemKey }));
                 if (newPathName !== pathname) {
                     history.push(newPathName);
                 }
@@ -44,36 +34,21 @@ export const useHomeMenu = () => {
             default:
                 break;
         }
-    }, [getHomePath, auth, pathname, history]);
+    }, [auth, pathname, history]);
     const customChildren = useMemo(() => appMenuChildren === null || appMenuChildren === void 0 ? void 0 : appMenuChildren.map(appMenuItem => {
         var _a;
         return getMenuItem(Object.assign(Object.assign({}, appMenuItem), { children: (_a = appMenuItem === null || appMenuItem === void 0 ? void 0 : appMenuItem.children) === null || _a === void 0 ? void 0 : _a.map(item => (Object.assign(Object.assign({}, item), { options: Object.values(CONFIG_OPTIONS), optionCallback: onOptionCallback }))) }));
     }), [appMenuChildren, onOptionCallback]);
     // Callbacks
     const onCreateNewReport = useCallback(() => {
-        history.push(getGeneratePath(getHomePath(HOME_REPORT_ROUTES.CREATE), auth));
-    }, [auth, history, getHomePath]);
+        history.push(getGeneratePath(HOME_REPORT_ROUTES.CREATE, auth));
+    }, [auth, history]);
     const onMenuClick = useCallback((key, _) => {
-        const newPathName = getGeneratePath(getHomePath(HOME_REPORT_ROUTES.DETAIL), Object.assign(Object.assign({}, auth), { dashboardId: key }));
+        const newPathName = getGeneratePath(HOME_REPORT_ROUTES.DETAIL, Object.assign(Object.assign({}, auth), { dashboardId: key }));
         if (newPathName !== pathname) {
             history.push(newPathName);
         }
-    }, [getHomePath, auth, pathname, history]);
-    // const onCreateNewReport = useCallback(() => {
-    //   const configTab = {
-    //     id: generateKey(),
-    //     dashboardName: getDefaultDashboardName(listDashboardName),
-    //     layout: 'settings',
-    //     filters: [],
-    //     enableParamFilter: 1,
-    //     portalId: getPortalId({}),
-    //     status: 1,
-    //   };
-    //   // onUpdateLoading({ isLoading: false });
-    //   // props.onAddNewOverview({
-    //   //   configTab,
-    //   // });
-    // }, [listDashboardName]);
+    }, [auth, pathname, history]);
     return {
         children: customChildren,
         /* Callbacks */

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

@@ -6,6 +6,7 @@ import { isNil } from 'lodash';
 import { MenuItemImageWrapper, MaskImage } from './styled';
 export const MenuItemImage = memo(({ fallbackIcon, imageUrl, className }) => {
     const [isExistImage, setIsExistImage] = useState(true);
-    return (React.createElement(MenuItemImageWrapper, { align: "center", justify: "center", className: className }, isExistImage ? (React.createElement(MaskImage, { url: imageUrl })) : // <img src={imageUrl} alt="" onError={() => setIsExistImage(false)} />
-        isNil(fallbackIcon) ? null : (React.createElement(Icon, { type: fallbackIcon }))));
+    return (React.createElement(MenuItemImageWrapper, { align: "center", justify: "center", className: className }, isExistImage ? (React.createElement(React.Fragment, null,
+        React.createElement(MaskImage, { url: imageUrl }),
+        React.createElement("img", { src: imageUrl, alt: "", onError: () => setIsExistImage(false), style: { display: 'none' } }))) : isNil(fallbackIcon) ? null : (React.createElement(Icon, { type: fallbackIcon }))));
 });

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

@@ -87,7 +87,7 @@ export const ChildMenu = memo(props => {
                             e.domEvent.preventDefault();
                             optionCallback === null || optionCallback === void 0 ? void 0 : optionCallback({ menuItemKey: key, optionKey: e.key });
                         },
-                    }, trigger: ['click'], getPopupContainer: trigger => trigger.parentElement },
+                    }, trigger: ['click'] },
                     React.createElement(Icon, { className: "child-menu-item-icon", type: "icon-ants-three-dot-vertical", style: { marginTop: '2px', zIndex: 1000 } })))) : (React.createElement(LabelCustom, { ellipsis: { tooltip: label } }, label));
             return {
                 key,

package/es/components/organism/LeftMenu/constants/variables.d.ts

@@ -16,6 +16,11 @@ export declare const MENU_ITEM_TYPE: {
 };
 export declare const ICON_SIZE = 20;
 export declare const HOME_MENU_ITEMS: Record<string, TMenuFeatureItem>;
+export declare const HOME_REPORT_ROUTES: {
+    DETAIL: string;
+    CONFIGURE: string;
+    CREATE: string;
+};
 export declare const MARKETING_ROUTES: {
     CHANNEL: string;
 };

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

@@ -32,6 +32,12 @@ export const HOME_MENU_ITEMS = {
         icon_name: null,
     },
 };
+const HOME_ROUTE = '/gen2/:networkId/dashboard';
+export const HOME_REPORT_ROUTES = {
+    DETAIL: `${HOME_ROUTE}/detail/:dashboardId`,
+    CONFIGURE: `${HOME_ROUTE}/detail/:dashboardId/configure`,
+    CREATE: `${HOME_ROUTE}/create`,
+};
 /* MARKETING APP */
 export const MARKETING_ROUTES = {
     CHANNEL: '/gen2/:networkId/:user_id/marketing-hub/journeys/:channelId/list',

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

@@ -11,7 +11,7 @@ export const PopoverWrapper = styled.div `
   visibility: hidden;
   position: absolute;
   background-color: white;
-  left: 69px;
+  left: 65px;
   border-radius: ${(_a = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _a === void 0 ? void 0 : _a.borderRadiusXL}px;
   bottom: 15px;
   width: 230px;
@@ -160,9 +160,9 @@ export const FeatureMenuItem = styled.div `
     }
 
     .popup-triangle {
-      visibility: hidden;
       opacity: 0;
-      right: -10px;
+      visibility: hidden;
+      right: -4px;
       position: absolute;
       width: 0;
       height: 0;

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

@@ -13,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { isArray, isEmpty, sortBy } from 'lodash';
 import { generatePath } from 'react-router-dom';
 // Constants
-import { APP_KEYS, MARKETING_CHANNEL_KEY, HOME_MENU_ITEMS, MARKETING_ROUTES, MENU_ITEM_TYPE, MARKETING_CHANNEL_CODE, RENDER_OPTION, } from '../constants';
+import { APP_KEYS, MARKETING_CHANNEL_KEY, HOME_MENU_ITEMS, MARKETING_ROUTES, MENU_ITEM_TYPE, MARKETING_CHANNEL_CODE, RENDER_OPTION, HOME_REPORT_ROUTES, } from '../constants';
 // Utils
 import { handleError } from '@antscorp/antsomi-ui/es/utils';
 const PATH = 'src/components/organism/LeftMenu/utils/index.ts';
@@ -114,6 +114,7 @@ export const getMappingAppChildren = (args) => {
                             menu_item: String(item.dashboardId),
                             menu_item_code: String(item.dashboardId),
                             menu_item_name: item.dashboardName,
+                            menu_item_path: getGeneratePath(HOME_REPORT_ROUTES.DETAIL, Object.assign(Object.assign({}, auth), { dashboardId: String(item.dashboardId) })),
                         })))) }));
                 });
                 break;

package/es/components/organism/PreviewTemplateModal/components/Information/styled.js

@@ -17,7 +17,12 @@ export const InformationWrapper = styled(Flex) `
     max-width: 100%;
     color: inherit;
     padding-right: 25px;
-    word-break: break-all;
+    word-break: break-word;
+
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 3;
   }
 
   .antsomi-radio-group {

package/package.json

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