@eturnity/eturnity_reusable_components 1.1.71 → 1.1.74

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eturnity/eturnity_reusable_components",
3
- "version": "1.1.71",
3
+ "version": "1.1.74",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
@@ -0,0 +1,3 @@
1
+ <svg width="7" height="11" viewBox="0 0 7 11" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M1 0V10H7" stroke="#B2B9C5"/>
3
+ </svg>
@@ -1,11 +1,17 @@
1
1
  <template>
2
2
  <dropdown-row
3
- :colspan="colSpan"
3
+ :colspan="isNested ? colSpan + 1 : colSpan"
4
4
  :isOpen="isOpen"
5
5
  @click="toggleOpen"
6
6
  :disabled="disabled"
7
7
  >
8
- <component-container :colSpan="colSpan - 1" class="table-dropdown">
8
+ <component-container
9
+ :colSpan="isNested ? colSpan : colSpan - 1"
10
+ class="table-dropdown"
11
+ >
12
+ <td v-if="isNested">
13
+ <nested-icon />
14
+ </td>
9
15
  <component-item
10
16
  v-for="(item, index) in tableItems"
11
17
  :key="index"
@@ -388,6 +394,13 @@ const TextContainer = styled.div`
388
394
  align-items: center;
389
395
  `
390
396
 
397
+ const NestedIcon = styled.div`
398
+ background-image: ${() =>
399
+ `url(${require("../../assets/icons/subposition_marker.svg")})`};
400
+ height: 10px;
401
+ width: 6px;
402
+ `
403
+
391
404
  export default {
392
405
  name: "table-dropdown",
393
406
  components: {
@@ -414,6 +427,7 @@ export default {
414
427
  CustomSubtext,
415
428
  ArrowContainer,
416
429
  TextContainer,
430
+ NestedIcon,
417
431
  },
418
432
  props: {
419
433
  colSpan: {
@@ -460,6 +474,10 @@ export default {
460
474
  required: false,
461
475
  default: false,
462
476
  },
477
+ isNested: {
478
+ required: false,
479
+ default: false,
480
+ },
463
481
  },
464
482
  data() {
465
483
  return {