sprintify-ui 0.11.2 → 0.11.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -21,6 +21,10 @@ interface Props {
21
21
  * Whether to include a "now" line in the Gantt chart
22
22
  */
23
23
  includeToday?: boolean;
24
+ /**
25
+ * Flatten the Gantt chart by removing the hierarchy of rows and displaying all items in a single list. This is useful when there's only one level of rows and you want to maximize the vertical space.
26
+ */
27
+ flatten?: boolean;
24
28
  }
25
29
  type __VLS_Slots = {
26
30
  sidebarRow: (props: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sprintify-ui",
3
- "version": "0.11.2",
3
+ "version": "0.11.4",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "build": "rimraf dist && vue-tsc && vite build",
@@ -49,6 +49,7 @@
49
49
  "@commitlint/config-conventional": "^17.8.1",
50
50
  "@iconify/vue": "^4.1.1",
51
51
  "@storybook/addon-docs": "10.2.0",
52
+ "@storybook/addon-mcp": "^0.2.2",
52
53
  "@storybook/vue3-vite": "10.2.0",
53
54
  "@tailwindcss/aspect-ratio": "^0.4.2",
54
55
  "@tailwindcss/forms": "^0.5.7",
@@ -30,13 +30,14 @@
30
30
  <li
31
31
  v-for="row in rowsInternal"
32
32
  :key="row.id"
33
- class="block border-b border-slate-300 last:border-none"
33
+ class="block last:border-none"
34
34
  >
35
35
  <div
36
+ v-if="!flatten"
36
37
  :style="{
37
38
  height: row.height + 'px',
38
39
  }"
39
- class="w-full flex overflow-hidden"
40
+ class="w-full flex overflow-hidden border-b border-slate-200"
40
41
  >
41
42
  <button
42
43
  type="button"
@@ -77,7 +78,7 @@
77
78
  :style="{
78
79
  height: item.height + 'px'
79
80
  }"
80
- class="w-full border-t overflow-hidden"
81
+ class="w-full border-b border-slate-200 overflow-hidden"
81
82
  @click="$emit('item:click', item)"
82
83
  >
83
84
  <slot
@@ -192,10 +193,11 @@
192
193
  :style="{
193
194
  width: `${width}px`,
194
195
  }"
195
- class="border-b border-slate-300 w-full"
196
+ class="w-full"
196
197
  >
197
198
  <div
198
- class="block relative"
199
+ v-if="!flatten"
200
+ class="block relative border-b border-slate-200"
199
201
  :style="{
200
202
  height: `${row.height}px`,
201
203
  }"
@@ -236,7 +238,7 @@
236
238
  <div
237
239
  v-for="item in row.items"
238
240
  :key="row.id + '-' + item.id"
239
- class="block border-t relative border-slate-200 w-full"
241
+ class="block border-b relative border-slate-200 w-full"
240
242
  :style="{
241
243
  height: `${item.height}px`,
242
244
  }"
@@ -382,6 +384,10 @@ interface Props {
382
384
  * Whether to include a "now" line in the Gantt chart
383
385
  */
384
386
  includeToday?: boolean;
387
+ /**
388
+ * Flatten the Gantt chart by removing the hierarchy of rows and displaying all items in a single list. This is useful when there's only one level of rows and you want to maximize the vertical space.
389
+ */
390
+ flatten?: boolean;
385
391
  }
386
392
 
387
393
  const props = withDefaults(defineProps<Props>(), {