fleetcor-lwc 3.13.3 → 3.13.4

package/README.md

@@ -946,6 +946,12 @@ You can override them as you wish by global css variables as priority.
 <details>
 <summary>Click to expand/collapse</summary>
 
+v.3.13.4
+
+- Bug fix `flt-input-text` component
+
+---
+
 v.3.13.3
 
 - Bug fix `flt-input-phone` component

package/frontend/components/flt/inputText/__test__/inputText.test.js

@@ -177,6 +177,23 @@ describe('flt-input-text', () => {
                 return Promise.resolve().then(async () => {
                     await expect(inputTextElement.value).toBeFalsy()
                     await expect(inputElement.value).toBeFalsy()
+
+                    inputTextElement.disabled = false
+                    inputElement.value = 'Aleks '
+                    inputElement.dispatchEvent(new Event('change'))
+
+                    return Promise.resolve().then(async () => {
+                        await expect(inputTextElement.value).toBe('Aleks')
+                        await expect(inputElement.value).toBe('Aleks')
+
+                        inputElement.value = ''
+                        inputElement.dispatchEvent(new Event('change'))
+
+                        return Promise.resolve().then(async () => {
+                            await expect(inputTextElement.value).toBe('')
+                            await expect(inputElement.value).toBe('')
+                        })
+                    })
                 })
             })
         })

package/frontend/components/flt/inputText/inputText.js

@@ -63,8 +63,6 @@ export default class InputText extends InputElement {
         if (this.disabled) return
         this.focused = false
         this.touched = true
-        this.value = (event.target.value || '').trim()
-        event.target.value = this.value
         this.dispatchEvent(
             new CustomEvent('blur', {
                 detail: null,
@@ -83,7 +81,7 @@ export default class InputText extends InputElement {
             this.value = event.target.value
             this.dispatchEvent(
                 new CustomEvent('change', {
-                    detail: this.getData()
+                    detail: { ...this.getData(), _oninput: true }
                 })
             )
         }
@@ -92,7 +90,17 @@ export default class InputText extends InputElement {
     handleChange(event) {
         if (this.disabled) {
             event.target.value = ''
+        } else {
+            this.value = (event.target.value || '').trim()
+            event.target.value = this.value
+
+            this.dispatchEvent(
+                new CustomEvent('change', {
+                    detail: { ...this.getData(), _onchage: true }
+                })
+            )
         }
+
         event.stopPropagation()
         event.preventDefault()
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "fleetcor-lwc",
-    "version": "3.13.3",
+    "version": "3.13.4",
     "description": "LWC framework by Fleetcor",
     "repository": {
         "type": "git",
@@ -87,4 +87,4 @@
         "imask": "^7.6.1",
         "prismjs": "^1.30.0"
     }
-}
+}