react-form-manage 1.0.8-beta.9 → 1.0.8

package/src/utils/obj.util.ts

@@ -1,22 +1,162 @@
-import { filter, isNil, join } from "lodash";
+import { filter, isNil, isPlainObject, join } from "lodash";
 
-export function getAllNoneObjStringPath(value: any, prevPath: string = "") {
-  if (typeof value === "object") {
-    return Object.keys(value).reduce((prev, cur) => {
+/**
+ * Lấy tất cả các path đến các leaf nodes (primitive values)
+ * Không bao gồm intermediate object/array paths
+ *
+ * Ví dụ: {user: {name: "John", age: 30}}
+ * Kết quả: ["user.name", "user.age"]
+ */
+export function getAllNoneObjStringPath(
+  value: any,
+  prevPath: string = "",
+): string[] {
+  // primitive / function / null / undefined => dừng
+  if (
+    value === null ||
+    value === undefined ||
+    typeof value !== "object" ||
+    typeof value === "function"
+  ) {
+    return [prevPath];
+  }
+
+  // array thì đi sâu
+  if (Array.isArray(value)) {
+    return value.reduce((prev: string[], item, index) => {
       return [
         ...prev,
-
         ...getAllNoneObjStringPath(
-          value[cur],
+          item,
           join(
-            filter([prevPath, cur], (v) => !isNil(v) && v !== ""),
-            "."
-          )
+            filter([prevPath, String(index)], (v) => !isNil(v) && v !== ""),
+            ".",
+          ),
         ),
       ];
     }, []);
   }
-  return [prevPath];
+
+  // class instance (non-plain object) => dừng
+  if (!isPlainObject(value)) {
+    return [prevPath];
+  }
+
+  // plain object => đi sâu
+  return Object.keys(value).reduce((prev: string[], cur) => {
+    return [
+      ...prev,
+      ...getAllNoneObjStringPath(
+        value[cur],
+        join(
+          filter([prevPath, cur], (v) => !isNil(v) && v !== ""),
+          ".",
+        ),
+      ),
+    ];
+  }, []);
+}
+
+/**
+ * Lấy tất cả các path bao gồm cả intermediate containers (object/array level)
+ * Dùng để detect listener được đăng ký trên plain object, array, hoặc array item level
+ *
+ * Ví dụ: {user: {name: "John", age: 30}, items: [{id: 1}]}
+ * Kết quả: [
+ *   "user", "user.name", "user.age",
+ *   "items", "items[0]", "items[0].id"
+ * ]
+ */
+export function getAllPathsIncludingContainers(
+  value: any,
+  prevPath: string = "",
+): string[] {
+  const results: string[] = [];
+
+  // Thêm path hiện tại nếu không rỗng (là container level)
+  if (prevPath !== "") {
+    results.push(prevPath);
+  }
+
+  // primitive / function / null / undefined => dừng
+  if (
+    value === null ||
+    value === undefined ||
+    typeof value !== "object" ||
+    typeof value === "function"
+  ) {
+    return results;
+  }
+
+  // class instance (non-plain object) => dừng (chỉ thêm path hiện tại)
+  if (!isPlainObject(value) && !Array.isArray(value)) {
+    return results;
+  }
+
+  // array => đi sâu vào từng item
+  if (Array.isArray(value)) {
+    value.forEach((item, index) => {
+      const itemPath = join(
+        filter([prevPath, String(index)], (v) => !isNil(v) && v !== ""),
+        ".",
+      );
+      const nestedPaths = getAllPathsIncludingContainers(item, itemPath);
+      results.push(...nestedPaths);
+    });
+    return results;
+  }
+
+  // plain object => đi sâu vào từng property
+  Object.keys(value).forEach((key) => {
+    const nestedPath = join(
+      filter([prevPath, key], (v) => !isNil(v) && v !== ""),
+      ".",
+    );
+    const nestedPaths = getAllPathsIncludingContainers(value[key], nestedPath);
+    results.push(...nestedPaths);
+  });
+
+  return results;
+}
+
+/**
+ * Lấy tất cả paths từ object, dừng khi gặp array
+ * Kết quả bao gồm:
+ * - Paths đến primitive values (leaf nodes)
+ * - Paths đến array (dừng tại array, không đi sâu vào)
+ *
+ * Ví dụ: {user: {name: "John", items: [1,2,3]}}
+ * Kết quả: ["user.name", "user.items"]
+ */
+export function getAllPathsStopAtArray(
+  value: any,
+  prevPath: string = "",
+): string[] {
+  // Primitive values => dừng
+  if (
+    value === null ||
+    value === undefined ||
+    typeof value !== "object" ||
+    typeof value === "function"
+  ) {
+    return [prevPath];
+  }
+
+  // Array => dừng tại đây, trả về path của array
+  if (Array.isArray(value)) {
+    return [prevPath];
+  }
+
+  // Class instance (non-plain object) => dừng
+  if (!isPlainObject(value)) {
+    return [prevPath];
+  }
+
+  // Plain object => đi sâu vào
+  return Object.keys(value).reduce((prev: string[], key) => {
+    const fullPath = prevPath ? `${prevPath}.${key}` : key;
+    return [...prev, ...getAllPathsStopAtArray(value[key], fullPath)];
+  }, []);
 }
 
 export function getAllStringPath(value: any, prevPath: string = "") {
@@ -26,14 +166,14 @@ export function getAllStringPath(value: any, prevPath: string = "") {
         ...prev,
         join(
           filter([prevPath, cur], (v) => !isNil(v) && v !== ""),
-          "."
+          ".",
         ),
         ...getAllStringPath(
           value[cur],
           join(
             filter([prevPath, cur], (v) => !isNil(v) && v !== ""),
-            "."
-          )
+            ".",
+          ),
         ),
       ];
     }, []);