@eturnity/eturnity_reusable_components 1.2.23 → 1.2.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.23",
+  "version": "1.2.24",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/tables/mainTable/index.vue

@@ -19,8 +19,8 @@
 <script>
 // ToDo: add this to storybook
 // import MainTable from "@eturnity/eturnity_reusable_components/src/components/tables/mainTable"
-import styled from "vue-styled-components"
-import Spinner from "../../spinner"
+import styled from 'vue-styled-components'
+import Spinner from '../../spinner'
 
 const PageContainer = styled.div``
 
@@ -36,8 +36,8 @@ const TableScroll = styled.div`
 `
 
 const wrapperAttrs = { fullWidth: Boolean }
-const TableWrapper = styled("div", wrapperAttrs)`
-  width: ${(props) => (props.fullWidth ? "100%" : "fit-content")};
+const TableWrapper = styled('div', wrapperAttrs)`
+  width: ${(props) => (props.fullWidth ? '100%' : 'fit-content')};
   max-width: 100%;
   overflow: auto;
 
@@ -64,7 +64,7 @@ const SpinnerWrapper = styled.div`
 `
 
 const containerAttrs = { cellPaddings: String }
-const TableContainer = styled("table", containerAttrs)`
+const TableContainer = styled('table', containerAttrs)`
   width: 100%;
   border-collapse: collapse;
   border: none;
@@ -82,7 +82,7 @@ const TableContainer = styled("table", containerAttrs)`
     tr {
       &:hover {
         background-color: ${(props) => props.theme.colors.white};
-        cursor: pointer;
+        cursor: auto;
 
         .arrow-container,
         .input-placeholder,
@@ -115,7 +115,8 @@ const TableContainer = styled("table", containerAttrs)`
   }
 
   td {
-    padding: ${(props) => props.cellPaddings ? props.cellPaddings : "6px 6px 7px 4px" };
+    padding: ${(props) =>
+      props.cellPaddings ? props.cellPaddings : '6px 6px 7px 4px'};
     border-bottom: 1px solid ${(props) => props.theme.colors.grey4};
 
     &.empty {
@@ -207,7 +208,7 @@ const TableContainer = styled("table", containerAttrs)`
     .text {
       padding: 10px 15px 10px 15px;
       color: ${(props) => props.theme.colors.black};
-      cursor: pointer;
+      cursor: auto;
     }
 
     .bold {
@@ -245,7 +246,7 @@ const TableContainer = styled("table", containerAttrs)`
 
     &:hover {
       input:disabled {
-        background-color: ${(props) => props.theme.colors.grey5 + "!important"};
+        background-color: ${(props) => props.theme.colors.grey5 + '!important'};
       }
 
       .drag-icon {
@@ -284,7 +285,7 @@ const TableContainer = styled("table", containerAttrs)`
       cursor: grab;
       background-position: center;
       background-image: ${() =>
-        `url(${require("../../../assets/icons/drag_icon.svg")})`};
+        `url(${require('../../../assets/icons/drag_icon.svg')})`};
 
       &:active {
         cursor: grabbing;
@@ -297,7 +298,7 @@ const TableContainer = styled("table", containerAttrs)`
       background: no-repeat;
       margin-left: 10px;
       background-image: ${() =>
-        `url(${require("../../../assets/icons/subposition_icon.svg")})`};
+        `url(${require('../../../assets/icons/subposition_icon.svg')})`};
     }
 
     .arrow-down {
@@ -306,7 +307,7 @@ const TableContainer = styled("table", containerAttrs)`
       background: no-repeat;
       background-position: center;
       background-image: ${() =>
-        `url(${require("../../../assets/icons/arrow_down.svg")})`};
+        `url(${require('../../../assets/icons/arrow_down.svg')})`};
     }
 
     .arrow-up {
@@ -315,7 +316,7 @@ const TableContainer = styled("table", containerAttrs)`
       background: no-repeat;
       background-position: center;
       background-image: ${() =>
-        `url(${require("../../../assets/icons/arrow_up_red.svg")})`};
+        `url(${require('../../../assets/icons/arrow_up_red.svg')})`};
     }
   }
 
@@ -338,7 +339,7 @@ const TableContainer = styled("table", containerAttrs)`
 `
 
 export default {
-  name: "main-table",
+  name: 'main-table',
   components: {
     TableScroll,
     TableWrapper,
@@ -346,25 +347,25 @@ export default {
     Spinner,
     TableContainer,
     PageContainer,
-    TableTitle,
+    TableTitle
   },
   props: {
     fullWidth: {
       required: false,
-      default: true,
+      default: true
     },
     cellPaddings: {
       required: false,
-      default: '',
+      default: ''
     },
     isLoading: {
       required: false,
-      default: false,
+      default: false
     },
     titleText: {
       required: false,
-      default: null,
-    },
-  },
+      default: null
+    }
+  }
 }
 </script>