@simsustech/quasar-components 0.11.1 → 0.11.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @simsustech/quasar-components
 
+## 0.11.2
+
+### Patch Changes
+
+- 56d905c: feat(PostalCodeInput): use optional country prop instead of locale
+
 ## 0.11.1
 
 ### Patch Changes

package/dist/form.js

@@ -1,4 +1,4 @@
-import { ref, defineComponent, useAttrs, withAsyncContext, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, computed, useSlots, renderSlot, createCommentVNode, createSlots, renderList, toRefs, resolveDirective, createElementBlock, Fragment, resolveDynamicComponent, createElementVNode, withDirectives } from "vue";
+import { ref, defineComponent, useAttrs, withAsyncContext, watch, openBlock, createBlock, unref, mergeProps, normalizeProps, guardReactiveProps, withCtx, createVNode, createTextVNode, toDisplayString, toRefs, computed, useSlots, renderSlot, createCommentVNode, createSlots, renderList, resolveDirective, createElementBlock, Fragment, resolveDynamicComponent, createElementVNode, withDirectives } from "vue";
 import { useQuasar, QSelect, QItem, QItemSection, QItemLabel, QInput, QDate, QIcon, QTooltip, QBtn, QPopupProxy, QField, QEditor } from "quasar";
 import { f as flags, u as useLang$1 } from "./index-DnmJt2wP.js";
 const lang$1 = {
@@ -197,7 +197,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "PostalCodeInput",
   props: {
     modelValue: {},
-    locale: {},
+    country: {},
     required: { type: Boolean }
   },
   emits: ["update:modelValue"],
@@ -205,24 +205,32 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const props = __props;
     const lang2 = useLang();
     const attrs = useAttrs();
+    const { country } = toRefs(props);
     const masks = ref({
-      nl: "#### AA"
+      NL: "#### AA"
     });
     const validations = ref({
-      nl: [
+      NL: [
         (val) => !val || // Do not check an empty string
         /^[1-9][0-9]{3} ?(?!sa|sd|ss)[a-z]{2}$/i.test(val) || lang2.value.postalCode.validations.invalidPostalCode
       ]
     });
+    const computedMask = computed(() => {
+      if (country.value && masks.value[country.value])
+        return masks.value[country.value];
+      return void 0;
+    });
     const computedValidations = computed(() => {
-      const val = validations.value[props.locale];
+      const val = [];
+      if (country.value && validations.value[country.value])
+        val.push(...validations.value[country.value]);
       if (props.required)
         val.push((val2) => !!val2 || lang2.value.validations.fieldRequired);
       return val;
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(QInput), mergeProps(unref(attrs), {
-        mask: masks.value[_ctx.locale],
+        mask: computedMask.value,
         rules: computedValidations.value,
         "model-value": _ctx.modelValue,
         label: `${unref(lang2).postalCode.postalCode}${_ctx.required ? "*" : ""}`,

package/dist/types/ui/authentication/AccountsTable.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: <T extends Account>(__VLS_props: NonNullable<Awaited<typ
         }) => any) | undefined;
         readonly "onUpdate:pagination"?: ((pagination: Pagination) => any) | undefined;
         readonly "onUpdate:criteria"?: ((criteria: Criteria) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onAddRole" | "onRemoveRole" | "onUpdate:pagination" | "onUpdate:criteria"> & {
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onAddRole" | "onRemoveRole" | "onUpdate:pagination" | "onUpdate:criteria"> & Partial<{}> & {
         modelValue: T[];
         count: number;
         pagination: Pagination;

package/dist/types/ui/authentication/OtpInput.vue.d.ts

@@ -1,10 +1,9 @@
-declare const _default: import("vue").DefineComponent<{
+type __VLS_Props = {
     modelValue: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<{
-    modelValue: string;
-}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/ui/form/DatePicker.vue.d.ts

@@ -3,7 +3,7 @@ export interface Period {
     endDate: string;
     type: 'unavailable';
 }
-declare const _default: import("vue").DefineComponent<{
+type __VLS_Props = {
     modelValue: string | null | undefined | {
         from: string;
         to: string;
@@ -11,20 +11,13 @@ declare const _default: import("vue").DefineComponent<{
     periods?: Period[];
     range?: boolean;
     options?: (date: string) => boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: string | {
         from: string;
         to: string;
     }) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    modelValue: string | null | undefined | {
-        from: string;
-        to: string;
-    };
-    periods?: Period[];
-    range?: boolean;
-    options?: (date: string) => boolean;
-}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((val: string | {
         from: string;
         to: string;

package/dist/types/ui/form/FilteredModelSelect.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: <T extends {
             done: (success?: boolean) => void;
         }) => any) | undefined;
         readonly "onUpdate:model-value"?: ((id: number) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFilter" | "onUpdate:model-value"> & {
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onFilter" | "onUpdate:model-value"> & Partial<{}> & {
         modelValue?: number | number[] | null;
         labelKey: string;
         labelFunction?: (option: unknown) => string;

package/dist/types/ui/form/FormInput.vue.d.ts

@@ -6,9 +6,10 @@ export interface Props {
     required?: boolean;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Partial<Record<NonNullable<string | number>, (_: any) => any>>;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/types/ui/form/FormItem.vue.d.ts

@@ -5,12 +5,13 @@ export interface Props {
     field?: FormItems;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         avatar?(_: {}): any;
         side?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/types/ui/form/PostalCodeInput.vue.d.ts

@@ -1,7 +1,7 @@
-export type PostalCodeLocales = 'nl';
+export type PostalCodeCountries = 'NL';
 export interface Props {
     modelValue?: string;
-    locale: PostalCodeLocales;
+    country?: PostalCodeCountries;
     required?: boolean;
 }
 declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/types/ui/general/QDrawerList.vue.d.ts

@@ -1,9 +1,10 @@
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",
@@ -49,34 +49,34 @@
     "validator": "^13.12.0"
   },
   "peerDependencies": {
-    "quasar": "^2.15.2"
+    "quasar": "^2.17.4"
   },
   "devDependencies": {
-    "@types/node": "^22.7.5",
+    "@types/node": "^22.10.0",
     "@types/validator": "^13.12.2",
-    "@types/ws": "^8.5.12",
-    "@typescript-eslint/eslint-plugin": "^8.8.1",
-    "@typescript-eslint/parser": "^8.8.1",
-    "@vitejs/plugin-vue": "^5.1.4",
-    "@vue/server-renderer": "^3.5.11",
-    "eslint": "^9.12.0",
+    "@types/ws": "^8.5.13",
+    "@typescript-eslint/eslint-plugin": "^8.16.0",
+    "@typescript-eslint/parser": "^8.16.0",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/server-renderer": "^3.5.13",
+    "eslint": "^9.15.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-prettier-vue": "^5.0.0",
-    "eslint-plugin-vue": "^9.28.0",
+    "eslint-plugin-vue": "^9.31.0",
     "glob": "^11.0.0",
-    "local-pkg": "^0.5.0",
-    "prettier": "^3.3.3",
-    "quasar": "^2.17.0",
+    "local-pkg": "^0.5.1",
+    "prettier": "^3.4.1",
+    "quasar": "^2.17.4",
     "rimraf": "^6.0.1",
-    "typescript": "^5.6.3",
-    "typescript-eslint": "^8.8.1",
-    "unplugin-vue-components": "^0.27.4",
-    "vite": "^5.4.8",
-    "vue": "^3.5.11",
+    "typescript": "5.6.3",
+    "typescript-eslint": "^8.16.0",
+    "unplugin-vue-components": "^0.27.5",
+    "vite": "^6.0.1",
+    "vue": "^3.5.13",
     "vue-eslint-parser": "^9.4.3",
-    "vue-router": "^4.4.5",
-    "vue-tsc": "^2.1.6"
+    "vue-router": "^4.5.0",
+    "vue-tsc": "^2.1.10"
   },
   "scripts": {
     "build:plugin": "vite build",

package/src/ui/form/PostalCodeInput.vue

@@ -1,7 +1,7 @@
 <template>
   <q-input
     v-bind="attrs"
-    :mask="masks[locale]"
+    :mask="computedMask"
     :rules="computedValidations"
     :model-value="modelValue"
     :label="`${lang.postalCode.postalCode}${required ? '*' : ''}`"
@@ -10,27 +10,30 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, useAttrs } from 'vue'
+import { computed, ref, toRefs, useAttrs } from 'vue'
 import { QInput } from 'quasar'
 import { useLang } from './lang'
 
-export type PostalCodeLocales = 'nl'
+export type PostalCodeCountries = 'NL'
 
 export interface Props {
   modelValue?: string
-  locale: PostalCodeLocales
+  country?: PostalCodeCountries
   required?: boolean
 }
 const props = defineProps<Props>()
 const lang = useLang()
 const attrs = useAttrs()
+
+const { country } = toRefs(props)
+
 const masks = ref({
-  nl: '#### AA'
+  NL: '#### AA'
 })
 defineEmits(['update:modelValue'])
 
 const validations = ref({
-  nl: [
+  NL: [
     (val: string) =>
       !val || // Do not check an empty string
       /^[1-9][0-9]{3} ?(?!sa|sd|ss)[a-z]{2}$/i.test(val) ||
@@ -38,8 +41,16 @@ const validations = ref({
   ]
 })
 
+const computedMask = computed(() => {
+  if (country.value && masks.value[country.value])
+    return masks.value[country.value]
+  return undefined
+})
+
 const computedValidations = computed(() => {
-  const val = validations.value[props.locale]
+  const val = []
+  if (country.value && validations.value[country.value])
+    val.push(...validations.value[country.value])
   if (props.required)
     val.push((val: string) => !!val || lang.value.validations.fieldRequired)
   return val