@depict-ai/ui 4.7.4 → 4.7.6

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.7.4";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.6";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -13774,6 +13774,9 @@ function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
     $52FdA$solidjs.onCleanup(() => {
       addedToBody.remove();
       fakeField.replaceWith(actualField_);
+      setPollAlignment_(true);
+      // Trigger a new alignment to make sure we are using the dimensions from the field being back in the DOM now, fixes https://depictaiworkspace.slack.com/archives/C06LVKNPLP5/p1710862260203749
+      $52FdA$depictaiutilisharedlatest.queueMacroTask(() => setPollAlignment_(false));
     });
     $7a8e55af4ef13fae$export$181cceed5c91919e(() => {
       setInnerWidthReactive(innerWidth);
@@ -13977,6 +13980,10 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     filterModalParent_: filterModalParent_
   });
   const results_filters = $52FdA$solidjs.createSignal();
+  const shouldActuallyShowInputField = $52FdA$solidjs.createMemo(() => {
+    var _include_input_field_;
+    return (_include_input_field_ = include_input_field_ === null || include_input_field_ === void 0 ? void 0 : include_input_field_()) !== null && _include_input_field_ !== void 0 ? _include_input_field_ : true;
+  }); // default to showing input field
   const owner = $52FdA$solidjs.getOwner();
   $52FdA$solidjs.onCleanup($52FdA$depictaiutilishared.javascript_media_query("(max-width:600px)", async _ref2 => {
     let {
@@ -14022,8 +14029,7 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     // Hours were wasted in https://github.com/depict-org/depict/pull/137/commits/ff6563a8deb7ba09e181a7a34831fb66997fa8aa and following commits
     // Reason it doesn't work is due to the complex alignment switching when the search field gets removed, and even after solving that: that opening a modal with unspecified alignment aligns it to the search field on the search page
     add_input_field: {
-      var _include_input_field_;
-      const input_field_accessor_value = (_include_input_field_ = include_input_field_ === null || include_input_field_ === void 0 ? void 0 : include_input_field_()) !== null && _include_input_field_ !== void 0 ? _include_input_field_ : true; // default to showing input field
+      const input_field_accessor_value = shouldActuallyShowInputField();
       if (!input_field_accessor_value) break add_input_field;
       let input_element;
       let div_with_field_class;

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.7.4";
+export const version = "4.7.6";
 /**
  * Just like `useExpandingContainer` except that the children can be reactive solid-js signals, basically solid's JSX.Element instead of our JSX.Element
  */

package/ES10/index.js

@@ -2,7 +2,7 @@ import { add_to_version_info as $8tj43$add_to_version_info, useExpandingContaine
 import { createComponent as $8tj43$createComponent, insert as $8tj43$insert, template as $8tj43$template, getNextElement as $8tj43$getNextElement, mergeProps as $8tj43$mergeProps, effect as $8tj43$effect, className as $8tj43$className, isServer as $8tj43$isServer, spread as $8tj43$spread, runHydrationEvents as $8tj43$runHydrationEvents, addEventListener as $8tj43$addEventListener, memo as $8tj43$memo, delegateEvents as $8tj43$delegateEvents, getNextMarker as $8tj43$getNextMarker, classList as $8tj43$classList, setAttribute as $8tj43$setAttribute, style as $8tj43$style, use as $8tj43$use, setProperty as $8tj43$setProperty, Dynamic as $8tj43$Dynamic } from "solid-js/web";
 import { createSignal as $8tj43$createSignal, createMemo as $8tj43$createMemo, createResource as $8tj43$createResource, createEffect as $8tj43$createEffect, Show as $8tj43$Show, mergeProps as $8tj43$mergeProps1, Suspense as $8tj43$Suspense, untrack as $8tj43$untrack, createRenderEffect as $8tj43$createRenderEffect, Index as $8tj43$Index, createRoot as $8tj43$createRoot, onCleanup as $8tj43$onCleanup, For as $8tj43$For, getOwner as $8tj43$getOwner, runWithOwner as $8tj43$runWithOwner, createContext as $8tj43$createContext, useContext as $8tj43$useContext, createUniqueId as $8tj43$createUniqueId, createComputed as $8tj43$createComputed, ErrorBoundary as $8tj43$ErrorBoundary, splitProps as $8tj43$splitProps, on as $8tj43$on, batch as $8tj43$batch, createSelector as $8tj43$createSelector, children as $8tj43$children, createReaction as $8tj43$createReaction, mapArray as $8tj43$mapArray } from "solid-js";
 import $8tj43$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
-import { ListenableSet as $8tj43$ListenableSet, catchify as $8tj43$catchify1, use_href_accessor as $8tj43$use_href_accessor1, report as $8tj43$report1 } from "@depict-ai/utilishared/ES10";
+import { ListenableSet as $8tj43$ListenableSet, catchify as $8tj43$catchify1, use_href_accessor as $8tj43$use_href_accessor1, queueMacroTask as $8tj43$queueMacroTask1, report as $8tj43$report1 } from "@depict-ai/utilishared/ES10";
 import $8tj43$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
 import $8tj43$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpers/classPrivateFieldGet";
 import { createStore as $8tj43$createStore, reconcile as $8tj43$reconcile } from "solid-js/store";
@@ -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.7.4";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.6";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -13680,6 +13680,9 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
     $8tj43$onCleanup(() => {
       addedToBody.remove();
       fakeField.replaceWith(actualField_);
+      setPollAlignment_(true);
+      // Trigger a new alignment to make sure we are using the dimensions from the field being back in the DOM now, fixes https://depictaiworkspace.slack.com/archives/C06LVKNPLP5/p1710862260203749
+      $8tj43$queueMacroTask1(() => setPollAlignment_(false));
     });
     $96d57a48e7bce64f$export$181cceed5c91919e(() => {
       setInnerWidthReactive(innerWidth);
@@ -13883,6 +13886,10 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     filterModalParent_: filterModalParent_
   });
   const results_filters = $8tj43$createSignal();
+  const shouldActuallyShowInputField = $8tj43$createMemo(() => {
+    var _include_input_field_;
+    return (_include_input_field_ = include_input_field_ === null || include_input_field_ === void 0 ? void 0 : include_input_field_()) !== null && _include_input_field_ !== void 0 ? _include_input_field_ : true;
+  }); // default to showing input field
   const owner = $8tj43$getOwner();
   $8tj43$onCleanup($8tj43$javascript_media_query("(max-width:600px)", async _ref2 => {
     let {
@@ -13928,8 +13935,7 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     // Hours were wasted in https://github.com/depict-org/depict/pull/137/commits/ff6563a8deb7ba09e181a7a34831fb66997fa8aa and following commits
     // Reason it doesn't work is due to the complex alignment switching when the search field gets removed, and even after solving that: that opening a modal with unspecified alignment aligns it to the search field on the search page
     add_input_field: {
-      var _include_input_field_;
-      const input_field_accessor_value = (_include_input_field_ = include_input_field_ === null || include_input_field_ === void 0 ? void 0 : include_input_field_()) !== null && _include_input_field_ !== void 0 ? _include_input_field_ : true; // default to showing input field
+      const input_field_accessor_value = shouldActuallyShowInputField();
       if (!input_field_accessor_value) break add_input_field;
       let input_element;
       let div_with_field_class;

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.7.4";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.6";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -12971,6 +12971,9 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
     $gVhhF$solidjs.onCleanup(() => {
       addedToBody.remove();
       fakeField.replaceWith(actualField_);
+      setPollAlignment_(true);
+      // Trigger a new alignment to make sure we are using the dimensions from the field being back in the DOM now, fixes https://depictaiworkspace.slack.com/archives/C06LVKNPLP5/p1710862260203749
+      $gVhhF$depictaiutilisharedlatest.queueMacroTask(() => setPollAlignment_(false));
     });
     $331c7a65de274e6c$export$181cceed5c91919e(() => {
       setInnerWidthReactive(innerWidth);
@@ -13158,6 +13161,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
     filterModalParent_: filterModalParent_
   });
   const results_filters = $gVhhF$solidjs.createSignal();
+  const shouldActuallyShowInputField = $gVhhF$solidjs.createMemo(() => include_input_field_?.() ?? true); // default to showing input field
   const owner = $gVhhF$solidjs.getOwner();
   $gVhhF$solidjs.onCleanup($gVhhF$depictaiutilishared.javascript_media_query("(max-width:600px)", async ({
     matches: matches
@@ -13202,7 +13206,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
     // Hours were wasted in https://github.com/depict-org/depict/pull/137/commits/ff6563a8deb7ba09e181a7a34831fb66997fa8aa and following commits
     // Reason it doesn't work is due to the complex alignment switching when the search field gets removed, and even after solving that: that opening a modal with unspecified alignment aligns it to the search field on the search page
     add_input_field: {
-      const input_field_accessor_value = include_input_field_?.() ?? true; // default to showing input field
+      const input_field_accessor_value = shouldActuallyShowInputField();
       if (!input_field_accessor_value) break add_input_field;
       let input_element;
       let div_with_field_class;

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.7.4";
+export const version = "4.7.6";
 /**
  * Just like `useExpandingContainer` except that the children can be reactive solid-js signals, basically solid's JSX.Element instead of our JSX.Element
  */

package/latest/index.js

@@ -1,13 +1,13 @@
 import { add_to_version_info as $9HbP8$add_to_version_info, useExpandingContainer as $9HbP8$useExpandingContainer, fetch_retry as $9HbP8$fetch_retry, base_url as $9HbP8$base_url, dwarn as $9HbP8$dwarn, slider_fractional_factory as $9HbP8$slider_fractional_factory, dlog as $9HbP8$dlog, camelCasifyObject as $9HbP8$camelCasifyObject, make_random_classname as $9HbP8$make_random_classname, n_col_styling_with_dist as $9HbP8$n_col_styling_with_dist, catchify as $9HbP8$catchify, layout_get_visible_recs_without_partial_rows as $9HbP8$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $9HbP8$layout_get_total_rec_amount_for_row, layout_media_query_header as $9HbP8$layout_media_query_header, report as $9HbP8$report, slider_fading_factory as $9HbP8$slider_fading_factory, Amazing_Slider as $9HbP8$Amazing_Slider, slider_snap_css as $9HbP8$slider_snap_css, observer as $9HbP8$observer, javascript_media_query as $9HbP8$javascript_media_query, queueMacroTask as $9HbP8$queueMacroTask, findMostFrequentItem as $9HbP8$findMostFrequentItem, standard_price_format as $9HbP8$standard_price_format, instant_exec_on_suspect_history_change as $9HbP8$instant_exec_on_suspect_history_change, deparallelize_no_drop as $9HbP8$deparallelize_no_drop, ContainedImage as $9HbP8$ContainedImage, buildThresholdList as $9HbP8$buildThresholdList, make_asyncIterable_exiter as $9HbP8$make_asyncIterable_exiter, href_change_ipns as $9HbP8$href_change_ipns, base64_encode_unicode as $9HbP8$base64_encode_unicode, base64_decode_unicode as $9HbP8$base64_decode_unicode, use_href_accessor as $9HbP8$use_href_accessor, get_session_id as $9HbP8$get_session_id, add_version_query_params as $9HbP8$add_version_query_params, hex_to_rgb as $9HbP8$hex_to_rgb, relative_luminance_from_rgb as $9HbP8$relative_luminance_from_rgb, snakeCasifyObject as $9HbP8$snakeCasifyObject, sort_obj as $9HbP8$sort_obj, make_url_with_query_params as $9HbP8$make_url_with_query_params, insert_surfaces as $9HbP8$insert_surfaces, is_debug as $9HbP8$is_debug } from "@depict-ai/utilishared/latest";
 import { createComponent as $9HbP8$createComponent, insert as $9HbP8$insert, template as $9HbP8$template, getNextElement as $9HbP8$getNextElement, mergeProps as $9HbP8$mergeProps, effect as $9HbP8$effect, className as $9HbP8$className, isServer as $9HbP8$isServer, spread as $9HbP8$spread, runHydrationEvents as $9HbP8$runHydrationEvents, addEventListener as $9HbP8$addEventListener, memo as $9HbP8$memo, delegateEvents as $9HbP8$delegateEvents, getNextMarker as $9HbP8$getNextMarker, classList as $9HbP8$classList, setAttribute as $9HbP8$setAttribute, style as $9HbP8$style, use as $9HbP8$use, setProperty as $9HbP8$setProperty, Dynamic as $9HbP8$Dynamic } from "solid-js/web";
 import { createSignal as $9HbP8$createSignal, createMemo as $9HbP8$createMemo, createResource as $9HbP8$createResource, createEffect as $9HbP8$createEffect, Show as $9HbP8$Show, mergeProps as $9HbP8$mergeProps1, Suspense as $9HbP8$Suspense, untrack as $9HbP8$untrack, createRenderEffect as $9HbP8$createRenderEffect, Index as $9HbP8$Index, createRoot as $9HbP8$createRoot, onCleanup as $9HbP8$onCleanup, For as $9HbP8$For, getOwner as $9HbP8$getOwner, runWithOwner as $9HbP8$runWithOwner, createContext as $9HbP8$createContext, useContext as $9HbP8$useContext, createUniqueId as $9HbP8$createUniqueId, createComputed as $9HbP8$createComputed, ErrorBoundary as $9HbP8$ErrorBoundary, splitProps as $9HbP8$splitProps, on as $9HbP8$on, batch as $9HbP8$batch, createSelector as $9HbP8$createSelector, children as $9HbP8$children, createReaction as $9HbP8$createReaction, mapArray as $9HbP8$mapArray } from "solid-js";
-import { ListenableSet as $9HbP8$ListenableSet, catchify as $9HbP8$catchify1, use_href_accessor as $9HbP8$use_href_accessor1, report as $9HbP8$report1 } from "@depict-ai/utilishared/latest";
+import { ListenableSet as $9HbP8$ListenableSet, catchify as $9HbP8$catchify1, use_href_accessor as $9HbP8$use_href_accessor1, queueMacroTask as $9HbP8$queueMacroTask1, report as $9HbP8$report1 } from "@depict-ai/utilishared/latest";
 import { createStore as $9HbP8$createStore, reconcile as $9HbP8$reconcile } from "solid-js/store";
 
 /*! 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.7.4";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.6";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -12880,6 +12880,9 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
     $9HbP8$onCleanup(() => {
       addedToBody.remove();
       fakeField.replaceWith(actualField_);
+      setPollAlignment_(true);
+      // Trigger a new alignment to make sure we are using the dimensions from the field being back in the DOM now, fixes https://depictaiworkspace.slack.com/archives/C06LVKNPLP5/p1710862260203749
+      $9HbP8$queueMacroTask1(() => setPollAlignment_(false));
     });
     $d68658730065de95$export$181cceed5c91919e(() => {
       setInnerWidthReactive(innerWidth);
@@ -13067,6 +13070,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
     filterModalParent_: filterModalParent_
   });
   const results_filters = $9HbP8$createSignal();
+  const shouldActuallyShowInputField = $9HbP8$createMemo(() => include_input_field_?.() ?? true); // default to showing input field
   const owner = $9HbP8$getOwner();
   $9HbP8$onCleanup($9HbP8$javascript_media_query("(max-width:600px)", async ({
     matches: matches
@@ -13111,7 +13115,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
     // Hours were wasted in https://github.com/depict-org/depict/pull/137/commits/ff6563a8deb7ba09e181a7a34831fb66997fa8aa and following commits
     // Reason it doesn't work is due to the complex alignment switching when the search field gets removed, and even after solving that: that opening a modal with unspecified alignment aligns it to the search field on the search page
     add_input_field: {
-      const input_field_accessor_value = include_input_field_?.() ?? true; // default to showing input field
+      const input_field_accessor_value = shouldActuallyShowInputField();
       if (!input_field_accessor_value) break add_input_field;
       let input_element;
       let div_with_field_class;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/ui",
-  "version": "4.7.4",
+  "version": "4.7.6",
   "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",

package/server/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.7.4";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.7.6";
 function $d6d51b09cb2116a6$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -11317,6 +11317,9 @@ function $a60bc7692ce52705$export$44f738469d5570cf(_ref) {
     $3hooq$solidjs.onCleanup(() => {
       addedToBody.remove();
       fakeField.replaceWith(actualField_);
+      setPollAlignment_(true);
+      // Trigger a new alignment to make sure we are using the dimensions from the field being back in the DOM now, fixes https://depictaiworkspace.slack.com/archives/C06LVKNPLP5/p1710862260203749
+      $3hooq$depictaiutilisharedlatest.queueMacroTask(() => setPollAlignment_(false));
     });
     $7a8e55af4ef13fae$export$181cceed5c91919e(() => {
       setInnerWidthReactive(innerWidth);
@@ -11520,6 +11523,10 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     filterModalParent_: filterModalParent_
   });
   const results_filters = $3hooq$solidjs.createSignal();
+  const shouldActuallyShowInputField = $3hooq$solidjs.createMemo(() => {
+    var _include_input_field_;
+    return (_include_input_field_ = include_input_field_ === null || include_input_field_ === void 0 ? void 0 : include_input_field_()) !== null && _include_input_field_ !== void 0 ? _include_input_field_ : true;
+  }); // default to showing input field
   const owner = $3hooq$solidjs.getOwner();
   $3hooq$solidjs.onCleanup($3hooq$depictaiutilishared.javascript_media_query("(max-width:600px)", async _ref2 => {
     let {
@@ -11556,8 +11563,7 @@ function $739c927cbecd26b0$export$a54ec244c8863715(_ref) {
     // Hours were wasted in https://github.com/depict-org/depict/pull/137/commits/ff6563a8deb7ba09e181a7a34831fb66997fa8aa and following commits
     // Reason it doesn't work is due to the complex alignment switching when the search field gets removed, and even after solving that: that opening a modal with unspecified alignment aligns it to the search field on the search page
     add_input_field: {
-      var _include_input_field_;
-      const input_field_accessor_value = (_include_input_field_ = include_input_field_ === null || include_input_field_ === void 0 ? void 0 : include_input_field_()) !== null && _include_input_field_ !== void 0 ? _include_input_field_ : true; // default to showing input field
+      const input_field_accessor_value = shouldActuallyShowInputField();
       if (!input_field_accessor_value) break add_input_field;
       let input_element;
       let div_with_field_class;

package/server/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.7.4";
+export const version = "4.7.6";
 /**
  * Just like `useExpandingContainer` except that the children can be reactive solid-js signals, basically solid's JSX.Element instead of our JSX.Element
  */

package/server/ES10/index.js

@@ -2,7 +2,7 @@ import { add_to_version_info as $b8hua$add_to_version_info, useExpandingContaine
 import { createComponent as $b8hua$createComponent, insert as $b8hua$insert, ssr as $b8hua$ssr, ssrHydrationKey as $b8hua$ssrHydrationKey, escape as $b8hua$escape, ssrStyle as $b8hua$ssrStyle, mergeProps as $b8hua$mergeProps, isServer as $b8hua$isServer, ssrElement as $b8hua$ssrElement, ssrClassList as $b8hua$ssrClassList, ssrAttribute as $b8hua$ssrAttribute, spread as $b8hua$spread, Dynamic as $b8hua$Dynamic } from "solid-js/web";
 import { createSignal as $b8hua$createSignal, createMemo as $b8hua$createMemo, createResource as $b8hua$createResource, createEffect as $b8hua$createEffect, Show as $b8hua$Show, mergeProps as $b8hua$mergeProps1, Suspense as $b8hua$Suspense, untrack as $b8hua$untrack, createRenderEffect as $b8hua$createRenderEffect, Index as $b8hua$Index, createRoot as $b8hua$createRoot, onCleanup as $b8hua$onCleanup, For as $b8hua$For, getOwner as $b8hua$getOwner, runWithOwner as $b8hua$runWithOwner, createContext as $b8hua$createContext, useContext as $b8hua$useContext, createUniqueId as $b8hua$createUniqueId, createComputed as $b8hua$createComputed, ErrorBoundary as $b8hua$ErrorBoundary, splitProps as $b8hua$splitProps, on as $b8hua$on, batch as $b8hua$batch, createSelector as $b8hua$createSelector, children as $b8hua$children, createReaction as $b8hua$createReaction, mapArray as $b8hua$mapArray } from "solid-js";
 import $b8hua$babelruntimehelpersdefineProperty from "@babel/runtime/helpers/defineProperty";
-import { ListenableSet as $b8hua$ListenableSet, catchify as $b8hua$catchify1, use_href_accessor as $b8hua$use_href_accessor1, report as $b8hua$report1 } from "@depict-ai/utilishared/ES10";
+import { ListenableSet as $b8hua$ListenableSet, catchify as $b8hua$catchify1, use_href_accessor as $b8hua$use_href_accessor1, queueMacroTask as $b8hua$queueMacroTask1, report as $b8hua$report1 } from "@depict-ai/utilishared/ES10";
 import $b8hua$babelruntimehelpersclassPrivateFieldSet from "@babel/runtime/helpers/classPrivateFieldSet";
 import $b8hua$babelruntimehelpersclassPrivateFieldGet from "@babel/runtime/helpers/classPrivateFieldGet";
 import { createStore as $b8hua$createStore, reconcile as $b8hua$reconcile } from "solid-js/store";
@@ -10,7 +10,7 @@ import { createStore as $b8hua$createStore, reconcile as $b8hua$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.7.4";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.7.6";
 function $8e8b179489080711$export$5bad61ecde080b1f() {
   const {
     collapse: collapse,
@@ -11223,6 +11223,9 @@ function $937791b86d3d1509$export$44f738469d5570cf(_ref) {
     $b8hua$onCleanup(() => {
       addedToBody.remove();
       fakeField.replaceWith(actualField_);
+      setPollAlignment_(true);
+      // Trigger a new alignment to make sure we are using the dimensions from the field being back in the DOM now, fixes https://depictaiworkspace.slack.com/archives/C06LVKNPLP5/p1710862260203749
+      $b8hua$queueMacroTask1(() => setPollAlignment_(false));
     });
     $96d57a48e7bce64f$export$181cceed5c91919e(() => {
       setInnerWidthReactive(innerWidth);
@@ -11426,6 +11429,10 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     filterModalParent_: filterModalParent_
   });
   const results_filters = $b8hua$createSignal();
+  const shouldActuallyShowInputField = $b8hua$createMemo(() => {
+    var _include_input_field_;
+    return (_include_input_field_ = include_input_field_ === null || include_input_field_ === void 0 ? void 0 : include_input_field_()) !== null && _include_input_field_ !== void 0 ? _include_input_field_ : true;
+  }); // default to showing input field
   const owner = $b8hua$getOwner();
   $b8hua$onCleanup($b8hua$javascript_media_query("(max-width:600px)", async _ref2 => {
     let {
@@ -11462,8 +11469,7 @@ function $da279c5a540c6846$export$a54ec244c8863715(_ref) {
     // Hours were wasted in https://github.com/depict-org/depict/pull/137/commits/ff6563a8deb7ba09e181a7a34831fb66997fa8aa and following commits
     // Reason it doesn't work is due to the complex alignment switching when the search field gets removed, and even after solving that: that opening a modal with unspecified alignment aligns it to the search field on the search page
     add_input_field: {
-      var _include_input_field_;
-      const input_field_accessor_value = (_include_input_field_ = include_input_field_ === null || include_input_field_ === void 0 ? void 0 : include_input_field_()) !== null && _include_input_field_ !== void 0 ? _include_input_field_ : true; // default to showing input field
+      const input_field_accessor_value = shouldActuallyShowInputField();
       if (!input_field_accessor_value) break add_input_field;
       let input_element;
       let div_with_field_class;

package/server/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.7.4";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.7.6";
 function $4b455f60dadde8b8$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -10585,6 +10585,9 @@ function $5cbaffcb5602e671$export$44f738469d5570cf({
     $5vyXB$solidjs.onCleanup(() => {
       addedToBody.remove();
       fakeField.replaceWith(actualField_);
+      setPollAlignment_(true);
+      // Trigger a new alignment to make sure we are using the dimensions from the field being back in the DOM now, fixes https://depictaiworkspace.slack.com/archives/C06LVKNPLP5/p1710862260203749
+      $5vyXB$depictaiutilisharedlatest.queueMacroTask(() => setPollAlignment_(false));
     });
     $331c7a65de274e6c$export$181cceed5c91919e(() => {
       setInnerWidthReactive(innerWidth);
@@ -10772,6 +10775,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
     filterModalParent_: filterModalParent_
   });
   const results_filters = $5vyXB$solidjs.createSignal();
+  const shouldActuallyShowInputField = $5vyXB$solidjs.createMemo(() => include_input_field_?.() ?? true); // default to showing input field
   const owner = $5vyXB$solidjs.getOwner();
   $5vyXB$solidjs.onCleanup($5vyXB$depictaiutilishared.javascript_media_query("(max-width:600px)", async ({
     matches: matches
@@ -10807,7 +10811,7 @@ function $f1d7cb69f839a526$export$a54ec244c8863715({
     // Hours were wasted in https://github.com/depict-org/depict/pull/137/commits/ff6563a8deb7ba09e181a7a34831fb66997fa8aa and following commits
     // Reason it doesn't work is due to the complex alignment switching when the search field gets removed, and even after solving that: that opening a modal with unspecified alignment aligns it to the search field on the search page
     add_input_field: {
-      const input_field_accessor_value = include_input_field_?.() ?? true; // default to showing input field
+      const input_field_accessor_value = shouldActuallyShowInputField();
       if (!input_field_accessor_value) break add_input_field;
       let input_element;
       let div_with_field_class;

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.7.4";
+export const version = "4.7.6";
 /**
  * Just like `useExpandingContainer` except that the children can be reactive solid-js signals, basically solid's JSX.Element instead of our JSX.Element
  */

package/server/latest/index.js

@@ -1,13 +1,13 @@
 import { add_to_version_info as $i7OB2$add_to_version_info, useExpandingContainer as $i7OB2$useExpandingContainer, fetch_retry as $i7OB2$fetch_retry, base_url as $i7OB2$base_url, dwarn as $i7OB2$dwarn, slider_fractional_factory as $i7OB2$slider_fractional_factory, dlog as $i7OB2$dlog, camelCasifyObject as $i7OB2$camelCasifyObject, make_random_classname as $i7OB2$make_random_classname, n_col_styling_with_dist as $i7OB2$n_col_styling_with_dist, catchify as $i7OB2$catchify, layout_get_visible_recs_without_partial_rows as $i7OB2$layout_get_visible_recs_without_partial_rows, layout_get_total_rec_amount_for_row as $i7OB2$layout_get_total_rec_amount_for_row, layout_media_query_header as $i7OB2$layout_media_query_header, report as $i7OB2$report, slider_fading_factory as $i7OB2$slider_fading_factory, Amazing_Slider as $i7OB2$Amazing_Slider, slider_snap_css as $i7OB2$slider_snap_css, observer as $i7OB2$observer, javascript_media_query as $i7OB2$javascript_media_query, queueMacroTask as $i7OB2$queueMacroTask, findMostFrequentItem as $i7OB2$findMostFrequentItem, standard_price_format as $i7OB2$standard_price_format, instant_exec_on_suspect_history_change as $i7OB2$instant_exec_on_suspect_history_change, deparallelize_no_drop as $i7OB2$deparallelize_no_drop, ContainedImage as $i7OB2$ContainedImage, make_asyncIterable_exiter as $i7OB2$make_asyncIterable_exiter, href_change_ipns as $i7OB2$href_change_ipns, base64_encode_unicode as $i7OB2$base64_encode_unicode, base64_decode_unicode as $i7OB2$base64_decode_unicode, use_href_accessor as $i7OB2$use_href_accessor, get_session_id as $i7OB2$get_session_id, add_version_query_params as $i7OB2$add_version_query_params, hex_to_rgb as $i7OB2$hex_to_rgb, relative_luminance_from_rgb as $i7OB2$relative_luminance_from_rgb, snakeCasifyObject as $i7OB2$snakeCasifyObject, sort_obj as $i7OB2$sort_obj, make_url_with_query_params as $i7OB2$make_url_with_query_params, insert_surfaces as $i7OB2$insert_surfaces } from "@depict-ai/utilishared/latest";
 import { createComponent as $i7OB2$createComponent, insert as $i7OB2$insert, ssr as $i7OB2$ssr, ssrHydrationKey as $i7OB2$ssrHydrationKey, escape as $i7OB2$escape, ssrStyle as $i7OB2$ssrStyle, mergeProps as $i7OB2$mergeProps, isServer as $i7OB2$isServer, ssrElement as $i7OB2$ssrElement, ssrClassList as $i7OB2$ssrClassList, ssrAttribute as $i7OB2$ssrAttribute, spread as $i7OB2$spread, Dynamic as $i7OB2$Dynamic } from "solid-js/web";
 import { createSignal as $i7OB2$createSignal, createMemo as $i7OB2$createMemo, createResource as $i7OB2$createResource, createEffect as $i7OB2$createEffect, Show as $i7OB2$Show, mergeProps as $i7OB2$mergeProps1, Suspense as $i7OB2$Suspense, untrack as $i7OB2$untrack, createRenderEffect as $i7OB2$createRenderEffect, Index as $i7OB2$Index, createRoot as $i7OB2$createRoot, onCleanup as $i7OB2$onCleanup, For as $i7OB2$For, getOwner as $i7OB2$getOwner, runWithOwner as $i7OB2$runWithOwner, createContext as $i7OB2$createContext, useContext as $i7OB2$useContext, createUniqueId as $i7OB2$createUniqueId, createComputed as $i7OB2$createComputed, ErrorBoundary as $i7OB2$ErrorBoundary, splitProps as $i7OB2$splitProps, on as $i7OB2$on, batch as $i7OB2$batch, createSelector as $i7OB2$createSelector, children as $i7OB2$children, createReaction as $i7OB2$createReaction, mapArray as $i7OB2$mapArray } from "solid-js";
-import { ListenableSet as $i7OB2$ListenableSet, catchify as $i7OB2$catchify1, use_href_accessor as $i7OB2$use_href_accessor1, report as $i7OB2$report1 } from "@depict-ai/utilishared/latest";
+import { ListenableSet as $i7OB2$ListenableSet, catchify as $i7OB2$catchify1, use_href_accessor as $i7OB2$use_href_accessor1, queueMacroTask as $i7OB2$queueMacroTask1, report as $i7OB2$report1 } from "@depict-ai/utilishared/latest";
 import { createStore as $i7OB2$createStore, reconcile as $i7OB2$reconcile } from "solid-js/store";
 
 /*! 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.7.4";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.7.6";
 function $24e27fab9c821b86$export$5bad61ecde080b1f(...params) {
   const {
     collapse: collapse,
@@ -10494,6 +10494,9 @@ function $0e562a5b247b1fc2$export$44f738469d5570cf({
     $i7OB2$onCleanup(() => {
       addedToBody.remove();
       fakeField.replaceWith(actualField_);
+      setPollAlignment_(true);
+      // Trigger a new alignment to make sure we are using the dimensions from the field being back in the DOM now, fixes https://depictaiworkspace.slack.com/archives/C06LVKNPLP5/p1710862260203749
+      $i7OB2$queueMacroTask1(() => setPollAlignment_(false));
     });
     $d68658730065de95$export$181cceed5c91919e(() => {
       setInnerWidthReactive(innerWidth);
@@ -10681,6 +10684,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
     filterModalParent_: filterModalParent_
   });
   const results_filters = $i7OB2$createSignal();
+  const shouldActuallyShowInputField = $i7OB2$createMemo(() => include_input_field_?.() ?? true); // default to showing input field
   const owner = $i7OB2$getOwner();
   $i7OB2$onCleanup($i7OB2$javascript_media_query("(max-width:600px)", async ({
     matches: matches
@@ -10716,7 +10720,7 @@ function $7097477c78a89208$export$a54ec244c8863715({
     // Hours were wasted in https://github.com/depict-org/depict/pull/137/commits/ff6563a8deb7ba09e181a7a34831fb66997fa8aa and following commits
     // Reason it doesn't work is due to the complex alignment switching when the search field gets removed, and even after solving that: that opening a modal with unspecified alignment aligns it to the search field on the search page
     add_input_field: {
-      const input_field_accessor_value = include_input_field_?.() ?? true; // default to showing input field
+      const input_field_accessor_value = shouldActuallyShowInputField();
       if (!input_field_accessor_value) break add_input_field;
       let input_element;
       let div_with_field_class;