@dataloop-ai/components 0.18.78 → 0.18.80

package/package.json

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

package/src/components/basic/DlAccordion/DlAccordion.vue

@@ -79,7 +79,7 @@ export default defineComponent({
         isEmpty: Boolean,
         emptyStateProps: {
             type: Object as PropType<DlEmptyStateProps>,
-            default: accordionEmptyStateProps
+            default: () => accordionEmptyStateProps
         }
     },
     emits: ['update:model-value', 'hide', 'show'],

package/src/components/basic/DlPanelContainer/DlPanelContainer.vue

@@ -93,9 +93,9 @@
                 :style="contentStyle"
             >
                 <div class="column" />
-                <dl-empty-state
-                    v-if="isEmpty"
-                    v-bind="emptyStateProps"
+                <dl-empty-state
+                    v-if="isEmpty && emptyStateProps"
+                    v-bind="emptyStateProps"
                 >
                     <template
                         v-for="(_, slot) in $slots"

package/src/components/basic/DlPopup/DlPopup.vue

@@ -45,9 +45,9 @@
                 </popup-header>
                 <div class="popup-content">
                     <slot v-if="!isEmpty" />
-                    <dl-empty-state
-                        v-if="isEmpty"
-                        v-bind="emptyStateProps"
+                    <dl-empty-state
+                        v-if="isEmpty && emptyStateProps"
+                        v-bind="emptyStateProps"
                     >
                         <template
                             v-for="(_, slot) in $slots"
@@ -189,7 +189,7 @@ export default defineComponent({
         isEmpty: Boolean,
         emptyStateProps: {
             type: Object as PropType<DlEmptyStateProps>,
-            default: () => ({} as DlEmptyStateProps)
+            default: null
         },
         zIndex: {
             type: [Number, String],

package/src/components/basic/DlWidget/DlWidget.vue

@@ -29,7 +29,7 @@
 
                 <div class="dl-widget__content">
                     <dl-empty-state
-                        v-if="isEmpty"
+                        v-if="isEmpty && emptyStateProps"
                         v-bind="emptyStateProps"
                     >
                         <template

package/src/components/compound/DlCard/DlCard.vue

@@ -236,7 +236,7 @@
             </slot>
         </div>
         <dl-empty-state
-            v-if="isEmpty"
+            v-if="isEmpty && emptyStateProps"
             v-bind="emptyStateProps"
         >
             <template

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

@@ -146,7 +146,7 @@ export default defineComponent({
         isEmpty: Boolean,
         emptyStateProps: {
             type: Object as PropType<DlEmptyStateProps>,
-            default: barChartEmptyStateProps
+            default: () => barChartEmptyStateProps
         }
     },
     setup(props) {

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

@@ -181,7 +181,7 @@ export default defineComponent({
         isEmpty: Boolean,
         emptyStateProps: {
             type: Object as PropType<DlEmptyStateProps>,
-            default: columnChartEmptyStateProps
+            default: () => columnChartEmptyStateProps
         },
         ...CommonProps,
         ...ColumnChartProps

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

@@ -287,7 +287,7 @@ export default defineComponent({
         isEmpty: Boolean,
         emptyStateProps: {
             type: Object as PropType<DlEmptyStateProps>,
-            default: confusionMatrixEmptyStateProps
+            default: () => confusionMatrixEmptyStateProps
         }
     },
     setup(props) {

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

@@ -141,7 +141,7 @@ export default defineComponent({
         isEmpty: Boolean,
         emptyStateProps: {
             type: Object as PropType<DlEmptyStateProps>,
-            default: doughnutChartEmptyStateProps
+            default: () => doughnutChartEmptyStateProps
         }
     },
     setup(props) {

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

@@ -180,7 +180,7 @@ export default defineComponent({
         isEmpty: Boolean,
         emptyStateProps: {
             type: Object as PropType<DlEmptyStateProps>,
-            default: lineChartEmptyStateProps
+            default: () => lineChartEmptyStateProps
         },
         ...CommonProps,
         ...ColumnChartProps

package/src/components/compound/DlDialogBox/DlDialogBox.vue

@@ -50,7 +50,7 @@
                         name="body"
                     />
                     <dl-empty-state
-                        v-if="isEmpty"
+                        v-if="isEmpty && emptyStateProps"
                         v-bind="emptyStateProps"
                     >
                         <template
@@ -109,7 +109,7 @@ export default defineComponent({
         isEmpty: Boolean,
         emptyStateProps: {
             type: Object as PropType<DlEmptyStateProps>,
-            default: () => ({} as DlEmptyStateProps)
+            default: null
         },
         zIndex: {
             type: [Number, String],

package/src/components/compound/DlSearches/DlSmartSearch/DlSmartSearch.vue

@@ -11,6 +11,7 @@
                 ref="smartSearchInput"
                 v-model="queryObject"
                 style="margin-bottom: 0px"
+                :width="width"
                 :status="status"
                 :aliases="aliases"
                 :schema="schema"
@@ -33,7 +34,7 @@
                                 height: '28px'
                             }"
                             :disabled="disabled"
-                            @click="emitSearchQuery"
+                            @click="$emit('search-query', queryObject)"
                         />
                     </div>
                     <div
@@ -138,6 +139,7 @@ export default defineComponent({
         //#endregion
 
         //#region data
+        // todo: more cleanup
         const inputModel = ref('')
         const jsonEditorModel = ref(false)
         const showJSONEditor = ref(false)

package/src/components/compound/DlSearches/DlSmartSearch/components/DlSmartSearchInput.vue

@@ -901,13 +901,12 @@ export default defineComponent({
 
     &__search-label {
         font-size: 10px;
-        height: 10px;
+        height: 15px;
         color: gray;
         position: absolute;
         word-break: break-all;
-        bottom: -10px;
+        bottom: -15px;
         max-width: 100%;
-        margin-top: 3px;
     }
 
     &__date-picker-wrapper {

package/src/components/compound/DlStepper/DlStepper.vue

@@ -41,7 +41,7 @@
                         :state="state"
                     />
                     <dl-empty-state
-                        v-if="isEmpty"
+                        v-if="isEmpty && emptyStateProps"
                         v-bind="emptyStateProps"
                     >
                         <template
@@ -159,7 +159,6 @@ export default defineComponent({
         isEmpty: Boolean,
         emptyStateProps: {
             type: Object as PropType<DlEmptyStateProps>,
-            required: false,
             default: null
         }
     },

package/src/components/compound/DlTable/utils/props.ts

@@ -91,11 +91,12 @@ export const props = {
     isEmpty: Boolean,
     emptyStateProps: {
         type: Object as PropType<DlEmptyStateProps>,
-        default: {
-            title: '',
-            subtitle: 'No data to show yet',
-            icon: 'icon-dl-dataset-filled'
-        } as unknown as PropType<DlEmptyStateProps>
+        default: () =>
+            ({
+                title: '',
+                subtitle: 'No data to show yet',
+                icon: 'icon-dl-dataset-filled'
+            } as unknown as PropType<DlEmptyStateProps>)
     },
     scrollDebounce: {
         type: Number,

package/src/components/compound/DlTreeTable/props.ts

@@ -117,7 +117,7 @@ export const props = {
     isEmpty: Boolean,
     emptyStateProps: {
         type: Object as PropType<DlEmptyStateProps>,
-        default: () => ({} as DlEmptyStateProps)
+        default: null as unknown as PropType<DlEmptyStateProps>
     },
     scrollDebounce: {
         type: Number,

package/src/demos/SmartSearchDemo/DlSmartSearchDemo.vue

@@ -26,7 +26,7 @@
         <dl-smart-search
             v-model="queryObject"
             :aliases="aliases"
-            :schema="schema"
+            :schema="schema2"
             :color-schema="colorSchema"
             :filters="filters"
             :disabled="switchState"
@@ -48,7 +48,7 @@
         <dl-smart-search-input
             v-model="queryObject2"
             :aliases="aliases"
-            :schema="schema"
+            :schema="schema2"
             :color-schema="colorSchema"
             :strict="strictState"
             :disabled="switchState"

package/src/hooks/use-suggestions.ts

@@ -383,6 +383,7 @@ const isValidByDataType = (
      */
 
     if (Array.isArray(dataType)) {
+        str = str.replace(/\'/g, '')
         let isOneOf = !!getValueMatch(dataType, str)
         for (const type of dataType) {
             isOneOf = isOneOf || isValidByDataType(str, type, operator)

package/src/utils/parse-smart-query.ts

@@ -209,6 +209,18 @@ export const stringifySmartQuery = (query: { [key: string]: any }): string => {
             continue
         }
 
+        if (key === '$and') {
+            if (Array.isArray(value)) {
+                const andObject: { [key: string]: any } = {}
+                for (const subQuery of value) {
+                    for (const subKey in subQuery) {
+                        andObject[subKey] = subQuery[subKey]
+                    }
+                }
+                return stringifySmartQuery(andObject)
+            }
+        }
+
         if (result.length) {
             result += ' AND '
         }