sprintify-ui 0.8.54 → 0.8.56

package/dist/types/composables/paginatedData.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, Ref } from 'vue';
 import { Collection, PaginatedCollection, ResourceCollection, PaginationMetadata } from '@/types';
-export declare function useHasPaginatedData(data: Ref<Collection | PaginatedCollection | ResourceCollection | null | undefined>, page?: ComputedRef<number>, perPage?: ComputedRef<number>): {
+export declare function useHasPaginatedData(data: Ref<Collection | PaginatedCollection | ResourceCollection | null | undefined>, page?: ComputedRef<number>, perPage?: ComputedRef<number | undefined>): {
     items: ComputedRef<Collection>;
     paginationMetadata: ComputedRef<PaginationMetadata | null>;
     lastPage: ComputedRef<number>;

package/dist/types/services/gantt/types.d.ts

@@ -45,6 +45,7 @@ export interface Tick {
     width: number;
     label: string;
     align: "start" | "middle" | string;
+    thick: boolean;
 }
 export interface Group {
     date: DateTime;

package/package.json

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

package/src/components/BaseDataIterator.stories.js

@@ -20,9 +20,9 @@ export default {
     },
   },
   args: {
-    url: "https://effettandem.com/api/content/articles",
+    url: "https://faker.witify.io/api/todos",
     urlQuery: {
-      per_page: 5,
+      paginate: '0',
     },
     history: false,
   },

package/src/components/BaseDataIterator.vue

@@ -721,7 +721,13 @@ const dataInternal = computed<ResourceCollection | PaginatedCollection | Collect
 const { items, paginationMetadata, lastPage } = useHasPaginatedData(
   dataInternal,
   page,
-  computed(() => props.perPage),
+  computed(() => {
+    if (dataMode.value == REMOTE) {
+      return undefined;
+    }
+
+    return props.perPage;
+  }),
 );
 
 const itemsInternal = computed(() => {

package/src/components/BaseGantt.vue

@@ -111,11 +111,11 @@
 
             <line
               v-if="tick.align == 'middle'"
-              :x1="tick.width"
-              :x2="tick.width"
+              :x1="tick.width - tick.width"
+              :x2="tick.width - tick.width"
               :y1="24"
               :y2="HEADER_HEIGHT"
-              :stroke="slate[300]"
+              :stroke="tick.thick ? slate[400] : slate[300]"
             ></line>
           </g>
         </svg>
@@ -223,7 +223,7 @@
               :y1="0"
               :y2="height"
               stroke="black"
-              :opacity="0.1"
+              :opacity="tick.thick ? 0.2 : 0.05"
             ></line>
           </g>
         </svg>

package/src/composables/paginatedData.ts

@@ -11,7 +11,7 @@ import { getItems } from '@/utils/getApiData';
 export function useHasPaginatedData(
   data: Ref<Collection | PaginatedCollection | ResourceCollection | null | undefined>,
   page?: ComputedRef<number>,
-  perPage?: ComputedRef<number>,
+  perPage?: ComputedRef<number | undefined>,
 ) {
   const items = computed(() => {
     return getItems(data.value);

package/src/services/gantt/timescale.ts

@@ -130,12 +130,19 @@ export class Timescale {
 
             const label = current.toFormat(this.scale.tick.format);
 
+            let thick = false;
+
+            if (this.scale.tick.step == 'day' && [6, 1].includes(current.weekday)) {
+                thick = true;
+            }
+
             const tick = {
                 date: current,
                 x,
                 width,
                 label,
                 align: this.scale.tick.align,
+                thick: thick,
             } as Tick;
 
             ticks.push(tick);

package/src/services/gantt/types.ts

@@ -51,6 +51,7 @@ export interface Tick {
     width: number;
     label: string;
     align: "start" | "middle" | string;
+    thick: boolean;
 }
 
 export interface Group {