@dataloop-ai/components 0.20.183-ds-v3.0 → 0.20.183-ds-v3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.20.183-ds-v3.0",
+  "version": "0.20.183-ds-v3.2",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/compound/DlDateTime/DlDateTimeRange/DlDateTimeRange.vue

@@ -512,7 +512,10 @@ export default defineComponent({
             this.typeState = value
             this.$emit('set-type', value)
         },
-        updateDateInterval(value: DateInterval | null) {
+        updateDateInterval(
+            value: DateInterval | null,
+            skipSidebarUpdate = false
+        ) {
             if (value === null) {
                 this.dateInterval = null
             } else {
@@ -521,7 +524,7 @@ export default defineComponent({
                     to: new Date(value.to)
                 }
                 // When in multi mode, update sidebar option to custom if user manually selects date
-                if (this.mode === 'multi') {
+                if (this.mode === 'multi' && !skipSidebarUpdate) {
                     this.currentSidebarOption =
                         this.typeState === 'day'
                             ? DAY_SIDEBAR_OPTION.custom
@@ -536,8 +539,11 @@ export default defineComponent({
             this.activeDateFrom = value?.from || null
             this.activeDateTo = value?.to || null
         },
-        updateDateIntervalWithAutoClose(value: DateInterval) {
-            this.updateDateInterval(value)
+        updateDateIntervalWithAutoClose(
+            value: DateInterval,
+            skipSidebarUpdate = false
+        ) {
+            this.updateDateInterval(value, skipSidebarUpdate)
 
             if (
                 this.autoClose &&
@@ -564,9 +570,9 @@ export default defineComponent({
 
             if (option.key === DAY_SIDEBAR_OPTION.custom_by_month) {
                 this.handleTypeChange('month')
-                this.updateDateInterval(option.value)
+                this.updateDateInterval(option.value, true)
             } else {
-                this.updateDateIntervalWithAutoClose(option.value)
+                this.updateDateIntervalWithAutoClose(option.value, true)
             }
         },
         handleMonthTypeOptionClick(option: MonthTypeOption) {
@@ -580,9 +586,9 @@ export default defineComponent({
 
             if (option.key === MONTH_SIDEBAR_OPTION.custom_by_day) {
                 this.handleTypeChange('day')
-                this.updateDateInterval(option.value)
+                this.updateDateInterval(option.value, true)
             } else {
-                this.updateDateIntervalWithAutoClose(option.value)
+                this.updateDateIntervalWithAutoClose(option.value, true)
             }
         }
     }

package/src/components/shared/DlVirtualScroll/DlVirtualScroll.vue

@@ -124,7 +124,9 @@ export default defineComponent({
 
         let localScrollTarget: HTMLElement | undefined
         const rootRef: Ref<HTMLElement | null> = ref(null)
-        const scrollSizeItem: Ref<number> = ref(40)
+        const scrollSizeItem: Ref<number> = ref(
+            virtualScrollItemSize.value || 40
+        )
 
         const isDefined = (v: any) => v !== undefined && v !== null