@itfin/components 1.3.51 → 1.3.52

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/panels/PanelList.vue +18 -3
  3. package/src/components/table/TableRows.vue +7 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itfin/components",
3
- "version": "1.3.51",
3
+ "version": "1.3.52",
4
4
  "author": "Vitalii Savchuk <esvit666@gmail.com>",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/components/panels/PanelList.vue CHANGED
@@ -23,9 +23,9 @@
23
23
  :close="() => closePanel(panel)"
24
24
  :expand="() => expandPanel(panel)"
25
25
  :fullsize="() => fullsizePanel(panel)">
26
- <component :is="panels[panel.type]" :panel="panel" :payload="panel.payload" />
26
+ <component :is="panels[panel.type].default || panels[panel.type]" :panel="panel" :payload="panel.payload" />
27
27
  </slot>
28
- <template v-if="$scopedSlots[`${panel.type}.title`]" #title>
28
+ <template v-if="$scopedSlots[`${panel.type}.title`] || panels[panel.type].title" #title>
29
29
  <slot
30
30
  :name="`${panel.type}.title`"
31
31
  :panel="panel"
@@ -35,9 +35,10 @@
35
35
  :close="() => closePanel(panel)"
36
36
  :expand="() => expandPanel(panel)"
37
37
  :fullsize="() => fullsizePanel(panel)">
38
+ <component v-if="panels[panel.type].title" :is="panels[panel.type].title" :panel="panel" :payload="panel.payload" />
38
39
  </slot>
39
40
  </template>
40
- <template v-if="$scopedSlots[`${panel.type}.buttons`]" #buttons>
41
+ <template v-if="$scopedSlots[`${panel.type}.buttons`] || panels[panel.type].buttons" #buttons>
41
42
  <slot
42
43
  :name="`${panel.type}.buttons`"
43
44
  :panel="panel"
@@ -47,6 +48,20 @@
47
48
  :close="() => closePanel(panel)"
48
49
  :expand="() => expandPanel(panel)"
49
50
  :fullsize="() => fullsizePanel(panel)">
51
+ <component v-if="panels[panel.type].buttons" :is="panels[panel.type].buttons" :panel="panel" :payload="panel.payload" />
52
+ </slot>
53
+ </template>
54
+ <template v-if="$scopedSlots[`${panel.type}.header`] || panels[panel.type].header" #header>
55
+ <slot
56
+ :name="`${panel.type}.header`"
57
+ :panel="panel"
58
+ :payload="panel.payload"
59
+ :multiple="isOpenMultiple"
60
+ :open="(title, icon, type, payload) => openPanel(title, icon, type, payload, n + 1)"
61
+ :close="() => closePanel(panel)"
62
+ :expand="() => expandPanel(panel)"
63
+ :fullsize="() => fullsizePanel(panel)">
64
+ <component v-if="panels[panel.type].header" :is="panels[panel.type].header" :panel="panel" :payload="panel.payload" />
50
65
  </slot>
51
66
  </template>
52
67
  </panel>
package/src/components/table/TableRows.vue CHANGED
@@ -27,14 +27,13 @@
27
27
  <a href="" @click.prevent.stop="$emit('toggle', item)" v-else-if="indicatorType === 'toggle'">
28
28
  <template v-if="subrowsProperty && item[subrowsProperty] && item[subrowsProperty].length">
29
29
  <template v-if="item[subrowsProperty] && item[subrowsProperty].length && !isExpanded(item)">
30
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-square" viewBox="0 0 16 16">
31
- <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/>
32
- <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/>
30
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-right-fill" viewBox="0 0 16 16">
31
+ <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
33
32
  </svg>
34
33
  </template>
35
34
  <template v-else>
36
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-square" viewBox="0 0 16 16">
37
- <path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/>
35
+ <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16">
36
+ <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>
38
37
  </svg>
39
38
  </template>
40
39
  </template>
@@ -52,9 +51,9 @@
52
51
  :style="`width: ${column.width}px; max-width: ${column.width}px; left: ${column.left}px;`"
53
52
  :class="{'sticky': column.pinned, 'last-sticky-column': k === lastPinnedIndex, 'flex-grow-1': column.grow, 'px-2': !(column.editable && editable), 'editable': column.editable && editable}"
54
53
  class="table-view-item-value d-flex h-100">
55
- <slot :name="`column.${column.property}`" :level="level" :editable="column.editable && editable" :item="item" :column="column" :update="(val) => updateValue(item, val, n, column)" :value="getValue(item, column)">
54
+ <slot :name="`column.${column.property}`" :toggle="() => $emit('toggle', item)" :level="level" :editable="column.editable && editable" :item="item" :column="column" :update="(val) => updateValue(item, val, n, column)" :value="getValue(item, column)">
56
55
  <template v-if="column.editable && editable">
57
- <slot :name="`edit.${column.type}`" :level="level" :update="(val) => updateValue(item, val, n, column)" :value="getValue(item, column)" :item="item" :column="column">
56
+ <slot :name="`edit.${column.type}`" :level="level" :toggle="() => $emit('toggle', item)" :update="(val) => updateValue(item, val, n, column)" :value="getValue(item, column)" :item="item" :column="column">
58
57
  <itf-text-field class="w-100" v-if="column.type === 'text'" :value="getValue(item, column)" @input="updateValue(item, $event, n, column)" />
59
58
  <itf-hours-field
60
59
  class="w-100"
@@ -69,7 +68,7 @@
69
68
  </slot>
70
69
  </template>
71
70
  <div v-else class="h-100 align-items-center d-flex w-100">
72
- <slot :name="`format.${column.type}`" :level="level" :value="getValue(item, column)" :update="(value) => updateValue(item, value, n, column)" :item="item" :column="column">
71
+ <slot :name="`format.${column.type}`" :toggle="() => $emit('toggle', item)" :level="level" :value="getValue(item, column)" :update="(value) => updateValue(item, value, n, column)" :item="item" :column="column">
73
72
  {{getValue(item, column)}}
74
73
  </slot>
75
74
  </div>