@depict-ai/ui 4.6.1 → 4.7.1

package/ES10/index.cjs

@@ -104,7 +104,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $335c02c1241a9ca8$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $335c02c1241a9ca8$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $c10e33c4681f8c9b$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.6.1";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.1";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -3656,7 +3656,7 @@ var $29e5dbeb69da7a36$var$_tmpl$ = /*#__PURE__*/$52FdA$solidjsweb.template(`<but
   $29e5dbeb69da7a36$var$_tmpl$2 = /*#__PURE__*/$52FdA$solidjsweb.template(`<button type=button class=clear>`),
   $29e5dbeb69da7a36$var$_tmpl$3 = /*#__PURE__*/$52FdA$solidjsweb.template(`<div class=spacer>`),
   $29e5dbeb69da7a36$var$_tmpl$4 = /*#__PURE__*/$52FdA$solidjsweb.template(`<button class="submit major"type=button>`),
-  $29e5dbeb69da7a36$var$_tmpl$5 = /*#__PURE__*/$52FdA$solidjsweb.template(`<div role=search><!$><!/><!$><!/><div class=field><!$><!/><input class=query tabindex=0><!$><!/></div><!$><!/><!$><!/>`);
+  $29e5dbeb69da7a36$var$_tmpl$5 = /*#__PURE__*/$52FdA$solidjsweb.template(`<div role=search><!$><!/><!$><!/><div class=field><!$><!/><input class=query type=search tabindex=0 enterkeyhint=search><!$><!/></div><!$><!/><!$><!/>`);
 function $29e5dbeb69da7a36$export$b94867ecbd698f21(_ref) {
   let {
     search_field_value_: [searchFieldValue, setSearchFieldValue],
@@ -6472,7 +6472,9 @@ function $1a8463d757baadb6$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 = $52FdA$solidjs.untrack(get_selected_filters);
   if (!previous_selected_filters.length) {
@@ -6481,9 +6483,13 @@ function $1a8463d757baadb6$export$8895d39404bd2bb1(props) {
     if (delay_toast_) return () => {};
     return;
   }
+  const previousExpandedFilters = $52FdA$solidjs.untrack(() => expanded_filters_ === null || expanded_filters_ === void 0 ? void 0 : expanded_filters_[0]());
+  const previousFiltersOpen = $52FdA$solidjs.untrack(() => filters_open_ === null || filters_open_ === void 0 ? void 0 : filters_open_[0]());
   const previous_expanded_hierarchical_filters = $52FdA$solidjs.untrack(get_expanded_hierarchical_filters);
   const previous_local_filter_cache = $52FdA$solidjs.untrack(get_local_filter_cache);
   const statement_accessor = user_triggered_ ? i18n_.filters_cleared_ : i18n_.we_cleared_your_filters_;
+  expanded_filters_ === null || expanded_filters_ === void 0 || expanded_filters_[1]([]);
+  filters_open_ === null || filters_open_ === void 0 || filters_open_[1](false);
   set_selected_filters([]);
   scrollTo({
     top: 0
@@ -6509,7 +6515,7 @@ function $1a8463d757baadb6$export$8895d39404bd2bb1(props) {
       close_toast_: close_toast_
     } = $5909f8d84b7b4c30$export$5196e4c01fa56fcb({
       class: "cleared_filters",
-      close_after_: 30000,
+      close_after_: 10000,
       on_close_: on_toast_hidden,
       children: [(() => {
         var _el$ = $52FdA$solidjsweb.getNextElement($1a8463d757baadb6$var$_tmpl$);
@@ -6522,7 +6528,9 @@ function $1a8463d757baadb6$export$8895d39404bd2bb1(props) {
         $52FdA$solidjsweb.addEventListener(_el$3, "click", $52FdA$depictaiutilishared.catchify(() => {
           set_selected_filters(previous_selected_filters);
           set_expanded_hierarchical_filters(previous_expanded_hierarchical_filters);
+          if (previousExpandedFilters) expanded_filters_ === null || expanded_filters_ === void 0 || expanded_filters_[1](previousExpandedFilters);
           if (also_clear_sorting_ && previous_sorting) props.current_sorting_[1](previous_sorting);
+          if (typeof previousFiltersOpen === "boolean") filters_open_ === null || filters_open_ === void 0 || filters_open_[1](previousFiltersOpen);
           // also restore previous filter cache, I think this should trigger a correct re-merging with newly in-came filters from backend in case there are any. This is because selected filters otherwise might not exist anymore and therefore can't be viewed in the UI
           set_local_filter_cache(previous_local_filter_cache);
           scrollTo({
@@ -10749,7 +10757,9 @@ function $1c0d0256826edea6$export$e026af0c7b64ea5f(_ref) {
     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_
   } = _ref;
   const [get_selected_filters] = selected_filters_;
   // Possible values:
@@ -10777,7 +10787,9 @@ function $1c0d0256826edea6$export$e026af0c7b64ea5f(_ref) {
         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_
       });
     }
   }), {
@@ -14451,7 +14463,9 @@ class $ddd39c5f36f49703$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
       });
       $ddd39c5f36f49703$export$dde08b2dca8cc1ce.set(this, {
         search_query_url_param_name_: search_query_url_param_name_,
@@ -15527,7 +15541,9 @@ function $8b366fdb0c76194d$export$3945d6db2dfd3d12(_ref) {
     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_
   } = _ref;
   // If we just got opened in a new tab, clear filters instantly and remove the flag
   $8b366fdb0c76194d$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
@@ -15536,7 +15552,9 @@ function $8b366fdb0c76194d$export$3945d6db2dfd3d12(_ref) {
     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 = $52FdA$solidjs.untrack(crumb_data_);
@@ -15572,7 +15590,9 @@ function $8b366fdb0c76194d$export$3945d6db2dfd3d12(_ref) {
           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);
@@ -15593,7 +15613,9 @@ function $8b366fdb0c76194d$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_
   } = _ref3;
   const tracking_function_for_plp_results = $52FdA$solidjs.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
@@ -15608,7 +15630,9 @@ function $8b366fdb0c76194d$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_
       });
     });
   });
@@ -15935,7 +15959,9 @@ function $ede6c70ecdca46fe$export$f7d2f673fc2f091d(_ref) {
     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_ === null || get_breadcrumb_accessor_ === void 0 || get_breadcrumb_accessor_(crumb_data_);
   get_quicklinks_accessor_ === null || get_quicklinks_accessor_ === void 0 || get_quicklinks_accessor_(quicklinks_data_);

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

@@ -10,7 +10,7 @@ import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from
 /*! Depict.ai search and product listing SDK */
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("ui", "ES10");
-const $8db9a15135765c11$export$83d89fbfd8236492 = "4.6.1";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.1";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -3562,7 +3562,7 @@ var $584c06c09cf4609d$var$_tmpl$ = /*#__PURE__*/$8tj43$template(`<button class=b
   $584c06c09cf4609d$var$_tmpl$2 = /*#__PURE__*/$8tj43$template(`<button type=button class=clear>`),
   $584c06c09cf4609d$var$_tmpl$3 = /*#__PURE__*/$8tj43$template(`<div class=spacer>`),
   $584c06c09cf4609d$var$_tmpl$4 = /*#__PURE__*/$8tj43$template(`<button class="submit major"type=button>`),
-  $584c06c09cf4609d$var$_tmpl$5 = /*#__PURE__*/$8tj43$template(`<div role=search><!$><!/><!$><!/><div class=field><!$><!/><input class=query tabindex=0><!$><!/></div><!$><!/><!$><!/>`);
+  $584c06c09cf4609d$var$_tmpl$5 = /*#__PURE__*/$8tj43$template(`<div role=search><!$><!/><!$><!/><div class=field><!$><!/><input class=query type=search tabindex=0 enterkeyhint=search><!$><!/></div><!$><!/><!$><!/>`);
 function $584c06c09cf4609d$export$b94867ecbd698f21(_ref) {
   let {
     search_field_value_: [searchFieldValue, setSearchFieldValue],
@@ -6378,7 +6378,9 @@ function $b4465d8d605f61e9$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 = $8tj43$untrack(get_selected_filters);
   if (!previous_selected_filters.length) {
@@ -6387,9 +6389,13 @@ function $b4465d8d605f61e9$export$8895d39404bd2bb1(props) {
     if (delay_toast_) return () => {};
     return;
   }
+  const previousExpandedFilters = $8tj43$untrack(() => expanded_filters_ === null || expanded_filters_ === void 0 ? void 0 : expanded_filters_[0]());
+  const previousFiltersOpen = $8tj43$untrack(() => filters_open_ === null || filters_open_ === void 0 ? void 0 : filters_open_[0]());
   const previous_expanded_hierarchical_filters = $8tj43$untrack(get_expanded_hierarchical_filters);
   const previous_local_filter_cache = $8tj43$untrack(get_local_filter_cache);
   const statement_accessor = user_triggered_ ? i18n_.filters_cleared_ : i18n_.we_cleared_your_filters_;
+  expanded_filters_ === null || expanded_filters_ === void 0 || expanded_filters_[1]([]);
+  filters_open_ === null || filters_open_ === void 0 || filters_open_[1](false);
   set_selected_filters([]);
   scrollTo({
     top: 0
@@ -6415,7 +6421,7 @@ function $b4465d8d605f61e9$export$8895d39404bd2bb1(props) {
       close_toast_: close_toast_
     } = $a61a2051e15c8d7a$export$5196e4c01fa56fcb({
       class: "cleared_filters",
-      close_after_: 30000,
+      close_after_: 10000,
       on_close_: on_toast_hidden,
       children: [(() => {
         var _el$ = $8tj43$getNextElement($b4465d8d605f61e9$var$_tmpl$);
@@ -6428,7 +6434,9 @@ function $b4465d8d605f61e9$export$8895d39404bd2bb1(props) {
         $8tj43$addEventListener(_el$3, "click", $8tj43$catchify(() => {
           set_selected_filters(previous_selected_filters);
           set_expanded_hierarchical_filters(previous_expanded_hierarchical_filters);
+          if (previousExpandedFilters) expanded_filters_ === null || expanded_filters_ === void 0 || expanded_filters_[1](previousExpandedFilters);
           if (also_clear_sorting_ && previous_sorting) props.current_sorting_[1](previous_sorting);
+          if (typeof previousFiltersOpen === "boolean") filters_open_ === null || filters_open_ === void 0 || filters_open_[1](previousFiltersOpen);
           // also restore previous filter cache, I think this should trigger a correct re-merging with newly in-came filters from backend in case there are any. This is because selected filters otherwise might not exist anymore and therefore can't be viewed in the UI
           set_local_filter_cache(previous_local_filter_cache);
           scrollTo({
@@ -10655,7 +10663,9 @@ function $d8a66ba54a42eb3e$export$e026af0c7b64ea5f(_ref) {
     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_
   } = _ref;
   const [get_selected_filters] = selected_filters_;
   // Possible values:
@@ -10683,7 +10693,9 @@ function $d8a66ba54a42eb3e$export$e026af0c7b64ea5f(_ref) {
         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_
       });
     }
   }), {
@@ -14357,7 +14369,9 @@ class $eb064bc3350276c1$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
       });
       $eb064bc3350276c1$export$dde08b2dca8cc1ce.set(this, {
         search_query_url_param_name_: search_query_url_param_name_,
@@ -15433,7 +15447,9 @@ function $a4777acaffa35a82$export$3945d6db2dfd3d12(_ref) {
     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_
   } = _ref;
   // If we just got opened in a new tab, clear filters instantly and remove the flag
   $a4777acaffa35a82$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
@@ -15442,7 +15458,9 @@ function $a4777acaffa35a82$export$3945d6db2dfd3d12(_ref) {
     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 = $8tj43$untrack(crumb_data_);
@@ -15478,7 +15496,9 @@ function $a4777acaffa35a82$export$3945d6db2dfd3d12(_ref) {
           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);
@@ -15499,7 +15519,9 @@ function $a4777acaffa35a82$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_
   } = _ref3;
   const tracking_function_for_plp_results = $8tj43$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
@@ -15514,7 +15536,9 @@ function $a4777acaffa35a82$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_
       });
     });
   });
@@ -15841,7 +15865,9 @@ function $4b4b262708b516ee$export$f7d2f673fc2f091d(_ref) {
     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_ === null || get_breadcrumb_accessor_ === void 0 || get_breadcrumb_accessor_(crumb_data_);
   get_quicklinks_accessor_ === null || get_quicklinks_accessor_ === void 0 || get_quicklinks_accessor_(quicklinks_data_);

package/latest/index.cjs

@@ -98,7 +98,7 @@ $parcel$export(module.exports, "BreadCrumbs", () => $1f4925833f07df29$export$5b7
 $parcel$export(module.exports, "QuickLinks", () => $1f4925833f07df29$export$de035477d6fef996);
 $parcel$export(module.exports, "CategoryPage", () => $14f289047713d67a$export$e2bf8ce7779e827e);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.6.1";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.1";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -3463,7 +3463,7 @@ var $66b8b9a9613c141d$var$_tmpl$ = /*#__PURE__*/$gVhhF$solidjsweb.template(`<but
   $66b8b9a9613c141d$var$_tmpl$2 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button type=button class=clear>`),
   $66b8b9a9613c141d$var$_tmpl$3 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div class=spacer>`),
   $66b8b9a9613c141d$var$_tmpl$4 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<button class="submit major"type=button>`),
-  $66b8b9a9613c141d$var$_tmpl$5 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div role=search><!$><!/><!$><!/><div class=field><!$><!/><input class=query tabindex=0><!$><!/></div><!$><!/><!$><!/>`);
+  $66b8b9a9613c141d$var$_tmpl$5 = /*#__PURE__*/$gVhhF$solidjsweb.template(`<div role=search><!$><!/><!$><!/><div class=field><!$><!/><input class=query type=search tabindex=0 enterkeyhint=search><!$><!/></div><!$><!/><!$><!/>`);
 function $66b8b9a9613c141d$export$b94867ecbd698f21({
   search_field_value_: [searchFieldValue, setSearchFieldValue],
   input_field_ref_: input_field_ref_,
@@ -6182,7 +6182,9 @@ function $47e2cc552c02110c$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 = $gVhhF$solidjs.untrack(get_selected_filters);
   if (!previous_selected_filters.length) {
@@ -6191,9 +6193,13 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
     if (delay_toast_) return () => {};
     return;
   }
+  const previousExpandedFilters = $gVhhF$solidjs.untrack(() => expanded_filters_?.[0]());
+  const previousFiltersOpen = $gVhhF$solidjs.untrack(() => filters_open_?.[0]());
   const previous_expanded_hierarchical_filters = $gVhhF$solidjs.untrack(get_expanded_hierarchical_filters);
   const previous_local_filter_cache = $gVhhF$solidjs.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
@@ -6219,7 +6225,7 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
       close_toast_: close_toast_
     } = $ee498ec5e7dc2bba$export$5196e4c01fa56fcb({
       class: "cleared_filters",
-      close_after_: 30000,
+      close_after_: 10000,
       on_close_: on_toast_hidden,
       children: [(() => {
         var _el$ = $gVhhF$solidjsweb.getNextElement($47e2cc552c02110c$var$_tmpl$);
@@ -6232,7 +6238,9 @@ function $47e2cc552c02110c$export$8895d39404bd2bb1(props) {
         $gVhhF$solidjsweb.addEventListener(_el$3, "click", $gVhhF$depictaiutilishared.catchify(() => {
           set_selected_filters(previous_selected_filters);
           set_expanded_hierarchical_filters(previous_expanded_hierarchical_filters);
+          if (previousExpandedFilters) expanded_filters_?.[1](previousExpandedFilters);
           if (also_clear_sorting_ && previous_sorting) props.current_sorting_[1](previous_sorting);
+          if (typeof previousFiltersOpen === "boolean") filters_open_?.[1](previousFiltersOpen);
           // also restore previous filter cache, I think this should trigger a correct re-merging with newly in-came filters from backend in case there are any. This is because selected filters otherwise might not exist anymore and therefore can't be viewed in the UI
           set_local_filter_cache(previous_local_filter_cache);
           scrollTo({
@@ -10105,7 +10113,9 @@ function $b34ce0b89e6db4e1$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:
@@ -10133,7 +10143,9 @@ function $b34ce0b89e6db4e1$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_
       });
     }
   }), {
@@ -13565,7 +13577,9 @@ class $2c61e4cd8229c49a$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
       });
       $2c61e4cd8229c49a$export$dde08b2dca8cc1ce.set(this, {
         search_query_url_param_name_: search_query_url_param_name_,
@@ -14503,7 +14517,9 @@ function $ef972f5c10b1c5b4$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
   $ef972f5c10b1c5b4$var$clear_if_opened_new_tab_with_sideways_url_params_flag({
@@ -14512,7 +14528,9 @@ function $ef972f5c10b1c5b4$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 = $gVhhF$solidjs.untrack(crumb_data_);
@@ -14545,7 +14563,9 @@ function $ef972f5c10b1c5b4$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);
@@ -14565,7 +14585,9 @@ function $ef972f5c10b1c5b4$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 = $gVhhF$solidjs.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
@@ -14580,7 +14602,9 @@ function $ef972f5c10b1c5b4$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_
       });
     });
   });
@@ -14876,7 +14900,9 @@ function $840d88a04b2d22a7$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_);

package/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";