@depict-ai/ui 2.1.14 → 2.1.16

package/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_";
@@ -2040,16 +2040,26 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({
       return !!data?.some(item => $daa394359b026187$export$325f75597868c4f0(item) === value);
     });
     const value = $gVhhF$solidjs.createMemo(() => checkbox().value_);
+    const is_count_zero = $gVhhF$solidjs.createMemo(() => checkbox().count_ === 0);
+    const display_text = $gVhhF$solidjs.createMemo(() => checkbox().name_ || value());
     return $gVhhF$solidjsweb.createComponent((0, $1c63082b2da848ad$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-          get whole_text_to_display_() {
-            return $gVhhF$solidjs.createMemo(() => checkbox().name_ || value());
+        return $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+          get when() {
+            return is_count_zero();
+          },
+          get fallback() {
+            return $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: display_text,
+              searching_for_value_: () => filter_query_?.()
+            });
           },
-          searching_for_value_: () => filter_query_?.()
+          get children() {
+            return display_text();
+          }
         });
       },
       get count_() {
@@ -2093,6 +2103,7 @@ function $d94869c80e337a3d$export$dd948f91abc3a1c4({
       i18n_: i18n_
     }) : []);
   });
+  $gVhhF$solidjs.onCleanup(() => set_view_more_button_below_group_());
   $gVhhF$solidjs.createEffect($gVhhF$depictaiutilishared.catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -2195,9 +2206,19 @@ function $c1dc1554c1b94233$export$430444115f70a734({
           }));
           $gVhhF$solidjsweb.setAttribute(_el$4, "id", random_selector);
           $gVhhF$solidjsweb.setAttribute(_el$4, "name", radio_name);
-          $gVhhF$solidjsweb.insert(_el$3, $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-            whole_text_to_display_: label,
-            searching_for_value_: () => filter_query_?.()
+          $gVhhF$solidjsweb.insert(_el$3, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+            get when() {
+              return count() !== 0;
+            },
+            get fallback() {
+              return label();
+            },
+            get children() {
+              return $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+                whole_text_to_display_: label,
+                searching_for_value_: () => filter_query_?.()
+              });
+            }
           }), _el$7, _co$);
           $gVhhF$solidjsweb.insert(_el$2, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
             get when() {
@@ -2884,7 +2905,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_
 }) {
@@ -3005,11 +3026,12 @@ function $3bdc00a1353c1150$export$a32086fa6616eafd({
     }
   });
   $gVhhF$solidjs.createRenderEffect(() => {
-    view_more_button_below_group_[1](some_top_level_are_hidden() ? $gVhhF$solidjsweb.createComponent((0, $0fe1e7efdf4200d6$export$ca21a16d65b3dd8), {
+    set_view_more_button_below_group(some_top_level_are_hidden() ? $gVhhF$solidjsweb.createComponent((0, $0fe1e7efdf4200d6$export$ca21a16d65b3dd8), {
       show_extras_: show_extras,
       i18n_: i18n_
     }) : []);
   });
+  $gVhhF$solidjs.onCleanup(() => set_view_more_button_below_group());
   $gVhhF$solidjs.createEffect($gVhhF$depictaiutilishared.catchify(async () => {
     if (!some_top_level_are_hidden()) {
       await collapse();
@@ -3059,12 +3081,22 @@ function $3bdc00a1353c1150$var$render_stuff(data, existing_filter, i18n_, filter
                 return value_as_string();
               },
               get label_() {
-                return $gVhhF$solidjsweb.createComponent((0, $f6efb1605fcb9f39$export$8e79c28529dbfa90), {
-                  get text_() {
-                    return label_text();
+                return $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+                  get when() {
+                    return value()?.count_ === 0;
+                  },
+                  get fallback() {
+                    return $gVhhF$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();
                   }
                 });
               },
@@ -3397,6 +3429,7 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
           });
           const MakeButton = attributes => {
             const label = $gVhhF$solidjs.createMemo(() => value().name_ || value().value_ + "");
+            const count_zero = $gVhhF$solidjs.createMemo(() => value().count_ === 0);
             return (() => {
               const _el$2 = $gVhhF$solidjsweb.getNextElement($0ef1681699140f1a$var$_tmpl$3),
                 _el$5 = _el$2.firstChild,
@@ -3405,7 +3438,7 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
                 [_el$8, _co$2] = $gVhhF$solidjsweb.getNextMarker(_el$7.nextSibling);
               $gVhhF$solidjsweb.spread(_el$2, $gVhhF$solidjsweb.mergeProps(attributes, {
                 get disabled() {
-                  return $gVhhF$solidjsweb.memo(() => value().count_ === 0)() && !is_selected();
+                  return $gVhhF$solidjsweb.memo(() => !!count_zero())() && !is_selected();
                 },
                 get classList() {
                   return {
@@ -3440,9 +3473,19 @@ const $0ef1681699140f1a$export$414f6a19d38e655c = ({
                   });
                 }
               }), false, true);
-              $gVhhF$solidjsweb.insert(_el$2, $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-                whole_text_to_display_: label,
-                searching_for_value_: () => filter_query_?.()
+              $gVhhF$solidjsweb.insert(_el$2, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+                get when() {
+                  return count_zero();
+                },
+                get fallback() {
+                  return $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
+                    whole_text_to_display_: label,
+                    searching_for_value_: () => filter_query_?.()
+                  });
+                },
+                get children() {
+                  return label();
+                }
               }), _el$6, _co$);
               $gVhhF$solidjsweb.insert(_el$2, $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
                 get when() {
@@ -3546,7 +3589,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
@@ -3583,18 +3626,29 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
     });
     const value = $gVhhF$solidjs.createMemo(() => checkbox().value_);
     const label_text = $gVhhF$solidjs.createMemo(() => checkbox().name_ || value() + "");
+    const count = $gVhhF$solidjs.createMemo(() => checkbox().count_);
     const input_row = $gVhhF$solidjsweb.createComponent((0, $1c63082b2da848ad$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $gVhhF$solidjsweb.createComponent((0, $d023ed916c84e75d$export$ba17c5b7e6dda39f), {
-          whole_text_to_display_: label_text,
-          searching_for_value_: () => filter_query_?.()
+        return $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Show), {
+          get when() {
+            return count() !== 0;
+          },
+          get fallback() {
+            return label_text();
+          },
+          get children() {
+            return $gVhhF$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();
@@ -3656,6 +3710,7 @@ function $b51a2b8b9355e66c$export$82ed4b28ecb67608({
       i18n_: i18n_
     }) : []);
   });
+  $gVhhF$solidjs.onCleanup(() => set_view_more_button_below_group_());
   $gVhhF$solidjs.createEffect($gVhhF$depictaiutilishared.catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -3904,7 +3959,7 @@ function $87d7574e1d89d69b$export$82eafebb825fc23f(props = {}) {
   })();
 }
 const $47d8681015b71901$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=search-in-filters><input type=text class=query><!$><!/><button class=clear-filter-search>`);
-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_] = $gVhhF$solidjs.createSignal();
   // Check if we have enough items to enable searching

package/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/latest/index.js

@@ -6,7 +6,7 @@ import { createStore as $9HbP8$createStore, reconcile as $9HbP8$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_";
@@ -1976,16 +1976,26 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
       return !!data?.some(item => $91aa8ee9f431800d$export$325f75597868c4f0(item) === value);
     });
     const value = $9HbP8$createMemo(() => checkbox().value_);
+    const is_count_zero = $9HbP8$createMemo(() => checkbox().count_ === 0);
+    const display_text = $9HbP8$createMemo(() => checkbox().name_ || value());
     return $9HbP8$createComponent((0, $49b79728e7d9e2a1$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
-          get whole_text_to_display_() {
-            return $9HbP8$createMemo(() => checkbox().name_ || value());
+        return $9HbP8$createComponent((0, $9HbP8$Show), {
+          get when() {
+            return is_count_zero();
+          },
+          get fallback() {
+            return $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+              whole_text_to_display_: display_text,
+              searching_for_value_: () => filter_query_?.()
+            });
           },
-          searching_for_value_: () => filter_query_?.()
+          get children() {
+            return display_text();
+          }
         });
       },
       get count_() {
@@ -2029,6 +2039,7 @@ function $a4601e6bea3ed1e6$export$dd948f91abc3a1c4({
       i18n_: i18n_
     }) : []);
   });
+  $9HbP8$onCleanup(() => set_view_more_button_below_group_());
   $9HbP8$createEffect($9HbP8$catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -2131,9 +2142,19 @@ function $eb8d9bf3b5700c26$export$430444115f70a734({
           }));
           $9HbP8$setAttribute(_el$4, "id", random_selector);
           $9HbP8$setAttribute(_el$4, "name", radio_name);
-          $9HbP8$insert(_el$3, $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
-            whole_text_to_display_: label,
-            searching_for_value_: () => filter_query_?.()
+          $9HbP8$insert(_el$3, $9HbP8$createComponent((0, $9HbP8$Show), {
+            get when() {
+              return count() !== 0;
+            },
+            get fallback() {
+              return label();
+            },
+            get children() {
+              return $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+                whole_text_to_display_: label,
+                searching_for_value_: () => filter_query_?.()
+              });
+            }
           }), _el$7, _co$);
           $9HbP8$insert(_el$2, $9HbP8$createComponent((0, $9HbP8$Show), {
             get when() {
@@ -2820,7 +2841,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_
 }) {
@@ -2941,11 +2962,12 @@ function $1c8cac76cb67e9af$export$a32086fa6616eafd({
     }
   });
   $9HbP8$createRenderEffect(() => {
-    view_more_button_below_group_[1](some_top_level_are_hidden() ? $9HbP8$createComponent((0, $67b173f9db427028$export$ca21a16d65b3dd8), {
+    set_view_more_button_below_group(some_top_level_are_hidden() ? $9HbP8$createComponent((0, $67b173f9db427028$export$ca21a16d65b3dd8), {
       show_extras_: show_extras,
       i18n_: i18n_
     }) : []);
   });
+  $9HbP8$onCleanup(() => set_view_more_button_below_group());
   $9HbP8$createEffect($9HbP8$catchify(async () => {
     if (!some_top_level_are_hidden()) {
       await collapse();
@@ -2995,12 +3017,22 @@ function $1c8cac76cb67e9af$var$render_stuff(data, existing_filter, i18n_, filter
                 return value_as_string();
               },
               get label_() {
-                return $9HbP8$createComponent((0, $3ec2b9489931358d$export$8e79c28529dbfa90), {
-                  get text_() {
-                    return label_text();
+                return $9HbP8$createComponent((0, $9HbP8$Show), {
+                  get when() {
+                    return value()?.count_ === 0;
+                  },
+                  get fallback() {
+                    return $9HbP8$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();
                   }
                 });
               },
@@ -3333,6 +3365,7 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
           });
           const MakeButton = attributes => {
             const label = $9HbP8$createMemo(() => value().name_ || value().value_ + "");
+            const count_zero = $9HbP8$createMemo(() => value().count_ === 0);
             return (() => {
               const _el$2 = $9HbP8$getNextElement($93716a9ad0dea854$var$_tmpl$3),
                 _el$5 = _el$2.firstChild,
@@ -3341,7 +3374,7 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
                 [_el$8, _co$2] = $9HbP8$getNextMarker(_el$7.nextSibling);
               $9HbP8$spread(_el$2, $9HbP8$mergeProps1(attributes, {
                 get disabled() {
-                  return $9HbP8$memo(() => value().count_ === 0)() && !is_selected();
+                  return $9HbP8$memo(() => !!count_zero())() && !is_selected();
                 },
                 get classList() {
                   return {
@@ -3376,9 +3409,19 @@ const $93716a9ad0dea854$export$414f6a19d38e655c = ({
                   });
                 }
               }), false, true);
-              $9HbP8$insert(_el$2, $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
-                whole_text_to_display_: label,
-                searching_for_value_: () => filter_query_?.()
+              $9HbP8$insert(_el$2, $9HbP8$createComponent((0, $9HbP8$Show), {
+                get when() {
+                  return count_zero();
+                },
+                get fallback() {
+                  return $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
+                    whole_text_to_display_: label,
+                    searching_for_value_: () => filter_query_?.()
+                  });
+                },
+                get children() {
+                  return label();
+                }
               }), _el$6, _co$);
               $9HbP8$insert(_el$2, $9HbP8$createComponent((0, $9HbP8$Show), {
                 get when() {
@@ -3482,7 +3525,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
@@ -3519,18 +3562,29 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
     });
     const value = $9HbP8$createMemo(() => checkbox().value_);
     const label_text = $9HbP8$createMemo(() => checkbox().name_ || value() + "");
+    const count = $9HbP8$createMemo(() => checkbox().count_);
     const input_row = $9HbP8$createComponent((0, $49b79728e7d9e2a1$export$48513f6b9f8ce62d), {
       get value_() {
         return value();
       },
       get label_() {
-        return $9HbP8$createComponent((0, $f3213c0640246d58$export$ba17c5b7e6dda39f), {
-          whole_text_to_display_: label_text,
-          searching_for_value_: () => filter_query_?.()
+        return $9HbP8$createComponent((0, $9HbP8$Show), {
+          get when() {
+            return count() !== 0;
+          },
+          get fallback() {
+            return label_text();
+          },
+          get children() {
+            return $9HbP8$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();
@@ -3592,6 +3646,7 @@ function $e731d52d97444b7c$export$82ed4b28ecb67608({
       i18n_: i18n_
     }) : []);
   });
+  $9HbP8$onCleanup(() => set_view_more_button_below_group_());
   $9HbP8$createEffect($9HbP8$catchify(async () => {
     if (!togglable_rest()) {
       await collapse();
@@ -3840,7 +3895,7 @@ function $16f0ed5ea30d8d9c$export$82eafebb825fc23f(props = {}) {
   })();
 }
 const $e01b34f289b61435$var$_tmpl$ = /*#__PURE__*/$9HbP8$template(`<div class=search-in-filters><input type=text class=query><!$><!/><button class=clear-filter-search>`);
-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_] = $9HbP8$createSignal();
   // Check if we have enough items to enable searching

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "2.1.14",
+  "version": "2.1.16",
   "description": "Base package containing the actual UI of Depict UI along with translations, with a not-simplified API. We recommend using @depict-ai/js-ui or @depict-ai/react-ui instead.",
   "packageManager": "yarn@3.2.2",
   "sass": "styles.scss",
@@ -236,7 +236,7 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "^7.22.6",
-    "@depict-ai/plp-styling": "^1.2.8",
+    "@depict-ai/plp-styling": "^1.2.9",
     "@depict-ai/types": "^1.0.39",
     "@depict-ai/utilishared": "^1.0.48",
     "solid-js": "^1.8.1"