@depict-ai/ui 4.6.1 → 4.7.1

package/server/latest/index.d.ts

@@ -11,7 +11,7 @@ import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { FeaturedInDisplay } from "@depict-ai/types/api/FeaturedInResponseV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.6.1";
+export const version = "4.7.1";
 /**
  * Just like `useExpandingContainer` except that the children can be reactive solid-js signals, basically solid's JSX.Element instead of our JSX.Element
  */
@@ -1442,7 +1442,7 @@ type OpenModalParams<OriginalDisplay extends Display, OutputDisplay extends Mode
  * Open the modal with support for alignment.
  * @returns {void}
  */
-export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends ModernDisplay>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
+export const open_modal_with_alignment: <OriginalDisplay extends Display, OutputDisplay extends unknown>(openModalParams: OpenModalParams<OriginalDisplay, OutputDisplay>) => void;
 export function open_search_with_shift_slash(open_search: VoidFunction): () => void;
 export interface PageReplacer {
   readonly render_: () => Node_Array;
@@ -1521,5 +1521,5 @@ export function CategoryPage<OriginalDisplay extends Display, OutputDisplay exte
   content_blocks_by_row?: ContentBlocksByRow;
   layout?: PossibleLayout;
   filterModalParent_?: HTMLElement | ShadowRoot;
-}): import("@depict-ai/utilishared/latest").Node_Array;
+}): import("@depict-ai/utilishared").Node_Array;
 export type { SearchFilter } from "@depict-ai/types/api/SearchRequestV3";

package/server/latest/index.js

@@ -7,7 +7,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 = "4.6.1";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.1";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -2846,7 +2846,7 @@ function $081752ca508a876f$export$f7658c347b037c3f(props = {}) {
 }
 var $5285d2814d0fac0c$var$_tmpl$ = ["<div", ' style="', '" class="spacer"></div>'],
   $5285d2814d0fac0c$var$_tmpl$2 = ["<button", ' class="submit major" type="button"', ">", "</button>"],
-  $5285d2814d0fac0c$var$_tmpl$3 = ["<div", ' class="', '" role="search"><!--$-->', "<!--/--><!--$-->", '<!--/--><div class="field"><!--$-->', '<!--/--><input class="', '" tabindex="0"', "><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
+  $5285d2814d0fac0c$var$_tmpl$3 = ["<div", ' class="', '" role="search"><!--$-->', "<!--/--><!--$-->", '<!--/--><div class="field"><!--$-->', '<!--/--><input class="', '" type="search" tabindex="0" enterkeyhint="search"', "><!--$-->", "<!--/--></div><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"];
 function $5285d2814d0fac0c$export$b94867ecbd698f21({
   search_field_value_: [searchFieldValue, setSearchFieldValue],
   input_field_ref_: input_field_ref_,
@@ -8133,7 +8133,9 @@ function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
     local_filter_cache_: [get_local_filter_cache, set_local_filter_cache],
     selected_filters_: [get_selected_filters, set_selected_filters],
     expanded_hierarchical_filters_: [get_expanded_hierarchical_filters, set_expanded_hierarchical_filters],
-    delay_toast_: delay_toast_
+    delay_toast_: delay_toast_,
+    expanded_filters_: expanded_filters_,
+    filters_open_: filters_open_
   } = props;
   const previous_selected_filters = $i7OB2$untrack(get_selected_filters);
   if (!previous_selected_filters.length) {
@@ -8142,9 +8144,13 @@ function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
     if (delay_toast_) return () => {};
     return;
   }
+  const previousExpandedFilters = $i7OB2$untrack(() => expanded_filters_?.[0]());
+  const previousFiltersOpen = $i7OB2$untrack(() => filters_open_?.[0]());
   const previous_expanded_hierarchical_filters = $i7OB2$untrack(get_expanded_hierarchical_filters);
   const previous_local_filter_cache = $i7OB2$untrack(get_local_filter_cache);
   const statement_accessor = user_triggered_ ? i18n_.filters_cleared_ : i18n_.we_cleared_your_filters_;
+  expanded_filters_?.[1]([]);
+  filters_open_?.[1](false);
   set_selected_filters([]);
   scrollTo({
     top: 0
@@ -8170,7 +8176,7 @@ function $e9342fb3ac73a54a$export$8895d39404bd2bb1(props) {
       close_toast_: close_toast_
     } = $bf52d9f9eebd1938$export$5196e4c01fa56fcb({
       class: "cleared_filters",
-      close_after_: 30000,
+      close_after_: 10000,
       on_close_: on_toast_hidden,
       children: [$i7OB2$ssr($e9342fb3ac73a54a$var$_tmpl$, $i7OB2$ssrHydrationKey(), $i7OB2$escape(statement_accessor())), $i7OB2$ssr($e9342fb3ac73a54a$var$_tmpl$2, $i7OB2$ssrHydrationKey(), $i7OB2$escape(i18n_.restore_()), $i7OB2$escape(i18n_.ok_()))]
     }));
@@ -8183,7 +8189,9 @@ function $48d7e4a9707315b6$export$e026af0c7b64ea5f({
   current_sorting_: current_sorting_,
   expanded_hierarchical_filters_: expanded_hierarchical_filters_,
   i18n_: i18n_,
-  local_filter_cache_: local_filter_cache_
+  local_filter_cache_: local_filter_cache_,
+  expanded_filters_: expanded_filters_,
+  filters_open_: filters_open_
 }) {
   const [get_selected_filters] = selected_filters_;
   // Possible values:
@@ -8211,7 +8219,9 @@ function $48d7e4a9707315b6$export$e026af0c7b64ea5f({
         also_clear_sorting_: true,
         current_sorting_: current_sorting_,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-        local_filter_cache_: local_filter_cache_
+        local_filter_cache_: local_filter_cache_,
+        expanded_filters_: expanded_filters_,
+        filters_open_: filters_open_
       });
     }
   }), {
@@ -11040,7 +11050,9 @@ class $806c97b931758897$export$ac6237957a15b3f0 {
         current_sorting_: current_sorting_,
         expanded_hierarchical_filters_: state_.expanded_hierarchical_filters,
         i18n_: i18n_,
-        local_filter_cache_: state_.local_filter_cache
+        local_filter_cache_: state_.local_filter_cache,
+        expanded_filters_: state_.expanded_filters,
+        filters_open_: state_.filters_open
       });
       $806c97b931758897$export$dde08b2dca8cc1ce.set(this, {
         search_query_url_param_name_: search_query_url_param_name_,
@@ -11935,7 +11947,9 @@ function $e7fce80abe608e01$export$3945d6db2dfd3d12({
   expanded_hierarchical_filters_: expanded_hierarchical_filters_,
   plp_results_: plp_results_,
   sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
-  id_type_: id_type_
+  id_type_: id_type_,
+  expanded_filters_: expanded_filters_,
+  filters_open_: filters_open_
 }) {
   // If we just got opened in a new tab, clear filters instantly and remove the flag
   $e7fce80abe608e01$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
@@ -11944,7 +11958,9 @@ function $e7fce80abe608e01$export$3945d6db2dfd3d12({
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     selected_filters_: selected_filters_,
     i18n_: i18n_,
-    sideways_filter_clearing_flag_: sideways_filter_clearing_flag_
+    sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
+    expanded_filters_: expanded_filters_,
+    filters_open_: filters_open_
   });
   // The code below is for when we're already open and the user navigates to a new category
   let previous_crumb_data = $i7OB2$untrack(crumb_data_);
@@ -11977,7 +11993,9 @@ function $e7fce80abe608e01$export$3945d6db2dfd3d12({
           also_clear_sorting_: false,
           selected_filters_: selected_filters_,
           expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-          local_filter_cache_: local_filter_cache_
+          local_filter_cache_: local_filter_cache_,
+          expanded_filters_: expanded_filters_,
+          filters_open_: filters_open_
         });
         // Also ensure we don't have `sideways_url_params_flag` set anymore
         sideways_filter_clearing_flag_[1](false);
@@ -11997,7 +12015,9 @@ function $e7fce80abe608e01$var$clear_if_opened_new_tab_with_sideways_url_params_
   i18n_: i18n_,
   selected_filters_: selected_filters_,
   local_filter_cache_: local_filter_cache_,
-  sideways_filter_clearing_flag_: [get_sideways_filter_clearing_flag_, set_sideways_filter_clearing_flag_]
+  sideways_filter_clearing_flag_: [get_sideways_filter_clearing_flag_, set_sideways_filter_clearing_flag_],
+  expanded_filters_: expanded_filters_,
+  filters_open_: filters_open_
 }) {
   const tracking_function_for_plp_results = $i7OB2$createReaction(() => {
     // On first rendering of the CategoryPage (after we have results), check if we got to this URL by going sideways in QuickLinks and clear filters with toast if so
@@ -12012,7 +12032,9 @@ function $e7fce80abe608e01$var$clear_if_opened_new_tab_with_sideways_url_params_
         also_clear_sorting_: false,
         selected_filters_: selected_filters_,
         expanded_hierarchical_filters_: expanded_hierarchical_filters_,
-        local_filter_cache_: local_filter_cache_
+        local_filter_cache_: local_filter_cache_,
+        filters_open_: filters_open_,
+        expanded_filters_: expanded_filters_
       });
     });
   });
@@ -12255,7 +12277,9 @@ function $df5d81d0fe61ff21$export$f7d2f673fc2f091d({
     expanded_hierarchical_filters_: expanded_hierarchical_filters_,
     plp_results_: plp_products_,
     sideways_filter_clearing_flag_: sideways_filter_clearing_flag_,
-    id_type_: id_type_
+    id_type_: id_type_,
+    expanded_filters_: expanded_filters_,
+    filters_open_: category_filters_open_
   });
   get_breadcrumb_accessor_?.(crumb_data_);
   get_quicklinks_accessor_?.(quicklinks_data_);