@eturnity/eturnity_reusable_components 7.32.0-EPDM-10528.0 → 7.32.1-EPDM-11226.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.32.0-EPDM-10528.0",
+  "version": "7.32.1-EPDM-11226.1",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/filter/filterSettings.vue

@@ -295,24 +295,24 @@
   import InputNumber from '../inputs/inputNumber'
   import MainButton from '../buttons/mainButton'
   import Checkbox from '../inputs/checkbox'
-  import draggable from 'vuedraggable'
+  import Draggable from 'vuedraggable'
   import Icon from '../icon'
   import DeleteIcon from '../deleteIcon'
   import { datePickerLang } from '../../helpers/translateLang'
   import theme from '@/assets/theme.js'
   import VueDatePicker from '@vuepic/vue-datepicker'
 
-const ContainerWrapper = styled.div`
-  position: absolute;
-  margin-top: 4px;
-  background-color: ${(props) => props.theme.colors.white};
-  min-width: 100%;
-  width: max-content;
-  border: 1px solid ${(props) => props.theme.colors.grey4};
-  border-radius: 4px;
-  z-index: 99999;
-  font-size: 13px;
-`
+  const ContainerWrapper = styled.div`
+    position: absolute;
+    margin-top: 4px;
+    background-color: ${(props) => props.theme.colors.white};
+    min-width: 100%;
+    width: max-content;
+    border: 1px solid ${(props) => props.theme.colors.grey4};
+    border-radius: 4px;
+    z-index: 99999;
+    font-size: 13px;
+  `
 
   const ColAttrs = { numCols: Number, hasActiveView: Boolean }
   const ColumnWrapper = styled('div', ColAttrs)`
@@ -470,7 +470,7 @@ const ContainerWrapper = styled.div`
       Checkbox,
       RowWrapper,
       DropdownCheckboxContainer,
-      draggable,
+      Draggable,
       Icon,
       DragContainer,
       InputNumber,

package/src/components/iconWrapper/index.vue

@@ -11,7 +11,7 @@
     :no-cursor="noCursor"
     :size="size"
   >
-    <Icon
+    <RCIcon
       :animation="isLoading ? 'fade 3s infinite' : 'none'"
       :color="iconColor"
       :disabled="disabled"

package/src/components/infoText/index.vue

@@ -129,7 +129,7 @@
       },
       width: {
         required: false,
-        default: '165px',
+        default: '200px',
       },
       maxWidth: {
         type: String,

package/src/components/pagination/index.vue

@@ -77,7 +77,7 @@
   import RCIcon from '../icon'
   import theme from '@/assets/theme.js'
 
-  const paginationWrapper = styled.nav`
+  const PaginationWrapper = styled.nav`
     color: ${(props) => props.theme.colors.brightBlue};
     font-size: 13px;
     display: flex;
@@ -85,7 +85,7 @@
     justify-content: flex-end;
     align-items: center;
   `
-  const paginationLink = styled.div`
+  const PaginationLink = styled.div`
     display: flex;
     padding: 0px 5px;
     margin: 0 2px;
@@ -102,10 +102,10 @@
       border-radius: 4px;
     }
   `
-  const arrowText = styled.div`
+  const ArrowText = styled.div`
     color: ${(props) => props.theme.colors.brightBlue};
   `
-  const arrowIconContainer = styled.div`
+  const ArrowIconContainer = styled.div`
     margin: 0 10px;
     display: flex;
     align-items: center;
@@ -113,11 +113,11 @@
   export default {
     name: 'PaginationComponent',
     components: {
-      paginationWrapper,
-      paginationLink,
+      PaginationWrapper,
+      PaginationLink,
       RCIcon,
-      arrowText,
-      arrowIconContainer,
+      ArrowText,
+      ArrowIconContainer,
     },
     props: ['fetchPage', 'currentPage', 'paginationParams'],
     computed: {