sprintify-ui 0.0.189 → 0.0.191

package/src/components/BaseShortcut.stories.js

@@ -35,7 +35,8 @@ export const Basic = Template.bind({});
 Basic.args = {
   to: '/restaurants',
   title: 'Basic shortcut',
-  icon: 'heroicons:user',
+  icon: 'heroicons:user-solid',
+  color: 'blue',
 };
 
 export const Colors = (args) => ({
@@ -81,3 +82,21 @@ Contrast.args = {
     'Le lorem ipsum est, en imprimerie, une suite de mots sans signification utilisée à titre provisoire pour calibrer une mise en page',
   linkText: 'Open app',
 };
+
+export const Href = Template.bind({});
+Href.args = {
+  href: 'https://www.google.com',
+  title: 'Basic shortcut',
+  icon: 'heroicons:user-solid',
+  color: 'blue',
+};
+
+export const Action = Template.bind({});
+Action.args = {
+  action() {
+    alert(1);
+  },
+  title: 'Basic shortcut',
+  icon: 'heroicons:user-solid',
+  color: 'blue',
+};

package/src/components/BaseShortcut.vue

@@ -1,6 +1,6 @@
 <template>
   <BaseCard class="flex duration-200 hover:bg-slate-50">
-    <router-link :to="to">
+    <BaseActionItem :to="to" :href="href" :action="action" class="block w-full">
       <section class="whitespace-pre-line p-4">
         <!-- Icon -->
         <div
@@ -38,7 +38,7 @@
           </div>
         </div>
       </section>
-    </router-link>
+    </BaseActionItem>
   </BaseCard>
 </template>
 
@@ -48,11 +48,20 @@ import { Icon as BaseIcon } from '@iconify/vue';
 import BaseCard from './BaseCard.vue';
 import { RouteLocationRaw } from 'vue-router';
 import { getColorConfig } from '@/utils/colors';
+import BaseActionItem from './BaseActionItem.vue';
 
 const props = defineProps({
   to: {
-    required: true,
-    type: [String, Object] as PropType<RouteLocationRaw>,
+    default: undefined,
+    type: [String, Object, undefined] as PropType<RouteLocationRaw | undefined>,
+  },
+  href: {
+    default: undefined,
+    type: [String, undefined] as PropType<string | undefined>,
+  },
+  action: {
+    default: undefined,
+    type: [Function, undefined] as PropType<() => Promise<void> | undefined>,
   },
   title: {
     required: true,

package/src/components/BaseTable.vue

@@ -837,7 +837,7 @@ function firstColStyles(th: boolean): any {
     left += DETAIL_ROW_WIDTH;
   }
   return {
-    zIndex: zIndex(th),
+    zIndex: zIndex(th) + 1,
     position: 'sticky',
     left: left + 'px',
     borderRight: horizontalScrolling.value ? '1px solid #e2e8f0' : 'none',

package/src/types/index.ts

@@ -216,6 +216,7 @@ export interface DataIteratorSection {
   title: string;
   closeText: string;
   icon: string;
+  count?: number;
   opened?: boolean;
 }