sprintify-ui 0.8.53 → 0.8.55

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.53",
+  "version": "0.8.55",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

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/components/BaseTagAutocompleteFetch.stories.js

@@ -13,8 +13,8 @@ export default {
     },
   },
   args: {
-    url: "https://effettandem.com/api/content/articles",
-    labelKey: "title",
+    url: "https://faker.witify.io/api/todos",
+    labelKey: "name",
     valueKey: "id",
   },
   decorators: [() => ({ template: '<div class="mb-36"><story/></div>' })],

package/src/composables/hasOptions.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { NormalizedOption, RawOption } from '@/types';
-import { isArray, isObject } from 'lodash';
+import { get, isArray, isObject } from 'lodash';
 
 export function useHasOptions(
   modelValue: Ref<RawOption[] | RawOption | null | undefined>,
@@ -17,8 +17,8 @@ export function useHasOptions(
         }
         return modelValue.value.map((option) => {
           return {
-            label: option[labelKey.value] as string,
-            value: option[valueKey.value] as string | number,
+            label: get(option, labelKey.value) as string,
+            value: get(option, valueKey.value) as string | number,
             option: option,
           } as NormalizedOption;
         });
@@ -28,8 +28,8 @@ export function useHasOptions(
         }
 
         return {
-          label: modelValue.value[labelKey.value as never] as string,
-          value: modelValue.value[valueKey.value as never] as string | number,
+          label: get(modelValue.value, labelKey.value as never, '') as string,
+          value: get(modelValue.value, valueKey.value as never) as string | number,
           option: modelValue.value,
         } as NormalizedOption;
       }
@@ -39,8 +39,8 @@ export function useHasOptions(
   const normalizedOptions = computed((): NormalizedOption[] => {
     return options.value.map((option) => {
       return {
-        label: option[labelKey.value] as string,
-        value: option[valueKey.value] as string | number,
+        label: get(option, labelKey.value, '') as string,
+        value: get(option, valueKey.value) as string | number,
         option: option,
       } as NormalizedOption;
     });

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 {