@zemkogabor/vue-form-validator 0.0.3 → 1.1.0

package/dist/vue-form-validator.js

@@ -1,54 +1,62 @@
-import { ref as v } from "vue";
-import { useI18n as m } from "vue-i18n";
-function c(i) {
-  const { t: e } = m(), t = v(null);
-  function l(r) {
-    const a = i.value;
-    a !== null && (r !== null ? a.setCustomValidity(r) : a.setCustomValidity(""), t.value = o(a));
+import { inject as f, ref as u } from "vue";
+const v = /* @__PURE__ */ Symbol("VALIDATOR_CONFIG");
+function g(s) {
+  const a = f(
+    v,
+    void 0
+  );
+  if (!a || !a.messages)
+    throw new Error(
+      "[vue-form-validator] Validator messages are not provided. Did you forget to call app.provide(VALIDATOR_CONFIG_KEY, ...)?"
+    );
+  const r = a.messages, i = u(null);
+  function l(e) {
+    const t = s.value;
+    t !== null && (e !== null ? t.setCustomValidity(e) : t.setCustomValidity(""), i.value = o(t));
   }
-  function o(r) {
-    if (r.validity.valueMissing)
-      return e("validator.error.value_missing");
-    if (r.validity.tooShort)
-      return e("validator.error.too_short", [r.minLength]);
-    if (r.validity.tooLong)
-      return e("validator.error.too_long", [r.maxLength]);
-    if (r.validity.rangeUnderflow)
-      return e("validator.error.range_underflow", [r.min]);
-    if (r.validity.rangeOverflow)
-      return e("validator.error.range_overflow", [r.max]);
-    if (r.validity.typeMismatch) {
-      if (r.type === "email")
-        return e("validator.error.type_mismatch.email");
-      if (r.type === "url")
-        return e("validator.error.type_mismatch.url");
+  function o(e) {
+    if (e.validity.valueMissing)
+      return r.valueMissing;
+    if (e.validity.tooShort)
+      return r.tooShort(e.minLength);
+    if (e.validity.tooLong)
+      return r.tooLong(e.maxLength);
+    if (e.validity.rangeUnderflow)
+      return r.rangeUnderflow(e.min);
+    if (e.validity.rangeOverflow)
+      return r.rangeOverflow(e.max);
+    if (e.validity.typeMismatch) {
+      if (e.type === "email")
+        return r.typeMismatchEmail;
+      if (e.type === "url")
+        return r.typeMismatchUrl;
     }
-    if (r.validity.badInput) {
-      if (r.type === "number")
-        return e("validator.error.bad_input.number");
-      if (r.type === "date")
-        return e("validator.error.bad_input.date");
+    if (e.validity.badInput) {
+      if (e.type === "number")
+        return r.badInputNumber;
+      if (e.type === "date")
+        return r.badInputDate;
     }
-    if (r.validity.patternMismatch)
-      return e("validator.error.pattern_mismatch");
-    if (r.validity.stepMismatch) {
-      const a = Math.floor(Number(r.value) / Number(r.step)) * Number(r.step), d = Math.ceil(Number(r.value) / Number(r.step)) * Number(r.step);
-      return e("validator.error.step_mismatch", [a, d]);
+    if (e.validity.patternMismatch)
+      return r.patternMismatch;
+    if (e.validity.stepMismatch) {
+      const t = Math.floor(Number(e.value) / Number(e.step)) * Number(e.step), d = Math.ceil(Number(e.value) / Number(e.step)) * Number(e.step);
+      return r.stepMismatch(t, d);
     }
-    return r.validity.customError ? r.validationMessage : null;
+    return e.validity.customError ? e.validationMessage : null;
   }
-  function n(r) {
-    r.target !== null && (t.value = o(r.target));
+  function n(e) {
+    e.target !== null && (i.value = o(e.target));
   }
-  function s() {
-    return t.value;
+  function m() {
+    return i.value;
   }
   return {
     onInvalid: n,
-    getInvalidMessage: s,
+    getInvalidMessage: m,
     setCustomError: l
   };
 }
 export {
-  c as useValidator
+  g as useValidator
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zemkogabor/vue-form-validator",
-  "version": "0.0.3",
+  "version": "1.1.0",
   "description": "A lightweight Vue.js library that implements the JavaScript Constraint Validation API, offering advanced form validation with custom error messages and internationalization support.",
   "module": "./dist/vue-form-validator.js",
   "types": "./dist/index.d.ts",
@@ -32,28 +32,28 @@
   ],
   "author": "Gabor Zemko <gaborzemko@gmail.com>",
   "peerDependencies": {
-    "vue": "^3.0.0",
-    "vue-i18n": "^9.0.0"
+    "vue": "^3.0.0"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.3.3",
-    "@tsconfig/node20": "^20.1.2",
-    "@types/node": "^20.11.10",
-    "@vitejs/plugin-vue": "^5.0.3",
-    "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/tsconfig": "^0.5.1",
-    "eslint": "^8.49.0",
+    "@eslint/js": "^9.39.2",
+    "@tsconfig/node22": "^22.0.5",
+    "@types/bootstrap": "^5.2.10",
+    "@types/node": "^22.10.1",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/tsconfig": "^0.8.1",
+    "@vitejs/plugin-vue": "^6.0.3",
+    "eslint": "^9.39.2",
     "eslint-config-standard": "^17.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-n": "^16.6.2",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-n": "^17.23.1",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-vue": "^9.22.0",
-    "typescript": "~5.3.0",
-    "vite": "^5.0.11",
-    "vite-plugin-dts": "^3.8.3",
-    "vue": "^3.4.21",
-    "vue-i18n": "^9.10.1",
-    "vue-tsc": "^1.8.27"
+    "eslint-plugin-promise": "^7.2.1",
+    "eslint-plugin-vue": "^10.6.2",
+    "lint-staged": "^16.2.7",
+    "typescript-eslint": "^8.52.0",
+    "vue-tsc": "^3.2.2",
+    "vue": "^3.5.27",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4"
   }
 }

package/dist/Validator.d.ts

@@ -1,7 +0,0 @@
-import { Ref } from 'vue';
-
-export declare function useValidator(inputRef: Ref<HTMLInputElement | null>): {
-    onInvalid: (event: Event) => void;
-    getInvalidMessage: () => string | null;
-    setCustomError: (data: string) => void;
-};

package/dist/index.d.ts

@@ -1 +0,0 @@
-export { useValidator } from './Validator';