@depict-ai/react-ui 0.0.18 → 0.0.20

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren, ReactNode } from "react";
 import { SDKColsAtSize, SDKGridSpacing } from "@depict-ai/ui";
 import { Display } from "@depict-ai/utilishared";
-export function DepictSearchField(): any;
+export function DepictSearchField(): import("react").ReactNode;
 interface SearchConfig {
     merchant: string;
     market: string;
@@ -9,8 +9,13 @@ interface SearchConfig {
     url_param_name?: string;
     enable_category_suggestions?: boolean;
 }
-export function DepictProvider(props: PropsWithChildren<SearchConfig>): PropsWithChildren<SearchConfig>;
-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 {
     productCard: (display: Display) => ReactNode;
@@ -18,4 +23,4 @@ interface SearchPageConfig {
     gridSpacing?: SDKGridSpacing;
     includeInputField?: boolean;
 }
-export function DepictSearchPage(opts: SearchPageConfig): any;
+export function DepictSearchPage(opts: SearchPageConfig): ReactNode;

package/dist/main.js

@@ -77,6 +77,7 @@ function $a48f3b1a4abf2e0c$export$d2c02478244f91f7() {
 
 
 
+
 let $6319748b4f0426f0$var$set = false;
 function $6319748b4f0426f0$export$6453cbc34515a94d(is_search_page) {
     if ($6319748b4f0426f0$var$set) return; // Just being safe
@@ -126,7 +127,7 @@ function $18b830ef84ac138a$export$9fac37a9c21c2f3b(props) {
     set_search_page_path(search_page_path);
     if (!search) {
         (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search = new (0, $4GYXz$depictaiui.DepictSearch)({
-            search_query_url_param_name: props.url_param_name,
+            search_query_url_param_name: url_param_name,
             ...assignable_options,
             enable_category_suggestions: false,
             localization: {
@@ -151,7 +152,7 @@ function $18b830ef84ac138a$export$9fac37a9c21c2f3b(props) {
         (0, $6319748b4f0426f0$export$6453cbc34515a94d)((0, $b4d0d98857ed9934$export$6cb4d3a5c1ac9b43));
     } else Object.assign(search, assignable_options);
     if (props.market && props.merchant) (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).required_state_set_[1](true);
-    return children;
+    return (0, $4GYXz$react.createElement)((0, $4GYXz$react.Fragment), null, children);
 }
 
 

package/dist/module.js

@@ -2,7 +2,7 @@ import {SearchField as $TZSbU$SearchField, DepictSearch as $TZSbU$DepictSearch,
 import {href_change_ipns as $TZSbU$href_change_ipns, observer as $TZSbU$observer, history_replacer as $TZSbU$history_replacer, queueMacroTask as $TZSbU$queueMacroTask} from "@depict-ai/utilishared";
 import {untrack as $TZSbU$untrack, createComponent as $TZSbU$createComponent, Show as $TZSbU$Show, createSignal as $TZSbU$createSignal, createMemo as $TZSbU$createMemo, createComputed as $TZSbU$createComputed, onCleanup as $TZSbU$onCleanup} from "solid-js";
 import {render as $TZSbU$render} from "solid-js/web";
-import {useState as $TZSbU$useState, useRef as $TZSbU$useRef, useEffect as $TZSbU$useEffect, createElement as $TZSbU$createElement} from "react";
+import {useState as $TZSbU$useState, useRef as $TZSbU$useRef, useEffect as $TZSbU$useEffect, createElement as $TZSbU$createElement, Fragment as $TZSbU$Fragment} from "react";
 import {jsx as $TZSbU$jsx} from "react/jsx-runtime";
 import {createPortal as $TZSbU$createPortal} from "react-dom";
 
@@ -68,6 +68,7 @@ function $54b0d21b77e719c4$export$d2c02478244f91f7() {
 
 
 
+
 let $8071251ee4e9ffa1$var$set = false;
 function $8071251ee4e9ffa1$export$6453cbc34515a94d(is_search_page) {
     if ($8071251ee4e9ffa1$var$set) return; // Just being safe
@@ -117,7 +118,7 @@ function $faf794495ff8b304$export$9fac37a9c21c2f3b(props) {
     set_search_page_path(search_page_path);
     if (!search) {
         (0, $42858f023ef23dab$export$8e769ad4338a911e).search = new (0, $TZSbU$DepictSearch)({
-            search_query_url_param_name: props.url_param_name,
+            search_query_url_param_name: url_param_name,
             ...assignable_options,
             enable_category_suggestions: false,
             localization: {
@@ -142,7 +143,7 @@ function $faf794495ff8b304$export$9fac37a9c21c2f3b(props) {
         (0, $8071251ee4e9ffa1$export$6453cbc34515a94d)((0, $c83ba9ab79386687$export$6cb4d3a5c1ac9b43));
     } else Object.assign(search, assignable_options);
     if (props.market && props.merchant) (0, $42858f023ef23dab$export$8e769ad4338a911e).required_state_set_[1](true);
-    return children;
+    return (0, $TZSbU$createElement)((0, $TZSbU$Fragment), null, children);
 }
 
 

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.18",
+  "version": "0.0.20",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -78,8 +78,8 @@
     "/dist-server"
   ],
   "dependencies": {
-    "@depict-ai/ui": "^0.0.5",
-    "@depict-ai/utilishared": "^0.0.5",
+    "@depict-ai/ui": "^0.0.6",
+    "@depict-ai/utilishared": "^0.0.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "solid-js": "^1.6.2"
@@ -96,6 +96,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",