@eturnity/eturnity_reusable_components 1.2.24 → 1.2.25

package/package.json

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

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

@@ -8,7 +8,11 @@
         <spinner-wrapper v-if="isLoading">
           <spinner />
         </spinner-wrapper>
-        <table-container v-else :cellPaddings="cellPaddings">
+        <table-container
+          v-else
+          :cellPaddings="cellPaddings"
+          :tableCursor="tableCursor"
+        >
           <slot />
         </table-container>
       </table-wrapper>
@@ -63,7 +67,7 @@ const SpinnerWrapper = styled.div`
   justify-items: center;
 `
 
-const containerAttrs = { cellPaddings: String }
+const containerAttrs = { cellPaddings: String, tableCursor: String }
 const TableContainer = styled('table', containerAttrs)`
   width: 100%;
   border-collapse: collapse;
@@ -82,7 +86,7 @@ const TableContainer = styled('table', containerAttrs)`
     tr {
       &:hover {
         background-color: ${(props) => props.theme.colors.white};
-        cursor: auto;
+        cursor: ${(props) => (props.tableCursor ? props.tableCursor : 'auto')};
 
         .arrow-container,
         .input-placeholder,
@@ -208,7 +212,7 @@ const TableContainer = styled('table', containerAttrs)`
     .text {
       padding: 10px 15px 10px 15px;
       color: ${(props) => props.theme.colors.black};
-      cursor: auto;
+      cursor: ${(props) => (props.tableCursor ? props.tableCursor : 'auto')};
     }
 
     .bold {
@@ -365,6 +369,10 @@ export default {
     titleText: {
       required: false,
       default: null
+    },
+    tableCursor: {
+      required: false,
+      default: 'auto'
     }
   }
 }