@depict-ai/react-ui 1.0.15 → 1.0.17

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import { BaseProductListingConfig, BaseProviderConfig, BaseSearchProviderConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, fetchDepictRecommendations, ExclusiveId } from "@depict-ai/ui";
+import { BaseProductListingConfig, BaseProviderConfig, BaseSearchProviderConfig, BaseSearchPageConfig, BaseCategoryPageConfig, CategoryTitle, embedded_num_products, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1, ExclusiveId, fetchDepictRecommendations } from "@depict-ai/ui";
 import { Display } from "@depict-ai/utilishared";
 import React, { ReactNode, PropsWithChildren, ReactElement } from "react";
 import { DPC } from "@depict-ai/dpc";
 import { Locale } from "@depict-ai/ui/locales";
-export const version = "1.0.15";
+export const version = "1.0.17";
 interface PLPConfig<T extends Display> extends BaseProductListingConfig {
     /**
      * The product card to use for rendering products.
@@ -53,6 +53,7 @@ export const usePerformanceClient: () => UsePerformanceClientReturn;
  */
 type NavigateFunction = (relativeUrl: string, options: {
     replace: boolean;
+    scroll: boolean;
 }) => void;
 /**
  * The config for the DepictProvider.
@@ -92,8 +93,8 @@ type ProviderConfig = BaseProviderConfig & {
      * @example
      * If you're using another library, you can define your own navigate function, that's compatible with the `NavigateFunction` type.
      * ```tsx
-     * const navigateFunction = (relativeUrl: string) => {
-     *  router.push(relativeUrl);
+     * const navigateFunction = (relativeUrl: string, { replace }) => {
+     *  router.push(relativeUrl, { replace });
      * };
      * ```
      */
@@ -498,7 +499,7 @@ export function useFetchRecommendations<T extends Display>(): UseFetchRecommenda
  * Helper function to navigate to a new page depending on the navigation library used.
  */
 export const Navigation: {
-    nextRouterNavigation: (router: import("next/router").NextRouter) => (relativeUrl: string) => void;
+    nextRouterNavigation: (router: import("next/router").NextRouter) => import("ui/components/DepictProvider").NavigateFunction;
 };
 export { CategoryTitle, embedded_num_products as EmbeddedNumProducts } from "@depict-ai/ui";
 export type { Locale } from "@depict-ai/ui/locales";

package/dist/main.js

@@ -31,7 +31,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 = "1.0.15";
+const $db7b67857900028b$export$83d89fbfd8236492 = "1.0.17";
 
 
 
@@ -271,7 +271,7 @@ function $6319748b4f0426f0$var$make_next_router_event_target() {
 
 
 
-const $bc389476eeb2b615$export$599d4515591ef232 = (relativeUrl, isReplace)=>{
+const $bc389476eeb2b615$export$599d4515591ef232 = (relativeUrl, isReplace, scroll)=>{
     let Page;
     (function(Page) {
         Page[Page["OTHER"] = 0] = "OTHER";
@@ -283,7 +283,7 @@ const $bc389476eeb2b615$export$599d4515591ef232 = (relativeUrl, isReplace)=>{
     const target_page = (0, $b4d0d98857ed9934$export$775e6b3892b5ad52)(target_u_o) ? Page.SEARCH : (0, $b4d0d98857ed9934$export$30c8a12df09be0e4)(target_u_o) ? Page.CATEGORY : Page.OTHER;
     window.next.router[isReplace ? "replace" : "push"](relativeUrl, undefined, {
         shallow: current_page === target_page,
-        scroll: true
+        scroll: scroll
     });
 };
 
@@ -334,12 +334,13 @@ function $24b00503eef73528$export$9fac37a9c21c2f3b(props) {
     try {
         const { search: search , category: category , api: api , search_page_path_: [get_search_page_path, set_search_page_path]  } = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e);
         if (typeof window?.next?.router === "undefined" && !navigateFunction) throw new Error("You must provide a navigateFunction when not using Next.js.");
-        const on_navigation = ({ is_replace: is_replace , new_url: new_url  })=>{
+        const on_navigation = ({ is_replace: is_replace , new_url: new_url , scroll: scroll  })=>{
             const new_relative_url = new_url.origin === location.origin ? new_url.pathname + new_url.search + new_url.hash : new_url.href; // bail out of making URL relative if it's not possible
             if (navigateFunction) navigateFunction(new_relative_url, {
-                replace: is_replace
+                replace: is_replace,
+                scroll: scroll
             });
-            else (0, $bc389476eeb2b615$export$599d4515591ef232)(new_relative_url, is_replace);
+            else (0, $bc389476eeb2b615$export$599d4515591ef232)(new_relative_url, is_replace, scroll);
         };
         if (!api) (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).api = new (0, $4GYXz$depictaiui.DepictAPI)({
             get_metadata: async ()=>(0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).metaData,
@@ -410,7 +411,6 @@ const $883a881f7926405d$export$80e99ee6b29cadd2 = /*#__PURE__*/ (0, $4GYXz$react
 
 
 
-
 function $7ad7a3d0011b7b1b$export$a54ec244c8863715(props) {
     return (0, $b4d0d98857ed9934$export$f6e64e17bd69eeef)({
         solid_component: (0, $b4d0d98857ed9934$export$e5139bbbb9a05035)($7ad7a3d0011b7b1b$var$SolidSearchPage),
@@ -439,7 +439,9 @@ function $7ad7a3d0011b7b1b$var$SolidSearchPage(props, set_portals) {
     const component_portals = new Set();
     return (0, $4GYXz$depictaiui.SearchPage)({
         // Default config goes here
-        include_input_field: (0, $4GYXz$solidjs.untrack)(()=>props.includeInputField) ?? true,
+        get include_input_field () {
+            return props.includeInputField;
+        },
         cols_at_size: (0, $4GYXz$solidjs.untrack)(()=>props.columnsAtSize) ?? (0, $4GYXz$depictaiui.defaultColsAtSize),
         grid_spacing: (0, $4GYXz$solidjs.untrack)(()=>props.gridSpacing) ?? (0, $4GYXz$depictaiui.defaultGridSpacing),
         depict_search: depict_search,
@@ -660,7 +662,7 @@ function $a134ea100690b628$var$fetchRecommendations(opts) {
 
 
 
-const $e387bd534de10acd$export$804fac5697cfbe35 = (router)=>(relativeUrl)=>{
+const $e387bd534de10acd$export$804fac5697cfbe35 = (router)=>(relativeUrl, { scroll: scroll , replace: replace  })=>{
         let Page;
         (function(Page) {
             Page[Page["OTHER"] = 0] = "OTHER";
@@ -670,9 +672,9 @@ const $e387bd534de10acd$export$804fac5697cfbe35 = (router)=>(relativeUrl)=>{
         const current_page = (0, $b4d0d98857ed9934$export$775e6b3892b5ad52)() ? Page.SEARCH : (0, $b4d0d98857ed9934$export$30c8a12df09be0e4)() ? Page.CATEGORY : Page.OTHER;
         const target_u_o = new URL(relativeUrl, location.origin);
         const target_page = (0, $b4d0d98857ed9934$export$775e6b3892b5ad52)(target_u_o) ? Page.SEARCH : (0, $b4d0d98857ed9934$export$30c8a12df09be0e4)(target_u_o) ? Page.CATEGORY : Page.OTHER;
-        router.push(relativeUrl, undefined, {
+        router[replace ? "replace" : "push"](relativeUrl, undefined, {
             shallow: current_page === target_page,
-            scroll: true
+            scroll: scroll
         });
     };
 

package/dist/module.js

@@ -11,7 +11,7 @@ import {DPC as $TZSbU$DPC} from "@depict-ai/dpc";
 
 /*! 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 $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.0.15";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.0.17";
 
 
 
@@ -251,7 +251,7 @@ function $8071251ee4e9ffa1$var$make_next_router_event_target() {
 
 
 
-const $7216ca4c8308a0f9$export$599d4515591ef232 = (relativeUrl, isReplace)=>{
+const $7216ca4c8308a0f9$export$599d4515591ef232 = (relativeUrl, isReplace, scroll)=>{
     let Page;
     (function(Page) {
         Page[Page["OTHER"] = 0] = "OTHER";
@@ -263,7 +263,7 @@ const $7216ca4c8308a0f9$export$599d4515591ef232 = (relativeUrl, isReplace)=>{
     const target_page = (0, $c83ba9ab79386687$export$775e6b3892b5ad52)(target_u_o) ? Page.SEARCH : (0, $c83ba9ab79386687$export$30c8a12df09be0e4)(target_u_o) ? Page.CATEGORY : Page.OTHER;
     window.next.router[isReplace ? "replace" : "push"](relativeUrl, undefined, {
         shallow: current_page === target_page,
-        scroll: true
+        scroll: scroll
     });
 };
 
@@ -314,12 +314,13 @@ function $5376eb2a386cd90d$export$9fac37a9c21c2f3b(props) {
     try {
         const { search: search , category: category , api: api , search_page_path_: [get_search_page_path, set_search_page_path]  } = (0, $42858f023ef23dab$export$8e769ad4338a911e);
         if (typeof window?.next?.router === "undefined" && !navigateFunction) throw new Error("You must provide a navigateFunction when not using Next.js.");
-        const on_navigation = ({ is_replace: is_replace , new_url: new_url  })=>{
+        const on_navigation = ({ is_replace: is_replace , new_url: new_url , scroll: scroll  })=>{
             const new_relative_url = new_url.origin === location.origin ? new_url.pathname + new_url.search + new_url.hash : new_url.href; // bail out of making URL relative if it's not possible
             if (navigateFunction) navigateFunction(new_relative_url, {
-                replace: is_replace
+                replace: is_replace,
+                scroll: scroll
             });
-            else (0, $7216ca4c8308a0f9$export$599d4515591ef232)(new_relative_url, is_replace);
+            else (0, $7216ca4c8308a0f9$export$599d4515591ef232)(new_relative_url, is_replace, scroll);
         };
         if (!api) (0, $42858f023ef23dab$export$8e769ad4338a911e).api = new (0, $TZSbU$DepictAPI)({
             get_metadata: async ()=>(0, $42858f023ef23dab$export$8e769ad4338a911e).metaData,
@@ -390,7 +391,6 @@ const $421f32789b6f111f$export$80e99ee6b29cadd2 = /*#__PURE__*/ (0, $TZSbU$forwa
 
 
 
-
 function $4a678f0c87b12e78$export$a54ec244c8863715(props) {
     return (0, $c83ba9ab79386687$export$f6e64e17bd69eeef)({
         solid_component: (0, $c83ba9ab79386687$export$e5139bbbb9a05035)($4a678f0c87b12e78$var$SolidSearchPage),
@@ -419,7 +419,9 @@ function $4a678f0c87b12e78$var$SolidSearchPage(props, set_portals) {
     const component_portals = new Set();
     return (0, $TZSbU$SearchPage)({
         // Default config goes here
-        include_input_field: (0, $TZSbU$untrack)(()=>props.includeInputField) ?? true,
+        get include_input_field () {
+            return props.includeInputField;
+        },
         cols_at_size: (0, $TZSbU$untrack)(()=>props.columnsAtSize) ?? (0, $TZSbU$defaultColsAtSize),
         grid_spacing: (0, $TZSbU$untrack)(()=>props.gridSpacing) ?? (0, $TZSbU$defaultGridSpacing),
         depict_search: depict_search,
@@ -640,7 +642,7 @@ function $1bb4271dc44722e2$var$fetchRecommendations(opts) {
 
 
 
-const $a92aa2beb560b8af$export$804fac5697cfbe35 = (router)=>(relativeUrl)=>{
+const $a92aa2beb560b8af$export$804fac5697cfbe35 = (router)=>(relativeUrl, { scroll: scroll , replace: replace  })=>{
         let Page;
         (function(Page) {
             Page[Page["OTHER"] = 0] = "OTHER";
@@ -650,9 +652,9 @@ const $a92aa2beb560b8af$export$804fac5697cfbe35 = (router)=>(relativeUrl)=>{
         const current_page = (0, $c83ba9ab79386687$export$775e6b3892b5ad52)() ? Page.SEARCH : (0, $c83ba9ab79386687$export$30c8a12df09be0e4)() ? Page.CATEGORY : Page.OTHER;
         const target_u_o = new URL(relativeUrl, location.origin);
         const target_page = (0, $c83ba9ab79386687$export$775e6b3892b5ad52)(target_u_o) ? Page.SEARCH : (0, $c83ba9ab79386687$export$30c8a12df09be0e4)(target_u_o) ? Page.CATEGORY : Page.OTHER;
-        router.push(relativeUrl, undefined, {
+        router[replace ? "replace" : "push"](relativeUrl, undefined, {
             shallow: current_page === target_page,
-            scroll: true
+            scroll: scroll
         });
     };
 

package/dist-server/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from "react";
 import { DPC } from "@depict-ai/dpc";
-import { fetchDepictRecommendations, ExclusiveId, TextPlaceholder as _TextPlaceholder1, ImagePlaceholder as _ImagePlaceholder1 } from "@depict-ai/ui";
+import { ExclusiveId, fetchDepictRecommendations, ImagePlaceholder as _ImagePlaceholder1, TextPlaceholder as _TextPlaceholder1 } from "@depict-ai/ui";
 import { Display } from "@depict-ai/utilishared";
 type OpenModal = () => void;
 interface UseSearchModalReturn {
@@ -33,7 +33,7 @@ interface UseFetchRecommendationsReturn<T extends Display> {
      */
     fetchRecommendations: (opts: FetchRecsOptions) => Promise<T[]>;
 }
-export const version = "1.0.15";
+export const version = "1.0.17";
 export function DepictProvider(props: any): any;
 export function SearchPage(): any;
 export function CategoryPage(): any;

package/dist-server/main.js

@@ -40,8 +40,7 @@ function $35dfe83eec81954c$export$4b564d7f5a1b1d43({ solid_component: solid_comp
 }
 
 
-
-const $db7b67857900028b$export$83d89fbfd8236492 = "1.0.15";
+const $db7b67857900028b$export$83d89fbfd8236492 = "1.0.17";
 
 
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {

package/dist-server/module.js

@@ -22,8 +22,7 @@ function $4568c09979447ab1$export$4b564d7f5a1b1d43({ solid_component: solid_comp
 }
 
 
-
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.0.15";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.0.17";
 
 
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -97,10 +97,10 @@
     "README.md"
   ],
   "dependencies": {
-    "@depict-ai/dpc": "^1.0.15",
-    "@depict-ai/plp-styling": "^1.0.16",
-    "@depict-ai/ui": "^1.0.18",
-    "@depict-ai/utilishared": "^1.0.15",
+    "@depict-ai/dpc": "^1.0.17",
+    "@depict-ai/plp-styling": "^1.0.18",
+    "@depict-ai/ui": "^1.1.1",
+    "@depict-ai/utilishared": "^1.0.17",
     "solid-js": "^1.7.3"
   },
   "peerDependencies": {
@@ -114,7 +114,7 @@
     "@babel/preset-typescript": "latest",
     "@babel/runtime": "latest",
     "@babel/runtime-corejs3": "latest",
-    "@depict-ai/plp-styling": "^1.0.16",
+    "@depict-ai/plp-styling": "^1.0.18",
     "@jest/globals": "^29.3.1",
     "@parcel/babel-preset-env": "latest",
     "@parcel/resolver-default": "^2.8.0",