@uniformdev/mesh-sdk-react 18.35.1-alpha.12 → 18.35.1-alpha.17

package/dist/index.d.ts

@@ -5,10 +5,10 @@ import { TDate } from 'timeago.js';
 import * as _emotion_react from '@emotion/react';
 import { DataVariableDefinition, DataResourceVariables } from '@uniformdev/canvas';
 import * as _uniformdev_mesh_sdk from '@uniformdev/mesh-sdk';
-import { MeshLocation, SetValueOptions, DataSourceLocationValue, DataTypeLocationValue } from '@uniformdev/mesh-sdk';
+import { MeshLocation, SetValueOptions, DataSourceLocationValue, DataTypeLocationValue, UniformMeshSDK, MeshLocationCore } from '@uniformdev/mesh-sdk';
 export * from '@uniformdev/mesh-sdk';
 import { BadgeThemeProps, InputSelectProps } from '@uniformdev/design-system';
-export { AddListButton, AddListButtonProps, Button, ButtonProps, Callout, CalloutProps, Heading, HeadingProps, Input, InputComboBox, InputComboBoxProps, InputKeywordSearch, InputProps, InputSelect, InputToggle, InputToggleProps, Label, LabelProps, LoadingIndicator, LoadingOverlay, Menu, MenuItem, MenuItemProps, MenuProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Switch, SwitchProps, Textarea, TextareaProps, Theme, ThemeProps, useParameterShell } from '@uniformdev/design-system';
+export { AddListButton, AddListButtonProps, Button, ButtonProps, Callout, CalloutProps, Heading, HeadingProps, Input, InputComboBox, InputComboBoxProps, InputKeywordSearch, InputProps, InputSelect, InputToggle, InputToggleProps, InputKeywordSearch as KeywordSearchInput, Label, LabelProps, LoadingIndicator, LoadingOverlay, Menu, MenuItem, MenuItemProps, MenuProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Switch, SwitchProps, Textarea, TextareaProps, Theme, ThemeProps, useParameterShell } from '@uniformdev/design-system';
 
 declare const SvgCaution: (props: SVGProps<SVGSVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
@@ -182,6 +182,10 @@ type ProductSearchResult = EntrySearchResult & {
         id: string;
         name: string;
     }>;
+    /** @deprecated Use `editLink` instead. */
+    url?: string;
+    /** @deprecated Use `title` instead. */
+    name?: string;
 };
 interface ProductSearchResults {
     total: number;
@@ -385,6 +389,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
     type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.DataTypeInstanceLocation, {
+    type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
@@ -398,6 +404,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.DataTypeInstanceLocation, {
+        type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
@@ -410,6 +418,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.DataTypeInstanceLocation, {
+        type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
@@ -1011,6 +1021,56 @@ declare function useRequestParameter(paramName: string): {
     update: (value: string) => void;
 };
 
+/** @deprecated */
+interface UniformMeshLocationContextValue<TLocationValue = unknown, TLocationSetValue = TLocationValue> {
+    location: MeshLocation<TLocationValue, TLocationSetValue>;
+}
+/** @deprecated not intended for public usage */
+declare const UniformMeshLocationContext: React__default.Context<UniformMeshLocationContextValue<unknown, unknown> | undefined>;
+/** @deprecated not intended for public usage. Use <MeshApp /> instead. */
+declare const UniformMeshLocationContextProvider: React__default.FC<React__default.PropsWithChildren<unknown>>;
+/**
+ * Provides access to the current UniformMeshLocationContext value.
+ * @deprecated Not intended for public use. Use `useUniformMeshLocation` instead.
+ */
+declare const useUniformMeshLocationContext: <TLocationValue = unknown, TLocationSetValue = TLocationValue>() => UniformMeshLocationContextValue<TLocationValue, TLocationSetValue>;
+
+interface UniformMeshSdkContextValue {
+    sdk: UniformMeshSDK;
+}
+/** @deprecated not intended for public usage */
+declare const UniformMeshSdkContext: React__default.Context<UniformMeshSdkContextValue | undefined>;
+/** @deprecated not intended for public usage; use <MeshApp /> instead */
+declare const UniformMeshSdkContextProvider: React__default.FC<React__default.PropsWithChildren<unknown>>;
+/**
+ * Provides access to the current (initialized) Uniform Mesh SDK context value.
+ * @deprecated Not intended for public use. Use `useUniformMeshLocation` or `useUniformMeshSdk` instead.
+ */
+declare const useUniformMeshSdkContext: () => UniformMeshSdkContextValue;
+
+interface UseUniformMeshSdkOptions {
+    autoResizingDisabled?: boolean;
+}
+/**
+ * Provides a React-hook wrapper around Uniform Mesh SDK initialization.
+ * NOTE: initialization is an async operation and should be handled as such.
+ *
+ * @deprecated prefer <MeshApp /> to initialize and provide in a single component
+ */
+declare const useInitializeUniformMeshSdk: ({ autoResizingDisabled }?: UseUniformMeshSdkOptions) => {
+    initializing: boolean;
+    error: Error | undefined;
+    sdk: UniformMeshSDK | undefined;
+};
+
+/**
+ * Provides convenient access to the current Uniform Mesh location via React hook.
+ * Intended to be used within <MeshApp />.
+ *
+ * @deprecated prefer useMeshLocation which has much more accurate type safety
+ */
+declare function useUniformMeshLocation<TLocationValue = unknown, TLocationMetadata = never, TLocationSetValue = TLocationValue>(): MeshLocationCore<TLocationValue, TLocationMetadata, TLocationSetValue>;
+
 /**
  * Provides convenient access to the current Uniform Mesh SDK instance via React hook.
  * Intended to be used within <MeshApp />.
@@ -1026,4 +1086,4 @@ declare function useUniformMeshSdk(): _uniformdev_mesh_sdk.UniformMeshSDK;
  */
 declare function createLocationValidator<TSetValue>(setValue: SetLocationValueDispatch<TSetValue>, validate: (newValue: TSetValue, currentResult: SetValueOptions | undefined) => SetValueOptions): SetLocationValueDispatch<TSetValue>;
 
-export { BaseRequestData, Brand, DamItem, DamSelectedItem, DamSelectedItemProps, DataRefreshButton, DataRefreshButtonProps, DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListProps, DataSourceEditor, DataSourceEditorProps, DataTypeEditor, DataTypeEditorProps, DataVariableDefinitionWithName, DefaultSearchRow, DefaultSelectedItem, DispatchResult, EntrySearch, EntrySearchContentType, EntrySearchProps, EntrySearchQueryOptions, EntrySearchResult, EntrySearchRowProps, EntrySearchSelectedItemProps, GetProductOptions, GetProductsOptions, index as Icons, InputToken, InputVariables, InputVariablesProps, ItemListProps, LinkButton, MeshApp, MeshAppProps, NoResultsProps, ObjectSearchContainer, ObjectSearchContainerProps, ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, ObjectSearchFilterContainerProps, ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, ObjectSearchListItemProps, ObjectSearchProvider, ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, ObjectSearchResultItemButtonProps, ObjectSearchResultItemProps, ObjectSearchResultList, ObjectSearchResultListProps, ProductCategory, ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, ProductQueryCategory, ProductQueryContext, ProductQueryContextValue, ProductQueryProps, ProductSearch, ProductSearchContext, ProductSearchContextValue, ProductSearchProps, ProductSearchResult, ProductSearchResults, ProductSearchRow, ProductSelectedItem, QueryFilter, QueryFilterProps, QueryFilterSearchProps, RequestAction, RequestBody, RequestContext, RequestData, RequestHeaders, RequestMethodSelect, RequestParameter, RequestParameters, RequestParametersProps, RequestProvider, RequestProviderProps, RequestTypeContainer, RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, SearchQueryProps, SelectedItemProps, SelectionField, SelectionFieldValue, SetLocationValueDispatch, SetLocationValueFunction, TextVariableRenderer, VariableEditor, VariableEditorProps, VariablesAction, VariablesContext, VariablesList, VariablesProvider, VariablesProviderProps, badgeIcon, createLocationValidator, damSelectItemImage, damSelectedItemContainer, damSelectedItemCopy, damSelectedItemDetails, damSelectedItemIcon, damSelectedItemInfoBtn, damSelectedItemInner, damSelectedItemLinkBtn, damSelectedItemLinkContainer, damSelectedItemMediaContainer, damSelectedItemPopover, damSelectedItemPopoverLabel, damSelectedItemSmallText, damSelectedItemTitle, draggableContainer, draggableIcon, draggableIconOffset, draggableIconWrapper, entrySearchBtn, entrySearchConfig, entrySearchConfigHidden, entrySearchLoadMoreBtn, entrySearchResultList, entrySearchSelectIcon, entrySearchSelectImg, entrySearchSelectInput, entrySearchSelectOption, entrySearchWrapper, productSearchRowActiveIcon, productSearchRowCategory, productSearchRowContainer, productSearchRowContent, productSearchRowContentActive, productSearchRowDetails, productSearchRowTitle, productSelectedItemContainer, productSelectedItemContent, productSelectedItemDetails, productSelectedItemIcon, productSelectedItemImage, productSelectedItemLinkContainer, productedSelectedItemLinkBtn, productedSelectedItemSmallText, searchRowBtn, searchRowContainer, searchRowContainerActive, searchRowContainerWithPopover, searchRowPopover, searchRowText, searchRowTextSmall, selectItemLinkBtn, selectItemLinkContainer, selectItemPopover, selectItemPopoverLabel, selectItemSmallText, selectedItemContainer, selectedItemCopy, selectedItemDetails, selectedItemIcon, selectedItemInner, selectedItemTitle, urlEncodeRequestParameter, urlEncodeRequestUrl, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useUniformMeshSdk, useVariables, variablesToList };
+export { BaseRequestData, Brand, DamItem, DamSelectedItem, DamSelectedItemProps, DataRefreshButton, DataRefreshButtonProps, DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListProps, DataSourceEditor, DataSourceEditorProps, DataTypeEditor, DataTypeEditorProps, DataVariableDefinitionWithName, DefaultSearchRow, DefaultSelectedItem, DispatchResult, EntrySearch, EntrySearchContentType, EntrySearchProps, EntrySearchQueryOptions, EntrySearchResult, EntrySearchRowProps, EntrySearchSelectedItemProps, GetProductOptions, GetProductsOptions, index as Icons, InputToken, InputVariables, InputVariablesProps, ItemListProps, LinkButton, MeshApp, MeshAppProps, NoResultsProps, ObjectSearchContainer, ObjectSearchContainerProps, ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, ObjectSearchFilterContainerProps, ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, ObjectSearchListItemProps, ObjectSearchProvider, ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, ObjectSearchResultItemButtonProps, ObjectSearchResultItemProps, ObjectSearchResultList, ObjectSearchResultListProps, ProductCategory, ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, ProductQueryCategory, ProductQueryContext, ProductQueryContextValue, ProductQueryProps, ProductSearch, ProductSearchContext, ProductSearchContextValue, ProductSearchProps, ProductSearchResult, ProductSearchResults, ProductSearchRow, ProductSelectedItem, QueryFilter, QueryFilterProps, QueryFilterSearchProps, RequestAction, RequestBody, RequestContext, RequestData, RequestHeaders, RequestMethodSelect, RequestParameter, RequestParameters, RequestParametersProps, RequestProvider, RequestProviderProps, RequestTypeContainer, RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, SearchQueryProps, SelectedItemProps, SelectionField, SelectionFieldValue, SetLocationValueDispatch, SetLocationValueFunction, TextVariableRenderer, UniformMeshLocationContext, UniformMeshLocationContextProvider, UniformMeshLocationContextValue, UniformMeshSdkContext, UniformMeshSdkContextProvider, UniformMeshSdkContextValue, UseUniformMeshSdkOptions, VariableEditor, VariableEditorProps, VariablesAction, VariablesContext, VariablesList, VariablesProvider, VariablesProviderProps, badgeIcon, createLocationValidator, damSelectItemImage, damSelectedItemContainer, damSelectedItemCopy, damSelectedItemDetails, damSelectedItemIcon, damSelectedItemInfoBtn, damSelectedItemInner, damSelectedItemLinkBtn, damSelectedItemLinkContainer, damSelectedItemMediaContainer, damSelectedItemPopover, damSelectedItemPopoverLabel, damSelectedItemSmallText, damSelectedItemTitle, draggableContainer, draggableIcon, draggableIconOffset, draggableIconWrapper, entrySearchBtn, entrySearchConfig, entrySearchConfigHidden, entrySearchLoadMoreBtn, entrySearchResultList, entrySearchSelectIcon, entrySearchSelectImg, entrySearchSelectInput, entrySearchSelectOption, entrySearchWrapper, productSearchRowActiveIcon, productSearchRowCategory, productSearchRowContainer, productSearchRowContent, productSearchRowContentActive, productSearchRowDetails, productSearchRowTitle, productSelectedItemContainer, productSelectedItemContent, productSelectedItemDetails, productSelectedItemIcon, productSelectedItemImage, productSelectedItemLinkContainer, productedSelectedItemLinkBtn, productedSelectedItemSmallText, searchRowBtn, searchRowContainer, searchRowContainerActive, searchRowContainerWithPopover, searchRowPopover, searchRowText, searchRowTextSmall, selectItemLinkBtn, selectItemLinkContainer, selectItemPopover, selectItemPopoverLabel, selectItemSmallText, selectedItemContainer, selectedItemCopy, selectedItemDetails, selectedItemIcon, selectedItemInner, selectedItemTitle, urlEncodeRequestParameter, urlEncodeRequestUrl, useInitializeUniformMeshSdk, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useUniformMeshLocation, useUniformMeshLocationContext, useUniformMeshSdk, useUniformMeshSdkContext, useVariables, variablesToList };

package/dist/index.esm.js

@@ -893,7 +893,7 @@ var ProductPreviewList = ({
           scrollbarStyles
         ],
         children: products == null ? void 0 : products.map((product, index) => {
-          var _a;
+          var _a, _b;
           const [category] = (product == null ? void 0 : product.categories) || [];
           const categoryName = typeof category === "undefined" || !categories ? void 0 : (_a = categories.find((c) => c.id === category.id)) == null ? void 0 : _a.name;
           return /* @__PURE__ */ jsx18("li", { css: productPreviewListItem, children: /* @__PURE__ */ jsxs7(
@@ -906,13 +906,13 @@ var ProductPreviewList = ({
                   "img",
                   {
                     src: product.thumbnailUrl,
-                    alt: typeof product.title === "string" ? product.title : `Product ${index}`,
+                    alt: typeof product.title === "string" ? product.title : product.name || `Product ${index}`,
                     css: productPreviewListImage,
                     "data-test-id": "product-image"
                   }
                 ) : /* @__PURE__ */ jsx18("div", { css: productPreviewListImageDefault }),
                 /* @__PURE__ */ jsxs7("h4", { css: productPreviewListTitle, "data-test-id": "product-name", children: [
-                  product.title,
+                  product.title || product.name,
                   categoryName && /* @__PURE__ */ jsx18("span", { css: productPreviewListCategoryText, children: categoryName })
                 ] }),
                 product && /* @__PURE__ */ jsxs7(Fragment2, { children: [
@@ -925,12 +925,12 @@ var ProductPreviewList = ({
                     "Price: ",
                     product.price
                   ] }) : null,
-                  product.editLink ? /* @__PURE__ */ jsxs7(
+                  product.editLink || product.url ? /* @__PURE__ */ jsxs7(
                     "a",
                     {
                       css: productPreviewListLinkBtn,
-                      href: product.editLink,
-                      title: `Go to ${product.title}`,
+                      href: (_b = product.editLink) != null ? _b : product.url,
+                      title: `Go to ${product.title || product.name}`,
                       target: "_blank",
                       rel: "noopener noreferrer",
                       "data-test-id": "edit-product-button",
@@ -2655,6 +2655,18 @@ import { Theme } from "@uniformdev/design-system";
 import { createContext, useContext as useContext3 } from "react";
 import { jsx as jsx26, jsxs as jsxs15 } from "@emotion/react/jsx-runtime";
 var UniformMeshSdkContext = createContext(void 0);
+var UniformMeshSdkContextProvider = ({ children }) => {
+  let value = void 0;
+  if (typeof window !== "undefined" && typeof window.UniformMeshSDK !== "undefined") {
+    value = {
+      sdk: window.UniformMeshSDK
+    };
+  }
+  return /* @__PURE__ */ jsxs15(UniformMeshSdkContext.Provider, { value, children: [
+    /* @__PURE__ */ jsx26(Theme, {}),
+    /* @__PURE__ */ jsx26(UniformMeshLocationContextProvider, { children })
+  ] });
+};
 var useUniformMeshSdkContext = () => {
   const context = useContext3(UniformMeshSdkContext);
   if (!context) {
@@ -2671,7 +2683,9 @@ function useUniformMeshSdk() {
 
 // src/components/UniformMeshLocationContext.tsx
 import { jsx as jsx27 } from "@emotion/react/jsx-runtime";
-var UniformMeshLocationContext = createContext2(void 0);
+var UniformMeshLocationContext = createContext2(
+  void 0
+);
 var UniformMeshLocationContextProvider = ({
   children
 }) => {
@@ -2702,9 +2716,20 @@ var useUniformMeshLocationContext = () => {
 };
 
 // src/hooks/useMeshLocation.ts
+var legacyWarned = false;
 function useMeshLocation(expectedLocation) {
   const { location } = useUniformMeshLocationContext();
-  if (expectedLocation && location.type !== expectedLocation) {
+  let effectiveExpected = expectedLocation;
+  if (expectedLocation === "dataTypeInstance") {
+    effectiveExpected = "dataResource";
+    if (!legacyWarned) {
+      console.warn(
+        "`dataTypeInstance` mesh location is deprecated, please switch to `dataResource` instead."
+      );
+      legacyWarned = true;
+    }
+  }
+  if (effectiveExpected && location.type !== effectiveExpected) {
     throw new Error(`Expected location type ${expectedLocation} but got ${location.type}`);
   }
   const backdoorLocation = useRef7(location);
@@ -3191,7 +3216,7 @@ function DataResourceVariablesList({
   const {
     value,
     metadata: { dataType }
-  } = useMeshLocation("dataResource");
+  } = useMeshLocation("dataTypeInstance");
   const variableDefinitions = variablesToList(dataType.variables);
   if (variableDefinitions.length === 0) {
     if (NoVariablesComponent) {
@@ -4662,6 +4687,12 @@ var QueryFilter = ({
   ] });
 };
 
+// src/hooks/useUniformMeshLocation.ts
+function useUniformMeshLocation() {
+  const { location } = useUniformMeshLocationContext();
+  return location;
+}
+
 // src/hooks/index.ts
 import { ParameterShellContext, useParameterShell } from "@uniformdev/design-system";
 
@@ -4684,6 +4715,7 @@ import {
   InputKeywordSearch as InputKeywordSearch4,
   InputSelect as InputSelect8,
   InputToggle,
+  InputKeywordSearch as InputKeywordSearch5,
   Label,
   LoadingIndicator as LoadingIndicator4,
   LoadingOverlay as LoadingOverlay2,
@@ -4730,6 +4762,7 @@ export {
   InputSelect8 as InputSelect,
   InputToggle,
   InputVariables,
+  InputKeywordSearch5 as KeywordSearchInput,
   Label,
   LinkButton,
   LoadingIndicator4 as LoadingIndicator,
@@ -4785,6 +4818,10 @@ export {
   TextVariableRenderer,
   Textarea,
   Theme3 as Theme,
+  UniformMeshLocationContext,
+  UniformMeshLocationContextProvider,
+  UniformMeshSdkContext,
+  UniformMeshSdkContextProvider,
   VariableEditor,
   VariablesList,
   VariablesProvider,
@@ -4853,6 +4890,7 @@ export {
   selectedItemTitle,
   urlEncodeRequestParameter,
   urlEncodeRequestUrl,
+  useInitializeUniformMeshSdk,
   useMeshLocation,
   useObjectSearchContext,
   useParameterShell,
@@ -4861,7 +4899,10 @@ export {
   useRequest,
   useRequestHeader,
   useRequestParameter,
+  useUniformMeshLocation,
+  useUniformMeshLocationContext,
   useUniformMeshSdk,
+  useUniformMeshSdkContext,
   useVariables,
   variablesToList
 };

package/dist/index.js

@@ -50,6 +50,7 @@ __export(src_exports, {
   InputSelect: () => import_design_system34.InputSelect,
   InputToggle: () => import_design_system34.InputToggle,
   InputVariables: () => InputVariables,
+  KeywordSearchInput: () => import_design_system34.InputKeywordSearch,
   Label: () => import_design_system34.Label,
   LinkButton: () => LinkButton,
   LoadingIndicator: () => import_design_system34.LoadingIndicator,
@@ -105,6 +106,10 @@ __export(src_exports, {
   TextVariableRenderer: () => TextVariableRenderer,
   Textarea: () => import_design_system34.Textarea,
   Theme: () => import_design_system34.Theme,
+  UniformMeshLocationContext: () => UniformMeshLocationContext,
+  UniformMeshLocationContextProvider: () => UniformMeshLocationContextProvider,
+  UniformMeshSdkContext: () => UniformMeshSdkContext,
+  UniformMeshSdkContextProvider: () => UniformMeshSdkContextProvider,
   VariableEditor: () => VariableEditor,
   VariablesList: () => VariablesList,
   VariablesProvider: () => VariablesProvider,
@@ -173,6 +178,7 @@ __export(src_exports, {
   selectedItemTitle: () => selectedItemTitle,
   urlEncodeRequestParameter: () => urlEncodeRequestParameter,
   urlEncodeRequestUrl: () => urlEncodeRequestUrl,
+  useInitializeUniformMeshSdk: () => useInitializeUniformMeshSdk,
   useMeshLocation: () => useMeshLocation,
   useObjectSearchContext: () => useObjectSearchContext,
   useParameterShell: () => import_design_system33.useParameterShell,
@@ -181,7 +187,10 @@ __export(src_exports, {
   useRequest: () => useRequest,
   useRequestHeader: () => useRequestHeader,
   useRequestParameter: () => useRequestParameter,
+  useUniformMeshLocation: () => useUniformMeshLocation,
+  useUniformMeshLocationContext: () => useUniformMeshLocationContext,
   useUniformMeshSdk: () => useUniformMeshSdk,
+  useUniformMeshSdkContext: () => useUniformMeshSdkContext,
   useVariables: () => useVariables,
   variablesToList: () => variablesToList
 });
@@ -1076,7 +1085,7 @@ var ProductPreviewList = ({
           import_design_system3.scrollbarStyles
         ],
         children: products == null ? void 0 : products.map((product, index) => {
-          var _a;
+          var _a, _b;
           const [category] = (product == null ? void 0 : product.categories) || [];
           const categoryName = typeof category === "undefined" || !categories ? void 0 : (_a = categories.find((c) => c.id === category.id)) == null ? void 0 : _a.name;
           return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("li", { css: productPreviewListItem, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
@@ -1089,13 +1098,13 @@ var ProductPreviewList = ({
                   "img",
                   {
                     src: product.thumbnailUrl,
-                    alt: typeof product.title === "string" ? product.title : `Product ${index}`,
+                    alt: typeof product.title === "string" ? product.title : product.name || `Product ${index}`,
                     css: productPreviewListImage,
                     "data-test-id": "product-image"
                   }
                 ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { css: productPreviewListImageDefault }),
                 /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("h4", { css: productPreviewListTitle, "data-test-id": "product-name", children: [
-                  product.title,
+                  product.title || product.name,
                   categoryName && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { css: productPreviewListCategoryText, children: categoryName })
                 ] }),
                 product && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
@@ -1108,12 +1117,12 @@ var ProductPreviewList = ({
                     "Price: ",
                     product.price
                   ] }) : null,
-                  product.editLink ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                  product.editLink || product.url ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                     "a",
                     {
                       css: productPreviewListLinkBtn,
-                      href: product.editLink,
-                      title: `Go to ${product.title}`,
+                      href: (_b = product.editLink) != null ? _b : product.url,
+                      title: `Go to ${product.title || product.name}`,
                       target: "_blank",
                       rel: "noopener noreferrer",
                       "data-test-id": "edit-product-button",
@@ -2828,6 +2837,18 @@ var import_design_system13 = require("@uniformdev/design-system");
 var import_react25 = require("react");
 var import_jsx_runtime26 = require("@emotion/react/jsx-runtime");
 var UniformMeshSdkContext = (0, import_react25.createContext)(void 0);
+var UniformMeshSdkContextProvider = ({ children }) => {
+  let value = void 0;
+  if (typeof window !== "undefined" && typeof window.UniformMeshSDK !== "undefined") {
+    value = {
+      sdk: window.UniformMeshSDK
+    };
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(UniformMeshSdkContext.Provider, { value, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_design_system13.Theme, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(UniformMeshLocationContextProvider, { children })
+  ] });
+};
 var useUniformMeshSdkContext = () => {
   const context = (0, import_react25.useContext)(UniformMeshSdkContext);
   if (!context) {
@@ -2844,7 +2865,9 @@ function useUniformMeshSdk() {
 
 // src/components/UniformMeshLocationContext.tsx
 var import_jsx_runtime27 = require("@emotion/react/jsx-runtime");
-var UniformMeshLocationContext = (0, import_react26.createContext)(void 0);
+var UniformMeshLocationContext = (0, import_react26.createContext)(
+  void 0
+);
 var UniformMeshLocationContextProvider = ({
   children
 }) => {
@@ -2875,9 +2898,20 @@ var useUniformMeshLocationContext = () => {
 };
 
 // src/hooks/useMeshLocation.ts
+var legacyWarned = false;
 function useMeshLocation(expectedLocation) {
   const { location } = useUniformMeshLocationContext();
-  if (expectedLocation && location.type !== expectedLocation) {
+  let effectiveExpected = expectedLocation;
+  if (expectedLocation === "dataTypeInstance") {
+    effectiveExpected = "dataResource";
+    if (!legacyWarned) {
+      console.warn(
+        "`dataTypeInstance` mesh location is deprecated, please switch to `dataResource` instead."
+      );
+      legacyWarned = true;
+    }
+  }
+  if (effectiveExpected && location.type !== effectiveExpected) {
     throw new Error(`Expected location type ${expectedLocation} but got ${location.type}`);
   }
   const backdoorLocation = (0, import_react27.useRef)(location);
@@ -3354,7 +3388,7 @@ function DataResourceVariablesList({
   const {
     value,
     metadata: { dataType }
-  } = useMeshLocation("dataResource");
+  } = useMeshLocation("dataTypeInstance");
   const variableDefinitions = variablesToList(dataType.variables);
   if (variableDefinitions.length === 0) {
     if (NoVariablesComponent) {
@@ -4807,6 +4841,12 @@ var QueryFilter = ({
   ] });
 };
 
+// src/hooks/useUniformMeshLocation.ts
+function useUniformMeshLocation() {
+  const { location } = useUniformMeshLocationContext();
+  return location;
+}
+
 // src/hooks/index.ts
 var import_design_system33 = require("@uniformdev/design-system");
 
@@ -4842,6 +4882,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   InputSelect,
   InputToggle,
   InputVariables,
+  KeywordSearchInput,
   Label,
   LinkButton,
   LoadingIndicator,
@@ -4897,6 +4938,10 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   TextVariableRenderer,
   Textarea,
   Theme,
+  UniformMeshLocationContext,
+  UniformMeshLocationContextProvider,
+  UniformMeshSdkContext,
+  UniformMeshSdkContextProvider,
   VariableEditor,
   VariablesList,
   VariablesProvider,
@@ -4965,6 +5010,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   selectedItemTitle,
   urlEncodeRequestParameter,
   urlEncodeRequestUrl,
+  useInitializeUniformMeshSdk,
   useMeshLocation,
   useObjectSearchContext,
   useParameterShell,
@@ -4973,7 +5019,10 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   useRequest,
   useRequestHeader,
   useRequestParameter,
+  useUniformMeshLocation,
+  useUniformMeshLocationContext,
   useUniformMeshSdk,
+  useUniformMeshSdkContext,
   useVariables,
   variablesToList
 });

package/dist/index.mjs

@@ -893,7 +893,7 @@ var ProductPreviewList = ({
           scrollbarStyles
         ],
         children: products == null ? void 0 : products.map((product, index) => {
-          var _a;
+          var _a, _b;
           const [category] = (product == null ? void 0 : product.categories) || [];
           const categoryName = typeof category === "undefined" || !categories ? void 0 : (_a = categories.find((c) => c.id === category.id)) == null ? void 0 : _a.name;
           return /* @__PURE__ */ jsx18("li", { css: productPreviewListItem, children: /* @__PURE__ */ jsxs7(
@@ -906,13 +906,13 @@ var ProductPreviewList = ({
                   "img",
                   {
                     src: product.thumbnailUrl,
-                    alt: typeof product.title === "string" ? product.title : `Product ${index}`,
+                    alt: typeof product.title === "string" ? product.title : product.name || `Product ${index}`,
                     css: productPreviewListImage,
                     "data-test-id": "product-image"
                   }
                 ) : /* @__PURE__ */ jsx18("div", { css: productPreviewListImageDefault }),
                 /* @__PURE__ */ jsxs7("h4", { css: productPreviewListTitle, "data-test-id": "product-name", children: [
-                  product.title,
+                  product.title || product.name,
                   categoryName && /* @__PURE__ */ jsx18("span", { css: productPreviewListCategoryText, children: categoryName })
                 ] }),
                 product && /* @__PURE__ */ jsxs7(Fragment2, { children: [
@@ -925,12 +925,12 @@ var ProductPreviewList = ({
                     "Price: ",
                     product.price
                   ] }) : null,
-                  product.editLink ? /* @__PURE__ */ jsxs7(
+                  product.editLink || product.url ? /* @__PURE__ */ jsxs7(
                     "a",
                     {
                       css: productPreviewListLinkBtn,
-                      href: product.editLink,
-                      title: `Go to ${product.title}`,
+                      href: (_b = product.editLink) != null ? _b : product.url,
+                      title: `Go to ${product.title || product.name}`,
                       target: "_blank",
                       rel: "noopener noreferrer",
                       "data-test-id": "edit-product-button",
@@ -2655,6 +2655,18 @@ import { Theme } from "@uniformdev/design-system";
 import { createContext, useContext as useContext3 } from "react";
 import { jsx as jsx26, jsxs as jsxs15 } from "@emotion/react/jsx-runtime";
 var UniformMeshSdkContext = createContext(void 0);
+var UniformMeshSdkContextProvider = ({ children }) => {
+  let value = void 0;
+  if (typeof window !== "undefined" && typeof window.UniformMeshSDK !== "undefined") {
+    value = {
+      sdk: window.UniformMeshSDK
+    };
+  }
+  return /* @__PURE__ */ jsxs15(UniformMeshSdkContext.Provider, { value, children: [
+    /* @__PURE__ */ jsx26(Theme, {}),
+    /* @__PURE__ */ jsx26(UniformMeshLocationContextProvider, { children })
+  ] });
+};
 var useUniformMeshSdkContext = () => {
   const context = useContext3(UniformMeshSdkContext);
   if (!context) {
@@ -2671,7 +2683,9 @@ function useUniformMeshSdk() {
 
 // src/components/UniformMeshLocationContext.tsx
 import { jsx as jsx27 } from "@emotion/react/jsx-runtime";
-var UniformMeshLocationContext = createContext2(void 0);
+var UniformMeshLocationContext = createContext2(
+  void 0
+);
 var UniformMeshLocationContextProvider = ({
   children
 }) => {
@@ -2702,9 +2716,20 @@ var useUniformMeshLocationContext = () => {
 };
 
 // src/hooks/useMeshLocation.ts
+var legacyWarned = false;
 function useMeshLocation(expectedLocation) {
   const { location } = useUniformMeshLocationContext();
-  if (expectedLocation && location.type !== expectedLocation) {
+  let effectiveExpected = expectedLocation;
+  if (expectedLocation === "dataTypeInstance") {
+    effectiveExpected = "dataResource";
+    if (!legacyWarned) {
+      console.warn(
+        "`dataTypeInstance` mesh location is deprecated, please switch to `dataResource` instead."
+      );
+      legacyWarned = true;
+    }
+  }
+  if (effectiveExpected && location.type !== effectiveExpected) {
     throw new Error(`Expected location type ${expectedLocation} but got ${location.type}`);
   }
   const backdoorLocation = useRef7(location);
@@ -3191,7 +3216,7 @@ function DataResourceVariablesList({
   const {
     value,
     metadata: { dataType }
-  } = useMeshLocation("dataResource");
+  } = useMeshLocation("dataTypeInstance");
   const variableDefinitions = variablesToList(dataType.variables);
   if (variableDefinitions.length === 0) {
     if (NoVariablesComponent) {
@@ -4662,6 +4687,12 @@ var QueryFilter = ({
   ] });
 };
 
+// src/hooks/useUniformMeshLocation.ts
+function useUniformMeshLocation() {
+  const { location } = useUniformMeshLocationContext();
+  return location;
+}
+
 // src/hooks/index.ts
 import { ParameterShellContext, useParameterShell } from "@uniformdev/design-system";
 
@@ -4684,6 +4715,7 @@ import {
   InputKeywordSearch as InputKeywordSearch4,
   InputSelect as InputSelect8,
   InputToggle,
+  InputKeywordSearch as InputKeywordSearch5,
   Label,
   LoadingIndicator as LoadingIndicator4,
   LoadingOverlay as LoadingOverlay2,
@@ -4730,6 +4762,7 @@ export {
   InputSelect8 as InputSelect,
   InputToggle,
   InputVariables,
+  InputKeywordSearch5 as KeywordSearchInput,
   Label,
   LinkButton,
   LoadingIndicator4 as LoadingIndicator,
@@ -4785,6 +4818,10 @@ export {
   TextVariableRenderer,
   Textarea,
   Theme3 as Theme,
+  UniformMeshLocationContext,
+  UniformMeshLocationContextProvider,
+  UniformMeshSdkContext,
+  UniformMeshSdkContextProvider,
   VariableEditor,
   VariablesList,
   VariablesProvider,
@@ -4853,6 +4890,7 @@ export {
   selectedItemTitle,
   urlEncodeRequestParameter,
   urlEncodeRequestUrl,
+  useInitializeUniformMeshSdk,
   useMeshLocation,
   useObjectSearchContext,
   useParameterShell,
@@ -4861,7 +4899,10 @@ export {
   useRequest,
   useRequestHeader,
   useRequestParameter,
+  useUniformMeshLocation,
+  useUniformMeshLocationContext,
   useUniformMeshSdk,
+  useUniformMeshSdkContext,
   useVariables,
   variablesToList
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "18.35.1-alpha.12+d5e86f567",
+  "version": "18.35.1-alpha.17+c528ec3cb",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -43,8 +43,8 @@
     "document": "api-extractor run --local"
   },
   "dependencies": {
-    "@uniformdev/design-system": "18.35.1-alpha.12+d5e86f567",
-    "@uniformdev/mesh-sdk": "18.35.1-alpha.12+d5e86f567",
+    "@uniformdev/design-system": "18.35.1-alpha.17+c528ec3cb",
+    "@uniformdev/mesh-sdk": "18.35.1-alpha.17+c528ec3cb",
     "formik": "^2.2.9",
     "react-beautiful-dnd": "13.1.1",
     "react-icons": "4.8.0",
@@ -73,5 +73,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d5e86f5673575aecfcf517e684922871315f279b"
+  "gitHead": "c528ec3cbb765bfd058357968a9be5ae0926362c"
 }