@dataloop-ai/components 0.19.239 → 0.19.241

package/package.json

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

package/src/components/compound/DlTable/DlTable.vue

@@ -351,6 +351,7 @@
                                     :style="col.tdStyle(props.item)"
                                     :no-hover="noHover"
                                     :col-index="colIndex"
+                                    :no-tooltip="col.ignoreTooltip"
                                     :padding="`0 ${columnSpacing}`"
                                 >
                                     <slot
@@ -1358,11 +1359,15 @@ export default defineComponent({
         )
 
         const isResizing = ref(false)
+        const isResizingInProgress = ref(false)
         const isDragging = ref(false)
         const setIsResizing = (val: boolean) => (isResizing.value = val)
+        const setResizingInProgress = (val: boolean) =>
+            (isResizingInProgress.value = val)
         const setIsDragging = (val: boolean) => (isDragging.value = val)
         const getIsDragging = () => isDragging.value
         const getIsResizing = () => isResizing.value
+        const getResizingInProgress = () => isResizingInProgress.value
         const getVisibleColumnsState = () => visibleColumnsState.value
 
         // table slots
@@ -1814,6 +1819,10 @@ export default defineComponent({
                 )
             }
 
+            if (resizable.value) {
+                injectProp(data, 'isResizingInProgress', getResizingInProgress)
+            }
+
             return data
         }
 
@@ -2036,8 +2045,10 @@ export default defineComponent({
             updateColumns,
             reorderColumns,
             setIsResizing,
+            setResizingInProgress,
             setIsDragging,
             getIsResizing,
+            getResizingInProgress,
             getIsDragging,
             getVisibleColumnsState,
             getTableKey

package/src/components/compound/DlTable/components/DlTh.vue

@@ -118,6 +118,10 @@ export default defineComponent({
             return !!props.props?.dense || !!props.props?.col?.dense
         })
 
+        const isResizingInProgress = computed(() => {
+            return !!props.props?.isResizingInProgress
+        })
+
         const column = computed(() => {
             let col: any
             const name = vm.vnode.key as string
@@ -164,6 +168,9 @@ export default defineComponent({
         })
 
         const handleClick = (evt: Event) => {
+            if (isResizingInProgress.value) {
+                return
+            }
             if (column.value.sortable) {
                 const sort = props.props?.sort as Function
                 sort(column.value)
@@ -176,6 +183,7 @@ export default defineComponent({
         return {
             hasHint,
             isDense,
+            isResizingInProgress,
             isSortable: !hasOptionalProps.value
                 ? false
                 : column?.value?.sortable ?? false,

package/src/hooks/use-suggestions.ts

@@ -475,11 +475,14 @@ const getError = (
                     return (acc = errors.FORBIDDEN_KEY(field))
                 }
 
-                const valid = isValidByDataType(
-                    validateBracketValues(value),
-                    getDataType(schema, aliases, fieldKey),
-                    operator
-                )
+                const valid =
+                    operator === operators.$exists ||
+                    operator === operators.$doesnt_exist_dummy ||
+                    isValidByDataType(
+                        validateBracketValues(value),
+                        getDataType(schema, aliases, fieldKey),
+                        operator
+                    )
 
                 if (!valid) {
                     arr.splice(1)

package/src/utils/resizable-table.ts

@@ -9,8 +9,8 @@ import {
     setColumnVerticalBorder
 } from './table-columns'
 
-const MIN_CELL_WIDTH = 40
-const RESIZE_SENSITIVITY_OFFSET = 20
+const MIN_CELL_WIDTH = 64
+const RESIZE_SENSITIVITY_OFFSET = 5
 
 export function applyResizableColumns(table: HTMLTableElement, vm: any) {
     let mousePosition: 'start' | 'end' | 'default' = 'default'
@@ -91,10 +91,14 @@ export function applyResizableColumns(table: HTMLTableElement, vm: any) {
         removeTableVerticalBorders(table)
         const newColumns = getColumnsWithUpdatedWidth(table, vm.props.columns)
         vm.proxy.updateColumns(newColumns)
+        setTimeout(() => {
+            vm.proxy.setResizingInProgress(false)
+        }, 200)
     }
 
     function resizeColumn(event: MouseEvent) {
         if (targetIndex < 0) return
+        vm.proxy.setResizingInProgress(true)
         const firstRow = table.rows[0]
         const { x } = firstRow.children[targetIndex].getBoundingClientRect()
         const fromStartToMouse = event.clientX - x
@@ -102,11 +106,13 @@ export function applyResizableColumns(table: HTMLTableElement, vm: any) {
             table,
             (el) =>
                 (el.tagName === 'TH' || el.tagName === 'TD') &&
-                targetIndex &&
+                targetIndex >= 0 &&
                 getColIndex(el) === targetIndex &&
                 fromStartToMouse >= MIN_CELL_WIDTH, // if
             (el) => {
-                el.style.width = `${fromStartToMouse}px` // then
+                el.style.width = `${fromStartToMouse}px`
+                el.style.maxWidth = `${fromStartToMouse}px`
+                el.style.minWidth = `${fromStartToMouse}px` // then
             }
         )
     }