@naptics/vue-collection 0.2.3 → 0.2.5

package/components/NValInput.js

@@ -3,8 +3,13 @@ import { createComponentWithSlots } from '../utils/component';
 import { computed } from 'vue';
 import { ref, reactive, watch } from 'vue';
 import NInput, { nInputProps } from './NInput';
-import { validate, required } from '../utils/validation';
+import { validate, required, validResult } from '../utils/validation';
 export const validationProps = {
+  /**
+   * If set to `true` this inputs validation will always succeed and all validation
+   * rules are ignored. Default is `false`.
+   */
+  disableValidation: Boolean,
   /**
    * If set to `true` this input is always valid when its value is empty.
    * If set to `false` the input receives the {@link required} rule. Default is `false`.
@@ -53,14 +58,14 @@ export const nValInputProps = {
 /**
  * The `NValInput` is a `NInput` with custom validation.
  */
-export default createComponentWithSlots('NValInput', nValInputProps, ['input'], (props, context) => {
+const Component = createComponentWithSlots('NValInput', nValInputProps, ['input'], (props, context) => {
   const rules = computed(() => {
     const otherRules = Array.isArray(props.rules) ? props.rules : [props.rules];
     return props.optional ? otherRules : [required, ...otherRules];
   });
   const validationResult = ref();
   const validateRules = input => {
-    const result = validate(input, rules.value);
+    const result = props.disableValidation ? validResult() : validate(input, rules.value);
     validationResult.value = result;
     return result;
   };
@@ -72,6 +77,7 @@ export default createComponentWithSlots('NValInput', nValInputProps, ['input'],
   };
   watch(() => props.value, () => validateIfError());
   watch(() => rules.value, () => validateIfError());
+  watch(() => props.disableValidation, () => validateIfError());
   const onBlur = () => {
     if (!props.disableBlurValidation) validateRules(props.value);
     props.onBlur?.();
@@ -101,4 +107,5 @@ export default createComponentWithSlots('NValInput', nValInputProps, ['input'],
   }), null), showErrorMessage.value && _createVNode("p", {
     "class": "text-red-500 text-xs mt-1"
   }, [errorMessage.value])]);
-});
+});
+export { Component as NValInput, Component as default };

package/package.json

@@ -2,7 +2,7 @@
     "name": "@naptics/vue-collection",
     "author": "Timo Siegenthaler",
     "description": "Vue Collection is a collection of styled and fully functional Vue components which can easily be integrated into our projects.",
-    "version": "0.2.3",
+    "version": "0.2.5",
     "main": "./index.js",
     "repository": {
         "type": "git",