@eturnity/eturnity_reusable_components 8.13.13-EPDM-12618.4 → 8.13.13-SLD.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "8.13.13-EPDM-12618.4",
+  "version": "8.13.13-SLD.0",
   "files": [
     "dist",
     "src"

package/src/assets/svgIcons/ac_power.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="30" height="30" viewbox="0 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg">
+	<path d="m274.68 139.53c-5.76-2.85-12.66-0.39-15.54 5.4-0.18 0.3-17.04 34.5-43.02 36.9-21.93 2.19-42.9-19.95-56.82-38.82-25.38-34.35-51.66-50.4-77.73-48.09-39.15 3.75-60.84 48.12-61.8 50.04-2.76 5.82-0.27 12.72 5.4 15.51 5.85 2.79 12.84 0.45 15.66-5.37 0.12-0.39 17.07-34.53 43.05-36.93 21.72-2.1 42.9 19.98 56.73 38.76 23.73 32.1 48.15 48.33 72.48 48.33 1.86 0 3.54-0.06 5.34-0.27 39.09-3.63 60.81-48.09 61.68-49.95 2.88-5.82 0.39-12.75-5.43-15.51z"/>
+</svg>

package/src/assets/svgIcons/arrow_long_left.svg

@@ -0,0 +1,3 @@
+<svg fill="none" height="20" viewbox="0 0 100 20" width="100" xmlns="http://www.w3.org/2000/svg">
+<path d="M100,9 L4,9 L9,5 L6,5 L0,10 L6,15 L9,15 L4,11 L100,11 Z" fill="#ff0000"></path>
+</svg>

package/src/assets/svgIcons/arrow_long_right.svg

@@ -0,0 +1,3 @@
+<svg fill="none" height="20" viewbox="0 0 100 20" width="100" xmlns="http://www.w3.org/2000/svg">
+<path d="M0,9 L96,9 L91,5 L94,5 L100,10 L94,15 L91,15 L96,11 L0,11 Z" fill="#ff0000"></path>
+</svg>

package/src/assets/svgIcons/chassis_ground_symbol.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.0"
+   width="40"
+   height="37.5"
+   id="svg2">
+  <defs
+     id="defs4" />
+  <g
+     id="layer1">
+    <path
+       d="M 22.5,23 L 22.5,3"
+       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="path4104" />
+    <path
+       d="M 22.93334,23.5 L 15.000009,31.5"
+       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000012px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="path4112" />
+    <path
+       d="M 3,31.5 L 11,23.5 L 35,23.5 L 27,31.5"
+       style="fill:none;fill-opacity:0.75;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="path4116" />
+  </g>
+</svg>

package/src/assets/svgIcons/dc_power.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 250 100">
+<rect width="200" height="16" x="25" y="20" />
+<rect width="40" height="16" x="25" y="52" />
+<rect width="40" height="16" x="105" y="52" />
+<rect width="40" height="16" x="185" y="52" />
+</svg>

package/src/assets/svgIcons/double_arrow_long.svg

@@ -0,0 +1,4 @@
+<svg fill="none" height="30" viewbox="0 0 100 30" width="100" xmlns="http://www.w3.org/2000/svg">
+<path d="M100,19 L4,19 L9,15 L6,15 L0,20 L6,25 L9,25 L4,21 L100,21 Z" fill="#ff0000"></path>
+<path d="M0,9 L96,9 L91,5 L94,5 L100,10 L94,15 L91,15 L96,11 L0,11 Z" fill="#ff0000"></path>
+</svg>

package/src/assets/svgIcons/ground_symbol.svg

@@ -0,0 +1,28 @@
+<svg
+   width="50"
+   height="50"
+   viewBox="0 0 25 50"
+   fill='white'
+   >
+  <defs
+     id="defs4" />
+  <g
+     id="layer1">
+    <path
+       d="M 0.5,24.5 L 24.5,24.5"
+       style="fill:lime;fill-opacity:0.75;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="path4098" />
+    <path
+       d="M 4.5,27.5 L 20.5,27.5"
+       style="fill:lime;fill-opacity:0.75;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="path4100" />
+    <path
+       d="M 16.5,30.5 L 8.5,30.5"
+       style="fill:lime;fill-opacity:0.75;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="path4102" />
+    <path
+       d="M 12.5,24.5 L 12.5,4.5"
+       style="fill:lime;fill-opacity:0.75;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="path4104" />
+  </g>
+</svg>

package/src/components/icon/index.vue

@@ -3,7 +3,8 @@
     :cursor="cursor"
     data-test-id="icon_wrapper"
     :disabled="disabled"
-    :size="size"
+    :height="height ? height : size"
+    :width="width ? width : size"
   >
     <IconImage
       :animation="animation"
@@ -67,6 +68,16 @@
       default: '30px',
       type: String,
     },
+    width: {
+      type: String,
+      required: false,
+      default: '',
+    },
+    height: {
+      type: String,
+      required: false,
+      default: '',
+    },
     cursor: {
       required: false,
       default: null,
@@ -100,7 +111,8 @@
   })
 
   const Wrapper = styled('div', {
-    size: String,
+    height: String,
+    width: String,
     disabled: Boolean,
     cursor: String,
   })`
@@ -108,10 +120,10 @@
     position: relative;
     align-content: center;
     justify-content: center;
-    width: ${(props) => props.size};
-    height: ${(props) => props.size};
-    min-width: ${(props) => props.size};
-    min-height: ${(props) => props.size};
+    width: ${(props) => props.width};
+    height: ${(props) => props.height};
+    min-width: ${(props) => props.width};
+    min-height: ${(props) => props.height};
     cursor: ${(props) => (props.disabled ? 'not-allowed' : props.cursor)};
     line-height: 0;
   `

package/src/components/inputs/inputText/index.vue

@@ -169,7 +169,9 @@
     position: relative;
     font-size: ${(props) => (props.fontSize ? props.fontSize : '16px')};
     color: ${(props) =>
-      props.isDisabled
+      props.isError
+        ? props.theme.colors.grey6
+        : props.isDisabled
         ? props.theme.colors.grey2
         : props.fontColor
         ? props.fontColor + ' !important'

package/src/components/tableDropdown/index.vue

@@ -78,13 +78,10 @@
               v-else
               class="inputField"
               :disabled="customInputDisabled"
-              :error-message="item.errorMessage"
               :font-color="showArchived ? theme.colors.red : 'black'"
-              :is-error="item.isError"
               :min-width="item.value.length + 'ch'"
               :no-border="true"
               :value="item.value"
-              @input-blur="onCustomInputChange($event.trim())"
               @input-change="onCustomInputChange($event)"
             />
           </InputContainer>
@@ -165,7 +162,7 @@
             </OptionsItem>
           </OptionsWrapper>
           <CustomContainer
-            v-if="getCustomName.length && allowFreeInputs"
+            v-if="inputText.length && allowFreeInputs"
             @click="onCustomNameClick()"
           >
             <CustomName>{{ getCustomName }}</CustomName>
@@ -229,6 +226,7 @@
   const ItemAttrs = { isNested: Boolean, showArchived: Boolean }
   const ComponentItem = styled('td', ItemAttrs)`
     padding-left: ${(props) => (props.isNested ? '14px !important' : '0')};
+    overflow: hidden;
     text-overflow: ellipsis;
     padding-right: 0 !important;
     color: ${(props) =>
@@ -560,7 +558,7 @@
     },
     computed: {
       getCustomName() {
-        return this.inputText.trim()
+        return this.inputText
       },
       theme() {
         return theme
@@ -654,7 +652,7 @@
       },
       onCustomNameClick() {
         this.wasClicked = true
-        this.$emit('on-custom-input-name', this.getCustomName)
+        this.$emit('on-custom-input-name', this.inputText)
         this.$emit('toggle-dropdown-open', { close: true })
         this.inputText = ''
       },