@depict-ai/react-ui 4.8.6 → 4.9.0

package/ES10/index.cjs

@@ -43,7 +43,7 @@ $parcel$export(module.exports, "version", () => $efbdd2dab4314170$export$83d89fb
 $parcel$export(module.exports, "Navigation", () => $0d3a2413fdeb34b9$export$b8a61e5c71402559);
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.8.6";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.9.0";
 const $ef516b1f92253963$export$8e769ad4338a911e = {
   usedLocale: $2kiy7$solidjs.createSignal((0, $2kiy7$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -95,6 +95,7 @@ function $f8d878722c3bc07d$export$f6e64e17bd69eeef(_ref) {
   // Update store when props change
   write_store($2kiy7$solidjsstore.reconcile(props));
   $2kiy7$react.useEffect(() => {
+    let gotDisposed = false;
     const wrapper_element = wrapper_element_ref.current;
     // If someone only rendered a solid component on the client that *could* be hydrated (no childNodes) then we fall back to `render` to avoid solid complaining about not being able to hydrate or crashing because the result of generateHydrationScript hasn't run at all
     // This can happen for HMR or when SSR capable components are only rendered on the client
@@ -113,8 +114,16 @@ function $f8d878722c3bc07d$export$f6e64e17bd69eeef(_ref) {
         // Do nothing
       }
     });
-    const dispose = render_function(() => solid_component(store, set_portals), wrapper_element);
-    return dispose;
+    const dispose = render_function(() => solid_component(store, newPortals => !gotDisposed && set_portals(newPortals)), wrapper_element);
+    return () => {
+      // Try being stupid react strict mode re-running effect proof https://legacy.reactjs.org/docs/strict-mode.html#ensuring-reusable-state
+      // And https://github.com/facebook/react/issues/24502
+      dispose();
+      // Nuke absolutely everything when this effect gets torn down so that we don't have any stale state or portals
+      gotDisposed = true;
+      wrapper_element.replaceChildren();
+      set_portals([]);
+    };
   }, []);
   return /*#__PURE__*/$2kiy7$react.createElement((0, $2kiy7$react.Fragment), null, /*#__PURE__*/$2kiy7$react.createElement(wrapper_type, {
     ref: wrapper_element_ref,

package/ES10/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } fr
 import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, SDKColsAtSize, SDKGridSpacing, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/ES10";
 import { Locale } from "@depict-ai/ui/locales/ES10";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
-export const version = "4.8.6";
+export const version = "4.9.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -374,13 +374,7 @@ interface RecommendationGridConfig<T extends Display> extends RecommendationConf
   };
 }
 declare function SolidRecommendationGridWrapper<T extends Display>(props: RecommendationGridConfig<T>, set_portals: (portals: ReactPortal[]) => void): HTMLDivElement;
-interface RecommendationSliderConfig<T extends Display> extends RecommendationConfig<T> {
-  viewMoreButton?: {
-    text: string;
-    startRows?: number;
-    rowsPerClick?: number;
-  };
-}
+interface RecommendationSliderConfig<T extends Display> extends RecommendationConfig<T> {}
 /**
  * Renders a slider of the provided products
  * @param recommendations a promise resolving to an array of displays to render

package/ES10/index.js

@@ -15,7 +15,7 @@ import { renderToString as $jb2Oo$renderToString } from "react-dom/server";
 // Note, if you add an export here, also add one in src-server/main.ts
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "ES10");
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.8.6";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.9.0";
 const $8c691d7f86317052$export$8e769ad4338a911e = {
   usedLocale: $jb2Oo$createSignal((0, $jb2Oo$defaultLocale)),
   search_instances: new Map(),
@@ -67,6 +67,7 @@ function $ac53b4e3251b31d0$export$f6e64e17bd69eeef(_ref) {
   // Update store when props change
   write_store($jb2Oo$reconcile(props));
   $jb2Oo$useEffect(() => {
+    let gotDisposed = false;
     const wrapper_element = wrapper_element_ref.current;
     // If someone only rendered a solid component on the client that *could* be hydrated (no childNodes) then we fall back to `render` to avoid solid complaining about not being able to hydrate or crashing because the result of generateHydrationScript hasn't run at all
     // This can happen for HMR or when SSR capable components are only rendered on the client
@@ -85,8 +86,16 @@ function $ac53b4e3251b31d0$export$f6e64e17bd69eeef(_ref) {
         // Do nothing
       }
     });
-    const dispose = render_function(() => solid_component(store, set_portals), wrapper_element);
-    return dispose;
+    const dispose = render_function(() => solid_component(store, newPortals => !gotDisposed && set_portals(newPortals)), wrapper_element);
+    return () => {
+      // Try being stupid react strict mode re-running effect proof https://legacy.reactjs.org/docs/strict-mode.html#ensuring-reusable-state
+      // And https://github.com/facebook/react/issues/24502
+      dispose();
+      // Nuke absolutely everything when this effect gets torn down so that we don't have any stale state or portals
+      gotDisposed = true;
+      wrapper_element.replaceChildren();
+      set_portals([]);
+    };
   }, []);
   return /*#__PURE__*/$jb2Oo$createElement((0, $jb2Oo$Fragment), null, /*#__PURE__*/$jb2Oo$createElement(wrapper_type, {
     ref: wrapper_element_ref,

package/latest/index.cjs

@@ -43,7 +43,7 @@ $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fb
 $parcel$export(module.exports, "Navigation", () => $b742053c966024b4$export$b8a61e5c71402559);
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
-const $db7b67857900028b$export$83d89fbfd8236492 = "4.8.6";
+const $db7b67857900028b$export$83d89fbfd8236492 = "4.9.0";
 const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
   usedLocale: $2IzJs$solidjs.createSignal((0, $2IzJs$depictaiuilocales.defaultLocale)),
   search_instances: new Map(),
@@ -88,6 +88,7 @@ function $69121eedef466fe9$export$f6e64e17bd69eeef({
   // Update store when props change
   write_store($2IzJs$solidjsstore.reconcile(props));
   $2IzJs$react.useEffect(() => {
+    let gotDisposed = false;
     const wrapper_element = wrapper_element_ref.current;
     // If someone only rendered a solid component on the client that *could* be hydrated (no childNodes) then we fall back to `render` to avoid solid complaining about not being able to hydrate or crashing because the result of generateHydrationScript hasn't run at all
     // This can happen for HMR or when SSR capable components are only rendered on the client
@@ -105,8 +106,16 @@ function $69121eedef466fe9$export$f6e64e17bd69eeef({
         // Do nothing
       }
     });
-    const dispose = render_function(() => solid_component(store, set_portals), wrapper_element);
-    return dispose;
+    const dispose = render_function(() => solid_component(store, newPortals => !gotDisposed && set_portals(newPortals)), wrapper_element);
+    return () => {
+      // Try being stupid react strict mode re-running effect proof https://legacy.reactjs.org/docs/strict-mode.html#ensuring-reusable-state
+      // And https://github.com/facebook/react/issues/24502
+      dispose();
+      // Nuke absolutely everything when this effect gets torn down so that we don't have any stale state or portals
+      gotDisposed = true;
+      wrapper_element.replaceChildren();
+      set_portals([]);
+    };
   }, []);
   return /*#__PURE__*/$2IzJs$react.createElement((0, $2IzJs$react.Fragment), null, /*#__PURE__*/$2IzJs$react.createElement(wrapper_type, {
     ref: wrapper_element_ref,

package/latest/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } fr
 import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, SDKColsAtSize, SDKGridSpacing, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/latest";
 import { Locale } from "@depict-ai/ui/locales/latest";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
-export const version = "4.8.6";
+export const version = "4.9.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -374,13 +374,7 @@ interface RecommendationGridConfig<T extends Display> extends RecommendationConf
   };
 }
 declare function SolidRecommendationGridWrapper<T extends Display>(props: RecommendationGridConfig<T>, set_portals: (portals: ReactPortal[]) => void): HTMLDivElement;
-interface RecommendationSliderConfig<T extends Display> extends RecommendationConfig<T> {
-  viewMoreButton?: {
-    text: string;
-    startRows?: number;
-    rowsPerClick?: number;
-  };
-}
+interface RecommendationSliderConfig<T extends Display> extends RecommendationConfig<T> {}
 /**
  * Renders a slider of the provided products
  * @param recommendations a promise resolving to an array of displays to render

package/latest/index.js

@@ -15,7 +15,7 @@ import { renderToString as $2GFvs$renderToString } from "react-dom/server";
 // Note, if you add an export here, also add one in src-server/main.ts
 import { register_es_version } from "../multi_import_deduplicator.mjs";
 register_es_version("react-ui", "latest");
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.8.6";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.9.0";
 const $42858f023ef23dab$export$8e769ad4338a911e = {
   usedLocale: $2GFvs$createSignal((0, $2GFvs$defaultLocale)),
   search_instances: new Map(),
@@ -60,6 +60,7 @@ function $2c98aada448e4f4d$export$f6e64e17bd69eeef({
   // Update store when props change
   write_store($2GFvs$reconcile(props));
   $2GFvs$useEffect(() => {
+    let gotDisposed = false;
     const wrapper_element = wrapper_element_ref.current;
     // If someone only rendered a solid component on the client that *could* be hydrated (no childNodes) then we fall back to `render` to avoid solid complaining about not being able to hydrate or crashing because the result of generateHydrationScript hasn't run at all
     // This can happen for HMR or when SSR capable components are only rendered on the client
@@ -77,8 +78,16 @@ function $2c98aada448e4f4d$export$f6e64e17bd69eeef({
         // Do nothing
       }
     });
-    const dispose = render_function(() => solid_component(store, set_portals), wrapper_element);
-    return dispose;
+    const dispose = render_function(() => solid_component(store, newPortals => !gotDisposed && set_portals(newPortals)), wrapper_element);
+    return () => {
+      // Try being stupid react strict mode re-running effect proof https://legacy.reactjs.org/docs/strict-mode.html#ensuring-reusable-state
+      // And https://github.com/facebook/react/issues/24502
+      dispose();
+      // Nuke absolutely everything when this effect gets torn down so that we don't have any stale state or portals
+      gotDisposed = true;
+      wrapper_element.replaceChildren();
+      set_portals([]);
+    };
   }, []);
   return /*#__PURE__*/$2GFvs$createElement((0, $2GFvs$Fragment), null, /*#__PURE__*/$2GFvs$createElement(wrapper_type, {
     ref: wrapper_element_ref,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "4.8.6",
+  "version": "4.9.0",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "types": "ES10/index.d.ts",
@@ -135,10 +135,10 @@
     "@babel/plugin-transform-typescript": "^7.22.9",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/dpc": "^2.4.4",
-    "@depict-ai/plp-styling": "^4.4.13",
-    "@depict-ai/ui": "^4.8.15",
-    "@depict-ai/utilishared": "^2.4.5",
+    "@depict-ai/dpc": "^2.5.0",
+    "@depict-ai/plp-styling": "^4.5.0",
+    "@depict-ai/ui": "^4.9.0",
+    "@depict-ai/utilishared": "^2.5.0",
     "solid-js": "^1.8.16"
   },
   "peerDependencies": {
@@ -150,7 +150,7 @@
     "@babel/core": "latest",
     "@babel/preset-env": "latest",
     "@babel/preset-typescript": "latest",
-    "@depict-ai/plp-styling": "^4.4.13",
+    "@depict-ai/plp-styling": "^4.5.0",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "^2.10.3",
     "@parcel/transformer-sass": "^2.10.3",

package/server/ES10/index.cjs

@@ -204,7 +204,7 @@ function $3b36cc844440a979$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.8.6";
+const $efbdd2dab4314170$export$83d89fbfd8236492 = "4.9.0";
 function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }

package/server/ES10/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } fr
 import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, SDKColsAtSize, SDKGridSpacing, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/ES10";
 import { Locale } from "@depict-ai/ui/locales/ES10";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
-export const version = "4.8.6";
+export const version = "4.9.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -374,13 +374,7 @@ interface RecommendationGridConfig<T extends Display> extends RecommendationConf
   };
 }
 declare function SolidRecommendationGridWrapper<T extends Display>(props: RecommendationGridConfig<T>, set_portals: (portals: ReactPortal[]) => void): HTMLDivElement;
-interface RecommendationSliderConfig<T extends Display> extends RecommendationConfig<T> {
-  viewMoreButton?: {
-    text: string;
-    startRows?: number;
-    rowsPerClick?: number;
-  };
-}
+interface RecommendationSliderConfig<T extends Display> extends RecommendationConfig<T> {}
 /**
  * Renders a slider of the provided products
  * @param recommendations a promise resolving to an array of displays to render

package/server/ES10/index.js

@@ -179,7 +179,7 @@ function $cd68097a7ee08669$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.8.6";
+const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "4.9.0";
 function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }

package/server/latest/index.cjs

@@ -193,7 +193,7 @@ function $c6b960f2a07285c8$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $db7b67857900028b$export$83d89fbfd8236492 = "4.8.6";
+const $db7b67857900028b$export$83d89fbfd8236492 = "4.9.0";
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }

package/server/latest/index.d.ts

@@ -3,7 +3,7 @@ import React, { PropsWithChildren, FC, ReactNode, ReactPortal, ReactElement } fr
 import { BaseCategoryProviderConfig, BaseProviderConfig, BaseSearchProviderConfig, ModernDisplayWithPageUrl, BaseProductListingConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ListingQuery, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, SDKColsAtSize, SDKGridSpacing, ExclusiveId, fetchDepictRecommendations, FilterWithData } from "@depict-ai/ui/latest";
 import { Locale } from "@depict-ai/ui/locales/latest";
 import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
-export const version = "4.8.6";
+export const version = "4.9.0";
 interface UsePerformanceClientReturn {
   dpc: DPC;
 }
@@ -374,13 +374,7 @@ interface RecommendationGridConfig<T extends Display> extends RecommendationConf
   };
 }
 declare function SolidRecommendationGridWrapper<T extends Display>(props: RecommendationGridConfig<T>, set_portals: (portals: ReactPortal[]) => void): HTMLDivElement;
-interface RecommendationSliderConfig<T extends Display> extends RecommendationConfig<T> {
-  viewMoreButton?: {
-    text: string;
-    startRows?: number;
-    rowsPerClick?: number;
-  };
-}
+interface RecommendationSliderConfig<T extends Display> extends RecommendationConfig<T> {}
 /**
  * Renders a slider of the provided products
  * @param recommendations a promise resolving to an array of displays to render

package/server/latest/index.js

@@ -168,7 +168,7 @@ function $4d5c3f13a5ae62a7$export$e46079a2793e9ec7(props, set_portals) {
     }
   });
 }
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.8.6";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "4.9.0";
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
   return props.children;
 }