sprintify-ui 0.1.9 → 0.1.10

package/dist/sprintify-ui.es.js

@@ -16663,19 +16663,27 @@ const ub = { class: "absolute inset-0 flex h-full w-full items-center justify-ce
   __name: "BaseHeader",
   props: {
     title: null,
-    subtitle: null,
-    attributes: null,
-    actions: null,
-    badge: null,
-    layout: null,
-    breadcrumbs: null
+    subtitle: { default: void 0 },
+    attributes: { default: void 0 },
+    actions: { default: void 0 },
+    badge: { default: void 0 },
+    layout: { default: "default" },
+    breadcrumbs: { default: void 0 }
   },
   setup(t) {
-    const r = t, e = W(
-      () => r.actions.findIndex((u) => u.color == "primary")
-    ), n = W(() => r.actions[e.value]), i = W(
-      () => r.actions.filter((u, f) => f !== e.value)
-    ), a = se(null), l = se(800);
+    const r = t, e = W(() => {
+      var u, f;
+      if (r.actions)
+        return ((u = r.actions) == null ? void 0 : u.length) === 1 ? 0 : (f = r.actions) == null ? void 0 : f.findIndex((d) => d.color == "primary");
+    }), n = W(() => {
+      if (!r.actions)
+        return;
+      const u = e.value;
+      return u ? r.actions[u] : null;
+    }), i = W(() => {
+      var u;
+      return r.actions ? (u = r.actions) == null ? void 0 : u.filter((f, d) => d !== e.value) : [];
+    }), a = se(null), l = se(800);
     Er(a, () => {
       var u;
       l.value = ((u = a.value) == null ? void 0 : u.clientWidth) ?? 800;

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

@@ -1,35 +1,63 @@
 import { ActionItem, Breadcrumb } from '@/types';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title: string;
     subtitle?: string | undefined;
     attributes?: {
         icon: string;
         label: string;
     }[] | undefined;
-    actions: ActionItem[];
-    badge: {
+    actions?: ActionItem[] | undefined;
+    badge?: {
         icon: string;
         label: string;
         color: string;
-    };
-    layout: 'default' | 'compact';
+    } | undefined;
+    layout?: "default" | "compact" | undefined;
     breadcrumbs?: Breadcrumb[] | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {
+    subtitle: undefined;
+    attributes: undefined;
+    actions: undefined;
+    badge: undefined;
+    layout: string;
+    breadcrumbs: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     title: string;
     subtitle?: string | undefined;
     attributes?: {
         icon: string;
         label: string;
     }[] | undefined;
+    actions?: ActionItem[] | undefined;
+    badge?: {
+        icon: string;
+        label: string;
+        color: string;
+    } | undefined;
+    layout?: "default" | "compact" | undefined;
+    breadcrumbs?: Breadcrumb[] | undefined;
+}>, {
+    subtitle: undefined;
+    attributes: undefined;
+    actions: undefined;
+    badge: undefined;
+    layout: string;
+    breadcrumbs: undefined;
+}>>>, {
+    attributes: {
+        icon: string;
+        label: string;
+    }[];
     actions: ActionItem[];
+    breadcrumbs: Breadcrumb[];
+    layout: 'default' | 'compact';
+    subtitle: string;
     badge: {
         icon: string;
         label: string;
         color: string;
     };
-    layout: 'default' | 'compact';
-    breadcrumbs?: Breadcrumb[] | undefined;
-}>>>, {}>;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -40,3 +68,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseHeader.vue

@@ -110,25 +110,56 @@ import BaseActionItemButton from './BaseActionItemButton.vue';
 import BaseBadge from './BaseBadge.vue';
 import BaseMenu from './BaseMenu.vue';
 
-const props = defineProps<{
-  title: string;
-  subtitle?: string;
-  attributes?: { icon: string; label: string }[];
-  actions: ActionItem[];
-  badge: { icon: string; label: string; color: string };
-  layout: 'default' | 'compact';
-  breadcrumbs?: Breadcrumb[];
-}>();
-
-const primaryActionIndex = computed(() =>
-  props.actions.findIndex((a) => a.color == 'primary')
+const props = withDefaults(
+  defineProps<{
+    title: string;
+    subtitle?: string;
+    attributes?: { icon: string; label: string }[];
+    actions?: ActionItem[];
+    badge?: { icon: string; label: string; color: string };
+    layout?: 'default' | 'compact';
+    breadcrumbs?: Breadcrumb[];
+  }>(),
+  {
+    subtitle: undefined,
+    attributes: undefined,
+    actions: undefined,
+    badge: undefined,
+    layout: 'default',
+    breadcrumbs: undefined,
+  }
 );
 
-const primaryAction = computed(() => props.actions[primaryActionIndex.value]);
+const primaryActionIndex = computed(() => {
+  if (!props.actions) {
+    return undefined;
+  }
+  if (props.actions?.length === 1) {
+    return 0;
+  }
+  return props.actions?.findIndex((a) => a.color == 'primary');
+});
+
+const primaryAction = computed(() => {
+  if (!props.actions) {
+    return undefined;
+  }
 
-const secondaryActions = computed(() =>
-  props.actions.filter((a, i) => i !== primaryActionIndex.value)
-);
+  const index = primaryActionIndex.value;
+
+  if (index) {
+    return props.actions[index];
+  }
+
+  return null;
+});
+
+const secondaryActions = computed(() => {
+  if (!props.actions) {
+    return [];
+  }
+  return props.actions?.filter((a, i) => i !== primaryActionIndex.value);
+});
 
 const baseHeaderRef = ref<HTMLElement | null>(null);