@eturnity/eturnity_reusable_components 6.48.0-EPGM-7260.0 → 6.48.2-EPDM-8134.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "6.48.0-EPGM-7260.0",
+  "version": "6.48.2-EPDM-8134.0",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/assets/svgIcons/erase.svg

@@ -1,4 +1,4 @@
 <svg fill="none" height="16" viewbox="12 12 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
-<circle cx="20" cy="20" fill="white" r="7"></circle>
+<circle cx="20" cy="20" r="7"></circle>
 <path d="M24.9592 15.0408C22.2382 12.3197 17.7618 12.3197 15.0408 15.0408C12.3197 17.7618 12.3197 22.2382 15.0408 24.9592C17.7618 27.6803 22.2382 27.6803 24.9592 24.9592C27.6803 22.2382 27.6803 17.8495 24.9592 15.0408ZM23.6426 22.5016L22.4138 23.7304L19.9561 21.2727L17.4984 23.7304L16.2696 22.5016L18.7273 20.0439L16.2696 17.5862L17.4984 16.3574L19.9561 18.815L22.4138 16.3574L23.6426 17.5862L21.185 20.0439L23.6426 22.5016Z" fill="#FF5656"></path>
 </svg>

package/src/components/icon/iconCollection.vue

@@ -20,13 +20,13 @@ import styled from 'vue-styled-components'
 
 const Wrapper = styled.div`
   display: block;
-  text-align:center;
-  justify-items:center
-  width:100%;
-  background-color:#ccc;
+  text-align: center;
+  justify-items: center;
+  width: 100%;
+  background-color: #ccc;
 `
 const IconWrapper = styled.div`
-  display:inline-flex
+  display: inline-flex;
   flex-direction: column;
   background-color: white;
   border-radius: 6px;

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

@@ -16,12 +16,13 @@
       <label-text :labelFontColor="labelFontColor" :data-id="labelDataId">
         {{ labelText }}
       </label-text>
+      
       <info-text
         v-if="labelInfoText"
         :text="labelInfoText"
         borderColor="#ccc"
         size="14px"
-        :alignText="labelInfoAlign"
+        :alignArrow="labelInfoAlign"
       />
     </label-wrapper>
     <input-wrapper>

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

@@ -19,7 +19,7 @@
           :text="infoTextMessage"
           borderColor="#ccc"
           :size="fontSize ? fontSize : '16px'"
-          :alignText="infoTextAlign"
+          :alignArrow="infoTextAlign"
         />
       </label-wrapper>
       <input-error-wrapper>

package/src/components/selectedOptions/index.vue

@@ -1,130 +0,0 @@
-<template>
-  <page-container>
-    <box-container>
-      <selected-container
-        >{{ numberSelected }} {{ $gettext('selected') }}</selected-container
-      >
-      <list-container>
-        <list-item
-          v-for="item in optionsList"
-          :key="item.type"
-          :hoverColor="item.hoverColor"
-          @click="$emit('on-' + item.type)"
-        >
-          {{ item.name }}
-        </list-item>
-      </list-container>
-      <icon-container @click="$emit('on-close')">
-        <icon
-          name="close_for_modals,_tool_tips"
-          color="white"
-          size="14px"
-          cursor="pointer"
-        />
-      </icon-container>
-    </box-container>
-  </page-container>
-</template>
-
-<script>
-// import SelectedOptions from "@eturnity/eturnity_reusable_components/src/components/selectedOptions"
-// optionsList = [
-//   {
-//     type: 'export',
-//     name: 'Export'
-//   },
-//   {
-//     type: 'delete',
-//     name: 'Delete',
-//     hoverColor: 'red' // default is green
-//   }
-// ]
-// @on-${type}="function" should $emit the callback for the 'type' in the optionsList
-// <selected-options :optionsList="optionsList" @on-close="onCloseFunction()" @on-export="function()" @on-delete="function()" />
-import styled from 'vue-styled-components'
-import Icon from '../icon'
-
-const PageContainer = styled.div`
-  position: fixed;
-  bottom: 30px;
-  left: 50%;
-  transform: translateX(-50%);
-`
-
-const SelectedContainer = styled.div`
-  display: grid;
-  align-items: center;
-  height: 100%;
-  padding-right: 20px;
-  border-right: 1px solid rgba(255, 255, 255, 0.2);
-`
-
-const BoxContainer = styled.div`
-  display: flex;
-  align-items: center;
-  background-color: ${(props) => props.theme.colors.black};
-  opacity: 90%;
-  color: ${(props) => props.theme.colors.white};
-  border-radius: 4px;
-  padding: 8px 10px 8px 20px;
-  font-size: 14px;
-  height: 40px;
-`
-
-const ListContainer = styled.div`
-  padding: 0 20px;
-  display: flex;
-  gap: 20px;
-  color: ${(props) => props.theme.colors.white};
-`
-
-const ListAttrs = {
-  hoverColor: String
-}
-const ListItem = styled('div', ListAttrs)`
-  cursor: pointer;
-  &:hover {
-    color: ${(props) =>
-      props.hoverColor
-        ? props.theme.colors[props.hoverColor]
-        : props.theme.colors.green};
-  }
-`
-
-const IconContainer = styled.div`
-  display: grid;
-  align-items: center;
-  justify-items: center;
-  height: 30px;
-  width: 30px;
-  cursor: pointer;
-  margin-left: 20px;
-
-  &:hover {
-    background: rgba(255, 255, 255, 0.1);
-    border-radius: 4px;
-  }
-`
-
-export default {
-  name: 'selected-options',
-  components: {
-    PageContainer,
-    BoxContainer,
-    SelectedContainer,
-    ListContainer,
-    ListItem,
-    Icon,
-    IconContainer
-  },
-  props: {
-    optionsList: {
-      required: true
-    },
-    numberSelected: {
-      required: true,
-      default: 0
-    }
-  }
-}
-</script>