@eturnity/eturnity_reusable_components 1.2.2-EPDM-4371.0 → 1.2.2-EPDM-4371.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.2-EPDM-4371.0",
+  "version": "1.2.2-EPDM-4371.1",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/App.vue

@@ -29,13 +29,6 @@
         </tbody>
       </main-table>
       <br />
-      <input-number :isError="false" errorMessage="Test " />
-      <input-number :isError="false" errorMessage="Test " />
-      <input-number :isError="false" errorMessage="Test " />
-      <input-number :isError="false" errorMessage="Test " />
-      <input-number :isError="true" errorMessage="Test " />
-      <input-number :isError="true" errorMessage="Test " />
-      <input-number :isError="true" errorMessage="Test " />
       <br />
       <toggle
         @on-toggle-change="onInputChange($event)"
@@ -68,17 +61,17 @@
 </template>
 
 <script>
-import { ThemeProvider } from 'vue-styled-components'
-import theme from './assets/theme'
-import styled from 'vue-styled-components'
-import MainTable from '@/components/tables/mainTable'
-import ThreeDots from '@/components/threeDots'
-import Toggle from '@/components/inputs/toggle'
-import InputNumber from '@/components/inputs/inputNumber'
-import Checkbox from '@/components/inputs/checkbox'
-import PageSubtitle from '@/components/pageSubtitle'
-import Spinner from '@/components/spinner'
-import ExternalButton from '@/components/buttons/externalButton'
+import { ThemeProvider } from "vue-styled-components"
+import theme from "./assets/theme"
+import styled from "vue-styled-components"
+import MainTable from "@/components/tables/mainTable"
+import ThreeDots from "@/components/threeDots"
+import Toggle from "@/components/inputs/toggle"
+import InputNumber from "@/components/inputs/inputNumber"
+import Checkbox from "@/components/inputs/checkbox"
+import PageSubtitle from "@/components/pageSubtitle"
+import Spinner from "@/components/spinner"
+import ExternalButton from "@/components/buttons/externalButton"
 // import TableDropdown from "@/components/tableDropdown"
 
 const PageContainer = styled.div`
@@ -86,7 +79,7 @@ const PageContainer = styled.div`
 `
 
 export default {
-  name: 'App',
+  name: "App",
   components: {
     ThemeProvider,
     PageContainer,
@@ -97,66 +90,66 @@ export default {
     PageSubtitle,
     Spinner,
     Checkbox,
-    ExternalButton
+    ExternalButton,
     // TableDropdown,
   },
   data() {
     return {
       inputValue: null,
-      checkedOption: 'button_1',
+      checkedOption: "button_1",
       question: {
         number_format_precision: 4,
         number_min_allowed: 0,
         number_max_allowed: 10,
-        unit_short_name: 'cm'
+        unit_short_name: "cm",
       },
       dropdownOpen: false,
       isChecked: false,
       listOptions: [
         {
-          name: 'Option 1',
-          value: 'option_1',
-          disabled: true
+          name: "Option 1",
+          value: "option_1",
+          disabled: true,
         },
         {
-          name: 'Option 2',
-          value: 'option_2'
+          name: "Option 2",
+          value: "option_2",
         },
         {
-          name: 'Option 3',
-          value: 'option_3'
+          name: "Option 3",
+          value: "option_3",
         },
         {
-          name: 'Option 4',
-          value: 'option_4'
-        }
+          name: "Option 4",
+          value: "option_4",
+        },
       ],
       itemOptions: [
         {
-          display_name: 'Test 1',
-          company_item_number: '123',
-          model: 'BTB-2145 Long Text Long Text Long Text Long Text Long Text',
-          id: 1
+          display_name: "Test 1",
+          company_item_number: "123",
+          model: "BTB-2145 Long Text Long Text Long Text Long Text Long Text",
+          id: 1,
         },
         {
-          display_name: 'Test 2',
-          company_item_number: '1234',
-          model: 'BTB-123',
-          id: 2
+          display_name: "Test 2",
+          company_item_number: "1234",
+          model: "BTB-123",
+          id: 2,
         },
         {
-          display_name: 'Test 3',
-          company_item_number: '12345',
-          model: 'BTB-543',
-          id: 3
+          display_name: "Test 3",
+          company_item_number: "12345",
+          model: "BTB-543",
+          id: 3,
         },
         {
-          display_name: 'Test 4',
-          company_item_number: '123456',
-          model: 'BTB-4930',
-          id: 4
-        }
-      ]
+          display_name: "Test 4",
+          company_item_number: "123456",
+          model: "BTB-4930",
+          id: 4,
+        },
+      ],
     }
   },
   methods: {
@@ -170,7 +163,7 @@ export default {
       return this.dropdownOpen
     },
     onClickButton() {
-      console.log('Test')
+      console.log("Test")
     },
     toggleDropdownOpen() {
       this.dropdownOpen = !this.dropdownOpen
@@ -181,21 +174,21 @@ export default {
         {
           value: this.getComponentInfo({
             row: this.itemOptions[0],
-            value: 'display_name'
-          })
+            value: "display_name",
+          }),
         },
         {
           value: this.getComponentInfo({
             row: this.itemOptions[0],
-            value: 'company_item_number'
-          })
+            value: "company_item_number",
+          }),
         },
         {
           value: this.getComponentInfo({
             row: this.itemOptions[0],
-            value: 'model'
-          })
-        }
+            value: "model",
+          }),
+        },
       ]
       return items
     },
@@ -206,11 +199,11 @@ export default {
       } else if (row[value]) {
         item = row[value]
       } else {
-        item = '-'
+        item = "-"
       }
       return item
-    }
-  }
+    },
+  },
 }
 </script>
 
@@ -220,4 +213,4 @@ body {
   height: 100%;
   margin: 0;
 }
-</style>
+</style>

package/src/components/errorMessage/index.vue

@@ -1,6 +1,6 @@
 <template>
   <component-wrapper>
-    <text-overlay v-if="showInfo" :alignText="alignText">
+    <text-overlay>
       <slot></slot>
     </text-overlay>
   </component-wrapper>
@@ -15,8 +15,7 @@
 
 import styled from 'vue-styled-components'
 
-const textAttrs = { alignText: String }
-const TextOverlay = styled('div', textAttrs)`
+const TextOverlay = styled.div`
   position: absolute;
   top: calc(100% + 13px);
   background: ${(props) => props.theme.colors.red};
@@ -54,40 +53,10 @@ export default {
     TextOverlay,
     ComponentWrapper
   },
-  props: {
-    text: {
-      required: true
-    },
-    size: {
-      required: false,
-      default: '20'
-    },
-    alignText: {
-      required: false,
-      default: 'left' // "left" or "right"
-    }
-  },
-  methods: {
-    toggleShowInfo() {
-      this.showInfo = !this.showInfo
-
-      if (this.showInfo) {
-        document.addEventListener('click', this.clickOutside)
-      } else {
-        document.removeEventListener('click', this.clickOutside)
-      }
-    },
-    clickOutside(event) {
-      if (this.$el.contains(event.target)) {
-        return
-      }
-      this.toggleShowInfo()
-    }
-  },
+  props: {},
+  methods: {},
   data() {
-    return {
-      showInfo: true
-    }
+    return {}
   }
 }
 </script>