@depict-ai/ui 2.1.14 → 2.1.16

package/server/latest/index.cjs

@@ -70,7 +70,7 @@ $parcel$export(module.exports, "defaultColsAtSize", () => $a3280f0aad997933$expo
 $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad997933$export$7bf543b9d9be2c22);
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "2.1.14";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "2.1.16";
 const $1ab22f2cd39b3061$var$fallback_operator = "in";
 const $1ab22f2cd39b3061$var$fallback_token = "";
 const $1ab22f2cd39b3061$var$legacy_filter_prefix = "filter_";
@@ -1607,16 +1607,26 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({
       return !!data?.some(item => $daa394359b026187$export$325f75597868c4f0(item) === value);
     });
     const value = $5vyXB$solidjs.createMemo(() => checkbox().value_);
+    const is_count_zero = $5vyXB$solidjs.createMemo(() => checkbox().count_ === 0);
+    const display_text = $5vyXB$solidjs.createMemo(() => checkbox().name_ || value());
     return $5vyXB$solidjsweb.createComponent((0, $1c63082b2da848ad$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-          get whole_text_to_display_() {
-            return $5vyXB$solidjs.createMemo(() => checkbox().name_ || value());
+        return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
+          get when() {
+            return is_count_zero();
           },
-          searching_for_value_: () => filter_query_?.()
+          get fallback() {
+            return $5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: display_text,
+              searching_for_value_: () => filter_query_?.()
+            });
+          },
+          get children() {
+            return display_text();
+          }
         });
       },
       get count_() {
@@ -1660,6 +1670,7 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({
       i18n_: i18n_
     }) : []);
   });
+  $5vyXB$solidjs.onCleanup(() => set_view_more_button_below_group_());
   $5vyXB$solidjs.createEffect($5vyXB$depictaiutilishared.catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -1711,9 +1722,19 @@ function $c1dc1554c1b94233$export$430444115f70a734({
         const data = existing_filter()?.data;
         if ($daa394359b026187$export$325f75597868c4f0(data) === $daa394359b026187$export$325f75597868c4f0(v)) return true;
         return Array.isArray(data) && data.every((item, index) => item === v[index]);
-      })(), true), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-        whole_text_to_display_: label,
-        searching_for_value_: () => filter_query_?.()
+      })(), true), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
+        get when() {
+          return count() !== 0;
+        },
+        get fallback() {
+          return label();
+        },
+        get children() {
+          return $5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+            whole_text_to_display_: label,
+            searching_for_value_: () => filter_query_?.()
+          });
+        }
       })), $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
         get when() {
           return count() != undefined;
@@ -2208,7 +2229,7 @@ function $3bdc00a1353c1150$export$a32086fa6616eafd({
   filter_: filter_,
   selected_filters_: selected_filters_,
   i18n_: i18n_,
-  view_more_button_below_group_: view_more_button_below_group_,
+  view_more_button_below_group_: [, set_view_more_button_below_group],
   expanded_hierarchical_filters_: expanded_hierarchical_filters_,
   filter_query_: filter_query_
 }) {
@@ -2329,11 +2350,12 @@ function $3bdc00a1353c1150$export$a32086fa6616eafd({
     }
   });
   $5vyXB$solidjs.createRenderEffect(() => {
-    view_more_button_below_group_[1](some_top_level_are_hidden() ? $5vyXB$solidjsweb.createComponent((0, $0fe1e7efdf4200d6$export$ca21a16d65b3dd8), {
+    set_view_more_button_below_group(some_top_level_are_hidden() ? $5vyXB$solidjsweb.createComponent((0, $0fe1e7efdf4200d6$export$ca21a16d65b3dd8), {
       show_extras_: show_extras,
       i18n_: i18n_
     }) : []);
   });
+  $5vyXB$solidjs.onCleanup(() => set_view_more_button_below_group());
   $5vyXB$solidjs.createEffect($5vyXB$depictaiutilishared.catchify(async () => {
     if (!some_top_level_are_hidden()) {
       await collapse();
@@ -2365,12 +2387,22 @@ function $3bdc00a1353c1150$var$render_stuff(data, existing_filter, i18n_, filter
               return value_as_string();
             },
             get label_() {
-              return $5vyXB$solidjsweb.createComponent((0, $f6efb1605fcb9f39$export$8e79c28529dbfa90), {
-                get text_() {
-                  return label_text();
+              return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
+                get when() {
+                  return value()?.count_ === 0;
+                },
+                get fallback() {
+                  return $5vyXB$solidjsweb.createComponent((0, $f6efb1605fcb9f39$export$8e79c28529dbfa90), {
+                    get text_() {
+                      return label_text();
+                    },
+                    get to_highlight_() {
+                      return filter_query_?.();
+                    }
+                  });
                 },
-                get to_highlight_() {
-                  return filter_query_?.();
+                get children() {
+                  return label_text();
                 }
               });
             },
@@ -2684,9 +2716,10 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
           });
           const MakeButton = attributes => {
             const label = $5vyXB$solidjs.createMemo(() => value().name_ || value().value_ + "");
+            const count_zero = $5vyXB$solidjs.createMemo(() => value().count_ === 0);
             return $5vyXB$solidjsweb.ssrElement("button", $5vyXB$solidjsweb.mergeProps(attributes, {
               get disabled() {
-                return value().count_ === 0 && !is_selected();
+                return count_zero() && !is_selected();
               },
               get classList() {
                 return {
@@ -2695,9 +2728,19 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
                   "major-minor-transition": true
                 };
               }
-            }), () => ["<!--$-->", $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-              whole_text_to_display_: label,
-              searching_for_value_: () => filter_query_?.()
+            }), () => ["<!--$-->", $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
+              get when() {
+                return count_zero();
+              },
+              get fallback() {
+                return $5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+                  whole_text_to_display_: label,
+                  searching_for_value_: () => filter_query_?.()
+                });
+              },
+              get children() {
+                return label();
+              }
             })), "<!--/-->", "<!--$-->", $5vyXB$solidjsweb.escape($5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
               get when() {
                 return value().count_ != undefined;
@@ -2794,7 +2837,7 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
   filter_: filter_,
   selected_filters_: [get_selected_filters, set_selected_filters],
   i18n_: i18n_,
-  view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_],
+  view_more_button_below_group_: [, set_view_more_button_below_group_],
   filter_query_: filter_query_
 }) {
   // same as in CheckboxFilter, maybe we should make this DRY at some point
@@ -2831,18 +2874,29 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
     });
     const value = $5vyXB$solidjs.createMemo(() => checkbox().value_);
     const label_text = $5vyXB$solidjs.createMemo(() => checkbox().name_ || value() + "");
+    const count = $5vyXB$solidjs.createMemo(() => checkbox().count_);
     const input_row = $5vyXB$solidjsweb.createComponent((0, $1c63082b2da848ad$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-          whole_text_to_display_: label_text,
-          searching_for_value_: () => filter_query_?.()
+        return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Show), {
+          get when() {
+            return count() !== 0;
+          },
+          get fallback() {
+            return label_text();
+          },
+          get children() {
+            return $5vyXB$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: label_text,
+              searching_for_value_: () => filter_query_?.()
+            });
+          }
         });
       },
       get count_() {
-        return checkbox().count_;
+        return count();
       },
       get checked_() {
         return is_checked();
@@ -2904,6 +2958,7 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
       i18n_: i18n_
     }) : []);
   });
+  $5vyXB$solidjs.onCleanup(() => set_view_more_button_below_group_());
   $5vyXB$solidjs.createEffect($5vyXB$depictaiutilishared.catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -3100,7 +3155,7 @@ function $87d7574e1d89d69b$export$82eafebb825fc23f(props = {}) {
   }, props), () => $5vyXB$solidjsweb.ssr($87d7574e1d89d69b$var$_tmpl$), true);
 }
 const $47d8681015b71901$var$_tmpl$ = ["<div", ' class="search-in-filters"><input type="text" class="query"', "><!--$-->", '<!--/--><button style="', '" class="clear-filter-search">', "</button></div>"];
-const $47d8681015b71901$var$min_items_to_enable_filter_searching = 10; // For checkbox hierarchical we 2x this
+const $47d8681015b71901$var$min_items_to_enable_filter_searching = 15; // For checkbox color and checkbox grid we 3x this
 function $47d8681015b71901$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_) {
   const [filter_query_, set_filter_query_] = $5vyXB$solidjs.createSignal();
   // Check if we have enough items to enable searching

package/server/latest/index.d.ts

@@ -7,7 +7,7 @@ import { CategorySuggestion, SearchSuggestionsResponse } from "@depict-ai/types/
 import { BaseSearchRequest } from "@depict-ai/types/api/BaseSearchRequest";
 import { SearchSuggestionsRequest } from "@depict-ai/types/api/SearchSuggestionsRequest";
 import { ProductListingRequestV2 } from "@depict-ai/types/api/ProductListingRequestV2";
-export const version = "2.1.14";
+export const version = "2.1.16";
 /**
  * Use `javascript_media_query` but return a reactive accessor instead of taking a callback function
  */

package/server/latest/index.js

@@ -6,7 +6,7 @@ import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../../multi_import_deduplicator.mjs";
 register_es_version("ui", "latest");
-const $ec291e0010116877$export$83d89fbfd8236492 = "2.1.14";
+const $ec291e0010116877$export$83d89fbfd8236492 = "2.1.16";
 const $4147651646da990a$var$fallback_operator = "in";
 const $4147651646da990a$var$fallback_token = "";
 const $4147651646da990a$var$legacy_filter_prefix = "filter_";
@@ -1543,16 +1543,26 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
       return !!data?.some(item => $91aa8ee9f431800d$export$325f75597868c4f0(item) === value);
     });
     const value = $i7OB2$createMemo(() => checkbox().value_);
+    const is_count_zero = $i7OB2$createMemo(() => checkbox().count_ === 0);
+    const display_text = $i7OB2$createMemo(() => checkbox().name_ || value());
     return $i7OB2$createComponent((0, $49b79728e7d9e2a1$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
-          get whole_text_to_display_() {
-            return $i7OB2$createMemo(() => checkbox().name_ || value());
+        return $i7OB2$createComponent((0, $i7OB2$Show), {
+          get when() {
+            return is_count_zero();
           },
-          searching_for_value_: () => filter_query_?.()
+          get fallback() {
+            return $i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: display_text,
+              searching_for_value_: () => filter_query_?.()
+            });
+          },
+          get children() {
+            return display_text();
+          }
         });
       },
       get count_() {
@@ -1596,6 +1606,7 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
       i18n_: i18n_
     }) : []);
   });
+  $i7OB2$onCleanup(() => set_view_more_button_below_group_());
   $i7OB2$createEffect($i7OB2$catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -1647,9 +1658,19 @@ function $eb8d9bf3b5700c26$export$430444115f70a734({
         const data = existing_filter()?.data;
         if ($91aa8ee9f431800d$export$325f75597868c4f0(data) === $91aa8ee9f431800d$export$325f75597868c4f0(v)) return true;
         return Array.isArray(data) && data.every((item, index) => item === v[index]);
-      })(), true), $i7OB2$escape($i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
-        whole_text_to_display_: label,
-        searching_for_value_: () => filter_query_?.()
+      })(), true), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
+        get when() {
+          return count() !== 0;
+        },
+        get fallback() {
+          return label();
+        },
+        get children() {
+          return $i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+            whole_text_to_display_: label,
+            searching_for_value_: () => filter_query_?.()
+          });
+        }
       })), $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
         get when() {
           return count() != undefined;
@@ -2144,7 +2165,7 @@ function $1c8cac76cb67e9af$export$a32086fa6616eafd({
   filter_: filter_,
   selected_filters_: selected_filters_,
   i18n_: i18n_,
-  view_more_button_below_group_: view_more_button_below_group_,
+  view_more_button_below_group_: [, set_view_more_button_below_group],
   expanded_hierarchical_filters_: expanded_hierarchical_filters_,
   filter_query_: filter_query_
 }) {
@@ -2265,11 +2286,12 @@ function $1c8cac76cb67e9af$export$a32086fa6616eafd({
     }
   });
   $i7OB2$createRenderEffect(() => {
-    view_more_button_below_group_[1](some_top_level_are_hidden() ? $i7OB2$createComponent((0, $67b173f9db427028$export$ca21a16d65b3dd8), {
+    set_view_more_button_below_group(some_top_level_are_hidden() ? $i7OB2$createComponent((0, $67b173f9db427028$export$ca21a16d65b3dd8), {
       show_extras_: show_extras,
       i18n_: i18n_
     }) : []);
   });
+  $i7OB2$onCleanup(() => set_view_more_button_below_group());
   $i7OB2$createEffect($i7OB2$catchify(async () => {
     if (!some_top_level_are_hidden()) {
       await collapse();
@@ -2301,12 +2323,22 @@ function $1c8cac76cb67e9af$var$render_stuff(data, existing_filter, i18n_, filter
               return value_as_string();
             },
             get label_() {
-              return $i7OB2$createComponent((0, $3ec2b9489931358d$export$8e79c28529dbfa90), {
-                get text_() {
-                  return label_text();
+              return $i7OB2$createComponent((0, $i7OB2$Show), {
+                get when() {
+                  return value()?.count_ === 0;
+                },
+                get fallback() {
+                  return $i7OB2$createComponent((0, $3ec2b9489931358d$export$8e79c28529dbfa90), {
+                    get text_() {
+                      return label_text();
+                    },
+                    get to_highlight_() {
+                      return filter_query_?.();
+                    }
+                  });
                 },
-                get to_highlight_() {
-                  return filter_query_?.();
+                get children() {
+                  return label_text();
                 }
               });
             },
@@ -2620,9 +2652,10 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
           });
           const MakeButton = attributes => {
             const label = $i7OB2$createMemo(() => value().name_ || value().value_ + "");
+            const count_zero = $i7OB2$createMemo(() => value().count_ === 0);
             return $i7OB2$ssrElement("button", $i7OB2$mergeProps1(attributes, {
               get disabled() {
-                return value().count_ === 0 && !is_selected();
+                return count_zero() && !is_selected();
               },
               get classList() {
                 return {
@@ -2631,9 +2664,19 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
                   "major-minor-transition": true
                 };
               }
-            }), () => ["<!--$-->", $i7OB2$escape($i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
-              whole_text_to_display_: label,
-              searching_for_value_: () => filter_query_?.()
+            }), () => ["<!--$-->", $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
+              get when() {
+                return count_zero();
+              },
+              get fallback() {
+                return $i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+                  whole_text_to_display_: label,
+                  searching_for_value_: () => filter_query_?.()
+                });
+              },
+              get children() {
+                return label();
+              }
             })), "<!--/-->", "<!--$-->", $i7OB2$escape($i7OB2$createComponent((0, $i7OB2$Show), {
               get when() {
                 return value().count_ != undefined;
@@ -2730,7 +2773,7 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
   filter_: filter_,
   selected_filters_: [get_selected_filters, set_selected_filters],
   i18n_: i18n_,
-  view_more_button_below_group_: [_get_view_more_button_below_group_, set_view_more_button_below_group_],
+  view_more_button_below_group_: [, set_view_more_button_below_group_],
   filter_query_: filter_query_
 }) {
   // same as in CheckboxFilter, maybe we should make this DRY at some point
@@ -2767,18 +2810,29 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
     });
     const value = $i7OB2$createMemo(() => checkbox().value_);
     const label_text = $i7OB2$createMemo(() => checkbox().name_ || value() + "");
+    const count = $i7OB2$createMemo(() => checkbox().count_);
     const input_row = $i7OB2$createComponent((0, $49b79728e7d9e2a1$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
-          whole_text_to_display_: label_text,
-          searching_for_value_: () => filter_query_?.()
+        return $i7OB2$createComponent((0, $i7OB2$Show), {
+          get when() {
+            return count() !== 0;
+          },
+          get fallback() {
+            return label_text();
+          },
+          get children() {
+            return $i7OB2$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: label_text,
+              searching_for_value_: () => filter_query_?.()
+            });
+          }
         });
       },
       get count_() {
-        return checkbox().count_;
+        return count();
       },
       get checked_() {
         return is_checked();
@@ -2840,6 +2894,7 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
       i18n_: i18n_
     }) : []);
   });
+  $i7OB2$onCleanup(() => set_view_more_button_below_group_());
   $i7OB2$createEffect($i7OB2$catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -3036,7 +3091,7 @@ function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
   }, props), () => $i7OB2$ssr($16f0ed5ea30d8d9c$var$_tmpl$), true);
 }
 const $e01b34f289b61435$var$_tmpl$ = ["<div", ' class="search-in-filters"><input type="text" class="query"', "><!--$-->", '<!--/--><button style="', '" class="clear-filter-search">', "</button></div>"];
-const $e01b34f289b61435$var$min_items_to_enable_filter_searching = 10; // For checkbox hierarchical we 2x this
+const $e01b34f289b61435$var$min_items_to_enable_filter_searching = 15; // For checkbox color and checkbox grid we 3x this
 function $e01b34f289b61435$export$4b2c5292ffe0c5dd(filter_array_, section, i18n_) {
   const [filter_query_, set_filter_query_] = $i7OB2$createSignal();
   // Check if we have enough items to enable searching