@antscorp/antsomi-ui 1.3.5-beta.561 → 1.3.5-beta.562

package/es/components/organism/LeftMenu/hooks/usePermission.js

@@ -11,6 +11,7 @@ import { ENV } from '@antscorp/antsomi-ui/es/config';
 // Utils
 import { findLastMatchedItemByUrl, findPathOfActiveItem, flattenMenuArray, getMappingAppChildren, recursivePermissionMenu, } from '../utils';
 import { useCheckUserPermission } from '@antscorp/antsomi-ui/es/queries';
+import { recursiveSortBy } from '@antscorp/antsomi-ui/es/utils';
 const { DEV, SANDBOX, SANDBOX_CDP } = ENV;
 export const usePermission = () => {
     const appConfig = useLeftMenuContext(store => store.appConfig);
@@ -135,7 +136,7 @@ export const usePermission = () => {
         userPermission,
     ]);
     const mappingChildrenMenuWithNoPermission = useMemo(() => getMappingAppChildren({
-        menuList: (menuList === null || menuList === void 0 ? void 0 : menuList.rows) || [],
+        menuList: recursiveSortBy((menuList === null || menuList === void 0 ? void 0 : menuList.rows) || [], 'children', ['level_position']) || [],
         auth,
         dashboardList,
         destinationChannelEntries: destinationChannel === null || destinationChannel === void 0 ? void 0 : destinationChannel.entries,

package/es/utils/common.d.ts

@@ -137,3 +137,13 @@ export declare function splitTextByNewline(text?: string): string[];
  * @returns {any | null} The parsed JSON object if successful, or `null` if the parsing fails or the key does not exist.
  */
 export declare function parseJSONFromLocalStorage<T = any>(key: string): T | null;
+/**
+ * Recursively sorts an array of objects by specified keys and also sorts their nested children arrays.
+ *
+ * @template T - The type of the objects within the array.
+ * @param {T[]} arr - The array of objects to be sorted.
+ * @param {keyof T} [childrenKey='children'] - The key used to identify the children array in each object.
+ * @param {Array<keyof T>} [sortByKeys=[]] - The keys used to sort the objects.
+ * @returns {T[]} - The sorted array with each object’s children arrays also sorted recursively.
+ */
+export declare const recursiveSortBy: <T = any>(arr: T[], childrenKey?: keyof T, sortByKeys?: (keyof T)[]) => T[];

package/es/utils/common.js

@@ -6,6 +6,7 @@ import uniqid from 'uniqid';
 import { MESSAGES, PORTAL_KEYS } from '@antscorp/antsomi-ui/es/services/constants';
 // Utils
 import { handleError } from './handleError';
+import { sortBy } from 'lodash';
 const PATH = 'src/utils/common.ts';
 /**
  * Function to reorder list
@@ -607,3 +608,15 @@ export function parseJSONFromLocalStorage(key) {
         return null;
     }
 }
+/**
+ * Recursively sorts an array of objects by specified keys and also sorts their nested children arrays.
+ *
+ * @template T - The type of the objects within the array.
+ * @param {T[]} arr - The array of objects to be sorted.
+ * @param {keyof T} [childrenKey='children'] - The key used to identify the children array in each object.
+ * @param {Array<keyof T>} [sortByKeys=[]] - The keys used to sort the objects.
+ * @returns {T[]} - The sorted array with each object’s children arrays also sorted recursively.
+ */
+export const recursiveSortBy = (arr, childrenKey = 'children', sortByKeys = []) => sortBy(arr, [...sortByKeys]).map(item => (Object.assign(Object.assign({}, item), (item[childrenKey] && {
+    [childrenKey]: recursiveSortBy(item[childrenKey], childrenKey, sortByKeys),
+}))));

package/package.json

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