@depict-ai/react-ui 0.0.26 → 0.0.27

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren, ReactNode } from "react";
-import { SDKColsAtSize, SDKGridSpacing } from "@depict-ai/ui";
 import { Display } from "@depict-ai/utilishared";
+import { SDKColsAtSize, SDKGridSpacing } from "@depict-ai/ui";
 export function DepictSearchField(): jsx.Element;
 interface SearchConfig {
     merchant: string;
@@ -9,13 +9,22 @@ interface SearchConfig {
     url_param_name?: string;
     enable_category_suggestions?: boolean;
 }
-export function DepictProvider(props: PropsWithChildren<SearchConfig>): any;
-export function DepictSearchHeader(): any;
+export function DepictProvider(props: PropsWithChildren<SearchConfig>): import("react").FunctionComponentElement<{
+    children?: import("react").ReactNode;
+}>;
+export function DepictSearchHeader(): import("react").DetailedReactHTMLElement<{
+    className: string;
+    ref: (e: HTMLElement | null) => HTMLElement | null;
+}, HTMLElement>;
 export function openModal(): void;
 interface SearchPageConfig<T extends Display> {
-    productCard: (display: T) => ReactNode;
+    productCard: DepictProductCard<T>;
     columnsAtSize?: SDKColsAtSize;
     gridSpacing?: SDKGridSpacing;
     includeInputField?: boolean;
 }
 export function DepictSearchPage<T extends Display>(opts: SearchPageConfig<T>): jsx.Element;
+export interface DepictProductCardProps<T extends Display> {
+    display?: T;
+}
+export type DepictProductCard<T extends Display> = (props: DepictProductCardProps<T>) => ReactNode;

package/dist/main.js

@@ -17,6 +17,7 @@ $parcel$export(module.exports, "DepictSearchHeader", () => $20bf907adee775ba$exp
 $parcel$export(module.exports, "DepictSearchPage", () => $a6bedbe4b4d6d027$export$210723f5a54a7028);
 // 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
+// TypeScript refuses to build when these are defined in SearchPage and re-exported here
 
 
 const $0b7cd4fb39fc3502$export$8e769ad4338a911e = {
@@ -253,7 +254,7 @@ function $a6bedbe4b4d6d027$var$SolidSearchPage(props, set_portals) {
         // Todo: Do we need this?
         get_product_id: ()=>"",
         depict_search: depict_search,
-        product_card_template: async (display)=>{
+        product_card_template: async (display, info)=>{
             const solid_container = document.createElement("div");
             const react_has_rendered = new Promise((r)=>{
                 const m_o = new MutationObserver(()=>{
@@ -264,7 +265,10 @@ function $a6bedbe4b4d6d027$var$SolidSearchPage(props, set_portals) {
                     childList: true
                 });
             });
-            const reactProductCard = (0, $4GYXz$reactjsxruntime.jsx)(props.productCard, display);
+            const is_placeholder = info.rendering_options.type === "placeholder";
+            const reactProductCard = (0, $4GYXz$reactjsxruntime.jsx)(props.productCard, {
+                display: is_placeholder ? null : display
+            });
             const portal = $4GYXz$reactdom.createPortal(reactProductCard, solid_container);
             component_portals.add(portal);
             set_portals([

package/dist/module.js

@@ -8,6 +8,7 @@ import {createPortal as $TZSbU$createPortal} from "react-dom";
 
 // 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
+// TypeScript refuses to build when these are defined in SearchPage and re-exported here
 
 
 const $42858f023ef23dab$export$8e769ad4338a911e = {
@@ -244,7 +245,7 @@ function $9f8d5ef3c016c493$var$SolidSearchPage(props, set_portals) {
         // Todo: Do we need this?
         get_product_id: ()=>"",
         depict_search: depict_search,
-        product_card_template: async (display)=>{
+        product_card_template: async (display, info)=>{
             const solid_container = document.createElement("div");
             const react_has_rendered = new Promise((r)=>{
                 const m_o = new MutationObserver(()=>{
@@ -255,7 +256,10 @@ function $9f8d5ef3c016c493$var$SolidSearchPage(props, set_portals) {
                     childList: true
                 });
             });
-            const reactProductCard = (0, $TZSbU$jsx)(props.productCard, display);
+            const is_placeholder = info.rendering_options.type === "placeholder";
+            const reactProductCard = (0, $TZSbU$jsx)(props.productCard, {
+                display: is_placeholder ? null : display
+            });
             const portal = $TZSbU$createPortal(reactProductCard, solid_container);
             component_portals.add(portal);
             set_portals([

package/dist-server/index.d.ts

@@ -1,5 +1,7 @@
 export function DepictProvider(props: any): any;
 export function DepictSearchField(): any;
 export function DepictSearchPage(): any;
-export function DepictSearchHeader(): any;
+export function DepictSearchHeader(): import("react").DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
 export function openModal(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -99,6 +99,8 @@
     "@parcel/resolver-default": "^2.8.0",
     "@parcel/transformer-sass": "latest",
     "@types/node": "^18.11.11",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.9",
     "babel-preset-solid": "latest",
     "jest": "^29.3.1",
     "jest-haste-map": "^29.3.1",