awing-library 2.1.2-dev.543 → 2.1.2-dev.544

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

@@ -6,7 +6,7 @@ import { fireEvent, render, screen } from "@testing-library/react";
 import { Constants } from "../../Commons/Constant.js";
 import container from "./container.js";
 var __webpack_modules__ = {
-    "../DataInput": function(module) {
+    "AWING/DataInput": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__DataInput_index_js_c7933a4f__;
     },
     "../helper": function(module) {
@@ -23,7 +23,7 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
-var index_js_ = __webpack_require__("../DataInput");
+var index_js_ = __webpack_require__("AWING/DataInput");
 jest.mock('../DataInput', ()=>({
         __esModule: true,
         default: jest.fn(),
@@ -91,7 +91,7 @@ jest.mock('@mui/material', ()=>({
                 children: children
             })
     }));
-const mockInputFactory = __webpack_require__("../DataInput")["default"];
+const mockInputFactory = __webpack_require__("AWING/DataInput")["default"];
 const mockCalculateValue = __webpack_require__("../helper").calculateValue;
 const mockConvertFormulaToBinaryTree = __webpack_require__("../helper").convertFormulaToBinaryTree;
 const mockReplaceFieldsValue = __webpack_require__("../helper").replaceFieldsValue;

package/dist/AWING/DataForm2/containerOptimized.test.js

@@ -5,7 +5,7 @@ import { act, fireEvent, render, screen, waitFor } from "@testing-library/react"
 import containerOptimized from "./containerOptimized.js";
 import { createFormStateManager } from "./formStateManager.js";
 var __webpack_modules__ = {
-    "../DataInput": function(module) {
+    "AWING/DataInput": function(module) {
         module.exports = __WEBPACK_EXTERNAL_MODULE__DataInput_index_js_c7933a4f__;
     }
 };
@@ -98,7 +98,7 @@ jest.mock('@mui/material', ()=>({
                 children: children
             })
     }));
-const mockInputFactory = __webpack_require__("../DataInput")["default"];
+const mockInputFactory = __webpack_require__("AWING/DataInput")["default"];
 describe('DataForm Optimized - Performance Tests', ()=>{
     let inputRenderCounts = {};
     const mockFields = [

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,4CAmEjE,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,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"}

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

@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
 import i18n from "../../../translate/i18n.js";
 import NumberFormat from "../../NumberFormat/index.js";
 import { numberNotNullValid } from "../../ultis/index.js";
-import { useEffect, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 function clampNumber(value, min, max) {
     let result = value;
     if (void 0 !== min) result = Math.max(result, min);
@@ -16,8 +16,9 @@ const NumberInput = (fieldDefinition)=>{
     });
     const { name, defaultValue, value, onChange, error, disableHelperText, helperText, min, max, onValidateCustom, ...other } = fieldDefinition;
     const [valueInput, setValueInput] = useState(defaultValue || value || '');
+    const isComposing = useRef(false);
     useEffect(()=>{
-        if (valueInput !== value) setValueInput(value ?? '');
+        if (!isComposing.current && valueInput !== value) setValueInput(value ?? '');
     }, [
         value
     ]);
@@ -25,16 +26,18 @@ const NumberInput = (fieldDefinition)=>{
         if (onValidateCustom) return onValidateCustom(Number(val));
         return (void 0 === min || Number(val) >= min) && (void 0 === max || Number(val) <= max) && numberNotNullValid(Number(val));
     };
-    const handleChange = (event)=>{
-        const newValue = event.target.value;
+    const processChange = (newValue)=>{
         if ('-' === newValue || '' === newValue) return void ('-' === newValue && void 0 !== min && min >= 0 ? setValueInput(0) : setValueInput(newValue));
         const numberValue = Number(newValue);
         if (!isNaN(numberValue)) {
             const currentValue = clampNumber(numberValue, min, max);
             setValueInput(currentValue);
-            onChange && onChange(currentValue, onValidate(currentValue), numberValue);
+            if (!isComposing.current) onChange && onChange(currentValue, onValidate(currentValue), numberValue);
         }
     };
+    const handleChange = (event)=>{
+        processChange(event.target.value);
+    };
     return /*#__PURE__*/ jsx(NumberFormat, {
         id: name?.toString(),
         name: name?.toString(),
@@ -42,6 +45,13 @@ const NumberInput = (fieldDefinition)=>{
         variant: "standard",
         value: valueInput,
         onChange: handleChange,
+        onCompositionStart: ()=>{
+            isComposing.current = true;
+        },
+        onCompositionEnd: (event)=>{
+            isComposing.current = false;
+            processChange(event.target.value);
+        },
         error: error,
         helperText: !disableHelperText && error ? helperText ?? t('Common.InvalidData') : '',
         ...other

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/TextInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IAEpE,IAAI,EACE,UAAU,CAAC,IAAI,GACf,UAAU,CAAC,KAAK,GAChB,UAAU,CAAC,GAAG,GACd,UAAU,CAAC,SAAS,GACpB,UAAU,CAAC,GAAG,GACd,UAAU,CAAC,QAAQ,GACnB,MAAM,GACN,OAAO,GACP,KAAK,GACL,WAAW,GACX,KAAK,GACL,UAAU,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACzB;;;;;OAKG;IACH,UAAU,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,oBAAqB,mBAAmB,4CAyD7D,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DataInput/components/TextInput.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB,CAAC,MAAM,CAAC;IAEpE,IAAI,EACE,UAAU,CAAC,IAAI,GACf,UAAU,CAAC,KAAK,GAChB,UAAU,CAAC,GAAG,GACd,UAAU,CAAC,SAAS,GACpB,UAAU,CAAC,GAAG,GACd,UAAU,CAAC,QAAQ,GACnB,MAAM,GACN,OAAO,GACP,KAAK,GACL,WAAW,GACX,KAAK,GACL,UAAU,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACzB;;;;;OAKG;IACH,UAAU,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,oBAAqB,mBAAmB,4CA6F7D,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { TextField } from "@mui/material";
 import i18n from "../../../translate/i18n.js";
@@ -11,6 +11,14 @@ const TextInput_TextInput = (fieldDefinition)=>{
     });
     const { name, value, onChange, error, disableHelperText, helperText, type, length, pattern, onValidateCustom, fieldName, ...other } = fieldDefinition;
     const [errorText, setErrorText] = useState(t('Common.InvalidData'));
+    const [localValue, setLocalValue] = useState(value ?? '');
+    const isComposing = useRef(false);
+    const isFocused = useRef(false);
+    useEffect(()=>{
+        if (!isComposing.current && !isFocused.current && value !== localValue) setLocalValue(value ?? '');
+    }, [
+        value
+    ]);
     const onValidate = (val)=>{
         if (onValidateCustom) return onValidateCustom(val ?? '');
         if (type === FIELD_TYPE.EMAIL) return emailValid(val ?? '');
@@ -24,6 +32,10 @@ const TextInput_TextInput = (fieldDefinition)=>{
             return valid;
         }
     };
+    const handleTextChange = (newValue)=>{
+        setLocalValue(newValue);
+        if (!isComposing.current) onChange && onChange(newValue, onValidate(newValue));
+    };
     return /*#__PURE__*/ jsx(TextField, {
         id: name?.toString(),
         name: name?.toString(),
@@ -33,8 +45,24 @@ const TextInput_TextInput = (fieldDefinition)=>{
         multiline: type === FIELD_TYPE.TEXT_AREA,
         error: error,
         helperText: !disableHelperText && (error ? helperText ?? errorText : helperText),
-        value: value ?? '',
-        onChange: (event)=>onChange && onChange(event.target.value, onValidate(event.target.value)),
+        value: localValue,
+        onChange: (event)=>handleTextChange(event.target.value),
+        onFocus: ()=>{
+            isFocused.current = true;
+        },
+        onBlur: (event)=>{
+            isFocused.current = false;
+            const finalValue = event.target.value;
+            onChange && onChange(finalValue, onValidate(finalValue));
+        },
+        onCompositionStart: ()=>{
+            isComposing.current = true;
+        },
+        onCompositionEnd: (event)=>{
+            isComposing.current = false;
+            const finalValue = event.target.value;
+            handleTextChange(finalValue);
+        },
         disabled: fieldDefinition.readOnly,
         ...other
     });

package/package.json

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