@winchsa/ui 0.1.43 → 0.1.45

package/README.md

@@ -130,3 +130,9 @@ The `bump` command in `package.json` does the following:
 **Publishing**
 
 After running `pnpm run bump`, go to **GitHub** → **Releases** and create a new release based on the commit generated. This will trigger the `publish.yaml` GitHub Actions workflow, which handles the actual publishing process
+
+**Publish to npm **
+
+``bash
+npm publish --access public
+```

package/dist/components/Drawer.d.vue.ts

@@ -5,13 +5,13 @@ type __VLS_ModelProps = {
     'editModal'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_19: {}, __VLS_34: {}, __VLS_42: {};
+declare var __VLS_19: {}, __VLS_35: {}, __VLS_43: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_19) => any;
 } & {
-    default?: (props: typeof __VLS_34) => any;
+    default?: (props: typeof __VLS_35) => any;
 } & {
-    actions?: (props: typeof __VLS_42) => any;
+    actions?: (props: typeof __VLS_43) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:editModal": (value: boolean | undefined) => any;

package/dist/components/Drawer.vue

@@ -1,7 +1,6 @@
 <script setup>
 import { VCardTitle, VDialog, VCardActions, VCardText } from "vuetify/components";
 import AppCard from "./cards/AppCard.vue";
-import IconBtn from "./IconBtn.vue";
 defineProps({
   isAppRtl: { type: Boolean, required: true }
 });

package/dist/components/Drawer.vue.d.ts

@@ -5,13 +5,13 @@ type __VLS_ModelProps = {
     'editModal'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_19: {}, __VLS_34: {}, __VLS_42: {};
+declare var __VLS_19: {}, __VLS_35: {}, __VLS_43: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_19) => any;
 } & {
-    default?: (props: typeof __VLS_34) => any;
+    default?: (props: typeof __VLS_35) => any;
 } & {
-    actions?: (props: typeof __VLS_42) => any;
+    actions?: (props: typeof __VLS_43) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:editModal": (value: boolean | undefined) => any;

package/dist/components/cards/InputCard.vue

@@ -31,10 +31,10 @@ const colorStyle = computed(() => props.color ? `text-${props.color}` : "");
       elevation="0"
       min-height="41px"
     >
-      <div class="d-flex flex-column">
+      <div class="d-flex flex-column app-font-size-13" style="color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity))">
         <slot>
           <AppLink
-            class="pb-0"
+            class="pb-0 app-font-size-13"
             :class="`${colorStyle}`"
             :to="to"
           >
@@ -55,8 +55,8 @@ const colorStyle = computed(() => props.color ? `text-${props.color}` : "");
   background: rgb(var(--v-disabled-background)) !important;
 }
 
-.app-input-card span {
-  font-size: 14px;
-  color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
+.app-input-card span, .app-input-card p {
+  font-size: 13px;
+  color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
 }
 </style>

package/dist/components/forms/AppNumberField.d.vue.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     modelValue?: string | null | number;
+    title?: string;
 };
 declare var __VLS_17: string | number, __VLS_18: any;
 type __VLS_Slots = {} & {

package/dist/components/forms/AppNumberField.vue

@@ -5,11 +5,12 @@ import { useI18n } from "vue-i18n";
 const { t } = useI18n();
 const attrs = useAttrs();
 defineOptions({
-  name: "AppTextField",
+  name: "AppNumberField",
   inheritAttrs: false
 });
 const props = defineProps({
-  modelValue: { type: [String, null, Number], required: false, default: null }
+  modelValue: { type: [String, null, Number], required: false, default: null },
+  title: { type: String, required: false }
 });
 const emit = defineEmits(["update:modelValue"]);
 const numberValue = ref(null);
@@ -44,10 +45,10 @@ const validateInput = (event) => {
     :class="$attrs.class"
   >
     <VLabel
-      v-if="label"
+      v-if="title ?? label"
       :for="elementId"
       class="mb-2 text-body-2 text-high-emphasis app-font-size-13"
-      :text="langLabel"
+      :text="title ?? langLabel"
     />
     <VTextField
       v-bind="{

package/dist/components/forms/AppNumberField.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     modelValue?: string | null | number;
+    title?: string;
 };
 declare var __VLS_17: string | number, __VLS_18: any;
 type __VLS_Slots = {} & {

package/dist/components/table/DataTable.vue

@@ -70,7 +70,8 @@ const queryParamsString = computed(() => buildQueryString({
   page: currentPage.value,
   pages_count: itemsPerPage.value
 }));
-const queryKey = computed(() => ["table-data", props.url, queryParamsString.value]);
+const prefix = import.meta.env.VITE_APP_TYPE;
+const queryKey = computed(() => ["table-data", prefix, props.url, queryParamsString.value]);
 const { data, error: tableError, isLoading, refetch: refresh } = useQuery({
   queryKey,
   queryFn: async () => {

package/dist/utils/ruleValidator.js

@@ -194,11 +194,14 @@ const useFormValidation = () => {
   const scrollToError = async () => {
     validationType.value = "input";
     await (0, _vue.nextTick)(() => {
-      const el = document.querySelector(".v-messages__message:first-of-type");
-      el?.scrollIntoView({
-        behavior: "smooth",
-        block: "center"
-      });
+      const elements = document.querySelectorAll(".v-messages__message");
+      const el = Array.from(elements).find(element => element.textContent?.trim());
+      if (el) {
+        el.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+      }
     });
   };
   return {

package/dist/utils/ruleValidator.mjs

@@ -180,11 +180,14 @@ export const useFormValidation = () => {
   const scrollToError = async () => {
     validationType.value = "input";
     await nextTick(() => {
-      const el = document.querySelector(".v-messages__message:first-of-type");
-      el?.scrollIntoView({
-        behavior: "smooth",
-        block: "center"
-      });
+      const elements = document.querySelectorAll(".v-messages__message");
+      const el = Array.from(elements).find((element) => element.textContent?.trim());
+      if (el) {
+        el.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+      }
     });
   };
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@winchsa/ui",
-    "version": "0.1.43",
+    "version": "0.1.45",
     "type": "module",
     "private": false,
     "publishConfig": {