@eturnity/eturnity_reusable_components 6.48.0-EPDM-8599.0 → 6.48.0-EPDM-8891.3

package/package.json

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

package/src/App.vue

@@ -114,7 +114,6 @@ import iconCollection from '@/components/icon/iconCollection'
 import dropdownComponent from '@/components/dropdown'
 import videoThumbnail from '@/components/videoThumbnail'
 import icon from '@/components/icon'
-import infoCard from '@/components/infoCard'
 // import TableDropdown from "@/components/tableDropdown"
 
 const PageContainer = styled.div`
@@ -139,8 +138,7 @@ export default {
     iconCollection,
     dropdownComponent,
     videoThumbnail,
-    icon,
-    infoCard
+    icon
   },
   data() {
     return {

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

@@ -537,7 +537,15 @@ export default {
   computed: {
     optionLength() {
       if (this.isDropdownOpen) {
-        return this.$refs.dropdown.$children.length
+        // this filterRef is needed to check for the # of children on Filter dropdowns
+        const filterRef =
+          this.$refs.dropdown.$children &&
+          this.$refs.dropdown.$children.length > 1
+            ? this.$refs.dropdown.$children
+            : this.$refs.dropdown.$children[0].$children
+            ? this.$refs.dropdown.$children[0].$children
+            : this.$refs.dropdown.$children
+        return filterRef.length
       } else {
         return 0
       }

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

@@ -10,8 +10,6 @@
         v-if="label && labelAlign === 'left'"
         :hasInfoMessage="!!infoTextMessage"
         :colorMode="colorMode"
-        :primaryColor="primaryColor"
-        :secondaryColor="secondaryColor"
       >
         <label-text :size="size">{{ label }}</label-text>
         <info-text
@@ -101,12 +99,10 @@ const toggleAttrs = {
   fontColor: String,
   disabled: Boolean,
   backgroundColor: String,
-  isChecked: Boolean,
-  secondaryColor: String,
-  primaryColor: String,
+  isChecked: Boolean
 }
 const LabelText = styled('div', toggleAttrs)`
-  color: ${(props) => props.primaryColor };
+  color: white;
   font-size: 13px;
   font-weight: 700;
 `

package/src/components/infoCard/index.vue

@@ -1,38 +0,0 @@
-<template>
-    <info-container>
-            <icon name="info" size="24px" />
-      <InfoTextContainer>
-        <slot />
-      </InfoTextContainer>
-    </info-container>
-</template>
-    
-<script>
-import styled from 'vue-styled-components'
-import icon from '../icon'
-const InfoContainer = styled('div')`
-  display: flex;
-  align-items: flex-start;
-  gap: 15px;
-  padding: 20px;
-  width: 500px;
-  min-width: 450px;
-  border: 1px dashed #dee2eb;
-  border-radius: 4px;
-  margin:20px 0;
-`
-
-const InfoTextContainer = styled('div')`
-  font-size: 13px;
-`
-
-
-export default {
-    components:{
-        icon,
-        InfoTextContainer,
-        InfoContainer
-    },
-    props:[]
-}
-</script>