@dataloop-ai/components 0.18.66 → 0.18.68

package/package.json

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

package/src/components/basic/DlButton/DlButton.vue

@@ -130,7 +130,7 @@ export default defineComponent({
          * The size of the button, it can be s,m,l or xl
          */
         margin: { type: String, default: '0 auto' },
-        size: { type: String! as PropType<ButtonSizes | string>, default: 'm' },
+        size: { type: String! as PropType<ButtonSizes>, default: 'm' },
         /**
          * The assigned color will fill the entirety of the button
          */

package/src/components/basic/DlButton/utils.ts

@@ -1,7 +1,7 @@
 import { getColor } from '../../../utils'
 import { getLighterGradient } from '../../../utils/getLighterGradient'
 
-export type ButtonSizes = 's' | 'm' | 'l' | 'xl'
+export type ButtonSizes = 's' | 'm' | 'l' | ('xl' & string)
 
 const paddings = {
     s: '7px 16px',

package/src/components/compound/DlCharts/charts/DlConfusionMatrix/DlConfusionMatrix.vue

@@ -210,7 +210,13 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, getCurrentInstance, PropType, ref } from 'vue-demi'
+import {
+    computed,
+    defineComponent,
+    getCurrentInstance,
+    PropType,
+    ref
+} from 'vue-demi'
 import DlBrush from '../../components/DlBrush.vue'
 import { DlTooltip } from '../../../../shared'
 import {
@@ -231,6 +237,7 @@ import {
     flattenConfusionMatrix
 } from './utils'
 import { debounce, isObject } from 'lodash'
+import { stateManager } from '../../../../../StateManager'
 export default defineComponent({
     components: {
         DlBrush,
@@ -321,10 +328,12 @@ export default defineComponent({
             return [0, offsetHeight]
         }
 
-        const debouncedCalculateXAxisElOffset = debounce(
-            calculateXAxisElOffset,
-            100
-        )
+        const debouncedCalculateXAxisElOffset = computed(() => {
+            if (stateManager.disableDebounce) {
+                return calculateXAxisElOffset
+            }
+            return debounce(calculateXAxisElOffset, 100)
+        })
 
         return {
             resizeObserver,

package/src/components/compound/DlCodeEditor/components/CodeEditor.vue

@@ -129,6 +129,7 @@ import { DlToast } from '../../DlToast'
 import '../styles/themes.css'
 import '../styles/themes-base16.css'
 import { debounce } from 'lodash'
+import { stateManager } from '../../../../StateManager'
 
 export default defineComponent({
     name: 'CodeEditor',
@@ -389,7 +390,12 @@ export default defineComponent({
             lineNum.value = localLineNum
         }
 
-        const debouncedGetLinesCount = debounce(getLinesCount, 100)
+        const debouncedGetLinesCount = computed(() => {
+            if (stateManager.disableDebounce) {
+                return getLinesCount
+            }
+            return debounce(getLinesCount, 100)
+        })
 
         onMounted(() => {
             emit('lang', props.languages[0][0])