@verdnatura/vn-front-lib 0.0.5 → 0.0.7

package/lib/components/inputs/VnInput.vue

@@ -9,7 +9,10 @@ const { t } = useI18n();
 const emit = defineEmits(['remove']);
 
 const $props = defineProps({
-    isOutlined: { type: Boolean, default: false },
+    isOutlined: {
+        type: Boolean,
+        default: false,
+    },
     info: {
         type: String,
         default: '',
@@ -163,6 +166,9 @@ onMounted(() => {
             hide-bottom-space
             :data-cy="($attrs['data-cy'] ?? $attrs.label) + '_input'"
         >
+            <template #hint v-if="$slots.hint">
+                <slot name="hint" />
+            </template>
             <template #prepend v-if="$slots.prepend">
                 <slot name="prepend" />
             </template>
@@ -228,16 +234,16 @@ onMounted(() => {
     transform: scale(1.2);
 }
 </style>
-<i18n lang="yaml">
-en:
-    inputMin: Must be more than {value}
-    maxLength: The value exceeds {value} characters
-    inputMax: Must be less than {value}
-
-es:
-    inputMin: Debe ser mayor a {value}
-    maxLength: El valor excede los {value} carácteres
-    inputMax: Debe ser menor a {value}
-    Convert to uppercase: Convertir a mayúsculas
-    Remove: Eliminar
+<i18n>
+    en:
+        inputMin: Must be more than {value}
+        maxLength: The value exceeds {value} characters
+        inputMax: Must be less than {value}
+
+    es:
+        inputMin: Debe ser mayor a {value}
+        maxLength: El valor excede los {value} carácteres
+        inputMax: Debe ser menor a {value}
+        Convert to uppercase: Convertir a mayúsculas
+        Remove: Eliminar
 </i18n>

package/lib/main.js

@@ -1,6 +1,9 @@
 export * from './components';
 export * from './composables';
+export * from './utils';
 import * as components from './components';
+import './utils/defaults/qInput';
+import './utils/defaults/qSelect';
 
 function install(app) {
     for (const name in components) {

package/lib/utils/defaults/qInput.js

@@ -0,0 +1,4 @@
+import { QInput } from 'quasar';
+import setDefault from '../setDefault';
+
+setDefault(QInput, 'dense', true);

package/lib/utils/defaults/qSelect.js

@@ -0,0 +1,4 @@
+import { QSelect } from 'quasar';
+import setDefault from '../setDefault';
+
+setDefault(QSelect, 'dense', true);

package/lib/utils/index.js

@@ -0,0 +1 @@
+export { default as setDefault } from './setDefault';

package/lib/utils/setDefault.js

@@ -0,0 +1,18 @@
+export default function (component, key, value) {
+    const prop = component.props[key];
+    switch (typeof prop) {
+        case 'object':
+            prop.default = value;
+            break;
+        case 'function':
+            component.props[key] = {
+                type: prop,
+                default: value,
+            };
+            break;
+        case 'undefined':
+            throw new Error(`unknown prop: ${key}`);
+        default:
+            throw new Error(`unhandled type: ${typeof prop}`);
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@verdnatura/vn-front-lib",
-    "version": "0.0.5",
+    "version": "0.0.7",
     "description": "Vue 3 component and composable library",
     "license": "GPL-3.0",
     "author": "Verdnatura Levante SL",
@@ -32,6 +32,11 @@
             "import": "./dist/stores.js",
             "require": "./dist/stores.cjs"
         },
+        "./utils": {
+            "vnSource": "./lib/utils/index.js",
+            "import": "./dist/utils.js",
+            "require": "./dist/utils.cjs"
+        },
         "./style.css": "./dist/vn-front-lib.css"
     },
     "scripts": {
@@ -52,7 +57,6 @@
         "oxfmt": "^0.61.0",
         "oxlint": "^1.76.0",
         "pinia": "2.3.1",
-        "unplugin-vue-components": "^32.1.0",
         "validator": "^13.15.35",
         "vite": "^8.1.1",
         "vitest": "^4.1.10",

package/dist/components-BMPrf_CF.cjs

@@ -1 +0,0 @@
-const e=require("./useValidationsStore-BZZg24ZP.cjs"),t=require("./useRequired-BviE2qpV.cjs");let n=require("quasar"),r=require("vue"),i=require("vue-i18n");function a(e){let t=e;t.__i18n=t.__i18n||[],t.__i18n.push({locale:``,resource:{en:{inputMin:{t:0,b:{t:2,i:[{t:3,v:`Must be more than `},{t:4,k:`value`}]}},maxLength:{t:0,b:{t:2,i:[{t:3,v:`The value exceeds `},{t:4,k:`value`},{t:3,v:` characters`}]}},inputMax:{t:0,b:{t:2,i:[{t:3,v:`Must be less than `},{t:4,k:`value`}]}}},es:{inputMin:{t:0,b:{t:2,i:[{t:3,v:`Debe ser mayor a `},{t:4,k:`value`}]}},maxLength:{t:0,b:{t:2,i:[{t:3,v:`El valor excede los `},{t:4,k:`value`},{t:3,v:` carácteres`}]}},inputMax:{t:0,b:{t:2,i:[{t:3,v:`Debe ser menor a `},{t:4,k:`value`}]}},"Convert to uppercase":{t:0,b:{t:2,i:[{t:3}],s:`Convertir a mayúsculas`}},Remove:{t:0,b:{t:2,i:[{t:3}],s:`Eliminar`}}}}})}var o={__name:`VnInput`,props:(0,r.mergeModels)({isOutlined:{type:Boolean,default:!1},info:{type:String,default:``},clearable:{type:Boolean,default:!0},emptyToNull:{type:Boolean,default:!0},insertable:{type:Boolean,default:!1},maxlength:{type:Number,default:null},uppercase:{type:Boolean,default:!1}},{modelValue:{default:null},modelModifiers:{}}),emits:(0,r.mergeModels)([`remove`],[`update:modelValue`]),setup(e,{expose:a,emit:o}){let s=(0,r.useAttrs)(),{isRequired:c,requiredFieldRule:l}=t.t(s),{t:u}=(0,i.useI18n)(),d=o,f=e,p=(0,r.useModel)(e,`modelValue`),m=[`number`,`search`,`tel`,`url`,`password`],h=e=>{let t=e;f.emptyToNull&&t===``&&(t=null),p.value=t},g=(0,r.ref)(null),_=(0,r.ref)(!1),v=(0,r.computed)(()=>f.isOutlined?{dense:!0,outlined:!0,rounded:!0}:{}),y=e=>{g.value?.focus(e)},b=e=>{(0,r.nextTick)(()=>{let t=e.target||g.value?.$el?.querySelector(`input`),n=e.target.type||t?.getAttribute(`type`);if(n!==`email`){if(!m.includes(n)){if(t?.setSelectionRange){let e=t.value?.length??0;t.setSelectionRange(e,e)}return}t?.select?.()}})};a({focus:y,vnInputRef:g});let x=(0,r.computed)(()=>[l,...s.rules??[],e=>{let t=f.maxlength;if(t&&+e?.length>t)return u(`maxLength`,{value:t});let{min:n,max:r}=s,i=n===void 0?void 0:Number(n),a=r===void 0?void 0:Number(r);return i!==void 0&&i>=0&&Math.floor(e)<i?u(`inputMin`,{value:i}):a!==void 0&&a>0&&Math.floor(e)>a?u(`inputMax`,{value:a}):!0}]),S=e=>{e.key!==`Backspace`&&f.insertable&&e.key.match(/[0-9]/)&&C(e)},C=e=>{e.preventDefault();let t=e.target,n=t.selectionStart,i=f.maxlength,a=p.value;a||=e.key;let o=e.key;o&&!isNaN(o)&&n<i&&h(a.substring(0,n)+o+a.substring(n+1)),(0,r.nextTick)(()=>{t.setSelectionRange(n+1,n+1)})},w=()=>{p.value=p.value?.toUpperCase()||``};return(0,r.onMounted)(()=>{s.autofocus&&y()}),(t,i)=>{let a=n.QTooltip,o=n.QIcon,l=n.QInput;return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,{onMouseover:i[1]||=e=>_.value=!0,onMouseleave:i[2]||=e=>_.value=!1},[(0,r.createVNode)(l,(0,r.mergeProps)({ref_key:`vnInputRef`,ref:g,"model-value":(0,r.unref)(p),"onUpdate:modelValue":h},{...(0,r.unref)(s),...v.value},{class:{required:(0,r.unref)(c)},onKeydown:S,onFocus:b,clearable:!1,rules:x.value,"lazy-rules":!0,"hide-bottom-space":``,"data-cy":((0,r.unref)(s)[`data-cy`]??(0,r.unref)(s).label)+`_input`}),(0,r.createSlots)({append:(0,r.withCtx)(()=>[(0,r.createVNode)(o,{name:`close`,size:`xs`,class:`cursor-pointer`,style:(0,r.normalizeStyle)({visibility:_.value&&(0,r.unref)(p)&&!(0,r.unref)(s).disabled&&!(0,r.unref)(s).readonly&&f.clearable?`visible`:`hidden`}),onClick:i[0]||=()=>{h(null),g.value?.focus(),d(`remove`)}},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(a,null,{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)((0,r.unref)(u)(`Remove`)),1)]),_:1})]),_:1},8,[`style`]),!(0,r.unref)(s).disabled&&!(0,r.unref)(s).readonly&&f.uppercase?((0,r.openBlock)(),(0,r.createBlock)(o,{key:0,name:`match_case`,size:`xs`,onClick:w,class:`uppercase-icon`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(a,null,{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)((0,r.unref)(u)(`Convert to uppercase`)),1)]),_:1})]),_:1})):(0,r.createCommentVNode)(``,!0),t.$slots.append&&!(0,r.unref)(s).disabled?(0,r.renderSlot)(t.$slots,`append`,{},void 0,void 0,1):(0,r.createCommentVNode)(``,!0),e.info?((0,r.openBlock)(),(0,r.createBlock)(o,{key:2,name:`info`},{default:(0,r.withCtx)(()=>[(0,r.createVNode)(a,{"max-width":`350px`},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(e.info),1)]),_:1})]),_:1})):(0,r.createCommentVNode)(``,!0)]),_:2},[t.$slots.prepend?{name:`prepend`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(t.$slots,`prepend`)]),key:`0`}:void 0]),1040,[`model-value`,`class`,`rules`,`data-cy`])],32)}}};typeof a==`function`&&a(o);var s=e.n({VnInput:()=>o});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/components-BRH_TJed.js

@@ -1,316 +0,0 @@
-import { t as e } from "./useRequired-CTxBp3qy.js";
-import { QIcon as t, QInput as n, QTooltip as r } from "quasar";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createSlots as c, createTextVNode as l, createVNode as u, mergeModels as d, mergeProps as f, nextTick as p, normalizeStyle as m, onMounted as h, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x, useModel as S, withCtx as C } from "vue";
-import { useI18n as w } from "vue-i18n";
-//#region \0rolldown/runtime.js
-var T = Object.defineProperty, E = (e, t) => {
-	let n = {};
-	for (var r in e) T(n, r, {
-		get: e[r],
-		enumerable: !0
-	});
-	return t || T(n, Symbol.toStringTag, { value: "Module" }), n;
-};
-//#endregion
-//#region lib/components/inputs/VnInput.vue?vue&type=i18n&index=0&lang.yaml
-function D(e) {
-	let t = e;
-	t.__i18n = t.__i18n || [], t.__i18n.push({
-		locale: "",
-		resource: {
-			en: {
-				inputMin: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{
-							t: 3,
-							v: "Must be more than "
-						}, {
-							t: 4,
-							k: "value"
-						}]
-					}
-				},
-				maxLength: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [
-							{
-								t: 3,
-								v: "The value exceeds "
-							},
-							{
-								t: 4,
-								k: "value"
-							},
-							{
-								t: 3,
-								v: " characters"
-							}
-						]
-					}
-				},
-				inputMax: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{
-							t: 3,
-							v: "Must be less than "
-						}, {
-							t: 4,
-							k: "value"
-						}]
-					}
-				}
-			},
-			es: {
-				inputMin: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{
-							t: 3,
-							v: "Debe ser mayor a "
-						}, {
-							t: 4,
-							k: "value"
-						}]
-					}
-				},
-				maxLength: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [
-							{
-								t: 3,
-								v: "El valor excede los "
-							},
-							{
-								t: 4,
-								k: "value"
-							},
-							{
-								t: 3,
-								v: " carácteres"
-							}
-						]
-					}
-				},
-				inputMax: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{
-							t: 3,
-							v: "Debe ser menor a "
-						}, {
-							t: 4,
-							k: "value"
-						}]
-					}
-				},
-				"Convert to uppercase": {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{ t: 3 }],
-						s: "Convertir a mayúsculas"
-					}
-				},
-				Remove: {
-					t: 0,
-					b: {
-						t: 2,
-						i: [{ t: 3 }],
-						s: "Eliminar"
-					}
-				}
-			}
-		}
-	});
-}
-//#endregion
-//#region lib/components/inputs/VnInput.vue
-var O = {
-	__name: "VnInput",
-	props: /*@__PURE__*/ d({
-		isOutlined: {
-			type: Boolean,
-			default: !1
-		},
-		info: {
-			type: String,
-			default: ""
-		},
-		clearable: {
-			type: Boolean,
-			default: !0
-		},
-		emptyToNull: {
-			type: Boolean,
-			default: !0
-		},
-		insertable: {
-			type: Boolean,
-			default: !1
-		},
-		maxlength: {
-			type: Number,
-			default: null
-		},
-		uppercase: {
-			type: Boolean,
-			default: !1
-		}
-	}, {
-		modelValue: { default: null },
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ d(["remove"], ["update:modelValue"]),
-	setup(d, { expose: T, emit: E }) {
-		let D = x(), { isRequired: O, requiredFieldRule: k } = e(D), { t: A } = w(), j = E, M = d, N = S(d, "modelValue"), P = [
-			"number",
-			"search",
-			"tel",
-			"url",
-			"password"
-		], F = (e) => {
-			let t = e;
-			M.emptyToNull && t === "" && (t = null), N.value = t;
-		}, I = _(null), L = _(!1), R = i(() => M.isOutlined ? {
-			dense: !0,
-			outlined: !0,
-			rounded: !0
-		} : {}), z = (e) => {
-			I.value?.focus(e);
-		}, B = (e) => {
-			p(() => {
-				let t = e.target || I.value?.$el?.querySelector("input"), n = e.target.type || t?.getAttribute("type");
-				if (n !== "email") {
-					if (!P.includes(n)) {
-						if (t?.setSelectionRange) {
-							let e = t.value?.length ?? 0;
-							t.setSelectionRange(e, e);
-						}
-						return;
-					}
-					t?.select?.();
-				}
-			});
-		};
-		T({
-			focus: z,
-			vnInputRef: I
-		});
-		let V = i(() => [
-			k,
-			...D.rules ?? [],
-			(e) => {
-				let t = M.maxlength;
-				if (t && +e?.length > t) return A("maxLength", { value: t });
-				let { min: n, max: r } = D, i = n === void 0 ? void 0 : Number(n), a = r === void 0 ? void 0 : Number(r);
-				return i !== void 0 && i >= 0 && Math.floor(e) < i ? A("inputMin", { value: i }) : a !== void 0 && a > 0 && Math.floor(e) > a ? A("inputMax", { value: a }) : !0;
-			}
-		]), H = (e) => {
-			e.key !== "Backspace" && M.insertable && e.key.match(/[0-9]/) && U(e);
-		}, U = (e) => {
-			e.preventDefault();
-			let t = e.target, n = t.selectionStart, r = M.maxlength, i = N.value;
-			i ||= e.key;
-			let a = e.key;
-			a && !isNaN(a) && n < r && F(i.substring(0, n) + a + i.substring(n + 1)), p(() => {
-				t.setSelectionRange(n + 1, n + 1);
-			});
-		}, W = () => {
-			N.value = N.value?.toUpperCase() || "";
-		};
-		return h(() => {
-			D.autofocus && z();
-		}), (e, i) => {
-			let p = r, h = t, _ = n;
-			return g(), s("div", {
-				onMouseover: i[1] ||= (e) => L.value = !0,
-				onMouseleave: i[2] ||= (e) => L.value = !1
-			}, [u(_, f({
-				ref_key: "vnInputRef",
-				ref: I,
-				"model-value": b(N),
-				"onUpdate:modelValue": F
-			}, {
-				...b(D),
-				...R.value
-			}, {
-				class: { required: b(O) },
-				onKeydown: H,
-				onFocus: B,
-				clearable: !1,
-				rules: V.value,
-				"lazy-rules": !0,
-				"hide-bottom-space": "",
-				"data-cy": (b(D)["data-cy"] ?? b(D).label) + "_input"
-			}), c({
-				append: C(() => [
-					u(h, {
-						name: "close",
-						size: "xs",
-						class: "cursor-pointer",
-						style: m({ visibility: L.value && b(N) && !b(D).disabled && !b(D).readonly && M.clearable ? "visible" : "hidden" }),
-						onClick: i[0] ||= () => {
-							F(null), I.value?.focus(), j("remove");
-						}
-					}, {
-						default: C(() => [u(p, null, {
-							default: C(() => [l(y(b(A)("Remove")), 1)]),
-							_: 1
-						})]),
-						_: 1
-					}, 8, ["style"]),
-					!b(D).disabled && !b(D).readonly && M.uppercase ? (g(), a(h, {
-						key: 0,
-						name: "match_case",
-						size: "xs",
-						onClick: W,
-						class: "uppercase-icon"
-					}, {
-						default: C(() => [u(p, null, {
-							default: C(() => [l(y(b(A)("Convert to uppercase")), 1)]),
-							_: 1
-						})]),
-						_: 1
-					})) : o("", !0),
-					e.$slots.append && !b(D).disabled ? v(e.$slots, "append", {}, void 0, void 0, 1) : o("", !0),
-					d.info ? (g(), a(h, {
-						key: 2,
-						name: "info"
-					}, {
-						default: C(() => [u(p, { "max-width": "350px" }, {
-							default: C(() => [l(y(d.info), 1)]),
-							_: 1
-						})]),
-						_: 1
-					})) : o("", !0)
-				]),
-				_: 2
-			}, [e.$slots.prepend ? {
-				name: "prepend",
-				fn: C(() => [v(e.$slots, "prepend")]),
-				key: "0"
-			} : void 0]), 1040, [
-				"model-value",
-				"class",
-				"rules",
-				"data-cy"
-			])], 32);
-		};
-	}
-};
-typeof D == "function" && D(O);
-//#endregion
-//#region lib/components/index.js
-var k = /* @__PURE__ */ E({ VnInput: () => O });
-//#endregion
-export { O as n, k as t };

package/dist/useValidationsStore-BZZg24ZP.cjs

@@ -1 +0,0 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,o)=>(o=n==null?{}:e(i(n)),s(r||!n||!n.__esModule||!a.call(n,`default`)?t(o,`default`,{value:n,enumerable:!0}):o,n));let l=require("pinia"),u=require("axios");u=c(u,1);var d=(0,l.defineStore)(`validationsStore`,{state:()=>({validations:null}),actions:{async fetchModels(){let{data:e}=await u.default.get(`Schemas/modelinfo`);this.validations=e}}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});