sprintify-ui 0.10.84 → 0.10.87

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

@@ -12,6 +12,7 @@ type __VLS_Props = {
         label: string;
         tooltip?: string;
         to?: RouteRecordRaw;
+        href?: string;
     }[];
     actions?: ActionItem[];
     badge?: BaseBadgeProps;
@@ -29,6 +30,7 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
         label: string;
         tooltip?: string;
         to?: RouteRecordRaw;
+        href?: string;
     }[];
     subtitle: string;
     badge: BaseBadgeProps;

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/dist/types/components/BaseTimePicker.vue.d.ts

@@ -49,6 +49,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
         type: BooleanConstructor;
     };
+    showNowButton: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -100,6 +104,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
         type: BooleanConstructor;
     };
+    showNowButton: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -115,5 +123,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     minuteStep: number;
     secondStep: number;
     disabledSeconds: boolean;
+    showNowButton: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/package.json

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

package/src/components/BaseHeader.vue

@@ -51,8 +51,9 @@
             :delay="400"
           >
             <component
-              :is="attribute.to ? 'router-link' : 'div'"
+              :is="attribute.to ? 'router-link' : (attribute.href ? 'a' : 'div')"
               :to="attribute.to"
+              :href="attribute.href"
               class="flex items-center gap-1.5"
             >
               <BaseIcon
@@ -106,7 +107,7 @@ const props = withDefaults(
   defineProps<{
     title: string;
     subtitle?: string;
-    attributes?: { icon?: string; label: string; tooltip?: string, to?: RouteRecordRaw }[];
+    attributes?: { icon?: string; label: string; tooltip?: string, to?: RouteRecordRaw, href?: string }[];
     actions?: ActionItem[];
     badge?: BaseBadgeProps;
     layout?: 'default' | 'compact';

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({

package/src/components/BaseTimePicker.vue

@@ -101,8 +101,9 @@
           </div>
 
           <!-- Buttons Action -->
-          <div class="flex justify-between items-center pt-2 mt-1 px-2 border-t">
+          <div class="flex justify-between items-center gap-2 pt-2 mt-1 px-2 border-t">
             <button
+              v-if="showNowButton"
               class="btn btn-slate btn-sm block"
               @click="now(close)"
             >
@@ -185,6 +186,10 @@ const props = defineProps({
     default: false,
     type: Boolean,
   },
+  showNowButton: {
+    default: false,
+    type: Boolean,
+  },
 });
 
 const emit = defineEmits(['update:modelValue']);