@itfin/components 1.2.9 → 1.2.12

package/package.json

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

package/src/components/datepicker/MonthPicker.vue

@@ -8,6 +8,7 @@
     <input
       ref="input"
       readonly
+      :disabled="disabled"
       class="form-control"
       :class="{ 'is-invalid': isInvalid(), 'is-valid': isSuccess() }"
       @focus="onFocus"
@@ -82,6 +83,7 @@ class itfMonthPicker extends Vue {
   @Inject({ default: null }) itemLabel;
 
   @Prop({ type: String }) value;
+  @Prop({ type: Boolean }) disabled;
   @Prop({ type: String, default: 'ISO' }) valueFormat;
   @Prop({ type: String, default: 'MMMM, yyyy' }) displayFormat;
   @Prop({ type: String, default: '' }) placeholder;

package/src/components/modal/Modal.vue

@@ -2,8 +2,8 @@
 
   <div class="itf-modal modal fade" ref="modal" tabindex="-1" :aria-labelledby="modalId" aria-hidden="true">
     <div
-      class="modal-dialog modal-fullscreen-sm-down"
-      :class="{[`modal-${size}`]: size}"
+      class="modal-dialog"
+      :class="{[`modal-${size}`]: size, 'modal-fullscreen': fullscreen, 'modal-fullscreen-sm-down': !fullscreen}"
     >
       <div class="modal-content itf-append-context" ref="content">
         <div class="modal-header">
@@ -58,7 +58,8 @@ class itfModal extends Vue {
   @Prop({ type: String, default: '', validator: (value) => ['', 'sm', 'lg', 'xl'].includes(value) }) size;
 
   @Prop({ type: Number, default: 500 }) animationDuration
-  @Prop({ type: Boolean, default: false }) basic
+  @Prop({ type: Boolean, default: false }) fullscreen;
+  @Prop({ type: Boolean, default: false }) basic;
   @Prop({ type: Boolean, default: false }) image;
   @Prop({ type: Boolean, default: false }) closable
   @Prop({ type: Boolean, default: false }) closeIcon

package/src/helpers/validators.js

@@ -8,7 +8,7 @@ const LINKED_IN_REGEXP = /(http(s)?:\/\/)?([\w]+\.)?linkedin\.com\/(pub|in|profi
 const SPECIAL_CHARS_REGEXP = /^[\w_\-+~,/\\:'"().&*|[\]?# ]+$/i;
 const GREETINGS_REGEXP = /\b(dr|mr|mister|mrs|ms|miss|sir|hello|hi)\b/i;
 const PHONE_REGEXP = /(\+?\(?\+?[0-9]{1,3}\)?[-. ]+([0-9]{2,4})[-. ]?([0-9]{3,5}))|\+?[0-9]{7,}/gi;
-const DOUBLE_REGEXP = /^-?\d{0,11}(\.\d{0,2}){0,1}$/;
+const DOUBLE_REGEXP = /^-?\d{0,11}(\.\d{0,4}){0,1}$/;
 const EMAIL_REGEXP = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/g;
 const EMAIL_LIST_REGEXP = /^(\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]{2,4}\s*?,?\s*?)+$/g;
 const HEX_REGEXP = /[0-9A-Fa-f]{6}/;