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

package/dist/test/testSetValue/TestCase5_FormListRemovedItems.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { Button, Input, Typography } from "antd";
+import FormList from "../../components/Form/FormList";
+import Form from "../../providers/Form";
+function TestCase5_FormListRemovedItems({}) {
+  const [form] = Form.useForm("testCase5");
+  const handleSetInitial = () => {
+    form == null ? void 0 : form.setFieldValue("items", [{ name: "Item A" }, { name: "Item B" }, { name: "Item C" }], { deepTrigger: true });
+  };
+  const handleRemoveItems = () => {
+    form == null ? void 0 : form.setFieldValue("items", [{ name: "Item A" }], { deepTrigger: true });
+  };
+  const handleRestoreItems = () => {
+    form == null ? void 0 : form.setFieldValue("items", [{ name: "Item A" }, { name: "Item B" }], {
+      deepTrigger: true
+    });
+  };
+  return _jsxs(Box, { sx: { p: 2 }, children: [_jsx(Typography.Title, { level: 4, children: "Test Case 5: FormList - Removed Items" }), _jsx(Typography.Paragraph, { children: "Test edge case: khi FormList items b\u1ECB x\xF3a, listeners ph\u1EA3i \u0111\u01B0\u1EE3c trigger v\u1EDBi undefined" }), _jsxs(Form, { formName: "testCase5", children: [_jsx(FormList, { name: "items", children: (fields, { add, remove }) => _jsxs(Box, { children: [fields.map((field, index) => _jsxs(Box, { sx: {
+    border: "1px solid #d9d9d9",
+    p: 2,
+    mb: 2,
+    borderRadius: 1
+  }, children: [_jsxs(Typography.Text, { strong: true, children: ["Item ", index + 1] }), _jsx(Form.Item, { name: `items.${index}.name`, label: "Name", children: _jsx(Input, { placeholder: `Item ${index + 1} name` }) }), _jsx(Button, { danger: true, onClick: () => remove({ key: field.key }), children: "Remove" })] }, field.key)), _jsx(Button, { type: "dashed", onClick: () => add(), children: "Add Item" })] }) }), _jsxs(Box, { sx: { mt: 2, display: "flex", gap: 2, flexDirection: "column" }, children: [_jsx(Button, { type: "primary", onClick: handleSetInitial, children: "1. Set Initial (3 Items)" }), _jsx(Button, { danger: true, onClick: handleRemoveItems, children: "2. Remove Items (Keep 1)" }), _jsx(Button, { onClick: handleRestoreItems, children: "3. Restore Items (2 Items)" })] }), _jsxs(Box, { sx: { mt: 2, p: 2, bgcolor: "#f0f0f0", borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, children: "Expected Behavior:" }), _jsx(Typography.Paragraph, { children: 'Khi click "Remove Items", items.1 v\xE0 items.2 listeners ph\u1EA3i nh\u1EADn undefined' })] })] })] });
+}
+var stdin_default = TestCase5_FormListRemovedItems;
+export {
+  stdin_default as default
+};

package/dist/test/testSetValue/TestCase6_NestedFormListRemoved.d.ts

@@ -0,0 +1,28 @@
+type Props = {};
+/**
+ * Test Case 6: Array Non-Listener → Nested FormList Removed (Complex Edge Case)
+ *
+ * Cấu trúc:
+ * - data (array - NON-LISTENER)
+ *   - data.0.name (string)
+ *   - data.0.tags (FormList)
+ *     - data.0.tags.0 (string)
+ *     - data.0.tags.1 (string)
+ *   - data.1.name (string)
+ *   - data.1.tags (FormList)
+ *
+ * Test:
+ * 1. Set initial: [
+ *      {name: "A", tags: ["tag1", "tag2"]},
+ *      {name: "B", tags: ["tag3"]}
+ *    ]
+ * 2. Set removed: [{name: "A", tags: ["tag1"]}] (data.1 bị xóa hoàn toàn)
+ *
+ * Kỳ vọng:
+ * - Trigger "data.0.tags" onArrayChange
+ * - Trigger "data.1" với undefined
+ * - Trigger "data.1.tags" với undefined (nested FormList cleanup!)
+ * - Trigger "data.1.tags.0" với undefined
+ */
+declare function TestCase6_NestedFormListRemoved({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestCase6_NestedFormListRemoved;

package/dist/test/testSetValue/TestCase6_NestedFormListRemoved.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { Button, Input, Typography } from "antd";
+import FormList from "../../components/Form/FormList";
+import Form from "../../providers/Form";
+function TestCase6_NestedFormListRemoved({}) {
+  const [form] = Form.useForm("testCase6");
+  const handleSetInitial = () => {
+    form == null ? void 0 : form.setFieldValue("data", [
+      { name: "Group A", tags: ["tag1", "tag2"] },
+      { name: "Group B", tags: ["tag3", "tag4"] }
+    ], { deepTrigger: true });
+  };
+  const handleRemoveNestedArray = () => {
+    form == null ? void 0 : form.setFieldValue("data", [{ name: "Group A", tags: ["tag1"] }], {
+      deepTrigger: true
+    });
+  };
+  const handleRestoreNested = () => {
+    form == null ? void 0 : form.setFieldValue("data", [
+      { name: "Group A", tags: ["tag1", "tag2"] },
+      { name: "Group B", tags: ["tag3"] }
+    ], { deepTrigger: true });
+  };
+  return _jsxs(Box, { sx: { p: 2 }, children: [_jsx(Typography.Title, { level: 4, children: "Test Case 6: Nested FormList - Removed Items" }), _jsx(Typography.Paragraph, { children: "Test complex edge case: array non-listener v\u1EDBi nested FormList b\u1ECB x\xF3a" }), _jsxs(Form, { formName: "testCase6", children: [_jsxs(Box, { sx: { border: "2px solid #1890ff", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, style: { fontSize: 16 }, children: "Group 0" }), _jsx(Form.Item, { name: "data.0.name", label: "Group Name", children: _jsx(Input, { placeholder: "Group 0 name" }) }), _jsx(Typography.Text, { children: "Tags (FormList):" }), _jsx(FormList, { name: "data.0.tags", children: (fields, { add, remove }) => _jsxs(Box, { children: [fields.map((field, index) => _jsxs(Box, { sx: { display: "flex", gap: 1, mb: 1 }, children: [_jsx(Form.Item, { name: `data.0.tags.${index}`, children: _jsx(Input, { placeholder: `Tag ${index + 1}` }) }), _jsx(Button, { danger: true, size: "small", onClick: () => remove({ key: field.key }), children: "Remove" })] }, field.key)), _jsx(Button, { type: "dashed", size: "small", onClick: () => add(), children: "Add Tag" })] }) })] }), _jsxs(Box, { sx: { border: "2px solid #52c41a", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, style: { fontSize: 16 }, children: "Group 1" }), _jsx(Form.Item, { name: "data.1.name", label: "Group Name", children: _jsx(Input, { placeholder: "Group 1 name" }) }), _jsx(Typography.Text, { children: "Tags (FormList):" }), _jsx(FormList, { name: "data.1.tags", children: (fields, { add, remove }) => _jsxs(Box, { children: [fields.map((field, index) => _jsxs(Box, { sx: { display: "flex", gap: 1, mb: 1 }, children: [_jsx(Form.Item, { name: `data.1.tags.${index}`, children: _jsx(Input, { placeholder: `Tag ${index + 1}` }) }), _jsx(Button, { danger: true, size: "small", onClick: () => remove({ key: field.key }), children: "Remove" })] }, field.key)), _jsx(Button, { type: "dashed", size: "small", onClick: () => add(), children: "Add Tag" })] }) })] }), _jsxs(Box, { sx: { mt: 2, display: "flex", gap: 2, flexDirection: "column" }, children: [_jsx(Button, { type: "primary", onClick: handleSetInitial, children: "1. Set Initial (2 Groups with Tags)" }), _jsx(Button, { danger: true, onClick: handleRemoveNestedArray, children: "2. Remove Group 1 (Nested FormList)" }), _jsx(Button, { onClick: handleRestoreNested, children: "3. Restore Nested Structure" })] }), _jsxs(Box, { sx: {
+    mt: 2,
+    p: 2,
+    bgcolor: "#fff7e6",
+    border: "1px solid #ffa940",
+    borderRadius: 1
+  }, children: [_jsx(Typography.Text, { strong: true, children: "Expected Behavior:" }), _jsxs(Typography.Paragraph, { children: ['Khi click "Remove Group 1":', _jsx("br", {}), "- data.1 \u2192 undefined", _jsx("br", {}), "- data.1.tags (FormList) \u2192 undefined", _jsx("br", {}), "- data.1.tags.0, data.1.tags.1, ... \u2192 undefined"] })] })] })] });
+}
+var stdin_default = TestCase6_NestedFormListRemoved;
+export {
+  stdin_default as default
+};

package/dist/test/testSetValue/TestCase7_SetFieldValues_MixedStructure.d.ts

@@ -0,0 +1,17 @@
+type Props = {};
+/**
+ * Test Case 7: setFieldValues với Mixed Structure
+ *
+ * Cấu trúc:
+ * - name (string) - primitive
+ * - age (number) - primitive
+ * - tags (array) - sẽ trigger deepTrigger
+ *
+ * Test: setFieldValues({name: "John", age: 30, tags: ["tag1", "tag2"]})
+ * Kỳ vọng:
+ * - "name" listener.onChange("John")
+ * - "age" listener.onChange(30)
+ * - "tags" → handleDeepTriggerSet(["tag1", "tag2"])
+ */
+declare function TestCase7_SetFieldValues_MixedStructure({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestCase7_SetFieldValues_MixedStructure;

package/dist/test/testSetValue/TestCase7_SetFieldValues_MixedStructure.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { Button, Input, Typography } from "antd";
+import Form from "../../providers/Form";
+function TestCase7_SetFieldValues_MixedStructure({}) {
+  const [form] = Form.useForm("testCase7");
+  const handleTestSetFieldValues = () => {
+    form == null ? void 0 : form.setFieldValues({
+      name: "John Doe",
+      age: 30,
+      tags: ["javascript", "typescript", "react"]
+    });
+  };
+  const handleTestWithOptions = () => {
+    form == null ? void 0 : form.setFieldValues({
+      name: "Jane Doe",
+      age: 25,
+      tags: ["vue", "angular"]
+    }, { notTriggerDirty: true });
+  };
+  const handleClear = () => {
+    form == null ? void 0 : form.setFieldValues({
+      name: "",
+      age: void 0,
+      tags: []
+    });
+  };
+  return _jsxs(Box, { sx: { p: 2 }, children: [_jsx(Typography.Title, { level: 4, children: "Test Case 7: setFieldValues - Mixed Structure" }), _jsx(Typography.Paragraph, { children: "Test setFieldValues v\u1EDBi primitives + array (array s\u1EBD d\xF9ng deepTrigger)" }), _jsxs(Form, { formName: "testCase7", children: [_jsx(Form.Item, { name: "name", label: "Name", children: _jsx(Input, { placeholder: "Enter name" }) }), _jsx(Form.Item, { name: "age", label: "Age", children: _jsx(Input, { type: "number", placeholder: "Enter age" }) }), _jsxs(Box, { sx: { border: "1px solid #d9d9d9", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, children: "Tags (Array - Deep Trigger)" }), _jsx(Form.Item, { name: "tags.0", children: _jsx(Input, { placeholder: "Tag 1" }) }), _jsx(Form.Item, { name: "tags.1", children: _jsx(Input, { placeholder: "Tag 2" }) }), _jsx(Form.Item, { name: "tags.2", children: _jsx(Input, { placeholder: "Tag 3" }) })] }), _jsxs(Box, { sx: { mt: 2, display: "flex", gap: 2 }, children: [_jsx(Button, { type: "primary", onClick: handleTestSetFieldValues, children: "Test setFieldValues" }), _jsx(Button, { onClick: handleTestWithOptions, children: "Test with Options" }), _jsx(Button, { danger: true, onClick: handleClear, children: "Clear All" })] }), _jsxs(Box, { sx: { mt: 2, p: 2, bgcolor: "#f0f0f0", borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, children: "Expected Behavior:" }), _jsxs(Typography.Paragraph, { children: ["- name, age: trigger onChange tr\u1EF1c ti\u1EBFp", _jsx("br", {}), "- tags: g\u1ECDi handleDeepTriggerSet (\u0111\u1EC7 quy trigger t\u1EA5t c\u1EA3 tags items)"] })] })] })] });
+}
+var stdin_default = TestCase7_SetFieldValues_MixedStructure;
+export {
+  stdin_default as default
+};

package/dist/test/testSetValue/TestCase8_SetFieldValues_NestedObject.d.ts

@@ -0,0 +1,27 @@
+type Props = {};
+/**
+ * Test Case 8: setFieldValues với Nested Object + Array
+ *
+ * Cấu trúc:
+ * - user.name (string)
+ * - user.email (string)
+ * - user.preferences.theme (string)
+ * - user.preferences.language (string)
+ * - user.hobbies (array) - sẽ trigger deepTrigger
+ *
+ * Test: setFieldValues({
+ *   user: {
+ *     name: "John",
+ *     email: "john@example.com",
+ *     preferences: { theme: "dark", language: "en" },
+ *     hobbies: ["reading", "coding"]
+ *   }
+ * })
+ *
+ * Kỳ vọng:
+ * - getAllPathsStopAtArray sẽ dừng tại array "user.hobbies"
+ * - Tất cả primitive paths được trigger onChange
+ * - "user.hobbies" được gọi handleDeepTriggerSet
+ */
+declare function TestCase8_SetFieldValues_NestedObject({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestCase8_SetFieldValues_NestedObject;

package/dist/test/testSetValue/TestCase8_SetFieldValues_NestedObject.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { Button, Input, Typography } from "antd";
+import Form from "../../providers/Form";
+function TestCase8_SetFieldValues_NestedObject({}) {
+  const [form] = Form.useForm("testCase8");
+  const handleTestSetFieldValues = () => {
+    form == null ? void 0 : form.setFieldValues({
+      user: {
+        name: "John Doe",
+        email: "john@example.com",
+        preferences: {
+          theme: "dark",
+          language: "en"
+        },
+        hobbies: ["reading", "coding", "gaming"]
+      }
+    });
+  };
+  const handleTestPartialUpdate = () => {
+    form == null ? void 0 : form.setFieldValues({
+      user: {
+        name: "Jane Doe",
+        email: "jane@example.com",
+        preferences: {
+          theme: "light",
+          language: "vi"
+        },
+        hobbies: ["painting"]
+      }
+    });
+  };
+  const handleClear = () => {
+    form == null ? void 0 : form.setFieldValues({
+      user: {
+        name: "",
+        email: "",
+        preferences: {
+          theme: "",
+          language: ""
+        },
+        hobbies: []
+      }
+    });
+  };
+  return _jsxs(Box, { sx: { p: 2 }, children: [_jsx(Typography.Title, { level: 4, children: "Test Case 8: setFieldValues - Nested Object + Array" }), _jsx(Typography.Paragraph, { children: "Test setFieldValues v\u1EDBi deep nested object v\xE0 array" }), _jsxs(Form, { formName: "testCase8", children: [_jsxs(Box, { sx: { border: "1px solid #1890ff", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, children: "User Info" }), _jsx(Form.Item, { name: "user.name", label: "Name", children: _jsx(Input, { placeholder: "Enter name" }) }), _jsx(Form.Item, { name: "user.email", label: "Email", children: _jsx(Input, { placeholder: "Enter email" }) })] }), _jsxs(Box, { sx: { border: "1px solid #52c41a", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, children: "Preferences" }), _jsx(Form.Item, { name: "user.preferences.theme", label: "Theme", children: _jsx(Input, { placeholder: "Enter theme" }) }), _jsx(Form.Item, { name: "user.preferences.language", label: "Language", children: _jsx(Input, { placeholder: "Enter language" }) })] }), _jsxs(Box, { sx: { border: "1px solid #faad14", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, children: "Hobbies (Array - Deep Trigger)" }), _jsx(Form.Item, { name: "user.hobbies.0", children: _jsx(Input, { placeholder: "Hobby 1" }) }), _jsx(Form.Item, { name: "user.hobbies.1", children: _jsx(Input, { placeholder: "Hobby 2" }) }), _jsx(Form.Item, { name: "user.hobbies.2", children: _jsx(Input, { placeholder: "Hobby 3" }) })] }), _jsxs(Box, { sx: { mt: 2, display: "flex", gap: 2, flexDirection: "column" }, children: [_jsx(Button, { type: "primary", onClick: handleTestSetFieldValues, children: "1. Set Full Structure (3 hobbies)" }), _jsx(Button, { onClick: handleTestPartialUpdate, children: "2. Partial Update (1 hobby - cleanup test)" }), _jsx(Button, { danger: true, onClick: handleClear, children: "3. Clear All" })] }), _jsxs(Box, { sx: {
+    mt: 2,
+    p: 2,
+    bgcolor: "#e6f7ff",
+    border: "1px solid #1890ff",
+    borderRadius: 1
+  }, children: [_jsx(Typography.Text, { strong: true, children: "Expected Behavior:" }), _jsxs(Typography.Paragraph, { children: ["- Primitives (name, email, theme, language): trigger onChange", _jsx("br", {}), "- user.hobbies: g\u1ECDi handleDeepTriggerSet", _jsx("br", {}), "- Khi update v\u1EDBi 1 hobby, hobbies.1 v\xE0 hobbies.2 nh\u1EADn undefined"] })] })] })] });
+}
+var stdin_default = TestCase8_SetFieldValues_NestedObject;
+export {
+  stdin_default as default
+};

package/dist/test/testSetValue/TestCase9_SetFieldValues_MultipleArrays.d.ts

@@ -0,0 +1,25 @@
+type Props = {};
+/**
+ * Test Case 9: setFieldValues với Multiple Arrays
+ *
+ * Cấu trúc:
+ * - title (string)
+ * - tags (array) - deepTrigger
+ * - items (FormList array) - deepTrigger
+ * - categories (array) - deepTrigger
+ *
+ * Test: setFieldValues({
+ *   title: "My Post",
+ *   tags: ["js", "react"],
+ *   items: [{name: "Item 1"}],
+ *   categories: ["tech", "web"]
+ * })
+ *
+ * Kỳ vọng:
+ * - "title" trigger onChange
+ * - "tags" gọi handleDeepTriggerSet
+ * - "items" gọi handleDeepTriggerSet (FormList)
+ * - "categories" gọi handleDeepTriggerSet
+ */
+declare function TestCase9_SetFieldValues_MultipleArrays({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestCase9_SetFieldValues_MultipleArrays;

package/dist/test/testSetValue/TestCase9_SetFieldValues_MultipleArrays.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+import { Button, Input, Typography } from "antd";
+import FormList from "../../components/Form/FormList";
+import Form from "../../providers/Form";
+function TestCase9_SetFieldValues_MultipleArrays({}) {
+  const [form] = Form.useForm("testCase9");
+  const handleTestSetFieldValues = () => {
+    form == null ? void 0 : form.setFieldValues({
+      title: "My Blog Post",
+      tags: ["javascript", "react"],
+      items: [
+        { name: "Item 1", value: 100 },
+        { name: "Item 2", value: 200 }
+      ],
+      categories: ["technology", "web development"]
+    });
+  };
+  const handleTestReduceArrays = () => {
+    form == null ? void 0 : form.setFieldValues({
+      title: "Updated Post",
+      tags: ["vue"],
+      items: [{ name: "Item 1", value: 150 }],
+      categories: ["tech"]
+    });
+  };
+  const handleClear = () => {
+    form == null ? void 0 : form.setFieldValues({
+      title: "",
+      tags: [],
+      items: [],
+      categories: []
+    });
+  };
+  return _jsxs(Box, { sx: { p: 2 }, children: [_jsx(Typography.Title, { level: 4, children: "Test Case 9: setFieldValues - Multiple Arrays" }), _jsx(Typography.Paragraph, { children: "Test setFieldValues v\u1EDBi nhi\u1EC1u arrays kh\xE1c nhau (FormList v\xE0 non-FormList)" }), _jsxs(Form, { formName: "testCase9", children: [_jsx(Form.Item, { name: "title", label: "Title", children: _jsx(Input, { placeholder: "Enter title" }) }), _jsxs(Box, { sx: { border: "1px solid #1890ff", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, children: "Tags (Simple Array)" }), _jsx(Form.Item, { name: "tags.0", children: _jsx(Input, { placeholder: "Tag 1" }) }), _jsx(Form.Item, { name: "tags.1", children: _jsx(Input, { placeholder: "Tag 2" }) })] }), _jsxs(Box, { sx: { border: "1px solid #52c41a", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, children: "Items (FormList)" }), _jsx(FormList, { name: "items", children: (fields, { add, remove }) => _jsxs(Box, { children: [fields.map((field, index) => _jsxs(Box, { sx: { display: "flex", gap: 1, mb: 1 }, children: [_jsx(Form.Item, { name: `items.${index}.name`, children: _jsx(Input, { placeholder: "Name" }) }), _jsx(Form.Item, { name: `items.${index}.value`, children: _jsx(Input, { type: "number", placeholder: "Value" }) }), _jsx(Button, { danger: true, size: "small", onClick: () => remove({ key: field.key }), children: "Remove" })] }, field.key)), _jsx(Button, { type: "dashed", size: "small", onClick: () => add(), children: "Add Item" })] }) })] }), _jsxs(Box, { sx: { border: "1px solid #faad14", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, children: "Categories (Simple Array)" }), _jsx(Form.Item, { name: "categories.0", children: _jsx(Input, { placeholder: "Category 1" }) }), _jsx(Form.Item, { name: "categories.1", children: _jsx(Input, { placeholder: "Category 2" }) })] }), _jsxs(Box, { sx: { mt: 2, display: "flex", gap: 2, flexDirection: "column" }, children: [_jsx(Button, { type: "primary", onClick: handleTestSetFieldValues, children: "1. Set All Arrays (2 items each)" }), _jsx(Button, { onClick: handleTestReduceArrays, children: "2. Reduce Arrays (1 item each)" }), _jsx(Button, { danger: true, onClick: handleClear, children: "3. Clear All" })] }), _jsxs(Box, { sx: {
+    mt: 2,
+    p: 2,
+    bgcolor: "#fffbe6",
+    border: "1px solid #faad14",
+    borderRadius: 1
+  }, children: [_jsx(Typography.Text, { strong: true, children: "Expected Behavior:" }), _jsxs(Typography.Paragraph, { children: ["- title: trigger onChange", _jsx("br", {}), "- tags, items, categories: t\u1EA5t c\u1EA3 g\u1ECDi handleDeepTriggerSet", _jsx("br", {}), "- Khi reduce arrays: items b\u1ECB x\xF3a nh\u1EADn undefined (cleanup)"] })] })] })] });
+}
+var stdin_default = TestCase9_SetFieldValues_MultipleArrays;
+export {
+  stdin_default as default
+};

package/dist/test/testSetValue/index.d.ts

@@ -0,0 +1,2 @@
+declare function TestSetValueIndex(): import("react/jsx-runtime").JSX.Element;
+export default TestSetValueIndex;

package/dist/test/testSetValue/index.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Tab, Tabs } from "@mui/material";
+import { useState } from "react";
+import TestCase10_SetFieldValues_ComplexNested from "./TestCase10_SetFieldValues_ComplexNested";
+import TestCase1_PlainObjectToPrimitives from "./TestCase1_PlainObjectToPrimitives";
+import TestCase2_PlainObjectToFormList from "./TestCase2_PlainObjectToFormList";
+import TestCase3_ArrayNonListenerToPrimitives from "./TestCase3_ArrayNonListenerToPrimitives";
+import TestCase4_PlainObjectRemovedFields from "./TestCase4_PlainObjectRemovedFields";
+import TestCase5_FormListRemovedItems from "./TestCase5_FormListRemovedItems";
+import TestCase6_NestedFormListRemoved from "./TestCase6_NestedFormListRemoved";
+import TestCase7_SetFieldValues_MixedStructure from "./TestCase7_SetFieldValues_MixedStructure";
+import TestCase8_SetFieldValues_NestedObject from "./TestCase8_SetFieldValues_NestedObject";
+import TestCase9_SetFieldValues_MultipleArrays from "./TestCase9_SetFieldValues_MultipleArrays";
+function TabPanel(props) {
+  const { children, value, index, ...other } = props;
+  return _jsx("div", { role: "tabpanel", hidden: value !== index, id: `test-tabpanel-${index}`, "aria-labelledby": `test-tab-${index}`, ...other, children: value === index && _jsx(Box, { sx: { p: 3 }, children }) });
+}
+function TestSetValueIndex() {
+  const [value, setValue] = useState(0);
+  const handleChange = (event, newValue) => {
+    setValue(newValue);
+  };
+  return _jsxs(Box, { sx: { width: "100%" }, children: [_jsx(Box, { sx: { borderBottom: 1, borderColor: "divider" }, children: _jsxs(Tabs, { value, onChange: handleChange, "aria-label": "test cases tabs", variant: "scrollable", scrollButtons: "auto", children: [_jsx(Tab, { label: "Case 1: Plain Object" }), _jsx(Tab, { label: "Case 2: FormList Nested" }), _jsx(Tab, { label: "Case 3: Array Non-Listener" }), _jsx(Tab, { label: "Case 4: Removed Fields" }), _jsx(Tab, { label: "Case 5: FormList Removed" }), _jsx(Tab, { label: "Case 6: Nested Removed" }), _jsx(Tab, { label: "Case 7: setFieldValues Mixed" }), _jsx(Tab, { label: "Case 8: setFieldValues Nested" }), _jsx(Tab, { label: "Case 9: setFieldValues Arrays" }), _jsx(Tab, { label: "Case 10: setFieldValues Complex" })] }) }), _jsx(TabPanel, { value, index: 0, children: _jsx(TestCase1_PlainObjectToPrimitives, {}) }), _jsx(TabPanel, { value, index: 1, children: _jsx(TestCase2_PlainObjectToFormList, {}) }), _jsx(TabPanel, { value, index: 2, children: _jsx(TestCase3_ArrayNonListenerToPrimitives, {}) }), _jsx(TabPanel, { value, index: 3, children: _jsx(TestCase4_PlainObjectRemovedFields, {}) }), _jsx(TabPanel, { value, index: 4, children: _jsx(TestCase5_FormListRemovedItems, {}) }), _jsx(TabPanel, { value, index: 5, children: _jsx(TestCase6_NestedFormListRemoved, {}) }), _jsx(TabPanel, { value, index: 6, children: _jsx(TestCase7_SetFieldValues_MixedStructure, {}) }), _jsx(TabPanel, { value, index: 7, children: _jsx(TestCase8_SetFieldValues_NestedObject, {}) }), _jsx(TabPanel, { value, index: 8, children: _jsx(TestCase9_SetFieldValues_MultipleArrays, {}) }), _jsx(TabPanel, { value, index: 9, children: _jsx(TestCase10_SetFieldValues_ComplexNested, {}) })] });
+}
+var stdin_default = TestSetValueIndex;
+export {
+  stdin_default as default
+};

package/dist/types/index.d.ts

@@ -1 +1 @@
-export * from './public';
+export * from "./public";

package/dist/types/public.d.ts

@@ -1,5 +1,5 @@
-import type { GetConstantType } from "./util";
 import type { SUBMIT_STATE } from "../constants/form";
+import type { GetConstantType } from "./util";
 export type FormValues<T = any> = T;
 export interface FormFieldError {
     ruleName: string | number;

package/dist/utils/obj.util.d.ts

@@ -1,2 +1,30 @@
-export declare function getAllNoneObjStringPath(value: any, prevPath?: string): any;
+/**
+ * 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 declare function getAllNoneObjStringPath(value: any, prevPath?: string): string[];
+/**
+ * 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 declare function getAllPathsIncludingContainers(value: any, prevPath?: string): string[];
+/**
+ * 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 declare function getAllPathsStopAtArray(value: any, prevPath?: string): string[];
 export declare function getAllStringPath(value: any, prevPath?: string): any;

package/dist/utils/obj.util.js

@@ -1,14 +1,66 @@
-import { filter, isNil, join } from "lodash";
+import { filter, isNil, isPlainObject, join } from "lodash";
 function getAllNoneObjStringPath(value, prevPath = "") {
-  if (typeof value === "object") {
-    return Object.keys(value).reduce((prev, cur) => {
+  if (value === null || value === void 0 || typeof value !== "object" || typeof value === "function") {
+    return [prevPath];
+  }
+  if (Array.isArray(value)) {
+    return value.reduce((prev, item, index) => {
       return [
         ...prev,
-        ...getAllNoneObjStringPath(value[cur], join(filter([prevPath, cur], (v) => !isNil(v) && v !== ""), "."))
+        ...getAllNoneObjStringPath(item, join(filter([prevPath, String(index)], (v) => !isNil(v) && v !== ""), "."))
       ];
     }, []);
   }
-  return [prevPath];
+  if (!isPlainObject(value)) {
+    return [prevPath];
+  }
+  return Object.keys(value).reduce((prev, cur) => {
+    return [
+      ...prev,
+      ...getAllNoneObjStringPath(value[cur], join(filter([prevPath, cur], (v) => !isNil(v) && v !== ""), "."))
+    ];
+  }, []);
+}
+function getAllPathsIncludingContainers(value, prevPath = "") {
+  const results = [];
+  if (prevPath !== "") {
+    results.push(prevPath);
+  }
+  if (value === null || value === void 0 || typeof value !== "object" || typeof value === "function") {
+    return results;
+  }
+  if (!isPlainObject(value) && !Array.isArray(value)) {
+    return results;
+  }
+  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;
+  }
+  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;
+}
+function getAllPathsStopAtArray(value, prevPath = "") {
+  if (value === null || value === void 0 || typeof value !== "object" || typeof value === "function") {
+    return [prevPath];
+  }
+  if (Array.isArray(value)) {
+    return [prevPath];
+  }
+  if (!isPlainObject(value)) {
+    return [prevPath];
+  }
+  return Object.keys(value).reduce((prev, key) => {
+    const fullPath = prevPath ? `${prevPath}.${key}` : key;
+    return [...prev, ...getAllPathsStopAtArray(value[key], fullPath)];
+  }, []);
 }
 function getAllStringPath(value, prevPath = "") {
   if (typeof value === "object") {
@@ -24,5 +76,7 @@ function getAllStringPath(value, prevPath = "") {
 }
 export {
   getAllNoneObjStringPath,
+  getAllPathsIncludingContainers,
+  getAllPathsStopAtArray,
   getAllStringPath
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-form-manage",
-  "version": "1.0.8-beta.7",
+  "version": "1.0.8",
   "description": "Lightweight React form management with list and listener support.",
   "license": "MIT",
   "type": "module",
@@ -36,6 +36,7 @@
     "@emotion/styled": "^11.14.1",
     "@eslint/js": "^9.14.0",
     "@mui/material": "^7.3.7",
+    "@types/lodash": "^4.17.23",
     "@types/node": "^22.9.3",
     "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",