awing-library 2.1.2-dev.572 → 2.1.2-dev.573

package/dist/AWING/DataForm/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataForm/container.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,2CA4RzE"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataForm/container.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,2CAsSzE"}

package/dist/AWING/DataForm/container.js

@@ -36,7 +36,9 @@ function DataForm(props) {
             const isNewId = newId !== currentId;
             const isNewVersion = propsOldValue?.versionId !== oldValueRef.current?.versionId;
             const isContentDifferent = currentPropsStr !== lastPropsOldValueStr.current;
-            if (isFirstLoad || isNewId || isNewVersion || isContentDifferent) {
+            const versionId = propsOldValue?.versionId;
+            const hasExplicitInvalidVersion = void 0 !== versionId && versionId <= 0;
+            if (isFirstLoad || isNewId || isNewVersion || isContentDifferent && !hasExplicitInvalidVersion) {
                 lastPropsOldValueStr.current = currentPropsStr;
                 oldValueRef.current = propsOldValue;
                 setOldValue(propsOldValue);
@@ -155,7 +157,10 @@ function DataForm(props) {
             disabled: fieldPermissions && void 0 !== fieldPermissions[fieldName] ? !fieldPermissions[fieldName] || fieldDef.disabled : fieldDef.disabled,
             error: showError
         };
-        fieldProps.onChange = (newValue, valid)=>handleChange(fieldName, newValue ?? '', valid ?? true);
+        fieldProps.onChange = (newValue, valid)=>{
+            const safeValue = void 0 === newValue ? '' : newValue;
+            handleChange(fieldName, safeValue, valid ?? true);
+        };
         fieldProps.value = fieldValue;
         const { key, ...otherFieldProps } = fieldProps;
         return /*#__PURE__*/ jsx(Grid, {

package/dist/AWING/DataForm/container.test.js

@@ -9,7 +9,7 @@ var __webpack_modules__ = {
     "AWING/DataInput": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__DataInput_index_js_c7933a4f__;
     },
-    "AWING/helper": function(module) {
+    "../helper": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__helper_js_663c9e82__;
     }
 };
@@ -92,9 +92,9 @@ jest.mock('@mui/material', ()=>({
             })
     }));
 const mockInputFactory = __webpack_require__("AWING/DataInput")["default"];
-const mockCalculateValue = __webpack_require__("AWING/helper").calculateValue;
-const mockConvertFormulaToBinaryTree = __webpack_require__("AWING/helper").convertFormulaToBinaryTree;
-const mockReplaceFieldsValue = __webpack_require__("AWING/helper").replaceFieldsValue;
+const mockCalculateValue = __webpack_require__("../helper").calculateValue;
+const mockConvertFormulaToBinaryTree = __webpack_require__("../helper").convertFormulaToBinaryTree;
+const mockReplaceFieldsValue = __webpack_require__("../helper").replaceFieldsValue;
 describe('DataForm Component', ()=>{
     const mockFields = [
         {
@@ -245,7 +245,7 @@ describe('DataForm Component', ()=>{
             }));
             expect(onFormValid).toHaveBeenCalledWith(false);
         });
-        test.skip('calls onValidateForm when provided', ()=>{
+        test('calls onValidateForm when provided', ()=>{
             const onValidateForm = jest.fn().mockReturnValue(true);
             const onFormValid = jest.fn();
             render(/*#__PURE__*/ jsx(container, {
@@ -254,7 +254,10 @@ describe('DataForm Component', ()=>{
                 onValidateForm: onValidateForm,
                 onFormValid: onFormValid
             }));
-            expect(onFormValid).toHaveBeenCalledWith(false);
+            expect(onValidateForm).toHaveBeenCalledWith(expect.objectContaining({
+                name: 'Jane Doe'
+            }));
+            expect(onFormValid).toHaveBeenCalledWith(true);
         });
         test('auto validates text fields when autoValidateFieldText is true', ()=>{
             const textFields = [
@@ -275,7 +278,7 @@ describe('DataForm Component', ()=>{
             }));
         });
     });
-    describe.skip('Callbacks', ()=>{
+    describe('Callbacks', ()=>{
         test('calls onUpdate when fields change', ()=>{
             const onUpdate = jest.fn();
             render(/*#__PURE__*/ jsx(container, {
@@ -289,9 +292,9 @@ describe('DataForm Component', ()=>{
                     value: 'Updated Name'
                 }
             });
-            expect(onUpdate).toHaveBeenCalledWith({
+            expect(onUpdate).toHaveBeenCalledWith(expect.objectContaining({
                 name: 'Updated Name'
-            }, false, 'name');
+            }), true, 'name');
         });
         test('calls onValues when fields change', ()=>{
             const onValues = jest.fn();
@@ -306,42 +309,25 @@ describe('DataForm Component', ()=>{
                     value: 'Updated Name'
                 }
             });
-            expect(onValues).toHaveBeenCalledWith({
-                ...mockOldValue,
+            expect(onValues).toHaveBeenCalledWith(expect.objectContaining({
                 name: 'Updated Name'
-            }, false, 'name');
+            }), true, 'name');
         });
-        test('calls onFormValid when form validity changes', ()=>{
+        test('calls onFormValid on mount with complete oldValue', ()=>{
             const onFormValid = jest.fn();
             render(/*#__PURE__*/ jsx(container, {
                 fields: mockFields,
                 oldValue: mockOldValue,
                 onFormValid: onFormValid
             }));
-            expect(onFormValid).toHaveBeenCalledWith(false);
+            expect(onFormValid).toHaveBeenCalledWith(true);
         });
-        test('form becomes valid when all fields are validated', ()=>{
+        test('form remains valid after field changes with valid values', ()=>{
             const onFormValid = jest.fn();
-            const onUpdate = jest.fn();
-            mockInputFactory.mockImplementation((props)=>/*#__PURE__*/ jsxs("div", {
-                    "data-testid": `input-${props.fieldName}`,
-                    children: [
-                        /*#__PURE__*/ jsx("input", {
-                            value: props.value || '',
-                            onChange: (e)=>props.onChange(e.target.value, true),
-                            "data-testid": `input-field-${props.fieldName}`
-                        }),
-                        props.error && /*#__PURE__*/ jsx("span", {
-                            "data-testid": `error-${props.fieldName}`,
-                            children: "Error"
-                        })
-                    ]
-                }));
             render(/*#__PURE__*/ jsx(container, {
                 fields: mockFields,
                 oldValue: mockOldValue,
-                onFormValid: onFormValid,
-                onUpdate: onUpdate
+                onFormValid: onFormValid
             }));
             const nameInput = screen.getByTestId('input-field-name');
             fireEvent.change(nameInput, {
@@ -591,7 +577,7 @@ describe('DataForm Component', ()=>{
             expect(nameInput).not.toHaveAttribute('readonly');
             expect(nameInput).not.toHaveAttribute('disabled');
         });
-        test.skip('does not set readOnly and disabled when fieldName not in fieldPermissions', ()=>{
+        test('does not set readOnly and disabled when fieldName not in fieldPermissions', ()=>{
             const fields = [
                 {
                     fieldName: 'name',
@@ -763,7 +749,7 @@ describe('DataForm Component', ()=>{
                 oldValue: updatedOldValue
             }));
             const nameInput = screen.getByTestId('input-field-name');
-            expect(nameInput).toHaveValue('No Version');
+            expect(nameInput).toHaveValue('Still No Version');
         });
         test('updates fieldsToUpdate when field values differ from oldValue', ()=>{
             const oldValueWithVersion = {
@@ -906,4 +892,248 @@ describe('DataForm Component', ()=>{
             expect(ageInput).toHaveValue('30');
         });
     });
+    describe('Hợp đồng preserve null (nhóm 1)', ()=>{
+        test('field emit null → form state giữ nguyên null (không bị coalesce thành "")', ()=>{
+            const onUpdate = jest.fn();
+            mockInputFactory.mockImplementation((props)=>/*#__PURE__*/ jsx("div", {
+                    "data-testid": `input-${props.fieldName}`,
+                    children: /*#__PURE__*/ jsx("button", {
+                        "data-testid": `clear-${props.fieldName}`,
+                        onClick: ()=>props.onChange(null, true),
+                        children: "Clear"
+                    })
+                }));
+            render(/*#__PURE__*/ jsx(container, {
+                fields: mockFields,
+                oldValue: mockOldValue,
+                onUpdate: onUpdate
+            }));
+            fireEvent.click(screen.getByTestId('clear-age'));
+            expect(onUpdate).toHaveBeenCalledWith(expect.objectContaining({
+                age: null
+            }), expect.any(Boolean), 'age');
+        });
+        test('field emit undefined → form state fallback "" (giữ tương thích cũ)', ()=>{
+            const onUpdate = jest.fn();
+            mockInputFactory.mockImplementation((props)=>/*#__PURE__*/ jsx("div", {
+                    "data-testid": `input-${props.fieldName}`,
+                    children: /*#__PURE__*/ jsx("button", {
+                        "data-testid": `undef-${props.fieldName}`,
+                        onClick: ()=>props.onChange(void 0, true),
+                        children: "Undef"
+                    })
+                }));
+            render(/*#__PURE__*/ jsx(container, {
+                fields: mockFields,
+                oldValue: mockOldValue,
+                onUpdate: onUpdate
+            }));
+            fireEvent.click(screen.getByTestId('undef-name'));
+            expect(onUpdate).toHaveBeenCalledWith(expect.objectContaining({
+                name: ''
+            }), expect.any(Boolean), 'name');
+        });
+        test('field emit 0 → form state giữ 0 (không bị coalesce dù 0 là falsy)', ()=>{
+            const onUpdate = jest.fn();
+            mockInputFactory.mockImplementation((props)=>/*#__PURE__*/ jsx("div", {
+                    "data-testid": `input-${props.fieldName}`,
+                    children: /*#__PURE__*/ jsx("button", {
+                        "data-testid": `zero-${props.fieldName}`,
+                        onClick: ()=>props.onChange(0, true),
+                        children: "Zero"
+                    })
+                }));
+            render(/*#__PURE__*/ jsx(container, {
+                fields: mockFields,
+                oldValue: mockOldValue,
+                onUpdate: onUpdate
+            }));
+            fireEvent.click(screen.getByTestId('zero-age'));
+            expect(onUpdate).toHaveBeenCalledWith(expect.objectContaining({
+                age: 0
+            }), expect.any(Boolean), 'age');
+        });
+        test('field emit false → form state giữ false', ()=>{
+            const onUpdate = jest.fn();
+            mockInputFactory.mockImplementation((props)=>/*#__PURE__*/ jsx("div", {
+                    "data-testid": `input-${props.fieldName}`,
+                    children: /*#__PURE__*/ jsx("button", {
+                        "data-testid": `false-${props.fieldName}`,
+                        onClick: ()=>props.onChange(false, true),
+                        children: "False"
+                    })
+                }));
+            render(/*#__PURE__*/ jsx(container, {
+                fields: mockFields,
+                oldValue: mockOldValue,
+                onUpdate: onUpdate
+            }));
+            fireEvent.click(screen.getByTestId('false-name'));
+            expect(onUpdate).toHaveBeenCalledWith(expect.objectContaining({
+                name: false
+            }), expect.any(Boolean), 'name');
+        });
+        test('null đi qua onValues (completeValues) — vẫn giữ null', ()=>{
+            const onValues = jest.fn();
+            mockInputFactory.mockImplementation((props)=>/*#__PURE__*/ jsx("div", {
+                    "data-testid": `input-${props.fieldName}`,
+                    children: /*#__PURE__*/ jsx("button", {
+                        "data-testid": `null-${props.fieldName}`,
+                        onClick: ()=>props.onChange(null, true),
+                        children: "Null"
+                    })
+                }));
+            render(/*#__PURE__*/ jsx(container, {
+                fields: mockFields,
+                oldValue: mockOldValue,
+                onValues: onValues
+            }));
+            fireEvent.click(screen.getByTestId('null-age'));
+            expect(onValues).toHaveBeenCalledWith(expect.objectContaining({
+                age: null
+            }), expect.any(Boolean), 'age');
+        });
+        test('chuỗi rỗng "" emit từ field → form state vẫn ""', ()=>{
+            const onUpdate = jest.fn();
+            mockInputFactory.mockImplementation((props)=>/*#__PURE__*/ jsx("div", {
+                    "data-testid": `input-${props.fieldName}`,
+                    children: /*#__PURE__*/ jsx("button", {
+                        "data-testid": `empty-${props.fieldName}`,
+                        onClick: ()=>props.onChange('', true),
+                        children: "Empty"
+                    })
+                }));
+            render(/*#__PURE__*/ jsx(container, {
+                fields: mockFields,
+                oldValue: mockOldValue,
+                onUpdate: onUpdate
+            }));
+            fireEvent.click(screen.getByTestId('empty-name'));
+            expect(onUpdate).toHaveBeenCalledWith(expect.objectContaining({
+                name: ''
+            }), expect.any(Boolean), 'name');
+        });
+    });
+    describe('isNewId Branch (EFFECT 1 reset)', ()=>{
+        test('resets toàn bộ state khi id thay đổi', ()=>{
+            const oldValueV1 = {
+                name: 'Alice',
+                age: 20,
+                email: 'alice@example.com',
+                id: 1
+            };
+            const { rerender } = render(/*#__PURE__*/ jsx(container, {
+                fields: mockFields,
+                oldValue: oldValueV1
+            }));
+            const nameInput = screen.getByTestId('input-field-name');
+            fireEvent.change(nameInput, {
+                target: {
+                    value: 'Modified Alice'
+                }
+            });
+            expect(nameInput).toHaveValue('Modified Alice');
+            const oldValueV2 = {
+                name: 'Bob',
+                age: 30,
+                email: 'bob@example.com',
+                id: 2
+            };
+            rerender(/*#__PURE__*/ jsx(container, {
+                fields: mockFields,
+                oldValue: oldValueV2
+            }));
+            expect(nameInput).toHaveValue('Bob');
+            expect(screen.getByTestId('input-field-age')).toHaveValue('30');
+        });
+        test('reset state khi id từ có thành không có (undefined → có)', ()=>{
+            const oldValueNoId = {
+                name: 'NoId',
+                age: 10,
+                email: 'noid@example.com'
+            };
+            const { rerender } = render(/*#__PURE__*/ jsx(container, {
+                fields: mockFields,
+                oldValue: oldValueNoId
+            }));
+            const oldValueWithId = {
+                name: 'WithId',
+                age: 99,
+                email: 'withid@example.com',
+                id: 5
+            };
+            rerender(/*#__PURE__*/ jsx(container, {
+                fields: mockFields,
+                oldValue: oldValueWithId
+            }));
+            expect(screen.getByTestId('input-field-name')).toHaveValue('WithId');
+        });
+    });
+    describe('fieldDependencies', ()=>{
+        test('xóa các field phụ thuộc khi field cha thay đổi', ()=>{
+            const fieldsWithDep = [
+                {
+                    fieldName: 'country',
+                    type: index_js_.FIELD_TYPE.SELECT,
+                    label: 'Country'
+                },
+                {
+                    fieldName: 'city',
+                    type: index_js_.FIELD_TYPE.TEXT,
+                    label: 'City'
+                },
+                {
+                    fieldName: 'district',
+                    type: index_js_.FIELD_TYPE.TEXT,
+                    label: 'District'
+                }
+            ];
+            const onUpdate = jest.fn();
+            render(/*#__PURE__*/ jsx(container, {
+                fields: fieldsWithDep,
+                oldValue: {
+                    country: 'VN',
+                    city: 'HCM',
+                    district: 'Q1'
+                },
+                fieldDependencies: {
+                    country: [
+                        'city',
+                        'district'
+                    ]
+                },
+                onUpdate: onUpdate
+            }));
+            const countryInput = screen.getByTestId('input-field-country');
+            fireEvent.change(countryInput, {
+                target: {
+                    value: 'US'
+                }
+            });
+            expect(onUpdate).toHaveBeenCalledWith(expect.objectContaining({
+                country: 'US'
+            }), expect.any(Boolean), 'country');
+            const lastCall = onUpdate.mock.calls[onUpdate.mock.calls.length - 1][0];
+            expect(lastCall.city).toBeUndefined();
+            expect(lastCall.district).toBeUndefined();
+        });
+        test('không xóa field khi không có fieldDependencies', ()=>{
+            const onUpdate = jest.fn();
+            render(/*#__PURE__*/ jsx(container, {
+                fields: mockFields,
+                oldValue: mockOldValue,
+                onUpdate: onUpdate
+            }));
+            const nameInput = screen.getByTestId('input-field-name');
+            fireEvent.change(nameInput, {
+                target: {
+                    value: 'Test'
+                }
+            });
+            expect(onUpdate).toHaveBeenCalledWith(expect.objectContaining({
+                name: 'Test',
+                age: 25
+            }), expect.any(Boolean), 'name');
+        });
+    });
 });

package/dist/AWING/DataForm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataForm/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,2CAM1E;AAED,cAAc,aAAa,CAAC;AAC5B,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataForm/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,2CAE1E;AAED,cAAc,aAAa,CAAC;AAC5B,eAAe,QAAQ,CAAC"}

package/dist/AWING/DataForm/index.js

@@ -1,14 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { LocalizationProvider } from "@mui/x-date-pickers";
-import { AdapterMoment } from "@mui/x-date-pickers/AdapterMoment";
 import container from "./container.js";
 export * from "./interface.js";
 function DataForm_DataForm(props) {
-    return /*#__PURE__*/ jsx(LocalizationProvider, {
-        dateAdapter: AdapterMoment,
-        children: /*#__PURE__*/ jsx(container, {
-            ...props
-        })
+    return /*#__PURE__*/ jsx(container, {
+        ...props
     });
 }
 const DataForm = DataForm_DataForm;

package/dist/AWING/DataInput/components/AsyncAutocompleteInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncAutocompleteInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/AsyncAutocompleteInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAA0B,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE9E,MAAM,WAAW,gCAAgC,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC/E,IAAI,EAAE,UAAU,CAAC,kBAAkB,GAAG,oBAAoB,CAAC;IAC3D,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClC,cAAc,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,cAAc,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,OAAO,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,sBAAsB,GAAI,CAAC,mBAAoB,gCAAgC,CAAC,CAAC,CAAC,4CAuD9F,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"AsyncAutocompleteInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/AsyncAutocompleteInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAA0B,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE9E,MAAM,WAAW,gCAAgC,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC/E,IAAI,EAAE,UAAU,CAAC,kBAAkB,GAAG,oBAAoB,CAAC;IAC3D,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAClC,cAAc,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,cAAc,CAAC,GAAG,EAAE,CAAC,GAAG,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,OAAO,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,sBAAsB,GAAI,CAAC,mBAAoB,gCAAgC,CAAC,CAAC,CAAC,4CAyD9F,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/AWING/DataInput/components/AsyncAutocompleteInput.js

@@ -25,7 +25,8 @@ const AsyncAutocompleteInput_AsyncAutocompleteInput = (fieldDefinition)=>{
         disableCloseOnSelect: multiple,
         value: value,
         onChange: (newValue)=>{
-            onChange && onChange(newValue, onValidate(newValue));
+            const result = newValue ?? null;
+            onChange && onChange(result, onValidate(result));
         },
         disabled: disabled,
         TextFieldProps: {

package/dist/AWING/DataInput/components/AutocompleteInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/AutocompleteInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,2BAA2B,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC1E,IAAI,EAAE,UAAU,CAAC,YAAY,GAAG,cAAc,CAAC;IAC/C,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,mBAAoB,2BAA2B,CAAC,CAAC,CAAC,4CAyGpF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"AutocompleteInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/AutocompleteInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,2BAA2B,CAAC,CAAC,CAAE,SAAQ,mBAAmB,CAAC,CAAC,CAAC;IAC1E,IAAI,EAAE,UAAU,CAAC,YAAY,GAAG,cAAc,CAAC;IAC/C,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,GAAI,CAAC,mBAAoB,2BAA2B,CAAC,CAAC,CAAC,4CA2GpF,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/AWING/DataInput/components/AutocompleteInput.js

@@ -29,7 +29,7 @@ const AutocompleteInput = (fieldDefinition)=>{
         noOptionsText: t('Common.NoOptions'),
         loadingText: t('Common.Loading'),
         onChange: (_e, value)=>{
-            const newValue = Array.isArray(value) ? value.map((x)=>x?.value) : value?.value;
+            const newValue = Array.isArray(value) ? value.map((x)=>x?.value) : value?.value ?? null;
             onChange && onChange(newValue, onValidate(newValue));
         },
         value: multiple ? Array.isArray(value) ? value.map((v)=>options.find((x)=>x.value === v)).filter((x)=>void 0 !== x) : [] : options.find((x)=>x.value === value) ?? null,

package/dist/AWING/DataInput/components/DateTimeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/DateTimeInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,CAAC,IAAI,CAAC;IACtE,IAAI,EAAE,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5D,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,IAAI,CAAC;QACf,OAAO,CAAC,EAAE,IAAI,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,oBAAqB,uBAAuB,4CAgDrE,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/DateTimeInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB,CAAC,IAAI,CAAC;IACtE,IAAI,EAAE,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5D,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,IAAI,CAAC;QACf,OAAO,CAAC,EAAE,IAAI,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,oBAAqB,uBAAuB,4CAqDrE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/AWING/DataInput/components/DateTimeInput.js

@@ -17,7 +17,10 @@ const DateTimeInput = (fieldDefinition)=>{
         defaultValue: defaultValue ? moment(defaultValue) : null,
         label: label,
         value: value ? moment(value) : null,
-        onChange: (date)=>onChange && onChange(date?.toDate(), onValidate(date?.toDate())),
+        onChange: (date)=>{
+            const result = date?.toDate() ?? null;
+            onChange && onChange(result, onValidate(result ?? void 0));
+        },
         slotProps: {
             textField: {
                 required: required,

package/dist/AWING/DataInput/components/LazyAutocompleteInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LazyAutocompleteInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/LazyAutocompleteInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAGlE,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAC7B,MAAM,WAAW,+BAA+B,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChH,IAAI,EAAE,UAAU,CAAC,iBAAiB,GAAG,kBAAkB,CAAC;IACxD,YAAY,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACjD,iBAAiB,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;CAC3C;AAED,eAAO,MAAM,qBAAqB,GAAI,CAAC,mBAAoB,+BAA+B,CAAC,CAAC,CAAC,4CA2H5F,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"LazyAutocompleteInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/LazyAutocompleteInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,2BAA2B,EAAE,MAAM,qBAAqB,CAAC;AAGlE,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAC7B,MAAM,WAAW,+BAA+B,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAChH,IAAI,EAAE,UAAU,CAAC,iBAAiB,GAAG,kBAAkB,CAAC;IACxD,YAAY,EAAE,MAAM,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACjD,iBAAiB,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;CAC3C;AAED,eAAO,MAAM,qBAAqB,GAAI,CAAC,mBAAoB,+BAA+B,CAAC,CAAC,CAAC,4CA4H5F,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/AWING/DataInput/components/LazyAutocompleteInput.js

@@ -52,7 +52,7 @@ const LazyAutocompleteInput_LazyAutocompleteInput = (fieldDefinition)=>{
         noOptionsText: fetched ? t('Common.NoOptions') : t('Common.Loading'),
         loadingText: t('Common.Loading'),
         onChange: (_e, value)=>{
-            const newValue = Array.isArray(value) ? value.map((x)=>x) : value;
+            const newValue = Array.isArray(value) ? value.map((x)=>x) : value ?? null;
             onChange && onChange(newValue, onValidate(newValue));
         },
         value: multiple ? value ?? [] : value ?? null,

package/dist/AWING/DataInput/components/MonthTimeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonthTimeInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/MonthTimeInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,eAAO,MAAM,cAAc,oBAAqB,uBAAuB,4CAyCtE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"MonthTimeInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/MonthTimeInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,eAAO,MAAM,cAAc,oBAAqB,uBAAuB,4CA6CtE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/AWING/DataInput/components/MonthTimeInput.js

@@ -21,7 +21,10 @@ const MonthTimeInput = (fieldDefinition)=>{
         label: label,
         value: moment(value, 'MM-YYYY'),
         disabled: disabled,
-        onChange: (date)=>onChange && onChange(date?.toDate(), onValidate(date?.toDate())),
+        onChange: (date)=>{
+            const result = date?.toDate() ?? null;
+            onChange && onChange(result, onValidate(result ?? void 0));
+        },
         readOnly: readOnly,
         slotProps: {
             textField: {

package/dist/AWING/DataInput/components/NumberInput.d.ts

@@ -6,7 +6,13 @@ export interface NumberFieldDefinition extends BaseFieldDefinition<number> {
     autoFormula?: string;
     min?: number;
     max?: number;
-    onChange?(newValue?: number, valid?: boolean, actualValue?: number): void;
+    /**
+     * Cho phép xoá trắng ô input.
+     * - `true` (mặc định): xoá trắng → onChange trả về `null`.
+     * - `false`: xoá trắng → fallback về `clampNumber(0, min, max)`.
+     */
+    allowEmpty?: boolean;
+    onChange?(newValue?: number | null, valid?: boolean, actualValue?: number | null): void;
 }
 export declare function clampNumber(value: number, min?: number, max?: number): number;
 export declare const NumberInput: (fieldDefinition: NumberFieldDefinition) => import("react/jsx-runtime").JSX.Element;

package/dist/AWING/DataInput/components/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/NumberInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IACtE,IAAI,EAAE,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,UAOpE;AAED,eAAO,MAAM,WAAW,oBAAqB,qBAAqB,4CAmFjE,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/NumberInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IACtE,IAAI,EAAE,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3F;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,UAOpE;AAED,eAAO,MAAM,WAAW,oBAAqB,qBAAqB,4CAkIjE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/AWING/DataInput/components/NumberInput.js

@@ -14,25 +14,54 @@ const NumberInput = (fieldDefinition)=>{
     const { t } = useTranslation(void 0, {
         i18n: i18n
     });
-    const { name, defaultValue, value, onChange, error, disableHelperText, helperText, min, max, onValidateCustom, ...other } = fieldDefinition;
-    const [valueInput, setValueInput] = useState(defaultValue || value || '');
+    const { name, defaultValue, value, onChange, error, disableHelperText, helperText, min, max, onValidateCustom, allowEmpty = true, ...other } = fieldDefinition;
+    const [valueInput, setValueInput] = useState(defaultValue ?? value ?? '');
     const isComposing = useRef(false);
     useEffect(()=>{
-        if (!isComposing.current && valueInput !== value) setValueInput(value ?? '');
+        if (isComposing.current) return;
+        const isIntermediateDecimal = 'string' == typeof valueInput && valueInput.endsWith('.') && Number(valueInput.slice(0, -1) || '0') === value;
+        if (!isIntermediateDecimal && valueInput !== value) setValueInput(value ?? '');
     }, [
         value
     ]);
     const onValidate = (val)=>{
-        if (onValidateCustom) return onValidateCustom(Number(val));
-        return (void 0 === min || Number(val) >= min) && (void 0 === max || Number(val) <= max) && numberNotNullValid(Number(val));
+        const isEmpty = '' === val || null == val;
+        if (onValidateCustom) return onValidateCustom(isEmpty ? void 0 : Number(val));
+        if (isEmpty) return !fieldDefinition.required;
+        const n = Number(val);
+        return (void 0 === min || n >= min) && (void 0 === max || n <= max) && numberNotNullValid(n);
     };
     const processChange = (newValue)=>{
-        if ('-' === newValue || '' === newValue) return void ('-' === newValue && void 0 !== min && min >= 0 ? setValueInput(0) : setValueInput(newValue));
+        if ('-' === newValue || '' === newValue) {
+            if ('-' === newValue && void 0 !== min && min >= 0) {
+                setValueInput(0);
+                if (!isComposing.current) onChange?.(0, onValidate(0), 0);
+                return;
+            }
+            if (allowEmpty) {
+                setValueInput(newValue);
+                if (!isComposing.current) onChange?.(null, onValidate(null), null);
+            } else {
+                const fallback = clampNumber(0, min, max);
+                setValueInput(fallback);
+                if (!isComposing.current) onChange?.(fallback, onValidate(fallback), fallback);
+            }
+            return;
+        }
+        if (newValue.endsWith('.')) {
+            setValueInput(newValue);
+            if (!isComposing.current) {
+                const intPart = newValue.slice(0, -1);
+                const intNumber = '' === intPart || '-' === intPart ? null : clampNumber(Number(intPart), min, max);
+                onChange?.(intNumber, onValidate(intNumber), intNumber);
+            }
+            return;
+        }
         const numberValue = Number(newValue);
         if (!isNaN(numberValue)) {
             const currentValue = clampNumber(numberValue, min, max);
             setValueInput(currentValue);
-            if (!isComposing.current) onChange && onChange(currentValue, onValidate(currentValue), numberValue);
+            if (!isComposing.current) onChange?.(currentValue, onValidate(currentValue), numberValue);
         }
     };
     const handleChange = (event)=>{

package/dist/AWING/DataInput/interfaces.d.ts

@@ -28,7 +28,7 @@ export interface BaseFieldDefinition<T> extends Omit<BaseTextFieldProps, 'value'
     type?: string;
     label?: string;
     customeFieldChange?(fieldValue: any): Partial<T>;
-    onChange?(newValue?: T | undefined, valid?: boolean | undefined): void;
+    onChange?(newValue?: T | null | undefined, valid?: boolean | undefined): void;
     fieldName: string;
     onValidateCustom?(value?: T): boolean;
 }

package/dist/AWING/DataInput/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataInput/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAC;AAC/F,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,CAAC,UAAU,EAAE,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACjD,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACvE,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;CACzC;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,IAAI,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACpD,gCAAgC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAC5C,2BAA2B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GACvC,+BAA+B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAC3C,oCAAoC,GACpC,yBAAyB,GACzB,+BAA+B,GAC/B,uBAAuB,GACvB,uBAAuB,GACvB,wBAAwB,GACxB,qBAAqB,GACrB,oBAAoB,GACpB,qBAAqB,GACrB,mBAAmB,GACnB,oBAAoB,GACpB,2BAA2B,GAC3B,2BAA2B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GACvC,8BAA8B,GAC9B,qBAAqB,CAAC"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/AWING/DataInput/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAC;AAC/F,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,8BAA8B,EAAE,MAAM,wCAAwC,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IAC7E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,CAAC,UAAU,EAAE,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IACjD,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IAC9E,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC;CACzC;AAED,MAAM,WAAW,eAAe;IAC5B,MAAM,IAAI,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACpD,gCAAgC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAC5C,2BAA2B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GACvC,+BAA+B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAC3C,oCAAoC,GACpC,yBAAyB,GACzB,+BAA+B,GAC/B,uBAAuB,GACvB,uBAAuB,GACvB,wBAAwB,GACxB,qBAAqB,GACrB,oBAAoB,GACpB,qBAAqB,GACrB,mBAAmB,GACnB,oBAAoB,GACpB,2BAA2B,GAC3B,2BAA2B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GACvC,8BAA8B,GAC9B,qBAAqB,CAAC"}

package/dist/AWING/DataInput2/components/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput2/components/NumberInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IACtE,IAAI,EAAE,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,UAKpE;AAsED,eAAO,MAAM,WAAW,wDApEmB,qBAAqB,6CAoE4B,CAAC;AAG7F,eAAe,WAAW,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput2/components/NumberInput.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IACtE,IAAI,EAAE,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,UAKpE;AAwED,eAAO,MAAM,WAAW,wDAtEmB,qBAAqB,6CAsE4B,CAAC;AAG7F,eAAe,WAAW,CAAC"}

package/dist/AWING/DataInput2/components/NumberInput.js

@@ -24,11 +24,22 @@ const NumberInputInner = (fieldDefinition)=>{
     ]);
     const onValidate = (val)=>{
         if (onValidateCustom) return onValidateCustom(Number(val));
+        if (fieldDefinition.required && ('' === val || null == val)) return false;
         return (void 0 === min || Number(val) >= min) && (void 0 === max || Number(val) <= max) && numberNotNullValid(Number(val));
     };
     const handleChange = (event)=>{
         const newValue = event.target.value;
-        if ('-' === newValue || '' === newValue) return void ('-' === newValue && void 0 !== min && min >= 0 ? setValueInput(0) : setValueInput(newValue));
+        if ('-' === newValue || '' === newValue) {
+            if ('-' === newValue && void 0 !== min && min >= 0) {
+                setValueInput(0);
+                onChange?.(0, onValidate(0), 0);
+            } else {
+                setValueInput(newValue);
+                const isValid = !fieldDefinition.required;
+                onChange?.(void 0, isValid, void 0);
+            }
+            return;
+        }
         const numberValue = Number(newValue);
         if (!isNaN(numberValue)) {
             const currentValue = clampNumber(numberValue, min, max);

package/dist/AWING/DirectoryPermission/AddOrEdit/PageContent.js

@@ -10,7 +10,7 @@ import PermissionTable from "../components/PermissionTable.js";
 import AddOrEditHeader from "../components/AddOrEditHeader.js";
 import { useAtomValue } from "jotai";
 import { useGetDirectoryContext } from "../../../Features/SYSTEM/Directory/context.js";
-import { WorkspaceType } from "../../../index.js";
+import { WorkspaceType } from "../../../Commons/Enums.js";
 function PageContent(props) {
     const { t } = useTranslation();
     const { explicitMatrixPermissions, inheritedMatrixPermissions, onExplicitMatrixPermissionsChange, isCreate, objectTypeCodeSelected, onDeleteAuthen, disableSelectSchema, explicitPermissions, onExplicitPermissionsChange, inheritedPermissions, authenPermissions, onChangeObjectTypeCode, onDrawerLevelChange, isFile } = props;

package/dist/AWING/NumberFormat/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/NumberFormat/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,eAAe,CAAC;AAI1D,eAAO,MAAM,YAAY,UAAW,cAAc,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,4CAuDpE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/NumberFormat/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,MAAM,eAAe,CAAC;AAkB1D,eAAO,MAAM,YAAY,UAAW,cAAc,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,4CA+DpE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/AWING/NumberFormat/index.js

@@ -2,9 +2,20 @@ import { jsx } from "react/jsx-runtime";
 import { TextField } from "@mui/material";
 import { useTranslation } from "react-i18next";
 import { formatNumberByLocale } from "../../Helpers/number.js";
+function resolveDecimalSeparator(locale) {
+    try {
+        return new Intl.NumberFormat(locale).formatToParts(1.1).find((p)=>'decimal' === p.type)?.value ?? '.';
+    } catch  {
+        return '.';
+    }
+}
+function escapeRegExp(str) {
+    return str.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&');
+}
 const NumberFormat = (props)=>{
     const { value, onChange, min, ...other } = props;
     const { i18n } = useTranslation();
+    const decimalSeparator = resolveDecimalSeparator(i18n.language);
     const handleChange = (event)=>{
         const el = event.target;
         let newValue = el.value;
@@ -14,24 +25,28 @@ const NumberFormat = (props)=>{
             onChange(event);
         }
     };
-    function escapeRegExp(str) {
-        return str.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&');
-    }
     function getFloatString(num = '') {
-        const decimalSeparator = 'vi' === i18n.language ? ',' : '.';
         const hasNegation = '-' === num[0];
         if (hasNegation) num = num.replace('-', '');
         const numRegex = new RegExp('[0-9]|' + escapeRegExp(decimalSeparator), 'g');
         num = (num.match(numRegex) || []).join('').replace(decimalSeparator, '.');
         const firstDecimalIndex = num.indexOf('.');
-        if (-1 !== firstDecimalIndex) num = `${num.substring(0, firstDecimalIndex)}.${num.substring(firstDecimalIndex + 1, num.length).replace(new RegExp(escapeRegExp(decimalSeparator), 'g'), '')}`;
-        if (hasNegation && 0 !== min) num = '-' + num;
+        if (-1 !== firstDecimalIndex) num = `${num.substring(0, firstDecimalIndex)}.${num.substring(firstDecimalIndex + 1).replace(new RegExp(escapeRegExp(decimalSeparator), 'g'), '')}`;
+        if (hasNegation && (void 0 === min || min < 0)) num = '-' + num;
         return num;
     }
     function getDisplayString(val) {
         if (null == val || '' === val) return '';
         if ('-' === val) return '-';
-        return formatNumberByLocale(Number(val));
+        const str = String(val);
+        if (str.endsWith('.')) {
+            const n = Number(str.slice(0, -1) || '0');
+            if (Number.isNaN(n)) return '';
+            return formatNumberByLocale(n) + decimalSeparator;
+        }
+        const n = Number(val);
+        if (Number.isNaN(n)) return '';
+        return formatNumberByLocale(n);
     }
     return /*#__PURE__*/ jsx(TextField, {
         value: getDisplayString(value),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "awing-library",
-    "version": "2.1.2-dev.572",
+    "version": "2.1.2-dev.573",
     "license": "MIT",
     "exports": {
         ".": {

package/dist/AWING/NumberFormat/index.test.js

@@ -1,215 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import "@testing-library/jest-dom";
-import { fireEvent, render, screen } from "@testing-library/react";
-import index from "./index.js";
-import { AwingContext } from "../../Context/index.js";
-jest.mock('../helper', ()=>({
-        formatNumberWithLanguage: (value, language)=>{
-            if (!value) return '0';
-            const numStr = String(value);
-            if ('vi' === language) return numStr.replace('.', ',');
-            return numStr;
-        }
-    }));
-describe('NumberFormat Component', ()=>{
-    const mockOnChange = jest.fn();
-    const renderWithContext = (props = {}, language = 'en')=>render(/*#__PURE__*/ jsx(AwingContext.Provider, {
-            value: {
-                i18next: {
-                    language
-                },
-                routes: [],
-                appHelper: {},
-                service: {},
-                transactionType: {}
-            },
-            children: /*#__PURE__*/ jsx(index, {
-                onChange: mockOnChange,
-                ...props
-            })
-        }));
-    beforeEach(()=>{
-        mockOnChange.mockClear();
-    });
-    describe('Input Formatting', ()=>{
-        test('formats number input correctly for English locale', ()=>{
-            renderWithContext({
-                value: '1234.56'
-            });
-            const input = screen.getByRole('textbox');
-            expect(input).toHaveValue('1234.56');
-        });
-        test('formats number input correctly for Vietnamese locale', ()=>{
-            renderWithContext({
-                value: '1234.56'
-            }, 'vi');
-            const input = screen.getByRole('textbox');
-            expect(input).toHaveValue('1234,56');
-        });
-        test('handles empty value', ()=>{
-            renderWithContext({
-                value: ''
-            });
-            const input = screen.getByRole('textbox');
-            expect(input).toHaveValue('0');
-        });
-        test('handles null value', ()=>{
-            renderWithContext({
-                value: null
-            });
-            const input = screen.getByRole('textbox');
-            expect(input).toHaveValue('0');
-        });
-        test('handles undefined value', ()=>{
-            renderWithContext({
-                value: void 0
-            });
-            const input = screen.getByRole('textbox');
-            expect(input).toHaveValue('0');
-        });
-    });
-    describe('Input Handling', ()=>{
-        test('handles negative numbers when min is not 0', ()=>{
-            renderWithContext({
-                min: -100
-            });
-            const input = screen.getByRole('textbox');
-            fireEvent.change(input, {
-                target: {
-                    value: '-123.45'
-                }
-            });
-            expect(mockOnChange).toHaveBeenCalled();
-        });
-        test('handles negative numbers when value is undefined', ()=>{
-            renderWithContext();
-            const input = screen.getByRole('textbox');
-            fireEvent.change(input, {
-                target: {
-                    value: null
-                }
-            });
-            expect(mockOnChange).toHaveBeenCalled();
-        });
-        test('removes negative sign when min is 0', ()=>{
-            renderWithContext({
-                min: 0
-            });
-            const input = screen.getByRole('textbox');
-            fireEvent.change(input, {
-                target: {
-                    value: '-123.45'
-                }
-            });
-            expect(mockOnChange).toHaveBeenCalled();
-        });
-        test('handles multiple decimal points correctly', ()=>{
-            renderWithContext();
-            const input = screen.getByRole('textbox');
-            fireEvent.change(input, {
-                target: {
-                    value: '123.45.67'
-                }
-            });
-            expect(mockOnChange).toHaveBeenCalled();
-        });
-    });
-    describe('Special Characters', ()=>{
-        test('removes non-numeric characters except decimal separator', ()=>{
-            renderWithContext();
-            const input = screen.getByRole('textbox');
-            fireEvent.change(input, {
-                target: {
-                    value: 'abc123.45xyz'
-                }
-            });
-            expect(mockOnChange).toHaveBeenCalled();
-        });
-        test('handles special characters in regex correctly', ()=>{
-            renderWithContext();
-            const input = screen.getByRole('textbox');
-            fireEvent.change(input, {
-                target: {
-                    value: '123$%^&*.45'
-                }
-            });
-            expect(mockOnChange).toHaveBeenCalled();
-        });
-    });
-    describe('Decimal Separator Handling', ()=>{
-        test('converts Vietnamese decimal separator to dot for internal value', ()=>{
-            renderWithContext({}, 'vi');
-            const input = screen.getByRole('textbox');
-            fireEvent.change(input, {
-                target: {
-                    value: '123,45'
-                }
-            });
-            expect(mockOnChange).toHaveBeenCalled();
-            const event = mockOnChange.mock.calls[0][0];
-            expect(event.target.value).toBe('0');
-        });
-        test('maintains decimal separator at the end of input', ()=>{
-            renderWithContext();
-            const input = screen.getByRole('textbox');
-            fireEvent.change(input, {
-                target: {
-                    value: '123.'
-                }
-            });
-            expect(mockOnChange).toHaveBeenCalled();
-        });
-        test('-', ()=>{
-            renderWithContext({
-                value: '-'
-            });
-            const input = screen.getByRole('textbox');
-            fireEvent.change(input, {
-                target: {
-                    value: '424'
-                }
-            });
-            const event = mockOnChange.mock.calls[0][0];
-            expect(event.target.value).toBe('-');
-        });
-        test('Số thập với tiếng Việt', ()=>{
-            renderWithContext({
-                value: '123.',
-                language: 'vi'
-            });
-            const input = screen.getByRole('textbox');
-            fireEvent.change(input, {
-                target: {
-                    value: '123.'
-                }
-            });
-            const event = mockOnChange.mock.calls[0][0];
-            expect(event.target.value).toBe('123..');
-        });
-    });
-    describe('Props Handling', ()=>{
-        test('passes through additional TextField props', ()=>{
-            renderWithContext({
-                placeholder: 'Enter number',
-                disabled: true
-            });
-            const input = screen.getByRole('textbox');
-            expect(input).toHaveAttribute('placeholder', 'Enter number');
-            expect(input).toBeDisabled();
-        });
-        test('maintains type as text', ()=>{
-            renderWithContext({
-                type: 'number'
-            });
-            const input = screen.getByRole('textbox');
-            expect(input).toHaveAttribute('type', 'text');
-        });
-        test('maintains type as text', ()=>{
-            renderWithContext({
-                type: 'number'
-            });
-            const input = screen.getByRole('textbox');
-            expect(input).toHaveAttribute('type', 'text');
-        });
-    });
-});