@onereach/ui-components 4.14.1 → 4.14.2-beta.3002.0

package/src/components/or-checkbox-v3/OrCheckbox.vue

@@ -62,7 +62,7 @@ export default defineComponent({
     },
 
     value: {
-      type: [String, Boolean, Number] as PropType<string | boolean | number>,
+      type: [Object, String, Number, Boolean] as PropType<object | string | number | boolean>,
       default: null,
     },
 
@@ -72,7 +72,7 @@ export default defineComponent({
     },
 
     labelVariant: {
-      type: String as PropType<LabelVariant>,
+      type: String as PropType<`${LabelVariant}`>,
       default: LabelVariant.Toggle,
     },
 

package/src/components/or-input-v3/OrInput.vue

@@ -156,12 +156,12 @@ export default defineComponent({
     },
 
     type: {
-      type: String as PropType<InputType>,
+      type: String as PropType<`${InputType}`>,
       default: InputType.Text,
     },
 
     size: {
-      type: String as PropType<InputSize>,
+      type: String as PropType<`${InputSize}`>,
       default: InputSize.M,
     },
 

package/src/components/or-select-v3/OrSelect.vue

@@ -45,8 +45,8 @@
               :model="proxyModelValue"
             >
               <OrTag
-                v-for="option in selection"
-                :key="option.value"
+                v-for="(option, i) in selection"
+                :key="i"
                 :variant="'reset'"
                 :disabled="disabled || readonly"
                 @reset="deselect(option)"
@@ -68,7 +68,7 @@
               :model="proxyModelValue"
             >
               <span class="truncate">
-                {{ selection.label }}
+                {{ selection && selection.label }}
               </span>
             </slot>
           </template>
@@ -127,8 +127,8 @@
             >
               <template v-if="multiple">
                 <OrMenuItem
-                  v-for="option in group"
-                  :key="option.value"
+                  v-for="(option, i) in group"
+                  :key="i"
                 >
                   <slot
                     name="optionTemplate"
@@ -147,8 +147,8 @@
 
               <template v-else>
                 <OrMenuItem
-                  v-for="option in group"
-                  :key="option.value"
+                  v-for="(option, i) in group"
+                  :key="i"
                   @click.stop="proxyModelValue = option.value; close()"
                 >
                   <slot
@@ -166,8 +166,8 @@
           <template v-else>
             <template v-if="multiple">
               <OrMenuItem
-                v-for="option in resolvedSearchOptions"
-                :key="option.value"
+                v-for="(option, i) in resolvedSearchOptions"
+                :key="i"
               >
                 <OrCheckbox
                   v-model="proxyModelValue"
@@ -186,8 +186,8 @@
 
             <template v-else>
               <OrMenuItem
-                v-for="option in resolvedSearchOptions"
-                :key="option.value"
+                v-for="(option, i) in resolvedSearchOptions"
+                :key="i"
                 @click.stop="proxyModelValue = option.value; close()"
               >
                 <slot
@@ -295,7 +295,7 @@ export default defineComponent({
     },
 
     modelValue: {
-      type: [String, Number, Array] as PropType<string | number | (string | number)[]>,
+      type: [Object, String, Number, Array] as PropType<object | string | number | object[] | string[] | number[]>,
       default: undefined,
     },
 

package/src/components/or-select-v3/types.ts

@@ -1,5 +1,5 @@
 export interface SelectOption {
-  value: string | number;
+  value: object | string | number;
   label: string;
 }
 

package/src/utils/isEmptyValue.ts

@@ -1,3 +1,3 @@
-export function isEmptyValue(val: string|number|boolean|null|undefined): boolean {
+export function isEmptyValue(val: unknown): boolean {
   return val === undefined || val === null || val === '';
 }