@eturnity/eturnity_reusable_components 7.12.6-EPDM-7951.2 → 7.12.6-EPDM-7951.3

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": "7.12.6-EPDM-7951.2",
3
+ "version": "7.12.6-EPDM-7951.3",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vue-cli-service serve",
@@ -31,6 +31,10 @@
31
31
  // import MainTable from "@eturnity/eturnity_reusable_components/src/components/tables/mainTable"
32
32
  import styled from 'vue3-styled-components'
33
33
  import Spinner from '../../spinner'
34
+ import dragIconSvg from '../../../assets/icons/drag_icon.svg?url'
35
+ import subpositionIconSvg from '../../../assets/icons/subposition_icon.svg?url'
36
+ import arrowDownSvg from '../../../assets/icons/arrow_down.svg?url'
37
+ import arrowUpRedSvg from '../../../assets/icons/arrow_up_red.svg?url'
34
38
 
35
39
  const pageContainerProps = {
36
40
  tableHeight: String,
@@ -323,8 +327,7 @@ const TableContainer = styled('table', containerAttrs)`
323
327
  height: 16px;
324
328
  cursor: grab;
325
329
  background-position: center;
326
- background-image: ${() =>
327
- `url(${require('../../../assets/icons/drag_icon.svg')})`};
330
+ background-image: ${() => `url(${dragIconSvg})`};
328
331
 
329
332
  &:active {
330
333
  cursor: grabbing;
@@ -336,8 +339,7 @@ const TableContainer = styled('table', containerAttrs)`
336
339
  height: 11px;
337
340
  background: no-repeat;
338
341
  margin-left: 10px;
339
- background-image: ${() =>
340
- `url(${require('../../../assets/icons/subposition_icon.svg')})`};
342
+ background-image: ${() => `url(${subpositionIconSvg})`};
341
343
  }
342
344
 
343
345
  .arrow-down {
@@ -345,8 +347,7 @@ const TableContainer = styled('table', containerAttrs)`
345
347
  height: 11px;
346
348
  background: no-repeat;
347
349
  background-position: center;
348
- background-image: ${() =>
349
- `url(${require('../../../assets/icons/arrow_down.svg')})`};
350
+ background-image: ${() => `url(${arrowDownSvg})`};
350
351
  }
351
352
 
352
353
  .arrow-up {
@@ -354,8 +355,7 @@ const TableContainer = styled('table', containerAttrs)`
354
355
  height: 11px;
355
356
  background: no-repeat;
356
357
  background-position: center;
357
- background-image: ${() =>
358
- `url(${require('../../../assets/icons/arrow_up_red.svg')})`};
358
+ background-image: ${() => `url(${arrowUpRedSvg})`};
359
359
  }
360
360
  }
361
361