@antscorp/antsomi-ui 1.3.5-beta.21 → 1.3.5-beta.211

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const MenuWrapper: import("styled-components").StyledComponent<"div", 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>;

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

@@ -0,0 +1,65 @@
+var _a;
+// Libraries
+import styled from 'styled-components';
+// Components
+import { Typography } from '../../../../../atoms';
+// Constants
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
+import { ICON_SIZE } from '../../../constants';
+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 {
+    height: 100%;
+
+    li {
+      margin: 0 !important;
+      width: 100% !important;
+
+      div {
+        width: ${ICON_SIZE}px;
+        height: ${ICON_SIZE}px;
+      }
+
+      [role='icon'] {
+        font-size: ${ICON_SIZE}px !important;
+      }
+    }
+  }
+
+  [role='menu'] {
+    background-color: transparent !important;
+    border: none !important;
+  }
+
+  [role='menuitem'] {
+    border-radius: ${(_a = THEME === null || THEME === void 0 ? void 0 : THEME.token) === null || _a === void 0 ? void 0 : _a.borderRadiusXL}px !important;
+    padding-right: 10px !important;
+  }
+
+  [role='menuitem'].antsomi-menu-item-selected {
+    background-color: #deeffe !important;
+  }
+
+  .antsomi-menu-item-active,
+  .antsomi-menu-submenu-title:hover {
+    background-color: #f2f9ff !important;
+  }
+
+  .menu-link {
+    width: 100% !important;
+    height: 100% !important;
+    display: flex !important;
+    color: inherit !important;
+    text-decoration: none !important;
+  }
+`;
+export const LabelCustom = styled(Typography.Text) `
+  font-size: inherit !important;
+  color: inherit !important;
+`;

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

@@ -0,0 +1,30 @@
+import { TFeatureMenu } from '@antscorp/antsomi-ui/es/models/LeftMenu';
+import { PayloadInfo } from '@antscorp/antsomi-ui/es/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 {TFeatureMenu[]} 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: TFeatureMenu[];
+}) => string | undefined;

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

@@ -0,0 +1,89 @@
+// Utils
+import { getGeneratePath } from '../../../utils';
+import { handleError } from '@antscorp/antsomi-ui/es/utils';
+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(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 {TFeatureMenu[]} 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.menu_item_code === activeMenuItem));
+            if (isHasActiveMenuItem) {
+                parentKey = item.menu_item_code;
+                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,
+        });
+    }
+};

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,8 @@
+export { HomeMenu } from './HomeMenu';
+export { ProfilesMenu } from './ProfilesMenu';
+export { ContentMenu } from './ContentMenu';
+export { DataMenu } from './DataMenu';
+export { MarketingMenu } from './MarketingMenu';
+export { InsightsMenu } from './InsightsMenu';
+export { TemplatesMenu } from './TemplatesMenu';
+export { SettingsMenu } from './SettingsMenu';

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

@@ -0,0 +1,8 @@
+export { HomeMenu } from './HomeMenu';
+export { ProfilesMenu } from './ProfilesMenu';
+export { ContentMenu } from './ContentMenu';
+export { DataMenu } from './DataMenu';
+export { MarketingMenu } from './MarketingMenu';
+export { InsightsMenu } from './InsightsMenu';
+export { TemplatesMenu } from './TemplatesMenu';
+export { SettingsMenu } from './SettingsMenu';

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,7 @@
+import { TFeatureMenu } from '@antscorp/antsomi-ui/es/models/LeftMenu';
+export declare const MENU_ITEMS: {
+    key: string;
+    label: string;
+    icon: string;
+}[];
+export declare const MENU_SAMPLE: TFeatureMenu[];