@dataloop-ai/components 0.20.80 → 0.20.82

package/package.json

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

package/src/components/basic/DlEmptyState/DlEmptyState.vue

@@ -31,10 +31,7 @@
             {{ subtitle }}
         </dl-typography>
 
-        <div
-            v-if="hasCTASlot"
-            class="empty-state--cta"
-        >
+        <div v-if="hasCTASlot" class="empty-state--cta">
             <slot name="cta" />
         </div>
 
@@ -47,10 +44,7 @@
             {{ info }}
         </dl-typography>
 
-        <div
-            v-if="hasLinkSlot"
-            class="empty-state--links"
-        >
+        <div v-if="hasLinkSlot" class="empty-state--links">
             <slot name="links" />
         </div>
     </div>
@@ -243,8 +237,7 @@ export default defineComponent({
     background-size: var(--bg-size);
 
     &--title {
-        line-height: 24px;
-        margin-bottom: 2px;
+        margin-bottom: 4px;
     }
 
     &--subtitle,

package/src/components/compound/DlSearches/DlSmartSearch/utils/index.ts

@@ -162,7 +162,7 @@ export function replaceJSDatesWithStringifiedDates(
             } else {
                 toReturn[key] = formatToStringDate(value)
             }
-        } else if (typeof value === 'object') {
+        } else if (value && typeof value === 'object') {
             toReturn[key] = replaceJSDatesWithStringifiedDates(
                 toReturn[key],
                 dateKeys

package/src/components/essential/DlTypography/DlTypography.vue

@@ -1,10 +1,5 @@
 <template>
-    <component
-        :is="variant"
-        :id="uuid"
-        :class="classes"
-        :style="styles"
-    >
+    <component :is="variant" :id="uuid" :class="classes" :style="styles">
         <slot />
     </component>
 </template>
@@ -53,7 +48,7 @@ export default defineComponent({
             const styles: Record<string, string | number> = {
                 color: getColor(this.color as string, 'dl-color-darker'),
                 textTransform: this.letterClass ? null : this.transform,
-                fontWeight: this.bold ? 'bold' : 400
+                fontWeight: this.bold ? 500 : 400
             }
 
             if (this.size && !sizes.includes(this.size)) {

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

@@ -275,7 +275,9 @@ export const stringifySmartQuery = (query: { [key: string]: any }): string => {
             result += ' AND '
         }
 
-        if (isObject(value)) {
+        if (value === null) {
+            result += `${key} = null`
+        } else if (isObject(value)) {
             for (const operator in value) {
                 if (value.hasOwnProperty(operator)) {
                     let operatorValue = (