From b8fcc38cafe8efd36616abe17e0d11ed7b9da347 Mon Sep 17 00:00:00 2001
From: Fernanda Nogueira <fernanda.canto.ngr@gmail.com>
Date: Mon, 29 Aug 2022 10:37:34 -0300
Subject: [PATCH 1/9] fix(int-512): fix error in datepicker

---
 src/components/Datepicker/Datepicker.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/Datepicker/Datepicker.vue b/src/components/Datepicker/Datepicker.vue
index d2c7ff2b..872d7a81 100644
--- a/src/components/Datepicker/Datepicker.vue
+++ b/src/components/Datepicker/Datepicker.vue
@@ -257,6 +257,10 @@ export default {
     },
 
     tzOffsetValue() {
+      if (!dayjs(this.internalValue, this.internalFormat, true).isValid()) {
+        return
+      }
+
       if (
         !this.timeZone ||
         !this.internalValue ||
@@ -265,7 +269,9 @@ export default {
         return ''
       }
 
-      if (this.tzOffset) return this.tzOffset.replace('GMT', '')
+      if (this.tzOffset) {
+        return this.tzOffset.replace('GMT', '')
+      }
       return dayjs.tz(this.internalValue, this.timeZone).format('Z')
     },
   },
@@ -275,8 +281,11 @@ export default {
       handler: 'syncInternalValue',
       immediate: true,
     },
-    internalValue() {
-      if (this.internalValue.length >= 4) {
+    internalValueFormatted() {
+      if (
+        this.internalValue.length >= 4 &&
+        dayjs(this.internalValue, this.internalFormat, true).isValid()
+      ) {
         this.internalDate = this.internalValue
       }
     },

From 3f93198b33b13a9d51289f7e7d267bec991bab6e Mon Sep 17 00:00:00 2001
From: Fernanda Nogueira <fernanda.canto.ngr@gmail.com>
Date: Mon, 29 Aug 2022 10:39:07 -0300
Subject: [PATCH 2/9] fix(int-512): change v-mask for maska

---
 package.json                             |  2 +-
 src/components/TextField/SbTextField.vue |  6 +++---
 yarn.lock                                | 10 +++++-----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/package.json b/package.json
index 0400193e..ecfd1fae 100644
--- a/package.json
+++ b/package.json
@@ -15,9 +15,9 @@
   "dependencies": {
     "@popperjs/core": "^2.11.5",
     "dayjs": "^1.11.3",
+    "maska": "^1.5.0",
     "portal-vue": "^2.1.7",
     "throttle-debounce": "^4.0.1",
-    "v-mask": "^2.3.0",
     "vue-fragment": "^1.6.0"
   },
   "peerDependencies": {
diff --git a/src/components/TextField/SbTextField.vue b/src/components/TextField/SbTextField.vue
index 76ed0d28..edcd6385 100644
--- a/src/components/TextField/SbTextField.vue
+++ b/src/components/TextField/SbTextField.vue
@@ -10,7 +10,7 @@
         :id="id"
         ref="textfield"
         v-model="computedValue"
-        v-mask="mask"
+        v-maska="mask"
         v-bind="$attrs"
         class="sb-textfield__input"
         :type="internalType"
@@ -127,7 +127,7 @@
 
 <script>
 import SbIcon from '../Icon'
-import { VueMaskDirective } from 'v-mask'
+import { maska } from 'maska'
 
 import TextFieldMixin from '../../mixins/textfield-mixin'
 import { Tooltip } from '../../directives'
@@ -137,7 +137,7 @@ export default {
 
   directives: {
     tooltip: Tooltip,
-    mask: VueMaskDirective,
+    maska,
   },
 
   components: { SbIcon },
diff --git a/yarn.lock b/yarn.lock
index c437fe08..d0569a7f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11756,6 +11756,11 @@ markdown-escapes@^1.0.0:
   resolved "https://registry.yarnpkg.com/markdown-escapes/-/markdown-escapes-1.0.4.tgz#c95415ef451499d7602b91095f3c8e8975f78535"
   integrity sha512-8z4efJYk43E0upd0NbVXwgSTQs6cT3T06etieCMEg7dRbzCbxUCK/GHlX8mhHRDcp+OLlHkPKsvqQTCvsRl2cg==
 
+maska@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/maska/-/maska-1.5.0.tgz#6e2f6386d290ab7dc8b44cfc04f34891e06a1e25"
+  integrity sha512-BwZXzs5gHeu6wtn3iWFqrKRtcsM3sTpkHvfAngVNVNlN7tl9ZyQUeHTz11s9Sy7Bq1MoQ+xyR/+IzghY8nR84Q==
+
 mathml-tag-names@^2.1.3:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz#4ddadd67308e780cf16a47685878ee27b736a0a3"
@@ -16890,11 +16895,6 @@ uuid@^3.3.2, uuid@^3.4.0:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
-v-mask@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/v-mask/-/v-mask-2.3.0.tgz#2329c352ce9997eb721d160cf3f0a8552c5c9e1c"
-  integrity sha512-ap7pTtCTvj25CqX4VYXqudCBd0+XvYyhiiLbzWQQR7AMQosJ2+DPu0a94P9stk0EGmGcmYxJaPkFkfjD8hquWQ==
-
 v8-compile-cache@^2.0.3:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.1.tgz#54bc3cdd43317bca91e35dcaf305b1a7237de745"

From 4913d1298ac745d466d6eb02a72182cd0b0dceb9 Mon Sep 17 00:00:00 2001
From: Fernanda Nogueira <fernanda.canto.ngr@gmail.com>
Date: Mon, 29 Aug 2022 10:40:19 -0300
Subject: [PATCH 3/9] test(int-512): change v-mask for maska

---
 setup-jest.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/setup-jest.js b/setup-jest.js
index 5b91558b..090d835d 100644
--- a/setup-jest.js
+++ b/setup-jest.js
@@ -1,6 +1,6 @@
 import { createLocalVue } from '@vue/test-utils'
-import VueMask from 'v-mask'
+import { maska } from 'maska'
 
 global.localVue = createLocalVue()
 
-global.localVue.use(VueMask)
\ No newline at end of file
+global.localVue.use(maska)

From 6d000b9a504c5e60866f2cab12131e17b4ff9978 Mon Sep 17 00:00:00 2001
From: Fernanda Nogueira <fernanda.canto.ngr@gmail.com>
Date: Mon, 29 Aug 2022 10:43:39 -0300
Subject: [PATCH 4/9] test(int-512): change v-mask for maska

---
 setup-jest.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/setup-jest.js b/setup-jest.js
index 090d835d..4194718a 100644
--- a/setup-jest.js
+++ b/setup-jest.js
@@ -1,6 +1,6 @@
 import { createLocalVue } from '@vue/test-utils'
-import { maska } from 'maska'
+import Maska from 'maska'
 
 global.localVue = createLocalVue()
 
-global.localVue.use(maska)
+global.localVue.use(Maska)

From 8a287514f40c3a228c65df1b44bdbdb385680da0 Mon Sep 17 00:00:00 2001
From: Fernanda Nogueira <fernanda.canto.ngr@gmail.com>
Date: Mon, 29 Aug 2022 15:03:03 -0300
Subject: [PATCH 5/9] test(int-512): add data-testid in sbTextField icon

---
 src/components/TextField/SbTextField.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/TextField/SbTextField.vue b/src/components/TextField/SbTextField.vue
index edcd6385..ec0bbd7a 100644
--- a/src/components/TextField/SbTextField.vue
+++ b/src/components/TextField/SbTextField.vue
@@ -60,6 +60,7 @@
         :name="iconLeft"
         class="sb-textfield__icon sb-textfield__icon--left"
         :color="iconColor"
+        data-testid="sb-textfield-icon-click"
         @click="handleIconClick"
       />
       <SbTooltip
@@ -73,6 +74,7 @@
           :name="iconLeft"
           class="sb-textfield__icon sb-textfield__icon--left"
           :color="iconColor"
+          data-testid="sb-textfield-icon-click"
           @click="handleIconClick"
         />
       </SbTooltip>
@@ -81,6 +83,7 @@
         :name="iconRight"
         class="sb-textfield__icon sb-textfield__icon--right"
         :color="iconColor"
+        data-testid="sb-textfield-icon-click"
         @click="handleIconClick"
       />
       <SbIcon
@@ -88,6 +91,7 @@
         :name="internalIconRight"
         class="sb-textfield__icon sb-textfield__icon--right"
         :color="iconColor"
+        data-testid="sb-textfield-icon-click"
         @click="handleShowHidePassword"
       />
       <SbIcon

From 8a81ffe9fd8e2a80be1962bc80cac1c60d6ba5d3 Mon Sep 17 00:00:00 2001
From: Fernanda Nogueira <fernanda.canto.ngr@gmail.com>
Date: Mon, 29 Aug 2022 15:50:54 -0300
Subject: [PATCH 6/9] doc(int-512): change v-mask for maska

---
 src/components/TextField/TextField.stories.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/TextField/TextField.stories.js b/src/components/TextField/TextField.stories.js
index ca3af53d..910ce57a 100644
--- a/src/components/TextField/TextField.stories.js
+++ b/src/components/TextField/TextField.stories.js
@@ -395,7 +395,7 @@ withMask.parameters = {
   docs: {
     description: {
       story:
-        'Use "#" for numbers (0-9), "A" for letter in any case (a-z,A-Z), "N" for number or letter (a-z,A-Z,0-9), "X" for any symbol and "?" for optional (next character)',
+        'Use "#" for numbers (0-9), “S” for letter in any case (a-z,A-Z), “X” for number or letter (a-z,A-Z,0-9), “*” for repeat and “!” for optional (next character).',
     },
   },
 }

From c4759174b4cdb12ec927915254504c6db2f1f166 Mon Sep 17 00:00:00 2001
From: Fernanda Nogueira <fernanda.canto.ngr@gmail.com>
Date: Mon, 29 Aug 2022 16:49:15 -0300
Subject: [PATCH 7/9] refactor(int-512): remove lines

---
 src/components/Datepicker/Datepicker.vue | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/components/Datepicker/Datepicker.vue b/src/components/Datepicker/Datepicker.vue
index 872d7a81..1fda297c 100644
--- a/src/components/Datepicker/Datepicker.vue
+++ b/src/components/Datepicker/Datepicker.vue
@@ -269,9 +269,7 @@ export default {
         return ''
       }
 
-      if (this.tzOffset) {
-        return this.tzOffset.replace('GMT', '')
-      }
+      if (this.tzOffset) return this.tzOffset.replace('GMT', '')
       return dayjs.tz(this.internalValue, this.timeZone).format('Z')
     },
   },

From 8ebc23d07d833994c5d775df1bba9646d2edc449 Mon Sep 17 00:00:00 2001
From: Fernanda Nogueira <fernanda.canto.ngr@gmail.com>
Date: Tue, 30 Aug 2022 11:40:23 -0300
Subject: [PATCH 8/9] feat(int-512): add blur done action

---
 src/components/Datepicker/Datepicker.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Datepicker/Datepicker.vue b/src/components/Datepicker/Datepicker.vue
index 1fda297c..8858e199 100644
--- a/src/components/Datepicker/Datepicker.vue
+++ b/src/components/Datepicker/Datepicker.vue
@@ -18,6 +18,7 @@
         @icon-click="handleInputClick"
         @clear="handleClear"
         @keyup.enter="handleDoneAction"
+        @blur="handleDoneAction"
       />
 
       <template v-if="isShowTzOffset">

From d93b2373468793fd64d4c174d6f6501370a4e27d Mon Sep 17 00:00:00 2001
From: Fernanda Nogueira <fernanda.canto.ngr@gmail.com>
Date: Tue, 30 Aug 2022 15:01:20 -0300
Subject: [PATCH 9/9] feat(int-512): add invalid date

---
 src/components/Datepicker/Datepicker.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Datepicker/Datepicker.vue b/src/components/Datepicker/Datepicker.vue
index 8858e199..9cfadb04 100644
--- a/src/components/Datepicker/Datepicker.vue
+++ b/src/components/Datepicker/Datepicker.vue
@@ -15,6 +15,7 @@
         :disabled="disabled"
         :placeholder="placeholder"
         :value="internalValueFormatted"
+        :error="invalidDate"
         @icon-click="handleInputClick"
         @clear="handleClear"
         @keyup.enter="handleDoneAction"
@@ -195,6 +196,7 @@ export default {
       datetime: '####-##-## ##:##',
     },
     hitClear: false,
+    invalidDate: false,
   }),
 
   computed: {
@@ -286,6 +288,7 @@ export default {
         dayjs(this.internalValue, this.internalFormat, true).isValid()
       ) {
         this.internalDate = this.internalValue
+        this.invalidDate = false
       }
     },
   },
@@ -319,7 +322,7 @@ export default {
         true
       ).isValid()
       if (!isValid || (this.hasDayDisabled && this.isDateDisabled())) {
-        this.handleClear(this.internalValue)
+        this.invalidDate = true
         return
       }