@weni/unnnic-system 2.0.18 → 2.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weni/unnnic-system",
-  "version": "2.0.18",
+  "version": "2.0.19",
   "type": "commonjs",
   "files": [
     "dist",

package/src/components/DatePicker/DatePicker.vue

@@ -253,7 +253,7 @@ export default {
       type: Array,
       default: () => [],
       validator(months) {
-        return months.length === 12;
+        return [0, 12].includes(months.length);
       },
     },
 
@@ -261,7 +261,7 @@ export default {
       type: Array,
       default: () => [],
       validator(days) {
-        return days.length === 7;
+        return [0, 7].includes(days.length);
       },
     },
 
@@ -307,17 +307,21 @@ export default {
       };
     },
 
+    i18nLocale() {
+      return this.$i18n.locale.toLowerCase();
+    },
+
     monthsLocale() {
       const { months } = this;
-      return months.length ? months : translationMonths[this.$i18n.locale];
+      return months.length ? months : translationMonths[this.i18nLocale];
     },
     daysLocale() {
       const { days } = this;
-      return days.length ? days : translationDays[this.$i18n.locale];
+      return days.length ? days : translationDays[this.i18nLocale];
     },
     periodsLocale() {
       const { options } = this;
-      return options.length ? options : translationPeriods[this.$i18n.locale];
+      return options.length ? options : translationPeriods[this.i18nLocale];
     },
 
     clearText() {

package/src/components/DatePicker/translations.js

@@ -1,3 +1,29 @@
+const englishMonths = [
+  'January',
+  'February',
+  'March',
+  'April',
+  'May',
+  'June',
+  'July',
+  'August',
+  'September',
+  'October',
+  'November',
+  'December',
+];
+
+const englishDays = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
+
+const englishPeriods = [
+  { name: 'Last 7 days', id: 'last-7-days' },
+  { name: 'Last 14 days', id: 'last-14-days' },
+  { name: 'Last 30 days', id: 'last-30-days' },
+  { name: 'Last 12 months', id: 'last-12-months' },
+  { name: 'Current month', id: 'current-month' },
+  { name: 'Custom', id: 'custom' },
+];
+
 export const months = {
   'pt-br': [
     'Janeiro',
@@ -13,20 +39,8 @@ export const months = {
     'Novembro',
     'Dezembro',
   ],
-  en: [
-    'January',
-    'February',
-    'March',
-    'April',
-    'May',
-    'June',
-    'July',
-    'August',
-    'September',
-    'October',
-    'November',
-    'December',
-  ],
+  en: englishMonths,
+  'en-us': englishMonths,
   es: [
     'Enero',
     'Febrero',
@@ -45,7 +59,8 @@ export const months = {
 
 export const days = {
   'pt-br': ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
-  en: ['S', 'M', 'T', 'W', 'T', 'F', 'S'],
+  en: englishDays,
+  'en-us': englishDays,
   es: ['D', 'L', 'M', 'M', 'J', 'V', 'S'],
 };
 
@@ -76,32 +91,8 @@ export const periods = {
       id: 'custom',
     },
   ],
-  en: [
-    {
-      name: 'Last 7 days',
-      id: 'last-7-days',
-    },
-    {
-      name: 'Last 14 days',
-      id: 'last-14-days',
-    },
-    {
-      name: 'Last 30 days',
-      id: 'last-30-days',
-    },
-    {
-      name: 'Last 12 months',
-      id: 'last-12-months',
-    },
-    {
-      name: 'Current month',
-      id: 'current-month',
-    },
-    {
-      name: 'Custom',
-      id: 'custom',
-    },
-  ],
+  en: englishPeriods,
+  'en-us': englishPeriods,
   es: [
     {
       name: 'Últimos 7 días',