@itfin/components 2.0.21 → 2.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "2.0.21",
+  "version": "2.0.23",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/filter/FilterBadge.vue

@@ -36,6 +36,16 @@
           @input="onFilterChange({ value: $event })"
         />
       </template>
+      <template v-else-if="type === 'month'">
+        <itf-date-picker-inline
+          style="margin: -.5rem"
+          start-view="months"
+          min-view="months"
+          :value="value.value"
+          only-calendar
+          @input="onFilterChange({ value: $event })"
+        />
+      </template>
       <template v-else-if="type === 'date'">
         <itf-date-picker-inline
           style="margin: -.5rem"

package/src/components/filter/FilterPanel.vue

@@ -365,7 +365,11 @@ class FilterPanel extends Vue {
       }
     } else if (facet.type === 'date') {
       const date = DateTime.fromISO(value.value);
-      value.label = (date.isValid ? value.value : DateTime.fromISO(facet.options.defaultValue.value)).toFormat('dd MMM yyyy');
+      value.label = (date.isValid ? date : DateTime.fromISO(facet.options.defaultValue.value)).toFormat('dd MMM yyyy');
+      value.isDefault = facet.options.defaultValue ? value.value === facet.options.defaultValue.value : false;
+    } else if  (facet.type === 'month') {
+      const date = DateTime.fromISO(value.value);
+      value.label = capitalizeFirstLetter((date.isValid ? date : DateTime.fromISO(facet.options.defaultValue.value)).toFormat('LLLL yyyy'));
       value.isDefault = facet.options.defaultValue ? value.value === facet.options.defaultValue.value : false;
     } else if (facet.type === 'facets-list') {
       const firstItem = facet.options.items.find(item => item.value === (Array.isArray(value.value) ? value.value[0] : value.value));
@@ -404,6 +408,10 @@ class FilterPanel extends Vue {
     }
     value.hidden = facet.options?.hidden ?? false;
     return value;
+
+    function capitalizeFirstLetter(string) {
+      return string.charAt(0).toUpperCase() + string.slice(1);
+    }
   }
 }
 </script>

package/src/helpers/validators.js

@@ -183,7 +183,7 @@ export function dateSameOrBeforeValidation (dateCompare, message) {
   };
 }
 
-export function validatePassword(message) {
+export function passwordValidation(message) {
   return (v, $t) => {
     return !isEmpty(v) && PASSWORD_REGEX.test(v.trim() + '') || (message || $t('components.passwordValidation'));
   };

package/src/helpers/validators.spec.js

@@ -7,7 +7,7 @@ import {
   dateAfterValidation,
   dateSameOrAfterValidation,
   dateSameOrBeforeValidation,
-  validatePassword,
+  passwordValidation,
 } from './validators';
 
 describe('Validators', () => {
@@ -84,15 +84,15 @@ describe('Validators', () => {
   });
 
 
-  test('validatePassword', () => {
-    expect(validatePassword()('', $t)).toEqual('components.passwordValidation');
-    expect(validatePassword()(' ', $t)).toEqual('components.passwordValidation');
-    expect(validatePassword()(null, $t)).toEqual('components.passwordValidation');
-    expect(validatePassword()(undefined, $t)).toEqual('components.passwordValidation');
-    expect(validatePassword()(' тесттест ', $t)).toEqual('components.passwordValidation');
-    expect(validatePassword()(' ТЕСТТЕСТ ', $t)).toEqual('components.passwordValidation');
-    expect(validatePassword()(' ТестТест ', $t)).toEqual('components.passwordValidation');
-    expect(validatePassword()(' ТестТест1 ', $t)).toEqual('components.passwordValidation');
-    expect(validatePassword()(' ТестТест1@ ', $t)).toEqual(true);
+  test('passwordValidation', () => {
+    expect(passwordValidation()('', $t)).toEqual('components.passwordValidation');
+    expect(passwordValidation()(' ', $t)).toEqual('components.passwordValidation');
+    expect(passwordValidation()(null, $t)).toEqual('components.passwordValidation');
+    expect(passwordValidation()(undefined, $t)).toEqual('components.passwordValidation');
+    expect(passwordValidation()(' тесттест ', $t)).toEqual('components.passwordValidation');
+    expect(passwordValidation()(' ТЕСТТЕСТ ', $t)).toEqual('components.passwordValidation');
+    expect(passwordValidation()(' ТестТест ', $t)).toEqual('components.passwordValidation');
+    expect(passwordValidation()(' ТестТест1 ', $t)).toEqual('components.passwordValidation');
+    expect(passwordValidation()(' ТестТест1@ ', $t)).toEqual(true);
   });
 });