@dataloop-ai/components 0.19.284 → 0.19.285

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.19.284",
+  "version": "0.19.285",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/compound/DlSelect/DlSelect.vue

@@ -341,11 +341,13 @@ import {
     getLabel,
     getIconSize,
     optionsValidator,
-    DlSelectOptionType,
     getLabelOfSelectedOption,
     getCaseInsensitiveInput
 } from './utils'
-import { DlSelectOption as DlSelectOptionEntry } from '../types'
+import {
+    DlSelectOption as DlSelectOptionEntry,
+    DlSelectOptionType
+} from '../types'
 import DlSelectOption from './components/DlSelectOption.vue'
 import { cloneDeep, isEqual } from 'lodash'
 import { getColor } from '../../../utils'
@@ -1219,7 +1221,9 @@ export default defineComponent({
         justify-content: center !important;
         align-items: center;
         color: var(--dl-color-medium);
-        transition-property: transform, -webkit-transform;
+        transition-property:
+            transform,
+            -webkit-transform;
         transition-duration: 0.28s, 0.28s;
         transition-timing-function: ease, ease;
         transition-delay: 0s, 0s;

package/src/components/compound/DlSelect/components/DlSelectOption.vue

@@ -1,9 +1,5 @@
 <template>
-    <div
-        :id="uuid"
-        :class="identifierClass"
-        style="width: 100%"
-    >
+    <div :id="uuid" :class="identifierClass" style="width: 100%">
         <div
             v-if="readonly"
             :class="[{ 'readonly-option': true }, { capitalized }]"
@@ -22,10 +18,7 @@
             style="width: 100%"
             @click="handleClick"
         >
-            <dl-item-section
-                :color="color"
-                style="width: 100%"
-            >
+            <dl-item-section :color="color" style="width: 100%">
                 <span
                     v-if="multiselect"
                     class="multiselect-option"
@@ -58,15 +51,9 @@
                             }}
                         </slot>
                     </dl-checkbox>
-                    <span
-                        v-if="count"
-                        class="counter"
-                    > ({{ count }}) </span>
+                    <span v-if="count" class="counter"> ({{ count }}) </span>
                 </span>
-                <div
-                    v-else
-                    :class="{ capitalized }"
-                >
+                <div v-else :class="{ capitalized }">
                     <slot>
                         {{
                             capitalized
@@ -130,8 +117,12 @@ import { DlItemSection } from '../../../shared'
 import { v4 } from 'uuid'
 import { debounce } from 'lodash'
 import { stateManager } from '../../../../StateManager'
-import { DlSelectOptionType, getCaseInsensitiveInput, getLabel } from '../utils'
-import { DlSelectedValueType, DlSelectOption } from '../../types'
+import { getCaseInsensitiveInput, getLabel } from '../utils'
+import {
+    DlSelectedValueType,
+    DlSelectOption,
+    DlSelectOptionType
+} from '../../types'
 
 const ValueTypes = [Array, Boolean, String, Number, Object, Function]
 
@@ -412,7 +403,9 @@ export default defineComponent({
     display: flex !important;
     justify-content: center !important;
     color: var(--dl-color-medium);
-    transition-property: transform, -webkit-transform;
+    transition-property:
+        transform,
+        -webkit-transform;
     transition-duration: 0.28s, 0.28s;
     transition-timing-function: ease, ease;
     transition-delay: 0s, 0s;

package/src/components/compound/DlSelect/types.ts

@@ -6,3 +6,5 @@ export interface DlSelectOption {
     children?: DlSelectOption[]
     readonly?: boolean
 }
+
+export type DlSelectOptionType = string | number | DlSelectOption

package/src/components/compound/DlSelect/utils.ts

@@ -1,7 +1,5 @@
 import { TInputSizes } from '../../../utils/input-sizes'
-import { DlSelectOption } from './types'
-
-export type DlSelectOptionType = string | number | DlSelectOption
+import { DlSelectOptionType } from './types'
 
 export const getLabel = (option: any) => {
     if (typeof option === 'object' && 'label' in option) {

package/src/demos/DlSelectDemo.vue

@@ -632,7 +632,7 @@
 import { cloneDeep } from 'lodash'
 import { defineComponent } from 'vue-demi'
 import { DlChip, DlSelect, DlIcon, DlBadge, DlButton } from '../components'
-import { DlSelectOptionType } from '../components/compound/DlSelect/utils'
+import { DlSelectOptionType } from '../components/types'
 
 const defaultOptions = [
     { label: 'Contributor 1', value: 'c1' },