@eturnity/eturnity_reusable_components 1.2.41-3d-master.2 → 1.2.41-3d-master.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "1.2.41-3d-master.2",
+  "version": "1.2.41-3d-master.3",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/App.vue

@@ -1,8 +1,9 @@
 <template>
   <ThemeProvider :theme="getTheme()" :style="{ height: '100%' }">
     <page-container>
-      <!-- <modal v-if="true" backdrop="dark" :isLoading="false" :isOpen="true"> -->
-        <div :style="{ padding: '50px' }">
+      <br />
+
+     
           <input-number
             :value="value"
             :minNumber="0"
@@ -87,10 +88,31 @@
               >
             </template>
           </Select>
+          <Select
+            :value="value"
+            selectWidth="100%"
+            optionWidth="50%"
+            label="that is a label"
+            alignItems="vertical"
+            colorMode="dark"
+            @input-change="value = $event"
+            @search-change="searchValue = $event"
+          >
+            <template #selector="{ selectedValue }">
+              value selected: {{ selectedValue }}
+            </template>
+            <template #dropdown>
+              <Option
+                v-for="opt in filteredOptionList"
+                :key="opt.id"
+                :value="opt.val"
+                >{{ opt.lookFor }}</Option
+              >
+            </template>
+          </Select>
           {{ filteredOptionList }}
-        </div>
-      <!-- </modal> -->
-      <!-- <iconCollection /> -->
+        
+      <iconCollection />
     </page-container>
   </ThemeProvider>
 </template>
@@ -103,8 +125,7 @@ import InputNumber from '@/components/inputs/inputNumber'
 import Select from '@/components/inputs/select'
 import SwitchField from '@/components/inputs/switchField'
 import Option from '@/components/inputs/select/option'
-// import Modal from '@/components/modals/modal'
-// import iconCollection from '@/components/icon/iconCollection'
+import iconCollection from '@/components/icon/iconCollection'
 // import TableDropdown from "@/components/tableDropdown"
 
 const PageContainer = styled.div`
@@ -123,11 +144,10 @@ export default {
     ThemeProvider,
     PageContainer,
     InputNumber,
-    // Modal,
     Option,
     Select,
     SwitchField,
-    // iconCollection
+    iconCollection
   },
   data() {
     return {

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

@@ -44,7 +44,7 @@
                 <div v-else>
                     <slot name="selector" :selectedValue="selectedValue"></slot>
                 </div>
-                <Caret :isUp="isDropdownOpen" @click.stop="isSearchBarVisible ? closeDropdown() : toggleDropdown() " >
+                <Caret :isUp="isDropdownOpen" >
                     <icon name="arrow_up" size="12px" :color="caretColor || colorMode=='dark'?'white':'transparentBlack1'"/>
                 </Caret>
             </selectButton>
@@ -340,6 +340,7 @@ const InputWrapper = styled('div', inputAttrs)`
             }))
         },
         clickOutside(event) {
+            console.log("click outside",event)
             if (this.$el==event.target || this.$el.contains(event.target)) {
                 return
             }