@eturnity/eturnity_reusable_components 8.16.9-SLD.5 → 8.16.9-SLD.7

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 (8) hide show
  1. package/package.json +1 -1
  2. package/src/assets/svgIcons/ed_acgrid.svg +2 -3
  3. package/src/assets/svgIcons/ed_acgrid_old.svg +4 -0
  4. package/src/assets/svgIcons/ed_networkandsystemprotection_double.svg +1 -13
  5. package/src/assets/svgIcons/ed_networkandsystemprotection_single.svg +1 -1
  6. package/src/assets/svgIcons/ed_transformer.svg +1 -1
  7. package/src/components/inputs/switchField/index.vue +7 -14
  8. package/src/assets/svgIcons/ed_disconnector_loadbreak switch.svg +0 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eturnity/eturnity_reusable_components",
3
- "version": "8.16.9-SLD.5",
3
+ "version": "8.16.9-SLD.7",
4
4
  "files": [
5
5
  "dist",
6
6
  "src"
package/src/assets/svgIcons/ed_acgrid.svg CHANGED
@@ -1,4 +1,3 @@
1
- <svg width="34" height="65" viewBox="0 0 34 65" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path fill-rule="evenodd" clip-rule="evenodd" d="M25.5308 32.5C25.7556 34.3125 27.1875 35.7444 29 35.9692L29 64.1365H30L30 35.9692C31.9763 35.7241 33.5 34.044 33.5 32C33.5 29.956 31.9763 28.2759 30 28.0308L30 0H29L29 28.0308C27.1875 28.2556 25.7556 29.6875 25.5308 31.5L0 31.5V32.5L25.5308 32.5Z" fill="black"/>
3
- <path d="M26.027 32.4384L25.9726 32L26.027 31.5616C26.2236 29.9764 27.4763 28.7236 29.0616 28.527L29.5 28.4726L29.9384 28.527C31.6671 28.7414 33 30.2112 33 32C33 33.7888 31.6671 35.2586 29.9384 35.473L29.5 35.5274L29.0616 35.473C27.4764 35.2764 26.2236 34.0236 26.027 32.4384Z" stroke="black" stroke-miterlimit="8"/>
1
+ <svg width="40" height="64" viewBox="0 0 40 64" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M33.2002 28.0615C35.0754 28.3926 36.5 30.0298 36.5 32C36.5 33.9702 35.0754 35.6063 33.2002 35.9375V64H31.7998V35.9375C30.1521 35.6465 28.8535 34.3479 28.5625 32.7002H0V31.2998H28.5625C28.8535 29.652 30.152 28.3525 31.7998 28.0615V0H33.2002V28.0615Z" fill="black"/>
4
3
  </svg>
package/src/assets/svgIcons/ed_acgrid_old.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="34" height="65" viewBox="0 0 34 65" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M25.5308 32.5C25.7556 34.3125 27.1875 35.7444 29 35.9692L29 64.1365H30L30 35.9692C31.9763 35.7241 33.5 34.044 33.5 32C33.5 29.956 31.9763 28.2759 30 28.0308L30 0H29L29 28.0308C27.1875 28.2556 25.7556 29.6875 25.5308 31.5L0 31.5V32.5L25.5308 32.5Z" fill="black"/>
3
+ <path d="M26.027 32.4384L25.9726 32L26.027 31.5616C26.2236 29.9764 27.4763 28.7236 29.0616 28.527L29.5 28.4726L29.9384 28.527C31.6671 28.7414 33 30.2112 33 32C33 33.7888 31.6671 35.2586 29.9384 35.473L29.5 35.5274L29.0616 35.473C27.4764 35.2764 26.2236 34.0236 26.027 32.4384Z" stroke="black" stroke-miterlimit="8"/>
4
+ </svg>
package/src/assets/svgIcons/ed_networkandsystemprotection_double.svg CHANGED
@@ -1,15 +1,3 @@
1
1
  <svg width="136" height="64" viewBox="0 0 136 64" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M48.3564 23.3643L48.4766 23.8496L13.7217 32.4844L13.6621 32.499H0V31.499H13.5391L48.2354 22.8789L48.3564 23.3643Z" fill="black"/>
3
- <path d="M96.7109 23.3643L96.832 23.8496L62.0762 32.4844L62.0166 32.499H48.1035V31.499H61.8936L96.5908 22.8789L96.7109 23.3643Z" fill="black"/>
4
- <path d="M136 31.5V32.5H96.207V31.5H136Z" fill="black"/>
5
- <path d="M32.2402 26.9277H33.2402V34.0234H32.2402V26.9277Z" fill="black"/>
6
- <path d="M80.0918 26.9277H81.0918V34.0234H80.0918V26.9277Z" fill="black"/>
7
- <path d="M112.078 31.5H113.078V41.8965H112.078V31.5Z" fill="black"/>
8
- <path d="M98.9483 30.2003L94.6739 34.5106L93.9698 33.8005L98.2441 29.4902L98.9483 30.2003Z" fill="black"/>
9
- <path d="M50.5928 30.2003L46.3185 34.5106L45.6143 33.8005L49.8887 29.4902L50.5928 30.2003Z" fill="black"/>
10
- <path d="M93.9697 30.2003L98.244 34.5106L98.9482 33.8005L94.6738 29.4902L93.9697 30.2003Z" fill="black"/>
11
- <path d="M45.6142 30.2003L49.8886 34.5106L50.5927 33.8005L46.3184 29.4902L45.6142 30.2003Z" fill="black"/>
12
- <path d="M32.2402 46.3564H33.2402V48.2617H35.3105V49.2617H32.2402V46.3564ZM43.5938 48.2617V49.2617H38.4521V48.2617H43.5938ZM51.877 48.2617V49.2617H46.7354V48.2617H51.877ZM60.1602 48.2617V49.2617H55.0186V48.2617H60.1602ZM68.4434 48.2617V49.2617H63.3018V48.2617H68.4434ZM76.7266 48.2617V49.2617H71.585V48.2617H76.7266ZM85.0098 48.2617V49.2617H79.8682V48.2617H85.0098ZM93.293 48.2617V49.2617H88.1514V48.2617H93.293ZM101.576 48.2617V49.2617H96.4346V48.2617H101.576ZM107.788 48.2617V49.2617H104.718V48.2617H107.788ZM32.2402 40.6426H33.2402V43.5469H32.2402V40.6426Z" fill="black"/>
13
- <path d="M80.0918 42.9287H81.0918V43.6904H83.3164V44.6904H80.0918V42.9287ZM92.2148 43.6904V44.6904H86.7656V43.6904H92.2148ZM101.114 43.6904V44.6904H95.665V43.6904H101.114ZM107.788 43.6904V44.6904H104.563V43.6904H107.788ZM80.0918 40.6426H81.0918V42.4043H80.0918V40.6426Z" fill="black"/>
14
- <path d="M117.867 51.8086V41.1416H107.289V51.8086H117.867ZM108.289 42.1416H116.867V50.8086H108.289V42.1416Z" fill="black"/>
2
+ <path d="M99.124 30.377L98.2588 31.249H136V32.749H113.328V41.1406H117.867V51.8076H107.289V49.5107H104.468V48.0107H107.289V44.9395H104.313V43.4395H107.289V41.1406H111.828V32.749H98.2588L99.125 33.6221L98.0684 34.6875L96.458 33.0635L94.8496 34.6875L93.793 33.6221L95.4023 31.999L93.7939 30.377L94.8506 29.3125L96.459 30.9336L98.0674 29.3125L99.124 30.377ZM108.789 42.6406V50.3076H116.367V42.6406H108.789ZM33.4902 48.0107H35.5605V49.5107H31.9902V46.1055H33.4902V48.0107ZM43.8438 49.5107H38.2021V48.0107H43.8438V49.5107ZM52.127 49.5107H46.4854V48.0107H52.127V49.5107ZM60.4102 49.5107H54.7686V48.0107H60.4102V49.5107ZM68.6934 49.5107H63.0518V48.0107H68.6934V49.5107ZM76.9766 49.5107H71.335V48.0107H76.9766V49.5107ZM85.2598 49.5107H79.6182V48.0107H85.2598V49.5107ZM93.543 49.5107H87.9014V48.0107H93.543V49.5107ZM101.826 49.5107H96.1846V48.0107H101.826V49.5107ZM81.3418 43.4395H83.5664V44.9395H79.8418V42.6777H81.3418V43.4395ZM92.4648 44.9395H86.5156V43.4395H92.4648V44.9395ZM101.364 44.9395H95.415V43.4395H101.364V44.9395ZM33.4902 43.7959H31.9902V40.3916H33.4902V43.7959ZM81.3418 42.6533H79.8418V40.3916H81.3418V42.6533ZM96.8916 24.0918L81.3418 27.9551V34.2725H79.8418V28.3281L62.1367 32.7275L62.0469 32.749H49.9033L50.7695 33.6221L49.7129 34.6875L48.1025 33.0635L46.4941 34.6875L45.4375 33.6221L47.0469 31.999L45.4385 30.377L46.4951 29.3125L48.1035 30.9336L49.7119 29.3125L50.7686 30.377L49.9033 31.249H61.8652L79.8418 26.7822V26.6768H80.2686L96.5303 22.6367L96.8916 24.0918ZM48.5371 24.0918L33.4902 27.8301V34.2725H31.9902V28.2031L13.7812 32.7275L13.6924 32.749H0V31.249H13.5107L48.1758 22.6367L48.5371 24.0918Z" fill="black"/>
15
3
  </svg>
package/src/assets/svgIcons/ed_networkandsystemprotection_single.svg CHANGED
@@ -1,3 +1,3 @@
1
1
  <svg width="88" height="64" viewBox="0 0 88 64" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M50.7959 30.1992L49.502 31.499H88V32.499H64.9824V41.1406H69.793V51.8076H59.1719V46.9746H56.4805V45.9746H59.1719V41.1406H63.9824V32.499H49.5029L50.7988 33.8008L50.0928 34.5088L48.2979 32.7061L46.5049 34.5088L45.7988 33.8008L47.5928 31.998L45.8018 30.1992L46.5068 29.4902L48.2988 31.2891L50.0908 29.4902L50.7959 30.1992ZM60.1719 42.1406V50.8076H68.793V42.1406H60.1719ZM33.373 45.9746H35.5645V46.9746H32.373V44.6416H33.373V45.9746ZM44.3311 46.9746H38.9482V45.9746H44.3311V46.9746ZM53.0977 46.9746H47.7139V45.9746H53.0977V46.9746ZM33.373 42.9746H32.373V40.6416H33.373V42.9746ZM48.6719 23.8496L33.373 27.6348V34.0225H32.373V27.8818L13.7754 32.4844L13.7168 32.499H0V31.499H13.5947L48.4316 22.8789L48.6719 23.8496Z" fill="black"/>
2
+ <path d="M50.9287 30.334L49.9531 31.3135H88V32.6885H65.1699V41.1426H69.793V51.8096H59.1719V47.1641H56.293V45.7891H59.1719V41.1426H63.7949V32.6885H49.9541L50.9307 33.6689L49.9609 34.6436L48.2988 32.9746L46.6367 34.6436L45.667 33.6689L47.3281 32L45.6689 30.334L46.6396 29.3594L48.2988 31.0254L49.958 29.3594L50.9287 30.334ZM60.5469 42.5176V50.4346H68.418V42.5176H60.5469ZM33.5605 45.7891H35.752V47.1641H32.1855V44.4561H33.5605V45.7891ZM44.5186 47.1641H38.7607V45.7891H44.5186V47.1641ZM53.2852 47.1641H47.5264V45.7891H53.2852V47.1641ZM33.5605 43.1641H32.1855V40.4561H33.5605V43.1641ZM48.5518 23.3662L48.7178 24.0332L33.5605 27.7832V34.2119H32.1855V28.124L13.8203 32.6689L13.7393 32.6885H0V31.3135H13.5732L48.3867 22.6992L48.5518 23.3662Z" fill="black"/>
3
3
  </svg>
package/src/assets/svgIcons/ed_transformer.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
1
+ <svg width="64" height="64" viewBox="0 -0.5 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="M38.25 20.5C44.2091 20.5 49.0864 25.1383 49.4727 31H64V32H49.4941C49.3611 38.0958 44.3776 43 38.25 43C35.828 43 33.5862 42.2309 31.75 40.9277C29.9138 42.2309 27.672 43 25.25 43C19.1224 43 14.1389 38.0958 14.0059 32H0V31H14.0273C14.4136 25.1383 19.2909 20.5 25.25 20.5C27.6718 20.5 29.9138 21.2683 31.75 22.5713C33.5862 21.2683 35.8282 20.5 38.25 20.5ZM25.25 21.5C19.5911 21.5 15 26.0911 15 31.75C15 37.4089 19.5911 42 25.25 42C27.3488 42 29.2995 41.3666 30.9248 40.2832C28.5234 38.2197 27 35.163 27 31.75C27 28.3368 28.5232 25.2794 30.9248 23.2158C29.2996 22.1327 27.3486 21.5 25.25 21.5ZM38.25 21.5C36.1511 21.5 34.1996 22.1324 32.5742 23.2158C34.9762 25.2794 36.5 28.3365 36.5 31.75C36.5 35.1632 34.9759 38.2197 32.5742 40.2832C34.1997 41.3668 36.1509 42 38.25 42C43.9089 42 48.5 37.4089 48.5 31.75C48.5 26.0911 43.9089 21.5 38.25 21.5ZM31.75 23.8252C29.4607 25.7054 28 28.5579 28 31.75C28 34.9418 29.461 37.7936 31.75 39.6738C34.039 37.7936 35.5 34.9418 35.5 31.75C35.5 28.5579 34.0393 25.7054 31.75 23.8252Z" fill="black"/>
3
3
  </svg>
package/src/components/inputs/switchField/index.vue CHANGED
@@ -30,17 +30,16 @@
30
30
  :color-mode="colorMode"
31
31
  :data-id="item.hasOwnProperty('dataId') ? item.dataId : ''"
32
32
  :inactive-color="inactiveColor"
33
- :is-active="selectedValue == item.value"
33
+ :is-active="value == item.value"
34
34
  :primary-color="primaryColor"
35
35
  :secondary-color="secondaryColor"
36
36
  :size="size"
37
+ :width="item.width || 'auto'"
37
38
  @click="selectItem(item.value)"
38
39
  >
39
40
  <OptionIconContainer v-if="item.icon">
40
41
  <RCIcon
41
- :color="
42
- selectedValue == item.value ? primaryColor : inactiveColor
43
- "
42
+ :color="value == item.value ? primaryColor : inactiveColor"
44
43
  :name="item.icon"
45
44
  :size="item.iconSize"
46
45
  />
@@ -129,6 +128,7 @@
129
128
  secondaryColor: String,
130
129
  inactiveColor: String,
131
130
  size: String,
131
+ width: String,
132
132
  }
133
133
  const SwitchOption = styled('div', optionAttrs)`
134
134
  color: ${(props) =>
@@ -139,6 +139,8 @@
139
139
  ${(props) =>
140
140
  props.isActive ? props.secondaryColor : props.inactiveColor};
141
141
  display: flex;
142
+ width: ${({ width }) => width};
143
+ word-break: break-word;
142
144
  align-items: center;
143
145
  justify-content: center;
144
146
  flex-grow: 1;
@@ -236,20 +238,12 @@
236
238
  },
237
239
  data() {
238
240
  return {
239
- selectedValue: null,
240
241
  primaryColor: 'white',
241
242
  secondaryColor: 'black',
242
243
  inactiveColor: 'grey6',
243
244
  }
244
245
  },
245
- watch: {
246
- value(val) {
247
- this.selectedValue = val
248
- },
249
- },
250
246
  created() {
251
- this.selectedValue = this.value
252
-
253
247
  if (this.colorMode == 'dark') {
254
248
  this.primaryColor = theme.colors.black
255
249
  this.secondaryColor = theme.colors.white
@@ -265,8 +259,7 @@
265
259
  if (this.disabled) {
266
260
  return
267
261
  }
268
- this.selectedValue = value
269
- this.$emit('on-switch-change', this.selectedValue)
262
+ this.$emit('on-switch-change', value)
270
263
  },
271
264
  },
272
265
  }
package/src/assets/svgIcons/ed_disconnector_loadbreak switch.svg DELETED
@@ -1,4 +0,0 @@
1
- <svg width="129" height="82" viewBox="0 0 129 82" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M73.8675 4.17596L84.6193 1.48572L84.3766 0.515625L61.9099 6.13709L62.1526 7.10719L72.8974 4.4187L78.27 26.5671L22.5845 40.501H0V41.501H22.7078L90.706 24.4861L90.4632 23.516L79.2401 26.3243L73.8675 4.17596Z" fill="black"/>
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M77.2852 41.001C77.2852 37.4185 80.1467 34.501 83.6928 34.501C86.3468 34.501 88.6173 36.1352 89.5918 38.4592V35.001H90.5918V40.501H128.246V41.501H90.5918V47.001H89.5918V43.5429C88.6173 45.8669 86.3468 47.501 83.6928 47.501C80.1467 47.501 77.2852 44.5836 77.2852 41.001ZM83.6928 35.501C80.7135 35.501 78.2852 37.9561 78.2852 41.001C78.2852 44.0459 80.7135 46.501 83.6928 46.501C86.6722 46.501 89.1005 44.0459 89.1005 41.001C89.1005 37.9561 86.6722 35.501 83.6928 35.501Z" fill="black"/>
4
- </svg>