sprintify-ui 0.10.86 → 0.10.87

package/dist/types/components/BaseInput.vue.d.ts

@@ -105,6 +105,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     click: (...args: any[]) => void;
     focus: (...args: any[]) => void;
     keydown: (...args: any[]) => void;
+    keyup: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
@@ -203,6 +204,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClick?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     class: string | string[];

package/dist/types/components/BaseTextarea.vue.d.ts

@@ -56,7 +56,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     blur: typeof blur;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     blur: (...args: any[]) => void;
+    click: (...args: any[]) => void;
     focus: (...args: any[]) => void;
+    keydown: (...args: any[]) => void;
+    keyup: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
@@ -109,7 +112,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     class: string | string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.10.86",
+  "version": "0.10.87",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseInput.vue

@@ -181,6 +181,9 @@ const props = defineProps({
   },
 });
 
+const emit = defineEmits(['update:modelValue', 'focus', 'blur', 'click', 'keydown', 'keyup']);
+
+
 const input = ref<HTMLInputElement | null>(null);
 const focus = ref(false);
 
@@ -222,6 +225,11 @@ const bindings = computed<any>(() => {
       if (event.code == 'Enter' && props.preventSubmit) {
         event.preventDefault();
       }
+
+      emit('keydown', event);
+    },
+    onKeyup(event: KeyboardEvent) {
+      emit('keyup', event);
     },
     onFocus: (e: Event) => {
       emit('focus', e);
@@ -254,7 +262,6 @@ const maskInternal = computed(() => {
   return props.mask;
 });
 
-const emit = defineEmits(['update:modelValue', 'focus', 'blur', 'click', 'keydown']);
 
 const { nameInternal, requiredInternal, hasErrorInternal, emitUpdate, sizeInternal } =
   useField({
@@ -277,10 +284,6 @@ function onClick(event: MouseEvent) {
   emit('click', event);
 }
 
-function onKeydown(event: KeyboardEvent) {
-  emit('keydown', event);
-}
-
 const classes = computed(() => {
   const base = `inline-flex bg-white input-rounded border transition-colors duration-200`;
   const border = hasErrorInternal.value ? 'border-red-500' : 'border-slate-300';

package/src/components/BaseTextarea.vue

@@ -10,6 +10,9 @@
     :rows="rows"
     :autocomplete="autocomplete ? 'on' : 'off'"
     :class="classes"
+    @click="$emit('click', $event)"
+    @keydown="$emit('keydown', $event)"
+    @keyup="$emit('keyup', $event)"
     @input="emitUpdate(transformInputValue($event))"
     @blur="$emit('blur')"
     @focus="$emit('focus')"
@@ -78,7 +81,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(['update:modelValue', 'blur', 'focus']);
+const emit = defineEmits(['update:modelValue', 'blur', 'focus', 'click', 'keydown', 'keyup']);
 
 const { nameInternal, requiredInternal, hasErrorInternal, emitUpdate, sizeInternal } =
   useField({