@depict-ai/ui 4.1.7 → 4.1.8

package/ES10/index.cjs

@@ -99,7 +99,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447a
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $98aef9965764903d$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.1.7";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.1.8";
 
 /**
  * This is a function that will safely clone an object that may contain promises.
@@ -13619,6 +13619,7 @@ function $05f255c0a94b9ca1$export$4405d077f0a20494(_ref) {
     content_results_rows_: [get_history_state_content_results_rows],
     cols_at_size_: cols_at_size_
   } = _ref;
+  const colsShowingNow = $478e5a09664da64c$export$a79e666719b3647c(cols_at_size_);
   const largest_column = $52FdA$solidjs.createMemo(() => {
     const largest_in_cols_at_size = Math.max(...cols_at_size_().map(_ref2 => {
       let [cols] = _ref2;
@@ -13629,7 +13630,10 @@ function $05f255c0a94b9ca1$export$4405d077f0a20494(_ref) {
   });
   const num_placeholders = $52FdA$solidjs.createMemo(() => {
     var _get_history_state_co;
-    return ((_get_history_state_co = get_history_state_content_results_rows()) !== null && _get_history_state_co !== void 0 ? _get_history_state_co : (0, $eab939d0b95b75ee$export$70ceae36059a1036)) * largest_column();
+    return (
+      // Use how many columns we're actually showing, if available, so that we're showing exactly as many placeholders as we'd show content, so that the view more button doesn't appear/disappear and makes the layout shift
+      ((_get_history_state_co = get_history_state_content_results_rows()) !== null && _get_history_state_co !== void 0 ? _get_history_state_co : (0, $eab939d0b95b75ee$export$70ceae36059a1036)) * (colsShowingNow() || largest_column())
+    );
   });
   return $52FdA$solidjsweb.createComponent((0, $52FdA$solidjs.Index), {
     get each() {

package/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.1.7";
+export const version = "4.1.8";
 /**
  * This is a function that will safely clone an object that may contain promises.
  * It will use structuredClone to clone the object and then re-apply (copy) any promises that were in the original object to the cloned object.

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.1.7";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.1.8";
 
 /**
  * This is a function that will safely clone an object that may contain promises.
@@ -13530,6 +13530,7 @@ function $ad4f3c9872fbeb48$export$4405d077f0a20494(_ref) {
     content_results_rows_: [get_history_state_content_results_rows],
     cols_at_size_: cols_at_size_
   } = _ref;
+  const colsShowingNow = $40e2fa435715a1a0$export$a79e666719b3647c(cols_at_size_);
   const largest_column = $8tj43$createMemo(() => {
     const largest_in_cols_at_size = Math.max(...cols_at_size_().map(_ref2 => {
       let [cols] = _ref2;
@@ -13540,7 +13541,10 @@ function $ad4f3c9872fbeb48$export$4405d077f0a20494(_ref) {
   });
   const num_placeholders = $8tj43$createMemo(() => {
     var _get_history_state_co;
-    return ((_get_history_state_co = get_history_state_content_results_rows()) !== null && _get_history_state_co !== void 0 ? _get_history_state_co : (0, $d53ebed6f63304e4$export$70ceae36059a1036)) * largest_column();
+    return (
+      // Use how many columns we're actually showing, if available, so that we're showing exactly as many placeholders as we'd show content, so that the view more button doesn't appear/disappear and makes the layout shift
+      ((_get_history_state_co = get_history_state_content_results_rows()) !== null && _get_history_state_co !== void 0 ? _get_history_state_co : (0, $d53ebed6f63304e4$export$70ceae36059a1036)) * (colsShowingNow() || largest_column())
+    );
   });
   return $8tj43$createComponent((0, $8tj43$Index), {
     get each() {

package/latest/index.cjs

@@ -93,7 +93,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad99
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $c0a0659cf97e8eb2$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.1.7";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.1.8";
 
 /**
  * This is a function that will safely clone an object that may contain promises.
@@ -12824,12 +12824,15 @@ function $c2f92eb265a14529$export$4405d077f0a20494({
   content_results_rows_: [get_history_state_content_results_rows],
   cols_at_size_: cols_at_size_
 }) {
+  const colsShowingNow = $17d06b3bcb035500$export$a79e666719b3647c(cols_at_size_);
   const largest_column = $gVhhF$solidjs.createMemo(() => {
     const largest_in_cols_at_size = Math.max(...cols_at_size_().map(([cols]) => cols));
     if (isNaN(largest_in_cols_at_size) || Math.abs(largest_in_cols_at_size) === Infinity) return 4; // fallback to something big so we always have the right amount of placeholders
     return largest_in_cols_at_size;
   });
-  const num_placeholders = $gVhhF$solidjs.createMemo(() => (get_history_state_content_results_rows() ?? (0, $3716b8caf7f959e2$export$70ceae36059a1036)) * largest_column());
+  const num_placeholders = $gVhhF$solidjs.createMemo(() =>
+  // Use how many columns we're actually showing, if available, so that we're showing exactly as many placeholders as we'd show content, so that the view more button doesn't appear/disappear and makes the layout shift
+  (get_history_state_content_results_rows() ?? (0, $3716b8caf7f959e2$export$70ceae36059a1036)) * (colsShowingNow() || largest_column()));
   return $gVhhF$solidjsweb.createComponent((0, $gVhhF$solidjs.Index), {
     get each() {
       return Array.from({

package/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.1.7";
+export const version = "4.1.8";
 /**
  * This is a function that will safely clone an object that may contain promises.
  * It will use structuredClone to clone the object and then re-apply (copy) any promises that were in the original object to the cloned object.

package/latest/index.js

@@ -7,7 +7,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 = "4.1.7";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.1.8";
 
 /**
  * This is a function that will safely clone an object that may contain promises.
@@ -12738,12 +12738,15 @@ function $9d5b3ed1fc91c672$export$4405d077f0a20494({
   content_results_rows_: [get_history_state_content_results_rows],
   cols_at_size_: cols_at_size_
 }) {
+  const colsShowingNow = $77348875ac090fcd$export$a79e666719b3647c(cols_at_size_);
   const largest_column = $9HbP8$createMemo(() => {
     const largest_in_cols_at_size = Math.max(...cols_at_size_().map(([cols]) => cols));
     if (isNaN(largest_in_cols_at_size) || Math.abs(largest_in_cols_at_size) === Infinity) return 4; // fallback to something big so we always have the right amount of placeholders
     return largest_in_cols_at_size;
   });
-  const num_placeholders = $9HbP8$createMemo(() => (get_history_state_content_results_rows() ?? (0, $49de9d31aeea1b5e$export$70ceae36059a1036)) * largest_column());
+  const num_placeholders = $9HbP8$createMemo(() =>
+  // Use how many columns we're actually showing, if available, so that we're showing exactly as many placeholders as we'd show content, so that the view more button doesn't appear/disappear and makes the layout shift
+  (get_history_state_content_results_rows() ?? (0, $49de9d31aeea1b5e$export$70ceae36059a1036)) * (colsShowingNow() || largest_column()));
   return $9HbP8$createComponent((0, $9HbP8$Index), {
     get each() {
       return Array.from({

package/package.json

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

@@ -99,7 +99,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $33eed84f447a
 $parcel$export(module.exports, "version", () => $aa1938dec50d6c12$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $98aef9965764903d$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.1.7";
+const $aa1938dec50d6c12$export$83d89fbfd8236492 = "4.1.8";
 
 /**
  * This is a function that will safely clone an object that may contain promises.
@@ -11213,6 +11213,7 @@ function $05f255c0a94b9ca1$export$4405d077f0a20494(_ref) {
     content_results_rows_: [get_history_state_content_results_rows],
     cols_at_size_: cols_at_size_
   } = _ref;
+  const colsShowingNow = $478e5a09664da64c$export$a79e666719b3647c(cols_at_size_);
   const largest_column = $3hooq$solidjs.createMemo(() => {
     const largest_in_cols_at_size = Math.max(...cols_at_size_().map(_ref2 => {
       let [cols] = _ref2;
@@ -11223,7 +11224,10 @@ function $05f255c0a94b9ca1$export$4405d077f0a20494(_ref) {
   });
   const num_placeholders = $3hooq$solidjs.createMemo(() => {
     var _get_history_state_co;
-    return ((_get_history_state_co = get_history_state_content_results_rows()) !== null && _get_history_state_co !== void 0 ? _get_history_state_co : (0, $eab939d0b95b75ee$export$70ceae36059a1036)) * largest_column();
+    return (
+      // Use how many columns we're actually showing, if available, so that we're showing exactly as many placeholders as we'd show content, so that the view more button doesn't appear/disappear and makes the layout shift
+      ((_get_history_state_co = get_history_state_content_results_rows()) !== null && _get_history_state_co !== void 0 ? _get_history_state_co : (0, $eab939d0b95b75ee$export$70ceae36059a1036)) * (colsShowingNow() || largest_column())
+    );
   });
   return $3hooq$solidjsweb.createComponent((0, $3hooq$solidjs.Index), {
     get each() {

package/server/ES10/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.1.7";
+export const version = "4.1.8";
 /**
  * This is a function that will safely clone an object that may contain promises.
  * It will use structuredClone to clone the object and then re-apply (copy) any promises that were in the original object to the cloned object.

package/server/ES10/index.js

@@ -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.1.7";
+const $8db9a15135765c11$export$83d89fbfd8236492 = "4.1.8";
 
 /**
  * This is a function that will safely clone an object that may contain promises.
@@ -11124,6 +11124,7 @@ function $ad4f3c9872fbeb48$export$4405d077f0a20494(_ref) {
     content_results_rows_: [get_history_state_content_results_rows],
     cols_at_size_: cols_at_size_
   } = _ref;
+  const colsShowingNow = $40e2fa435715a1a0$export$a79e666719b3647c(cols_at_size_);
   const largest_column = $b8hua$createMemo(() => {
     const largest_in_cols_at_size = Math.max(...cols_at_size_().map(_ref2 => {
       let [cols] = _ref2;
@@ -11134,7 +11135,10 @@ function $ad4f3c9872fbeb48$export$4405d077f0a20494(_ref) {
   });
   const num_placeholders = $b8hua$createMemo(() => {
     var _get_history_state_co;
-    return ((_get_history_state_co = get_history_state_content_results_rows()) !== null && _get_history_state_co !== void 0 ? _get_history_state_co : (0, $d53ebed6f63304e4$export$70ceae36059a1036)) * largest_column();
+    return (
+      // Use how many columns we're actually showing, if available, so that we're showing exactly as many placeholders as we'd show content, so that the view more button doesn't appear/disappear and makes the layout shift
+      ((_get_history_state_co = get_history_state_content_results_rows()) !== null && _get_history_state_co !== void 0 ? _get_history_state_co : (0, $d53ebed6f63304e4$export$70ceae36059a1036)) * (colsShowingNow() || largest_column())
+    );
   });
   return $b8hua$createComponent((0, $b8hua$Index), {
     get each() {

package/server/latest/index.cjs

@@ -93,7 +93,7 @@ $parcel$export(module.exports, "defaultCategoryTitlePlugin", () => $a3280f0aad99
 $parcel$export(module.exports, "version", () => $b757f75811f3261f$export$83d89fbfd8236492);
 $parcel$export(module.exports, "SearchField", () => $c0a0659cf97e8eb2$export$316f6f283ae64765);
 /*! Depict.ai search and product listing SDK */
-const $b757f75811f3261f$export$83d89fbfd8236492 = "4.1.7";
+const $b757f75811f3261f$export$83d89fbfd8236492 = "4.1.8";
 
 /**
  * This is a function that will safely clone an object that may contain promises.
@@ -10488,12 +10488,15 @@ function $c2f92eb265a14529$export$4405d077f0a20494({
   content_results_rows_: [get_history_state_content_results_rows],
   cols_at_size_: cols_at_size_
 }) {
+  const colsShowingNow = $17d06b3bcb035500$export$a79e666719b3647c(cols_at_size_);
   const largest_column = $5vyXB$solidjs.createMemo(() => {
     const largest_in_cols_at_size = Math.max(...cols_at_size_().map(([cols]) => cols));
     if (isNaN(largest_in_cols_at_size) || Math.abs(largest_in_cols_at_size) === Infinity) return 4; // fallback to something big so we always have the right amount of placeholders
     return largest_in_cols_at_size;
   });
-  const num_placeholders = $5vyXB$solidjs.createMemo(() => (get_history_state_content_results_rows() ?? (0, $3716b8caf7f959e2$export$70ceae36059a1036)) * largest_column());
+  const num_placeholders = $5vyXB$solidjs.createMemo(() =>
+  // Use how many columns we're actually showing, if available, so that we're showing exactly as many placeholders as we'd show content, so that the view more button doesn't appear/disappear and makes the layout shift
+  (get_history_state_content_results_rows() ?? (0, $3716b8caf7f959e2$export$70ceae36059a1036)) * (colsShowingNow() || largest_column()));
   return $5vyXB$solidjsweb.createComponent((0, $5vyXB$solidjs.Index), {
     get each() {
       return Array.from({

package/server/latest/index.d.ts

@@ -10,7 +10,7 @@ import { ProductListingRequestV3 } from "@depict-ai/types/api/ProductListingRequ
 import { GetListingRequest } from "@depict-ai/types/api/GetListingRequest";
 import { BaseSearchRequestV3 } from "@depict-ai/types/api/BaseSearchRequestV3";
 import { SearchFilter as _SearchFilter3 } from "@depict-ai/types/api/SearchRequestV2";
-export const version = "4.1.7";
+export const version = "4.1.8";
 /**
  * This is a function that will safely clone an object that may contain promises.
  * It will use structuredClone to clone the object and then re-apply (copy) any promises that were in the original object to the cloned object.

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.1.7";
+const $ec291e0010116877$export$83d89fbfd8236492 = "4.1.8";
 
 /**
  * This is a function that will safely clone an object that may contain promises.
@@ -10402,12 +10402,15 @@ function $9d5b3ed1fc91c672$export$4405d077f0a20494({
   content_results_rows_: [get_history_state_content_results_rows],
   cols_at_size_: cols_at_size_
 }) {
+  const colsShowingNow = $77348875ac090fcd$export$a79e666719b3647c(cols_at_size_);
   const largest_column = $i7OB2$createMemo(() => {
     const largest_in_cols_at_size = Math.max(...cols_at_size_().map(([cols]) => cols));
     if (isNaN(largest_in_cols_at_size) || Math.abs(largest_in_cols_at_size) === Infinity) return 4; // fallback to something big so we always have the right amount of placeholders
     return largest_in_cols_at_size;
   });
-  const num_placeholders = $i7OB2$createMemo(() => (get_history_state_content_results_rows() ?? (0, $49de9d31aeea1b5e$export$70ceae36059a1036)) * largest_column());
+  const num_placeholders = $i7OB2$createMemo(() =>
+  // Use how many columns we're actually showing, if available, so that we're showing exactly as many placeholders as we'd show content, so that the view more button doesn't appear/disappear and makes the layout shift
+  (get_history_state_content_results_rows() ?? (0, $49de9d31aeea1b5e$export$70ceae36059a1036)) * (colsShowingNow() || largest_column()));
   return $i7OB2$createComponent((0, $i7OB2$Index), {
     get each() {
       return Array.from({