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

package/dist/stores/formStore.js

@@ -3,7 +3,7 @@ import { cloneDeep, get, isNil, isNumber, last, set, unset } from "lodash";
 import { v4 } from "uuid";
 import { create } from "zustand";
 import { getAllNoneObjStringPath } from "../utils/obj.util";
-const useFormStore = create((storeSet, storeGet) => ({
+const createFormStoreSlice = (storeSet, storeGet, api) => ({
   forms: {},
   initialValues: {},
   formStates: {},
@@ -72,6 +72,19 @@ const useFormStore = create((storeSet, storeGet) => ({
       }
     }));
   },
+  clearArrItems(clearItems) {
+    return storeSet(produce((state) => {
+      const oldValues = state.forms;
+      clearItems.forEach(({ formName, name }) => {
+        const arrPath = name.split(".").slice(0, -1).join(".");
+        const elPath = Number(name.split(".").slice(-1).join(""));
+        const getArrItem = get(oldValues, `${formName}.${arrPath}`);
+        if (isNumber(elPath)) {
+          getArrItem.splice(elPath, 1);
+        }
+      });
+    }));
+  },
   setFormState({ formName, isInitied, submitState }) {
     return storeSet(produce((state) => {
       const oldValues = state.formStates;
@@ -191,8 +204,8 @@ const useFormStore = create((storeSet, storeGet) => ({
       }
     }));
   }
-}));
-const useFormListeners = create((storeSet, storeGet) => ({
+});
+const createListenersSlice = (storeSet, storeGet, api) => ({
   listeners: [],
   getListener(formItemId) {
     return storeGet().listeners.find((l) => l.formItemId === formItemId);
@@ -200,7 +213,7 @@ const useFormListeners = create((storeSet, storeGet) => ({
   getListeners() {
     return storeGet().listeners;
   },
-  setListener({ formName, name, onChange, onReset, isTouched, isDirty, formItemId, internalErrors, onFocus, emitFocus, isInitied }) {
+  setListener({ formName, name, onChange, onReset, isTouched, isDirty, formItemId, internalErrors, onFocus, emitFocus, isInitied, type, onArrayChange, hidden, collectOnHidden }) {
     return storeSet(produce((state) => {
       const storeListeners = state.listeners;
       const findListenerIndex = state.listeners.findIndex((l) => l.formItemId === formItemId);
@@ -235,6 +248,15 @@ const useFormListeners = create((storeSet, storeGet) => ({
         if (!isNil(isInitied)) {
           storeListeners[findListenerIndex].isInitied = isInitied;
         }
+        if (!isNil(onArrayChange)) {
+          storeListeners[findListenerIndex].onArrayChange = onArrayChange;
+        }
+        if (!isNil(hidden)) {
+          storeListeners[findListenerIndex].hidden = hidden;
+        }
+        if (!isNil(collectOnHidden)) {
+          storeListeners[findListenerIndex].collectOnHidden = collectOnHidden;
+        }
         return;
       }
       storeListeners.push({
@@ -246,7 +268,13 @@ const useFormListeners = create((storeSet, storeGet) => ({
         internalErrors,
         onChange,
         onReset,
-        isInitied: Boolean(isInitied)
+        isInitied: Boolean(isInitied),
+        type: type || "normal",
+        onArrayChange,
+        onFocus,
+        emitFocus,
+        hidden: Boolean(hidden),
+        collectOnHidden
       });
     }));
   },
@@ -261,8 +289,8 @@ const useFormListeners = create((storeSet, storeGet) => ({
       }
     }));
   }
-}));
-const useFormCleanUp = create((storeSet) => ({
+});
+const createCleanUpSlice = (storeSet, storeGet, api) => ({
   cleanUpStack: [],
   setCleanUpStack({ name, type, itemKey, formName }) {
     return storeSet(produce((state) => {
@@ -276,7 +304,14 @@ const useFormCleanUp = create((storeSet) => ({
       state.cleanUpStack = [];
     }));
   }
+});
+const useFormStore = create((...a) => ({
+  ...createFormStoreSlice(...a),
+  ...createListenersSlice(...a),
+  ...createCleanUpSlice(...a)
 }));
+const useFormListeners = useFormStore;
+const useFormCleanUp = useFormStore;
 export {
   useFormCleanUp,
   useFormListeners,

package/dist/test/CommonTest.d.ts

@@ -0,0 +1,3 @@
+type Props = {};
+declare function CommonTest({}: Props): import("react/jsx-runtime").JSX.Element;
+export default CommonTest;

package/dist/test/CommonTest.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Checkbox, Input } from "antd";
+import { motion } from "framer-motion";
+import FormItem from "../components/Form/FormItem";
+import FormList from "../components/Form/FormList";
+import InputWrapper from "../components/Form/InputWrapper";
+import Form from "../providers/Form";
+function CommonTest({}) {
+  const [form] = Form.useForm("form1");
+  const watchCheckBox = Form.useWatch("checkControlledAfterInit", "form1");
+  return _jsxs(Form, { initialValues: {
+    TestData: "",
+    numericCode: ""
+    // arr: [{ el: "Item 1" }, { el: "Item 2" }],
+  }, onFinish: (values) => {
+  }, formName: "form1", children: [_jsx(FormItem, { name: "username", rules: [
+    {
+      required: true,
+      message: "Test"
+    }
+  ], initialValue: "283746", children: _jsx(InputWrapper, { children: _jsx(Input, {}) }) }), _jsx(FormItem, { name: "numericCode", rules: [
+    { required: true, message: "Vui l\xF2ng nh\u1EADp m\xE3" },
+    {
+      pattern: /^\d+$/,
+      message: "Ch\u1EC9 cho ph\xE9p chu\u1ED7i s\u1ED1"
+    }
+  ], children: _jsx(InputWrapper, { children: _jsx(Input, { placeholder: "M\xE3 ch\u1EC9 g\u1ED3m s\u1ED1", style: { width: 200 } }) }) }), _jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 1 }, children: _jsx(FormItem, { name: "motionTest", controlAfterInit: true, initialValue: "1234134", children: _jsx(InputWrapper, { children: _jsx(Input, { placeholder: "Motion Test", style: { width: 200 } }) }) }) }), _jsx(FormList, { initialValues: [
+    {
+      el: "sdfsdf",
+      d: { child: "Test Child" }
+    }
+  ], name: "arr", children: (fields, { add, remove, move }) => _jsxs("div", { children: [fields.map((field, index) => _jsxs("div", { style: { marginBottom: 8 }, children: [_jsx(FormItem, { name: `${field.name}.el`, initialValue: "Ch\xE9m gi\xF3", children: _jsx(InputWrapper, { children: _jsx(Input, { placeholder: "Item value", style: { width: 200 } }) }) }), _jsx(FormItem, { name: `${field.name}.d.child`, initialValue: "Con c\u1EE7a item", children: _jsx(InputWrapper, { children: _jsx(Input, { placeholder: "Item value", style: { width: 200 } }) }) }), _jsx(Button, { onClick: () => remove({ index }), style: { marginLeft: 8 }, children: "Remove" }), index > 0 && _jsx(Button, { onClick: () => move({ from: index, to: index - 1 }), style: { marginLeft: 8 }, children: "Move Up" }), index < fields.length - 1 && _jsx(Button, { onClick: () => move({ from: index, to: index + 1 }), style: { marginLeft: 8 }, children: "Move Down" })] }, field.key)), _jsx(Button, { onClick: () => add(fields.length), children: "Add Item" })] }) }), _jsx(Button, { onClick: () => {
+    form == null ? void 0 : form.setFieldValue("arr", [
+      { el: "Set Item 1" },
+      { el: "Set Item 2" },
+      { el: "Set Item 3" }
+    ]);
+  }, children: "Test set array list value" }), _jsx(motion.div, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 1.5 }, children: _jsx(Form.Item, { valuePropName: "checked", getValueFromEvent: (_, checked) => checked, name: "checkControlledAfterInit", controlAfterInit: true, initialValue: true, hidden: true, children: _jsx(Checkbox, {}) }) }), _jsx(Button, { onClick: () => {
+    const current = form == null ? void 0 : form.getFieldValue("checkControlledAfterInit");
+    form == null ? void 0 : form.setFieldValue("checkControlledAfterInit", !current);
+  }, children: "Toggle" }), _jsx(Button, { htmlType: "submit", children: "Submit" }), _jsx(Button, { onClick: () => {
+    var _a;
+    (_a = form == null ? void 0 : form.resetFields) == null ? void 0 : _a.call(form);
+  }, children: "Reset" })] });
+}
+var stdin_default = CommonTest;
+export {
+  stdin_default as default
+};

package/dist/test/TestDialog.d.ts

@@ -0,0 +1,3 @@
+type Props = {};
+declare function TestDialog({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestDialog;

package/dist/test/TestDialog.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Dialog, DialogContent, DialogContentText, DialogTitle, TextField } from "@mui/material";
+import { Box } from "@mui/system";
+import { useToggle } from "minh-custom-hooks-release";
+import FormItem from "../components/Form/FormItem";
+import TestSelect from "./TestSelect";
+function TestDialog({}) {
+  const { state: open, toggle } = useToggle();
+  return _jsxs(Box, { children: [_jsxs(Dialog, { open, onClose: toggle, children: [_jsx(DialogTitle, { children: "Test Dialog" }), _jsxs(DialogContent, { children: [_jsx(DialogContentText, { children: "This is a test dialog." }), _jsx(FormItem, { rules: [
+    {
+      handler(value) {
+        return Boolean(value);
+      },
+      message: "Testt"
+    }
+  ], controlAfterInit: true, initialValue: null, name: "testSelectInsideDialog", children: _jsx(TestSelect, {}) }), _jsx(FormItem, { controlAfterInit: true, initialValue: "", name: "anotherField", children: _jsx(TextField, {}) })] })] }), _jsx(Button, { variant: "contained", onClick: toggle, children: "Open Test Dialog" })] });
+}
+var stdin_default = TestDialog;
+export {
+  stdin_default as default
+};

package/dist/test/TestListener.d.ts

@@ -0,0 +1,3 @@
+type Props = {};
+declare function TestListener({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestListener;

package/dist/test/TestListener.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cloneDeep } from "lodash";
+import { useEffect } from "react";
+import { useShallow } from "zustand/react/shallow";
+import { useFormStore } from "../stores/formStore";
+function TestListener({}) {
+  const { listeners } = useFormStore(useShallow((state) => ({
+    listeners: state.listeners
+  })));
+  useEffect(() => {
+  }, [listeners]);
+  return _jsx("div", { children: "TestListener" });
+}
+var stdin_default = TestListener;
+export {
+  stdin_default as default
+};

package/dist/test/TestNotFormWrapper.d.ts

@@ -0,0 +1,3 @@
+type Props = {};
+declare function TestNotFormWrapper({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestNotFormWrapper;

package/dist/test/TestNotFormWrapper.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Input } from "antd";
+function TestNotFormWrapper({}) {
+  return _jsx("div", { onSubmit: (e) => {
+    e.preventDefault();
+  }, children: _jsxs("form", { id: "not-form", onSubmit: (e) => {
+    e.preventDefault();
+  }, children: [_jsxs("div", { id: "child-form", onSubmit: (e) => {
+    e.preventDefault();
+  }, children: [_jsx(Input, {}), _jsx(Button, { htmlType: "submit", form: "child-form", children: "Child Form Submit" })] }), _jsx(Input, {}), _jsx(Button, { htmlType: "submit", form: "not-form", children: "Submit" })] }) });
+}
+var stdin_default = TestNotFormWrapper;
+export {
+  stdin_default as default
+};

package/dist/test/TestSelect.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    value?: any;
+    onChange?: (value: any) => void;
+};
+declare function TestSelect({ value, onChange }: Props): import("react/jsx-runtime").JSX.Element;
+export default TestSelect;

package/dist/test/TestSelect.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Autocomplete, TextField } from "@mui/material";
+function TestSelect({ value = null, onChange }) {
+  return _jsx(Autocomplete, { value, onChange: (_, newValue) => {
+    onChange == null ? void 0 : onChange(newValue);
+  }, renderInput: (params) => _jsx(TextField, { ...params }), options: [
+    {
+      value: "option1",
+      label: "Option 1"
+    },
+    {
+      value: "option2",
+      label: "Option 2"
+    }
+  ], getOptionKey: (o) => {
+    return o == null ? void 0 : o.value;
+  }, getOptionLabel: (o) => {
+    return o == null ? void 0 : o.label;
+  } });
+}
+var stdin_default = TestSelect;
+export {
+  stdin_default as default
+};

package/dist/test/TestWatchNormalize.d.ts

@@ -0,0 +1,3 @@
+type Props = {};
+declare function TestWatchNormalize({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestWatchNormalize;

package/dist/test/TestWatchNormalize.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input } from "antd";
+import React from "react";
+import Form from "../providers/Form";
+function TestWatchNormalize({}) {
+  const normalizeData = Form.useWatchNormalized({
+    name: "normalizeItem",
+    formNameOrFormInstance: "testNormalize",
+    normalizeFn: (value) => {
+      if (typeof value === "string") {
+        return value.toUpperCase();
+      }
+      return value;
+    }
+  });
+  React.useEffect(() => {
+  }, [normalizeData]);
+  return _jsxs(Form, { formName: "testNormalize", children: ["Test Watch Normalize", _jsx(Form.Item, { name: "normalizeItem", children: _jsx(Input, {}) })] });
+}
+var stdin_default = TestWatchNormalize;
+export {
+  stdin_default as default
+};

package/dist/test/TestWrapperFormItem.d.ts

@@ -0,0 +1,3 @@
+type Props = {};
+declare function TestWrapperFormItem({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestWrapperFormItem;

package/dist/test/TestWrapperFormItem.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Col, Input, Row } from "antd";
+import { useToggle } from "minh-custom-hooks-release";
+import Form from "../providers/Form";
+function TestWrapperFormItem({}) {
+  const { state, toggle } = useToggle(false);
+  return _jsxs(Form, { onFinish: (values, all) => {
+  }, formName: "testWrapper", children: [_jsx(Row, { children: _jsx(Form.Item, { hidden: !state, name: "test", collectOnHidden: false, initialValue: "test", Component: Col, xs: 12, children: _jsx(Input, {}) }) }), _jsx(Button, { htmlType: "submit", children: "Submit" }), _jsx(Button, { onClick: toggle, children: state ? "Off" : "On" })] });
+}
+var stdin_default = TestWrapperFormItem;
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,21 @@
+type Props = {};
+/**
+ * Test Case 10: setFieldValues với Complex Nested Structure
+ *
+ * Cấu trúc phức tạp:
+ * - config.appName (string)
+ * - config.version (string)
+ * - config.features (array) - deepTrigger
+ * - users (FormList array) - deepTrigger
+ *   - users.0.name (string)
+ *   - users.0.roles (array) - nested array trong FormList
+ *
+ * Test: setFieldValues với structure phức tạp nhiều cấp
+ *
+ * Kỳ vọng:
+ * - Primitives trigger onChange
+ * - Arrays ở mọi level đều gọi handleDeepTriggerSet
+ * - Nested arrays trong FormList được xử lý đúng
+ */
+declare function TestCase10_SetFieldValues_ComplexNested({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestCase10_SetFieldValues_ComplexNested;

package/dist/test/testSetValue/TestCase10_SetFieldValues_ComplexNested.js

@@ -0,0 +1,61 @@
+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 TestCase10_SetFieldValues_ComplexNested({}) {
+  const [form] = Form.useForm("testCase10");
+  const handleTestSetFieldValues = () => {
+    form == null ? void 0 : form.setFieldValues({
+      config: {
+        appName: "My App",
+        version: "1.0.0",
+        features: ["auth", "api", "ui"]
+      },
+      users: [
+        { name: "John", roles: ["admin", "editor"] },
+        { name: "Jane", roles: ["viewer"] }
+      ]
+    });
+  };
+  const handleTestUpdateStructure = () => {
+    form == null ? void 0 : form.setFieldValues({
+      config: {
+        appName: "Updated App",
+        version: "2.0.0",
+        features: ["auth", "api"]
+        // removed "ui"
+      },
+      users: [
+        { name: "John", roles: ["admin"] }
+        // removed editor role + removed Jane user
+      ]
+    });
+  };
+  const handleClear = () => {
+    form == null ? void 0 : form.setFieldValues({
+      config: {
+        appName: "",
+        version: "",
+        features: []
+      },
+      users: []
+    });
+  };
+  return _jsxs(Box, { sx: { p: 2 }, children: [_jsx(Typography.Title, { level: 4, children: "Test Case 10: setFieldValues - Complex Nested" }), _jsx(Typography.Paragraph, { children: "Test setFieldValues v\u1EDBi structure ph\u1EE9c t\u1EA1p: nested objects + arrays + FormList" }), _jsxs(Form, { formName: "testCase10", children: [_jsxs(Box, { sx: { border: "2px solid #1890ff", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, style: { fontSize: 16 }, children: "Config" }), _jsx(Form.Item, { name: "config.appName", label: "App Name", children: _jsx(Input, { placeholder: "Enter app name" }) }), _jsx(Form.Item, { name: "config.version", label: "Version", children: _jsx(Input, { placeholder: "Enter version" }) }), _jsxs(Box, { sx: { mt: 1 }, children: [_jsx(Typography.Text, { children: "Features (Array):" }), _jsx(Form.Item, { name: "config.features.0", children: _jsx(Input, { placeholder: "Feature 1" }) }), _jsx(Form.Item, { name: "config.features.1", children: _jsx(Input, { placeholder: "Feature 2" }) }), _jsx(Form.Item, { name: "config.features.2", children: _jsx(Input, { placeholder: "Feature 3" }) })] })] }), _jsxs(Box, { sx: { border: "2px solid #52c41a", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, style: { fontSize: 16 }, children: "Users (FormList)" }), _jsx(FormList, { name: "users", children: (fields, { add, remove }) => _jsxs(Box, { children: [fields.map((field, index) => _jsxs(Box, { sx: {
+    border: "1px dashed #52c41a",
+    p: 1,
+    mb: 1,
+    borderRadius: 1
+  }, children: [_jsxs(Typography.Text, { children: ["User ", index + 1] }), _jsx(Form.Item, { name: `users.${index}.name`, label: "Name", children: _jsx(Input, { placeholder: "User name" }) }), _jsxs(Box, { sx: { ml: 2, bgcolor: "#f6ffed", p: 1, borderRadius: 1 }, children: [_jsx(Typography.Text, { children: "Roles (Nested Array):" }), _jsx(Form.Item, { name: `users.${index}.roles.0`, children: _jsx(Input, { placeholder: "Role 1" }) }), _jsx(Form.Item, { name: `users.${index}.roles.1`, children: _jsx(Input, { placeholder: "Role 2" }) })] }), _jsx(Button, { danger: true, size: "small", onClick: () => remove({ key: field.key }), children: "Remove User" })] }, field.key)), _jsx(Button, { type: "dashed", onClick: () => add(), children: "Add User" })] }) })] }), _jsxs(Box, { sx: { mt: 2, display: "flex", gap: 2, flexDirection: "column" }, children: [_jsx(Button, { type: "primary", onClick: handleTestSetFieldValues, children: "1. Set Complex Structure" }), _jsx(Button, { onClick: handleTestUpdateStructure, children: "2. Update with Cleanup" }), _jsx(Button, { danger: true, onClick: handleClear, children: "3. Clear All" })] }), _jsxs(Box, { sx: {
+    mt: 2,
+    p: 2,
+    bgcolor: "#e6fffb",
+    border: "1px solid #13c2c2",
+    borderRadius: 1
+  }, children: [_jsx(Typography.Text, { strong: true, children: "Expected Behavior:" }), _jsxs(Typography.Paragraph, { children: [_jsx("strong", { children: "setFieldValues logic:" }), _jsx("br", {}), "- Traverse object, d\u1EEBng t\u1EA1i m\u1ED7i array", _jsx("br", {}), "- Primitives: trigger onChange", _jsx("br", {}), "- Arrays: g\u1ECDi handleDeepTriggerSet", _jsx("br", {}), _jsx("br", {}), _jsx("strong", { children: "Update with Cleanup:" }), _jsx("br", {}), "- config.features.2 \u2192 undefined (removed)", _jsx("br", {}), "- users.1 \u2192 undefined (Jane removed)", _jsx("br", {}), "- users.0.roles.1 \u2192 undefined (editor removed)"] })] })] })] });
+}
+var stdin_default = TestCase10_SetFieldValues_ComplexNested;
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,16 @@
+type Props = {};
+/**
+ * Test Case 1: Plain Object → Primitive Listeners
+ *
+ * Cấu trúc:
+ * - user.name (string)
+ * - user.age (number)
+ *
+ * Test: setFieldValue("user", {name: "John", age: 30}, {deepTrigger: true})
+ * Kỳ vọng:
+ * - Trigger "user" listener (nếu có)
+ * - Trigger "user.name" listener
+ * - Trigger "user.age" listener
+ */
+declare function TestCase1_PlainObjectToPrimitives({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestCase1_PlainObjectToPrimitives;

package/dist/test/testSetValue/TestCase1_PlainObjectToPrimitives.js

@@ -0,0 +1,18 @@
+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 TestCase1_PlainObjectToPrimitives({}) {
+  const [form] = Form.useForm("testCase1");
+  const handleTestDeepTrigger = () => {
+    form == null ? void 0 : form.setFieldValue("user", { name: "John Doe", age: 30 }, { deepTrigger: true });
+  };
+  const handleTestNormalSet = () => {
+    form == null ? void 0 : form.setFieldValue("user", { name: "Jane Doe", age: 25 });
+  };
+  return _jsxs(Box, { sx: { p: 2 }, children: [_jsx(Typography.Title, { level: 4, children: "Test Case 1: Plain Object \u2192 Primitive Listeners" }), _jsxs(Typography.Paragraph, { children: ['Test setFieldValue("user", ', "{name, age}", ") v\u1EDBi deepTrigger=true"] }), _jsxs(Form, { formName: "testCase1", children: [_jsx(Form.Item, { name: "user", children: _jsx(Input, { placeholder: "User Object (JSON)", disabled: true }) }), _jsx(Form.Item, { name: "user.name", label: "Name", children: _jsx(Input, { placeholder: "Enter name" }) }), _jsx(Form.Item, { name: "user.age", label: "Age", children: _jsx(Input, { type: "number", placeholder: "Enter age" }) }), _jsxs(Box, { sx: { mt: 2, display: "flex", gap: 2 }, children: [_jsx(Button, { type: "primary", onClick: handleTestDeepTrigger, children: "Test Deep Trigger" }), _jsx(Button, { onClick: handleTestNormalSet, children: "Test Normal Set" })] })] })] });
+}
+var stdin_default = TestCase1_PlainObjectToPrimitives;
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,21 @@
+type Props = {};
+/**
+ * Test Case 2: Plain Object → Array Listener (FormList) → Primitives
+ *
+ * Cấu trúc:
+ * - user.name (string)
+ * - user.items (array - FormList)
+ *   - user.items.0.id (number)
+ *   - user.items.0.title (string)
+ *
+ * Test: setFieldValue("user", {name: "John", items: [{id: 1, title: "Item 1"}]}, {deepTrigger: true})
+ * Kỳ vọng:
+ * - Trigger "user" listener
+ * - Trigger "user.name" listener
+ * - Trigger "user.items" onArrayChange
+ * - Trigger "user.items.0" listener
+ * - Trigger "user.items.0.id" listener
+ * - Trigger "user.items.0.title" listener
+ */
+declare function TestCase2_PlainObjectToFormList({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestCase2_PlainObjectToFormList;

package/dist/test/testSetValue/TestCase2_PlainObjectToFormList.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 FormList from "../../components/Form/FormList";
+import Form from "../../providers/Form";
+function TestCase2_PlainObjectToFormList({}) {
+  const [form] = Form.useForm("testCase2");
+  const handleTestDeepTrigger = () => {
+    form == null ? void 0 : form.setFieldValue("user", {
+      name: "John Doe",
+      items: [
+        { id: 1, title: "Item 1" },
+        { id: 2, title: "Item 2" }
+      ]
+    }, { deepTrigger: true });
+  };
+  const handleTestNormalSet = () => {
+    form == null ? void 0 : form.setFieldValue("user", {
+      name: "Jane Doe",
+      items: [{ id: 3, title: "Item 3" }]
+    });
+  };
+  return _jsxs(Box, { sx: { p: 2 }, children: [_jsx(Typography.Title, { level: 4, children: "Test Case 2: Plain Object \u2192 FormList \u2192 Primitives" }), _jsxs(Typography.Paragraph, { children: ['Test setFieldValue("user", ', "{name, items: [...]}", ") v\u1EDBi nested FormList"] }), _jsxs(Form, { formName: "testCase2", children: [_jsx(Form.Item, { name: "user.name", label: "User Name", children: _jsx(Input, { placeholder: "Enter user name" }) }), _jsx(FormList, { name: "user.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: `user.items.${index}.id`, label: "ID", children: _jsx(Input, { placeholder: "Item ID" }) }), _jsx(Form.Item, { name: `user.items.${index}.title`, label: "Title", children: _jsx(Input, { placeholder: "Item title" }) }), _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 }, children: [_jsx(Button, { type: "primary", onClick: handleTestDeepTrigger, children: "Test Deep Trigger" }), _jsx(Button, { onClick: handleTestNormalSet, children: "Test Normal Set" })] })] })] });
+}
+var stdin_default = TestCase2_PlainObjectToFormList;
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,21 @@
+type Props = {};
+/**
+ * Test Case 3: Array Non-Listener → Primitives
+ *
+ * Cấu trúc:
+ * - data (array - KHÔNG phải FormList, chỉ là field bình thường)
+ *   - data.0.name (string)
+ *   - data.0.value (number)
+ *
+ * Test: setFieldValue("data", [{name: "A", value: 1}, {name: "B", value: 2}], {deepTrigger: true})
+ * Kỳ vọng:
+ * - Set data array vào store
+ * - Trigger "data.0" listener (nếu có)
+ * - Trigger "data.0.name" listener
+ * - Trigger "data.0.value" listener
+ * - Trigger "data.1" listener (nếu có)
+ * - Trigger "data.1.name" listener
+ * - Trigger "data.1.value" listener
+ */
+declare function TestCase3_ArrayNonListenerToPrimitives({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestCase3_ArrayNonListenerToPrimitives;

package/dist/test/testSetValue/TestCase3_ArrayNonListenerToPrimitives.js

@@ -0,0 +1,26 @@
+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 TestCase3_ArrayNonListenerToPrimitives({}) {
+  const [form] = Form.useForm("testCase3");
+  const handleTestDeepTrigger = () => {
+    form == null ? void 0 : form.setFieldValue("data", [
+      { name: "Item A", value: 100 },
+      { name: "Item B", value: 200 }
+    ], { deepTrigger: true });
+  };
+  const handleTestRemoveItems = () => {
+    form == null ? void 0 : form.setFieldValue("data", [{ name: "Item A", value: 100 }], {
+      deepTrigger: true
+    });
+  };
+  const handleTestNormalSet = () => {
+    form == null ? void 0 : form.setFieldValue("data", [{ name: "Item C", value: 300 }]);
+  };
+  return _jsxs(Box, { sx: { p: 2 }, children: [_jsx(Typography.Title, { level: 4, children: "Test Case 3: Array Non-Listener \u2192 Primitives" }), _jsxs(Typography.Paragraph, { children: ['Test setFieldValue("data", ', "[{name, value}, ...]", ") v\u1EDBi array kh\xF4ng ph\u1EA3i FormList"] }), _jsxs(Form, { formName: "testCase3", children: [_jsxs(Box, { sx: { border: "1px solid #d9d9d9", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, children: "Item 0" }), _jsx(Form.Item, { name: "data.0.name", label: "Name", children: _jsx(Input, { placeholder: "Item 0 name" }) }), _jsx(Form.Item, { name: "data.0.value", label: "Value", children: _jsx(Input, { type: "number", placeholder: "Item 0 value" }) })] }), _jsxs(Box, { sx: { border: "1px solid #d9d9d9", p: 2, mb: 2, borderRadius: 1 }, children: [_jsx(Typography.Text, { strong: true, children: "Item 1" }), _jsx(Form.Item, { name: "data.1.name", label: "Name", children: _jsx(Input, { placeholder: "Item 1 name" }) }), _jsx(Form.Item, { name: "data.1.value", label: "Value", children: _jsx(Input, { type: "number", placeholder: "Item 1 value" }) })] }), _jsxs(Box, { sx: { mt: 2, display: "flex", gap: 2 }, children: [_jsx(Button, { type: "primary", onClick: handleTestDeepTrigger, children: "Test Deep Trigger (2 items)" }), _jsx(Button, { onClick: handleTestRemoveItems, children: "Test Remove Items (1 item)" }), _jsx(Button, { onClick: handleTestNormalSet, children: "Test Normal Set" })] })] })] });
+}
+var stdin_default = TestCase3_ArrayNonListenerToPrimitives;
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,20 @@
+type Props = {};
+/**
+ * Test Case 4: Plain Object with Removed Fields (Edge Case)
+ *
+ * Cấu trúc ban đầu:
+ * - profile.name (string)
+ * - profile.city (string)
+ * - profile.country (string)
+ *
+ * Test:
+ * 1. Set initial: {name: "John", city: "NY", country: "USA"}
+ * 2. Set removed: {name: "John"} (city và country bị xóa)
+ *
+ * Kỳ vọng:
+ * - Trigger "profile.name" với "John"
+ * - Trigger "profile.city" với undefined (cleanup)
+ * - Trigger "profile.country" với undefined (cleanup)
+ */
+declare function TestCase4_PlainObjectRemovedFields({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestCase4_PlainObjectRemovedFields;

package/dist/test/testSetValue/TestCase4_PlainObjectRemovedFields.js

@@ -0,0 +1,32 @@
+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 TestCase4_PlainObjectRemovedFields({}) {
+  const [form] = Form.useForm("testCase4");
+  const handleSetInitial = () => {
+    form == null ? void 0 : form.setFieldValue("profile", {
+      name: "John Doe",
+      city: "New York",
+      country: "USA"
+    }, { deepTrigger: true });
+  };
+  const handleRemoveFields = () => {
+    form == null ? void 0 : form.setFieldValue("profile", {
+      name: "John Doe"
+      // city and country removed!
+    }, { deepTrigger: true });
+  };
+  const handleRestoreFields = () => {
+    form == null ? void 0 : form.setFieldValue("profile", {
+      name: "Jane Doe",
+      city: "Los Angeles",
+      country: "USA"
+    }, { deepTrigger: true });
+  };
+  return _jsxs(Box, { sx: { p: 2 }, children: [_jsx(Typography.Title, { level: 4, children: "Test Case 4: Plain Object - Removed Fields" }), _jsx(Typography.Paragraph, { children: "Test edge case: khi object fields b\u1ECB x\xF3a, listener ph\u1EA3i \u0111\u01B0\u1EE3c trigger v\u1EDBi undefined" }), _jsxs(Form, { formName: "testCase4", children: [_jsx(Form.Item, { name: "profile.name", label: "Name", children: _jsx(Input, { placeholder: "Enter name" }) }), _jsx(Form.Item, { name: "profile.city", label: "City", children: _jsx(Input, { placeholder: "Enter city" }) }), _jsx(Form.Item, { name: "profile.country", label: "Country", children: _jsx(Input, { placeholder: "Enter country" }) }), _jsxs(Box, { sx: { mt: 2, display: "flex", gap: 2, flexDirection: "column" }, children: [_jsx(Button, { type: "primary", onClick: handleSetInitial, children: "1. Set Initial (All Fields)" }), _jsx(Button, { danger: true, onClick: handleRemoveFields, children: "2. Remove Fields (city, country)" }), _jsx(Button, { onClick: handleRestoreFields, children: "3. Restore Fields" })] }), _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 Fields", city v\xE0 country listeners ph\u1EA3i nh\u1EADn undefined' })] })] })] });
+}
+var stdin_default = TestCase4_PlainObjectRemovedFields;
+export {
+  stdin_default as default
+};

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

@@ -0,0 +1,22 @@
+type Props = {};
+/**
+ * Test Case 5: Array Listener (FormList) with Removed Items
+ *
+ * Cấu trúc:
+ * - items (FormList)
+ *   - items.0.name (string)
+ *   - items.1.name (string)
+ *   - items.2.name (string)
+ *
+ * Test:
+ * 1. Set initial: [{name: "A"}, {name: "B"}, {name: "C"}]
+ * 2. Set removed: [{name: "A"}] (items 1 và 2 bị xóa)
+ *
+ * Kỳ vọng:
+ * - onArrayChange được gọi với array mới
+ * - Trigger "items.0.name" với "A"
+ * - Trigger "items.1" với undefined (cleanup)
+ * - Trigger "items.2" với undefined (cleanup)
+ */
+declare function TestCase5_FormListRemovedItems({}: Props): import("react/jsx-runtime").JSX.Element;
+export default TestCase5_FormListRemovedItems;