@dataloop-ai/components 0.20.194-ds-v3.0 → 0.20.195

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

@@ -161,7 +161,7 @@
                                     <div
                                         v-if="
                                             visibleColumns &&
-                                                visibleColumns.length
+                                            visibleColumns.length
                                         "
                                         class="visible-columns-justify-end"
                                         style="width: 100%; display: flex"
@@ -274,8 +274,8 @@
                                     isRowSelected(getRowKey(props.item))
                                         ? 'selected'
                                         : hasAnyAction
-                                            ? ' cursor-pointer'
-                                            : ''
+                                        ? ' cursor-pointer'
+                                        : ''
                                 "
                                 :no-hover="noHover"
                                 @click="
@@ -565,7 +565,7 @@
                                     <div
                                         v-if="
                                             visibleColumns &&
-                                                visibleColumns.length
+                                            visibleColumns.length
                                         "
                                         class="visible-columns-justify-end"
                                         style="width: 100%; display: flex"
@@ -674,8 +674,8 @@
                             <dl-top-scroll
                                 v-if="
                                     tableScroll &&
-                                        infiniteScroll &&
-                                        !isDataEmpty
+                                    infiniteScroll &&
+                                    !isDataEmpty
                                 "
                                 :container-ref="tableScroll"
                                 @scroll-to-top="
@@ -709,8 +709,8 @@
                                         isRowSelected(getRowKey(row))
                                             ? 'selected'
                                             : hasAnyAction
-                                                ? ' cursor-pointer'
-                                                : ''
+                                            ? ' cursor-pointer'
+                                            : ''
                                     "
                                     :no-hover="noHover"
                                     @click="onTrClick($event, row, pageIndex)"
@@ -845,8 +845,8 @@
                             <dl-bottom-scroll
                                 v-if="
                                     tableScroll &&
-                                        infiniteScroll &&
-                                        !isDataEmpty
+                                    infiniteScroll &&
+                                    !isDataEmpty
                                 "
                                 :container-ref="tableScroll"
                                 @scroll-to-bottom="
@@ -903,7 +903,7 @@
                     <div
                         v-if="
                             hasBottomSelectionBanner &&
-                                selectedRowsLabel(rowsSelectedNumber)
+                            selectedRowsLabel(rowsSelectedNumber)
                         "
                         class="dl-table__control"
                     >

package/src/components/compound/DlTreeTable/DlTreeTable.vue

@@ -266,11 +266,11 @@ export default defineComponent({
         emptyStateProps: {
             type: Object as PropType<DlEmptyStateProps>,
             default: () =>
-                ({
-                    title: '',
-                    subtitle: 'No data to show yet',
-                    icon: 'icon-dl-dataset-filled'
-                } as unknown as PropType<DlEmptyStateProps>)
+            ({
+                title: '',
+                subtitle: 'No data to show yet',
+                icon: 'icon-dl-dataset-filled'
+            } as unknown as PropType<DlEmptyStateProps>)
         },
         /**
          * Custom icon class to use for expanded rows.
@@ -392,7 +392,7 @@ export default defineComponent({
             typeof props.rowKey === 'function'
                 ? props.rowKey
                 : (row: Record<string, any>) =>
-                      row[props.rowKey as string] ?? ''
+                    row[props.rowKey as string] ?? ''
         )
 
         const hasDraggableRows = computed(() =>
@@ -537,7 +537,7 @@ export default defineComponent({
         const onMultipleSelectionSet = (val: boolean) => {
             const value =
                 selectedData.value.length > 0 &&
-                selectedData.value.length === tableRows.value.length
+                    selectedData.value.length === tableRows.value.length
                     ? false
                     : val
 
@@ -811,9 +811,7 @@ export default defineComponent({
                 targetRow: finalTarget
             })
 
-            const isDragValid =
-                shouldSkipValidation ||
-                checkParentCondition(draggedRow.value, finalTarget)
+            const isDragValid = shouldSkipValidation || checkParentCondition(draggedRow.value, finalTarget)
             if (isDragValid) {
                 const smartSortingMovement = {
                     ...sortingMovement.value,
@@ -837,9 +835,10 @@ export default defineComponent({
                 return
             }
 
-            const srcEl = (originalEvent.srcElement ||
-                originalEvent.target ||
-                null) as HTMLElement | null
+            const srcEl =
+                (originalEvent.srcElement ||
+                    originalEvent.target ||
+                    null) as HTMLElement | null
             const passedElement = srcEl ? getElementAbove(srcEl, 'dl-tr') : null
             if (passedElement) {
                 const targetRowId = passedElement.dataset.id
@@ -1244,7 +1243,7 @@ export default defineComponent({
         this.vue2h = vue2h
         const tableBodySlot = isVue2
             ? this.$slots['table-body'] &&
-              (() => (this.$slots['table-body'] as any)?.pop())
+            (() => (this.$slots['table-body'] as any)?.pop())
             : this.$slots['table-body']
         const tbody =
             tableBodySlot ?? (this.isDataEmpty ? null : this.renderTBody)
@@ -1308,7 +1307,7 @@ export default defineComponent({
     justify-content: center;
     flex-wrap: wrap;
 
-    & > * {
+    &>* {
         flex-grow: 1;
     }
 }
@@ -1337,6 +1336,7 @@ tr {
 }
 
 .sticky-header {
+
     ::v-deep .dl-table__top,
     ::v-deep .dl-table__bottom,
     ::v-deep thead tr:first-child th {
@@ -1359,4 +1359,4 @@ tr {
         top: 40px;
     }
 }
-</style>
+</style>

package/src/components/compound/DlTreeTable/views/DlTrTreeView.vue

@@ -16,7 +16,7 @@
             }`"
         >
             <dl-icon
-                v-if="hasDraggableRows && !row.disableDraggable"
+               v-if="hasDraggableRows && !row.disableDraggable"
                 class="draggable-icon"
                 icon="icon-dl-drag"
                 size="12px"

package/src/components/essential/DlSwitch/DlSwitch.vue

@@ -7,14 +7,12 @@
         }`"
     >
         <label
-            v-if="hasLeftLabel"
+            v-if="!!leftLabel"
             class="left dl-switch-label"
             :for="computedId"
             :style="cssLabelVars"
         >
-            <slot name="left-label">
-                {{ leftLabel }}
-            </slot>
+            {{ leftLabel }}
         </label>
         <span
             class="dl-switch-container"
@@ -37,14 +35,12 @@
             />
         </span>
         <label
-            v-if="hasRightLabel"
+            v-if="!!rightLabel"
             class="right dl-switch-label"
             :for="computedId"
             :style="cssLabelVars"
         >
-            <slot name="right-label">
-                {{ rightLabel }}
-            </slot>
+            {{ rightLabel }}
         </label>
     </div>
 </template>
@@ -147,12 +143,6 @@ export default defineComponent({
                 ? this.index === -1
                 : toRaw(this.modelValue) === toRaw(this.falseValue)
         },
-        hasLeftLabel(): boolean {
-            return !!this.leftLabel || !!this.$slots['left-label']
-        },
-        hasRightLabel(): boolean {
-            return !!this.rightLabel || !!this.$slots['right-label']
-        },
         cssVars(): Record<string, string> {
             return {
                 '--dl-checkbox-height': `${this.size}px`,

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

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

package/src/demos/DlDateTimeRangeDemo.vue

@@ -176,26 +176,6 @@
                 @change="handleModelValueUpdate"
             />
         </div>
-        <div style="width: 500px; margin-top: 30px">
-            <div style="margin-bottom: 10px; font-weight: bold">
-                Inline Mode
-            </div>
-            <dl-date-time-range
-                v-model="date"
-                :type="type"
-                width="100%"
-                :available-range="range ? availableRange : null"
-                :mode="mode"
-                :show-time="showTime"
-                :auto-close="autoClose"
-                :including-current-month="includesCurrentMonthEnd"
-                :should-clear-select-first-option="shouldClearSelectFirstOption"
-                :disabled-type="type === 'day' ? 'month' : 'day'"
-                view-mode="inline"
-                @set-type="handleSetType"
-                @change="handleModelValueUpdate"
-            />
-        </div>
     </div>
 </template>
 <script lang="ts">

package/src/demos/SmartSearchDemo/DlSmartSearchDemo.vue

@@ -42,7 +42,6 @@
 
         <dl-smart-search-input
             v-model="queryObject"
-            no-tooltip
             :aliases="aliases"
             :schema="schema"
             :color-schema="colorSchema"

package/src/utils/splitByQuotes.ts

@@ -96,6 +96,17 @@ tokenizer.rule(/\s+/, (ctx) => {
     ctx.accept(TokenType.WHITESPACE)
 })
 
+tokenizer.rule(/[a-z*]*/i, (ctx, match) => {
+    if (
+        ctx.tagged(Tags.HAD_FIELD) &&
+        !ctx.tagged(Tags.HAD_VALUE) &&
+        !['TRUE', 'FALSE'].includes(match[0].toUpperCase())
+    ) {
+        // an unquoted string with an asterisk
+        ctx.accept(TokenType.PARTIAL_VALUE).tag(Tags.HAD_VALUE)
+    }
+})
+
 tokenizer.rule(/.+/, (ctx, match) => {
     // unrecognized token
     ctx.accept(TokenType.WHITESPACE, match[0].replaceAll(/./g, ' '))

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

@@ -1,177 +0,0 @@
-<template>
-    <div class="dl-date-time-range--card">
-        <div v-if="mode === 'multi'" class="dl-date-time-range--card_sidebar">
-            <card-sidebar
-                v-if="typeState === 'day'"
-                :options="sidebarDayOptions"
-                :current-option="currentSidebarOption"
-                @click="handleDayTypeOptionClick"
-            />
-            <card-sidebar
-                v-else
-                :options="sidebarMonthOptions"
-                :current-option="currentSidebarOption"
-                @click="handleMonthTypeOptionClick"
-            />
-        </div>
-        <div
-            class="dl-date-time-range--card_content"
-            :style="cardContentStyles"
-        >
-            <dl-date-picker
-                :model-value="dateInterval"
-                :type="typeState"
-                :available-range="availableRange"
-                :disabled="isInputDisabled"
-                :normalize-calendars="normalizeCalendars"
-                :active-date-from="activeDateFrom"
-                :active-date-to="activeDateTo"
-                @update:model-value="updateDateIntervalWithAutoClose"
-                @update:from-to-date="updateFromToDate"
-            />
-            <dl-time-picker
-                v-if="showTime && typeState === 'day'"
-                :disabled="isInputDisabled"
-                :model-value="dateInterval"
-                @update:model-value="updateDateInterval"
-            />
-
-            <dl-button
-                v-if="!hideClearButton"
-                size="s"
-                outlined
-                class="dl-date-time-range--button"
-                @click="handleClear"
-            >
-                <span style="text-transform: capitalize"> Clear </span>
-            </dl-button>
-        </div>
-    </div>
-</template>
-
-<script lang="ts">
-import { defineComponent, PropType } from 'vue-demi'
-import { DlTimePicker } from '../DlTimePicker'
-import { DateInterval } from '../types'
-import CardSidebar from './CardSidebar.vue'
-import { DayTypeOption, MonthTypeOption } from './types'
-import DlDatePicker from '../DlDatePicker/DlDatePicker.vue'
-import { CalendarDate } from '../DlDatePicker/models/CalendarDate'
-import { DlButton } from '../../../basic'
-
-export default defineComponent({
-    components: {
-        CardSidebar,
-        DlDatePicker,
-        DlTimePicker,
-        DlButton
-    },
-    props: {
-        mode: {
-            type: String as PropType<'single' | 'multi'>,
-            required: true
-        },
-        typeState: {
-            type: String as PropType<'day' | 'month'>,
-            required: true
-        },
-        sidebarDayOptions: {
-            type: Array as PropType<DayTypeOption[]>,
-            required: true
-        },
-        sidebarMonthOptions: {
-            type: Array as PropType<MonthTypeOption[]>,
-            required: true
-        },
-        currentSidebarOption: {
-            type: String,
-            required: true
-        },
-        dateInterval: {
-            type: Object as PropType<DateInterval | null>,
-            default: null
-        },
-        availableRange: {
-            type: Object as PropType<Partial<DateInterval> | null>,
-            default: null
-        },
-        isInputDisabled: {
-            type: Boolean,
-            default: false
-        },
-        normalizeCalendars: {
-            type: Boolean,
-            default: false
-        },
-        activeDateFrom: {
-            type: Object as PropType<CalendarDate | null>,
-            default: null
-        },
-        activeDateTo: {
-            type: Object as PropType<CalendarDate | null>,
-            default: null
-        },
-        showTime: {
-            type: Boolean,
-            default: false
-        },
-        cardContentStyles: {
-            type: Object as PropType<Record<string, any>>,
-            default: () => ({})
-        },
-        hideClearButton: {
-            type: Boolean,
-            default: false
-        }
-    },
-    emits: [
-        'day-type-option-click',
-        'month-type-option-click',
-        'update-date-interval',
-        'update-date-interval-with-auto-close',
-        'update-from-to-date',
-        'clear'
-    ],
-    methods: {
-        handleDayTypeOptionClick(option: DayTypeOption) {
-            this.$emit('day-type-option-click', option)
-        },
-        handleMonthTypeOptionClick(option: MonthTypeOption) {
-            this.$emit('month-type-option-click', option)
-        },
-        updateDateInterval(value: DateInterval | null) {
-            this.$emit('update-date-interval', value)
-        },
-        updateDateIntervalWithAutoClose(value: DateInterval) {
-            this.$emit('update-date-interval-with-auto-close', value)
-        },
-        updateFromToDate(value?: { from: CalendarDate; to: CalendarDate }) {
-            this.$emit('update-from-to-date', value)
-        },
-        handleClear() {
-            this.$emit('clear')
-        }
-    }
-})
-</script>
-
-<style lang="scss" scoped>
-.dl-date-time-range--card {
-    background-color: var(--dl-color-bg);
-    z-index: 1;
-    display: flex;
-    border-radius: 2px;
-}
-
-.dl-date-time-range--card_content {
-    width: var(--card-content-width);
-}
-
-.dl-date-time-range--button {
-    display: flex;
-    margin-left: auto;
-    width: fit-content;
-    margin-right: 16px;
-    margin-bottom: 16px;
-}
-</style>