@antscorp/antsomi-ui 1.3.5-beta.52 → 1.3.5-beta.521

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

@@ -0,0 +1,203 @@
+// Libraries
+import React, { memo, useState } from 'react';
+import Icon from '@antscorp/icons';
+import { isEmpty, isNil, uniq } from 'lodash';
+import classNames from 'classnames';
+import { Link } from 'react-router-dom';
+// Components
+import { Dropdown, Menu } from 'antd';
+import { MenuItemImage } from './components';
+import { Flex } from '../../../../../atoms';
+// Styled
+import { LabelCustom, LabelWrapper, MenuWrapper, OptionDropdownWrapper } from './styled';
+import { IconWrapper } from '../../../styled';
+// Constants
+import { HOME_MENU_ITEMS, ICON_SIZE } from '../../../constants';
+// Utils
+import { findActiveAppCodeByUrl, findLastMatchedItemByUrl, getMenuItem } from '../../../utils';
+import { handleActiveRecommendationItem, recursiveFindItemByKey, recursiveFindParentOfActiveItem, } from './utils';
+// Hooks
+import { useNavigatePath } from '../../../hooks';
+import { useDeepCompareEffect } from '@antscorp/antsomi-ui/es/hooks';
+// Contexts
+import { useLeftMenuContext } from '../../../contexts';
+const noDashboardItem = {
+    key: 'no_dashboard',
+    label: 'No dashboard available',
+    disabled: true,
+    icon: null,
+};
+const styles = {
+    dropdownMenu: { width: '130px', padding: '8px 0' },
+    dotIcon: { marginTop: '2px', zIndex: 1000, flexShrink: 0, fontSize: 16 },
+    expandIcon: {
+        fontSize: ICON_SIZE,
+        color: 'inherit',
+    },
+    menuItemTitle: { flex: '1 1 0%', maxWidth: '100%', overflow: 'hidden' },
+};
+export const ChildMenu = memo(props => {
+    const { items = [], onMenuClick } = props;
+    const auth = useLeftMenuContext(store => { var _a; return (_a = store.appConfig) === null || _a === void 0 ? void 0 : _a.auth; });
+    const env = useLeftMenuContext(store => { var _a; return (_a = store.appConfig) === null || _a === void 0 ? void 0 : _a.env; });
+    const activeAppCode = useLeftMenuContext(store => store.activeAppCode);
+    const menuItems = useLeftMenuContext(store => store.menuItems);
+    const customItems = useLeftMenuContext(store => store.customItems);
+    const isCustomized = useLeftMenuContext(store => store.isCustomized);
+    const isRecommendation = useLeftMenuContext(store => store.isRecommendation);
+    const customActiveCurrentKey = useLeftMenuContext(store => store.customActiveCurrentKey);
+    const setLeftMenuState = useLeftMenuContext(store => store.setState);
+    const [currentActiveItem, setCurrentActiveItem] = useState('');
+    const [openKeys, setOpenKeys] = useState([]);
+    const { pathname, hash } = window.location;
+    const { isPushDifferentDomain, getPath, navigatePath } = useNavigatePath();
+    useDeepCompareEffect(() => {
+        switch (true) {
+            case isCustomized: {
+                setCurrentActiveItem(customActiveCurrentKey);
+                // Find parent key of active menu item to open it
+                const parentKey = recursiveFindParentOfActiveItem({
+                    activeMenuItem: customActiveCurrentKey,
+                    menuItems: customItems,
+                });
+                if (parentKey) {
+                    setOpenKeys(prev => uniq([...prev, parentKey]));
+                }
+                break;
+            }
+            case isRecommendation: {
+                const menuActiveKey = handleActiveRecommendationItem({
+                    customActiveCurrentKey,
+                    currentActiveItem,
+                    items,
+                });
+                if (menuActiveKey) {
+                    setCurrentActiveItem(menuActiveKey);
+                    /** Find parent key of active menu item to open it */
+                    const parentKey = recursiveFindParentOfActiveItem({
+                        activeMenuItem: menuActiveKey,
+                        menuItems: menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(item => (Object.assign(Object.assign({}, getMenuItem(item)), { key: (item === null || item === void 0 ? void 0 : item.permission_code) || '' }))),
+                    });
+                    if (parentKey) {
+                        setOpenKeys(prev => uniq([...prev, parentKey]));
+                    }
+                }
+                break;
+            }
+            default: {
+                const url = `${pathname}${hash}`;
+                // Active menu item by current url
+                const activeMenuItem = findLastMatchedItemByUrl({
+                    url,
+                    menuItems,
+                    auth,
+                    env,
+                });
+                const activeMenuItemCode = activeMenuItem === null || activeMenuItem === void 0 ? void 0 : activeMenuItem.menu_item_code;
+                if (activeMenuItemCode && activeMenuItemCode !== currentActiveItem) {
+                    setCurrentActiveItem(activeMenuItemCode);
+                    // Find parent key of active menu item to open it
+                    const parentKey = recursiveFindParentOfActiveItem({
+                        activeMenuItem: activeMenuItemCode,
+                        menuItems: menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(item => getMenuItem(item)),
+                    });
+                    if (parentKey) {
+                        setOpenKeys(prev => uniq([...prev, parentKey]));
+                    }
+                    // Active App Item having code matching url
+                    const matchAppCode = findActiveAppCodeByUrl({ menuItems, url, auth });
+                    if (matchAppCode && matchAppCode !== activeAppCode) {
+                        setLeftMenuState({ activeAppCode: matchAppCode });
+                    }
+                }
+                break;
+            }
+        }
+    }, [
+        auth,
+        currentActiveItem,
+        hash,
+        items,
+        pathname,
+        activeAppCode,
+        menuItems,
+        setLeftMenuState,
+        isCustomized,
+        customActiveCurrentKey,
+        customItems,
+        isRecommendation,
+        env,
+    ]);
+    const onClick = e => {
+        var _a;
+        if (isRecommendation) {
+            const permissionCode = (_a = recursiveFindItemByKey({
+                activeKey: e.key,
+                menuItems: items || [],
+            })) === null || _a === void 0 ? void 0 : _a.permission_code;
+            const permissionCodePath = (() => {
+                var _a;
+                const array = [];
+                (_a = e.keyPath) === null || _a === void 0 ? void 0 : _a.forEach(item => {
+                    var _a;
+                    const permissionCode = (_a = recursiveFindItemByKey({
+                        activeKey: item,
+                        menuItems: items || [],
+                    })) === null || _a === void 0 ? void 0 : _a.permission_code;
+                    if (permissionCode)
+                        array.push(permissionCode);
+                });
+                return uniq(array);
+            })();
+            if (permissionCode)
+                onMenuClick === null || onMenuClick === void 0 ? void 0 : onMenuClick(permissionCode, permissionCodePath);
+            setCurrentActiveItem(e.key);
+        }
+        else {
+            onMenuClick === null || onMenuClick === void 0 ? void 0 : onMenuClick(e.key, e.keyPath);
+        }
+    };
+    const customMenuItems = (args) => {
+        var _a;
+        return (_a = args === null || args === void 0 ? void 0 : args.items) === null || _a === void 0 ? void 0 : _a.map(item => {
+            const { key, label, children, icon, logo_url, menu_item_path = null, menu_item_domain = null, options, disabled, optionCallback, } = item;
+            const isOwnerDashboardKey = key === HOME_MENU_ITEMS.DASHBOARD.menu_item_code;
+            const renderLabel = () => (React.createElement(LabelWrapper, { gap: 10, align: "center", justify: "space-between" },
+                React.createElement(LabelCustom, { ellipsis: { tooltip: label } }, label),
+                (options === null || options === void 0 ? void 0 : options.length) && !isRecommendation && (React.createElement(OptionDropdownWrapper, { align: "center" },
+                    React.createElement(Dropdown, { menu: {
+                            items: options,
+                            onClick: e => {
+                                e.domEvent.stopPropagation();
+                                e.domEvent.preventDefault();
+                                optionCallback === null || optionCallback === void 0 ? void 0 : optionCallback({ menuItemKey: key, optionKey: e.key });
+                            },
+                            style: styles.dropdownMenu,
+                        }, trigger: ['click'] },
+                        React.createElement(Icon, { className: "child-menu-item-icon", type: "icon-ants-three-dot-vertical", style: styles.dotIcon })))),
+                !(children === null || children === void 0 ? void 0 : children.length) && isRecommendation && !!menu_item_path && (React.createElement(Link, { to: getPath(menu_item_path), className: "icon-link", target: "_blank", onClick: e => e.stopPropagation() },
+                    React.createElement(Icon, { type: "icon-ants-open-in-new-window" })))));
+            const renderIcon = () => {
+                var _a;
+                return !!icon || !!logo_url ? (React.createElement(Flex, { style: { flexShrink: 0 }, align: "center" }, !isNil(icon) ? (React.createElement(IconWrapper, null,
+                    React.createElement(Icon, { type: icon }))) : !isNil(logo_url) ? (React.createElement(MenuItemImage, { imageUrl: logo_url, fallbackIcon: (_a = args === null || args === void 0 ? void 0 : args.parent) === null || _a === void 0 ? void 0 : _a.icon, className: classNames({ isActive: currentActiveItem === key }) })) : null)) : null;
+            };
+            const renderTitle = () => !menu_item_path || isRecommendation ? (renderLabel()) : isPushDifferentDomain(menu_item_domain, menu_item_path) ? (React.createElement("div", { onClick: () => navigatePath(menu_item_domain, menu_item_path), className: "menu-link" }, renderLabel())) : (React.createElement(Link, { to: getPath(menu_item_path, key), className: "menu-link", onClick: e => e.stopPropagation() }, renderLabel()));
+            return {
+                key,
+                label: (React.createElement(Flex, { gap: 10, align: "center", justify: "space-between", style: { height: '100%' } },
+                    renderIcon(),
+                    React.createElement(Flex, { style: styles.menuItemTitle, align: "center" }, renderTitle()))),
+                disabled,
+                children: customMenuItems({
+                    parent: item,
+                    items: isOwnerDashboardKey && isEmpty(children) ? [noDashboardItem] : children,
+                }),
+            };
+        });
+    };
+    return (React.createElement(MenuWrapper, null,
+        React.createElement(Menu, { selectedKeys: [currentActiveItem], defaultOpenKeys: [currentActiveItem], openKeys: uniq(openKeys), mode: "inline", items: customMenuItems({ items }), inlineIndent: 12, onOpenChange: openKeys => {
+                setOpenKeys(uniq(openKeys));
+            }, expandIcon: ({ isOpen }) => (React.createElement(Icon, { type: "icon-ants-expand-more", style: Object.assign(Object.assign({}, styles.expandIcon), { transform: `rotate(${isOpen ? '180deg' : '0deg'})` }) })), onClick: onClick })));
+});

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const LabelWrapper: 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 LabelCustom: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
+export declare const OptionDropdownWrapper: 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 MenuWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,150 @@
+var _a, _b;
+// Libraries
+import styled from 'styled-components';
+// Components
+import { Flex, Typography } from '../../../../../atoms';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+export const LabelWrapper = styled(Flex) `
+  width: 100%;
+  overflow: hidden;
+
+  .icon-link {
+    flex-shrink: 0;
+    width: fit-content;
+    display: none;
+    text-decoration-line: none !important;
+    color: #595959 !important;
+
+    i {
+      font-size: 15px !important;
+    }
+
+    &::before {
+      width: fit-content !important;
+    }
+  }
+
+  &:hover {
+    .icon-link {
+      display: flex;
+    }
+  }
+`;
+export const LabelCustom = styled(Typography.Text) `
+  font-size: inherit !important;
+  color: inherit !important;
+  flex: 1 1 0%;
+  overflow: hidden;
+`;
+export const OptionDropdownWrapper = styled(Flex) `
+  width: 20px;
+`;
+export const MenuWrapper = styled.div `
+  width: 100%;
+  height: 100%;
+  background-color: transparent !important;
+  font-size: 12px !important;
+  font-weight: bold !important;
+  border-right: none !important;
+
+  & > ul.antsomi-menu.antsomi-menu-root {
+    height: 100%;
+
+    & > li {
+      padding-left: 0px !important;
+
+      &.antsomi-menu-submenu > [role='menuitem'] {
+        margin: 0;
+        padding-left: 0px !important;
+        width: 100%;
+        border-radius: ${(_a = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _a === void 0 ? void 0 : _a.borderRadiusXL}px;
+        padding-right: 4px !important;
+      }
+    }
+
+    & li {
+      width: 100%;
+      margin: 0;
+      padding-right: 0px;
+      background-color: transparent !important;
+
+      & .antsomi-menu-title-content {
+        width: 100%;
+        height: 100%;
+        border-radius: ${(_b = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _b === void 0 ? void 0 : _b.borderRadiusXL}px;
+        padding: 0 8px;
+
+        &:hover {
+          background-color: #f2f9ff !important;
+        }
+      }
+
+      &.antsomi-menu-item-selected {
+        & > .antsomi-menu-title-content {
+          background-color: #deeffe !important;
+
+          ${LabelWrapper} {
+            & > .icon-link {
+              color: inherit !important;
+            }
+          }
+          i {
+            color: inherit !important;
+          }
+        }
+      }
+
+      &.antsomi-menu-submenu-selected
+        > .antsomi-menu-submenu-title
+        > .antsomi-menu-title-content
+        i {
+        color: inherit !important;
+      }
+
+      & .menu-link {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        color: inherit;
+        text-decoration: none;
+      }
+
+      &.antsomi-menu-submenu {
+        & > [role='menuitem'] {
+          padding-right: 0;
+        }
+
+        & > ul.antsomi-menu.antsomi-menu-sub {
+          & > [role='menuitem'] {
+            width: 100%;
+            padding-right: 0px;
+
+            & > .antsomi-menu-title-content {
+              & ${OptionDropdownWrapper} {
+                display: none;
+              }
+
+              &:hover {
+                & ${OptionDropdownWrapper} {
+                  display: flex;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  [role='menu'] {
+    background-color: transparent !important;
+    border: none !important;
+  }
+
+  .antsomi-menu-item-active,
+  .antsomi-menu-submenu-title:hover {
+    background-color: #f2f9ff !important;
+  }
+`;

package/es/components/organism/LeftMenu/components/common/ChildMenu/utils.d.ts

@@ -0,0 +1,44 @@
+import { TFeatureMenu } from '@antscorp/antsomi-ui/es/models/LeftMenu';
+import { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
+import { TMenuItem } from '../../../types';
+/**
+ * Finds the active menu item code based on the provided URL within the given menu items.
+ * ATTENTION: Start finding from level 2 because level 1 contains apps
+ *
+ * @param {Object} args - The arguments object.
+ * @param {string} args.url - The URL to match against menu item paths.
+ * @param {TFeatureMenu[]} args.menuItems - The array of menu items to search within.
+ * @param {Partial<PayloadInfo>} [args.auth] - Additional authentication information (optional).
+ * @returns {string | undefined} The menu item code of the active menu item or undefined if not found.
+ *
+ * @throws Will throw an error if any issue occurs during the process.
+ */
+export declare const findActiveMenuItemByUrl: (args: {
+    url: string;
+    menuItems: TFeatureMenu[];
+    auth?: Partial<PayloadInfo>;
+}) => string | undefined;
+/**
+ * Recursively finds the parent key of the active menu item within the given menu items.
+ * @param {object} args - The arguments object.
+ * @param {string} args.activeMenuItem - The key of the active menu item.
+ * @param {TMenuItem[]} args.menuItems - The array of menu items to search within.
+ * @returns {string | undefined} The key of the parent menu item or undefined if not found.
+ */
+export declare const recursiveFindParentOfActiveItem: (args: {
+    activeMenuItem: string;
+    menuItems: TMenuItem[];
+}) => string | undefined;
+export declare const recursiveFindItemByKey: (args: {
+    activeKey: string;
+    menuItems: TMenuItem[];
+}) => TMenuItem | undefined;
+export declare const findItemByPermissionCode: (args: {
+    permissionCode: string;
+    menuItems: TMenuItem[];
+}) => TMenuItem | undefined;
+export declare const handleActiveRecommendationItem: (args: {
+    customActiveCurrentKey: string;
+    currentActiveItem: string;
+    items: TMenuItem[];
+}) => string | undefined;

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

@@ -0,0 +1,188 @@
+// Utils
+import { getComparePath, getGeneratePath } from '../../../utils';
+import { handleError } from '@antscorp/antsomi-ui/es/utils';
+import { MARKETING_CHANNEL_CODE } from '@antscorp/antsomi-ui/es/components/template/Layout/constants';
+const PATH = 'src/components/organism/LeftMenu/components/common/ChildMenu/utils.ts';
+/**
+ * Finds the active menu item code based on the provided URL within the given menu items.
+ * ATTENTION: Start finding from level 2 because level 1 contains apps
+ *
+ * @param {Object} args - The arguments object.
+ * @param {string} args.url - The URL to match against menu item paths.
+ * @param {TFeatureMenu[]} args.menuItems - The array of menu items to search within.
+ * @param {Partial<PayloadInfo>} [args.auth] - Additional authentication information (optional).
+ * @returns {string | undefined} The menu item code of the active menu item or undefined if not found.
+ *
+ * @throws Will throw an error if any issue occurs during the process.
+ */
+export const findActiveMenuItemByUrl = (args) => {
+    try {
+        const { url, menuItems, auth } = args;
+        let activeItem;
+        for (const menuItem of menuItems) {
+            const recursiveFindActiveItem = (items) => {
+                let activeItem;
+                for (const item of items) {
+                    if (!!(item === null || item === void 0 ? void 0 : item.menu_item_path) &&
+                        url.includes(getComparePath(getGeneratePath(item.menu_item_path, auth)))) {
+                        activeItem = item === null || item === void 0 ? void 0 : item.menu_item_code;
+                        break;
+                    }
+                    if ((item === null || item === void 0 ? void 0 : item.children) && item.children.length) {
+                        const childActiveItem = recursiveFindActiveItem(item.children);
+                        if (childActiveItem) {
+                            activeItem = childActiveItem;
+                            break;
+                        }
+                    }
+                }
+                return activeItem;
+            };
+            activeItem = recursiveFindActiveItem((menuItem === null || menuItem === void 0 ? void 0 : menuItem.children) || []);
+            if (activeItem)
+                break;
+        }
+        return activeItem;
+    }
+    catch (error) {
+        handleError(error, {
+            path: PATH,
+            name: findActiveMenuItemByUrl.name,
+            args,
+        });
+    }
+};
+/**
+ * Recursively finds the parent key of the active menu item within the given menu items.
+ * @param {object} args - The arguments object.
+ * @param {string} args.activeMenuItem - The key of the active menu item.
+ * @param {TMenuItem[]} args.menuItems - The array of menu items to search within.
+ * @returns {string | undefined} The key of the parent menu item or undefined if not found.
+ */
+export const recursiveFindParentOfActiveItem = (args) => {
+    var _a;
+    try {
+        const { activeMenuItem, menuItems } = args;
+        let parentKey;
+        for (const item of menuItems) {
+            const isHasActiveMenuItem = !!((_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.find(child => child.key === activeMenuItem));
+            if (isHasActiveMenuItem) {
+                parentKey = item.key;
+                break;
+            }
+            const findNestedParentKey = recursiveFindParentOfActiveItem({
+                activeMenuItem,
+                menuItems: (item === null || item === void 0 ? void 0 : item.children) || [],
+            });
+            if (findNestedParentKey) {
+                parentKey = findNestedParentKey;
+                break;
+            }
+        }
+        return parentKey;
+    }
+    catch (error) {
+        handleError(error, {
+            path: PATH,
+            name: recursiveFindParentOfActiveItem.name,
+            args,
+        });
+    }
+};
+export const recursiveFindItemByKey = (args) => {
+    try {
+        const { activeKey, menuItems } = args;
+        for (const item of menuItems) {
+            if (item.key === activeKey) {
+                return item;
+            }
+            const childActiveItem = recursiveFindItemByKey({
+                activeKey,
+                menuItems: (item === null || item === void 0 ? void 0 : item.children) || [],
+            });
+            if (childActiveItem)
+                return childActiveItem;
+        }
+    }
+    catch (error) {
+        handleError(error, {
+            path: PATH,
+            name: recursiveFindItemByKey.name,
+            args,
+        });
+    }
+};
+export const findItemByPermissionCode = (args) => {
+    try {
+        const { permissionCode, menuItems } = args;
+        const matchedItems = [];
+        const recursiveFindItemByPermissionCode = (items) => {
+            for (const item of items) {
+                if (item.permission_code === permissionCode) {
+                    matchedItems.push(item);
+                }
+                recursiveFindItemByPermissionCode((item === null || item === void 0 ? void 0 : item.children) || []);
+            }
+        };
+        recursiveFindItemByPermissionCode(menuItems);
+        return matchedItems === null || matchedItems === void 0 ? void 0 : matchedItems.pop();
+    }
+    catch (error) {
+        handleError(error, {
+            path: PATH,
+            name: findItemByPermissionCode.name,
+            args,
+        });
+    }
+};
+export const handleActiveRecommendationItem = (args) => {
+    const { customActiveCurrentKey, currentActiveItem, items } = args;
+    const activeItem = findItemByPermissionCode({
+        permissionCode: customActiveCurrentKey,
+        menuItems: items,
+    });
+    const { key, permission_code } = activeItem || {};
+    let menuActiveKey;
+    if (permission_code && key) {
+        switch (permission_code) {
+            case 'JOURNEY':
+                if (!Object.values(MARKETING_CHANNEL_CODE).includes(currentActiveItem)) {
+                    menuActiveKey = MARKETING_CHANNEL_CODE.ALL_CHANNEL;
+                }
+                break;
+            case 'EVENT_SOURCES':
+                if (!['EVENT_SOURCES', 'EVENT', 'EVENT_ATTRIBUTE', 'CONVERSION'].includes(currentActiveItem))
+                    menuActiveKey = 'EVENT_SOURCES';
+                break;
+            case 'DATAFLOWS':
+                if (!['BATCH_STREAMING', 'REALTIME_STREAMING'].includes(currentActiveItem))
+                    menuActiveKey = 'BATCH_STREAM';
+                break;
+            case 'BUSINESS_OBJECT': {
+                if (!['UPLOAD', 'EXPORT'].includes(currentActiveItem)) {
+                    menuActiveKey = 'UPLOAD';
+                }
+                break;
+            }
+            case 'DATASOURCES':
+                menuActiveKey = 'DATA_SOURCE';
+                break;
+            default:
+                menuActiveKey = key;
+                break;
+        }
+    }
+    else {
+        switch (customActiveCurrentKey) {
+            case 'DATASOURCES-SQL_WORKSPACE':
+                menuActiveKey = 'DATA_SOURCE';
+                break;
+            case 'DATASOURCES-DATAFLOWS':
+                menuActiveKey = 'DF_DATA_SOURCE';
+                break;
+            default:
+                break;
+        }
+    }
+    return menuActiveKey;
+};

package/es/components/organism/LeftMenu/components/common/index.d.ts

@@ -0,0 +1 @@
+export { ChildMenu } from './ChildMenu';

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

@@ -0,0 +1 @@
+export { ChildMenu } from './ChildMenu';

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

@@ -0,0 +1,3 @@
+export { HomeMenu } from './HomeMenu';
+export { CustomMenu } from './CustomMenu';
+export { CommonMenu } from './CommonMenu';

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

@@ -0,0 +1,3 @@
+export { HomeMenu } from './HomeMenu';
+export { CustomMenu } from './CustomMenu';
+export { CommonMenu } from './CommonMenu';

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

@@ -0,0 +1,2 @@
+export * from './variables';
+export * from './sampleData';

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

@@ -0,0 +1,2 @@
+export * from './variables';
+export * from './sampleData';

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

@@ -0,0 +1,2 @@
+import { TMenuItem } from '../types';
+export declare const CUSTOM_MENU_ITEMS: TMenuItem[];