@uniformdev/mesh-sdk-react 18.33.1-alpha.7 → 18.34.0

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 { 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;
 
@@ -389,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>, {
@@ -402,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>, {
@@ -414,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>, {
@@ -676,6 +682,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 />.
@@ -691,4 +747,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, 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, MeshApp, MeshAppProps, NoResultsProps, ProductCategory, ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, ProductQueryCategory, ProductQueryContext, ProductQueryContextValue, ProductQueryProps, ProductSearch, ProductSearchContext, ProductSearchContextValue, ProductSearchProps, ProductSearchResult, ProductSearchResults, ProductSearchRow, ProductSelectedItem, RequestAction, RequestBody, RequestContext, RequestData, RequestHeaders, RequestMethodSelect, RequestParameter, RequestParameters, RequestParametersProps, RequestProvider, RequestProviderProps, RequestTypeContainer, RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, 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, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useUniformMeshSdk, useVariables, variablesToList };
+export { BaseRequestData, Brand, DamItem, DamSelectedItem, DamSelectedItemProps, 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, MeshApp, MeshAppProps, NoResultsProps, ProductCategory, ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, ProductQueryCategory, ProductQueryContext, ProductQueryContextValue, ProductQueryProps, ProductSearch, ProductSearchContext, ProductSearchContextValue, ProductSearchProps, ProductSearchResult, ProductSearchResults, ProductSearchRow, ProductSelectedItem, RequestAction, RequestBody, RequestContext, RequestData, RequestHeaders, RequestMethodSelect, RequestParameter, RequestParameters, RequestParametersProps, RequestProvider, RequestProviderProps, RequestTypeContainer, RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, 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, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useUniformMeshLocation, useUniformMeshLocationContext, useUniformMeshSdk, useUniformMeshSdkContext, useVariables, variablesToList };

package/dist/index.esm.js

@@ -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) {
@@ -3937,6 +3962,12 @@ var MeshApp = ({
   ] });
 };
 
+// src/hooks/useUniformMeshLocation.ts
+function useUniformMeshLocation() {
+  const { location } = useUniformMeshLocationContext();
+  return location;
+}
+
 // src/hooks/index.ts
 import { ParameterShellContext, useParameterShell } from "@uniformdev/design-system";
 
@@ -3959,6 +3990,7 @@ import {
   InputKeywordSearch as InputKeywordSearch2,
   InputSelect as InputSelect6,
   InputToggle,
+  InputKeywordSearch as InputKeywordSearch3,
   Label,
   LoadingIndicator as LoadingIndicator3,
   LoadingOverlay as LoadingOverlay2,
@@ -4004,6 +4036,7 @@ export {
   InputSelect6 as InputSelect,
   InputToggle,
   InputVariables,
+  InputKeywordSearch3 as KeywordSearchInput,
   Label,
   LoadingIndicator3 as LoadingIndicator,
   LoadingOverlay2 as LoadingOverlay,
@@ -4048,6 +4081,10 @@ export {
   TextVariableRenderer,
   Textarea,
   Theme3 as Theme,
+  UniformMeshLocationContext,
+  UniformMeshLocationContextProvider,
+  UniformMeshSdkContext,
+  UniformMeshSdkContextProvider,
   VariableEditor,
   VariablesList,
   VariablesProvider,
@@ -4116,6 +4153,7 @@ export {
   selectedItemTitle,
   urlEncodeRequestParameter,
   urlEncodeRequestUrl,
+  useInitializeUniformMeshSdk,
   useMeshLocation,
   useParameterShell,
   useProductQueryContext,
@@ -4123,7 +4161,10 @@ export {
   useRequest,
   useRequestHeader,
   useRequestParameter,
+  useUniformMeshLocation,
+  useUniformMeshLocationContext,
   useUniformMeshSdk,
+  useUniformMeshSdkContext,
   useVariables,
   variablesToList
 };

package/dist/index.js

@@ -49,6 +49,7 @@ __export(src_exports, {
   InputSelect: () => import_design_system25.InputSelect,
   InputToggle: () => import_design_system25.InputToggle,
   InputVariables: () => InputVariables,
+  KeywordSearchInput: () => import_design_system25.InputKeywordSearch,
   Label: () => import_design_system25.Label,
   LoadingIndicator: () => import_design_system25.LoadingIndicator,
   LoadingOverlay: () => import_design_system25.LoadingOverlay,
@@ -93,6 +94,10 @@ __export(src_exports, {
   TextVariableRenderer: () => TextVariableRenderer,
   Textarea: () => import_design_system25.Textarea,
   Theme: () => import_design_system25.Theme,
+  UniformMeshLocationContext: () => UniformMeshLocationContext,
+  UniformMeshLocationContextProvider: () => UniformMeshLocationContextProvider,
+  UniformMeshSdkContext: () => UniformMeshSdkContext,
+  UniformMeshSdkContextProvider: () => UniformMeshSdkContextProvider,
   VariableEditor: () => VariableEditor,
   VariablesList: () => VariablesList,
   VariablesProvider: () => VariablesProvider,
@@ -161,6 +166,7 @@ __export(src_exports, {
   selectedItemTitle: () => selectedItemTitle,
   urlEncodeRequestParameter: () => urlEncodeRequestParameter,
   urlEncodeRequestUrl: () => urlEncodeRequestUrl,
+  useInitializeUniformMeshSdk: () => useInitializeUniformMeshSdk,
   useMeshLocation: () => useMeshLocation,
   useParameterShell: () => import_design_system24.useParameterShell,
   useProductQueryContext: () => useProductQueryContext,
@@ -168,7 +174,10 @@ __export(src_exports, {
   useRequest: () => useRequest,
   useRequestHeader: () => useRequestHeader,
   useRequestParameter: () => useRequestParameter,
+  useUniformMeshLocation: () => useUniformMeshLocation,
+  useUniformMeshLocationContext: () => useUniformMeshLocationContext,
   useUniformMeshSdk: () => useUniformMeshSdk,
+  useUniformMeshSdkContext: () => useUniformMeshSdkContext,
   useVariables: () => useVariables,
   variablesToList: () => variablesToList
 });
@@ -2815,6 +2824,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) {
@@ -2831,7 +2852,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
 }) => {
@@ -2862,9 +2885,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);
@@ -3341,7 +3375,7 @@ function DataResourceVariablesList({
   const {
     value,
     metadata: { dataType }
-  } = useMeshLocation("dataResource");
+  } = useMeshLocation("dataTypeInstance");
   const variableDefinitions = variablesToList(dataType.variables);
   if (variableDefinitions.length === 0) {
     if (NoVariablesComponent) {
@@ -4069,6 +4103,12 @@ var MeshApp = ({
   ] });
 };
 
+// src/hooks/useUniformMeshLocation.ts
+function useUniformMeshLocation() {
+  const { location } = useUniformMeshLocationContext();
+  return location;
+}
+
 // src/hooks/index.ts
 var import_design_system24 = require("@uniformdev/design-system");
 
@@ -4103,6 +4143,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   InputSelect,
   InputToggle,
   InputVariables,
+  KeywordSearchInput,
   Label,
   LoadingIndicator,
   LoadingOverlay,
@@ -4147,6 +4188,10 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   TextVariableRenderer,
   Textarea,
   Theme,
+  UniformMeshLocationContext,
+  UniformMeshLocationContextProvider,
+  UniformMeshSdkContext,
+  UniformMeshSdkContextProvider,
   VariableEditor,
   VariablesList,
   VariablesProvider,
@@ -4215,6 +4260,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   selectedItemTitle,
   urlEncodeRequestParameter,
   urlEncodeRequestUrl,
+  useInitializeUniformMeshSdk,
   useMeshLocation,
   useParameterShell,
   useProductQueryContext,
@@ -4222,7 +4268,10 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   useRequest,
   useRequestHeader,
   useRequestParameter,
+  useUniformMeshLocation,
+  useUniformMeshLocationContext,
   useUniformMeshSdk,
+  useUniformMeshSdkContext,
   useVariables,
   variablesToList
 });

package/dist/index.mjs

@@ -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) {
@@ -3937,6 +3962,12 @@ var MeshApp = ({
   ] });
 };
 
+// src/hooks/useUniformMeshLocation.ts
+function useUniformMeshLocation() {
+  const { location } = useUniformMeshLocationContext();
+  return location;
+}
+
 // src/hooks/index.ts
 import { ParameterShellContext, useParameterShell } from "@uniformdev/design-system";
 
@@ -3959,6 +3990,7 @@ import {
   InputKeywordSearch as InputKeywordSearch2,
   InputSelect as InputSelect6,
   InputToggle,
+  InputKeywordSearch as InputKeywordSearch3,
   Label,
   LoadingIndicator as LoadingIndicator3,
   LoadingOverlay as LoadingOverlay2,
@@ -4004,6 +4036,7 @@ export {
   InputSelect6 as InputSelect,
   InputToggle,
   InputVariables,
+  InputKeywordSearch3 as KeywordSearchInput,
   Label,
   LoadingIndicator3 as LoadingIndicator,
   LoadingOverlay2 as LoadingOverlay,
@@ -4048,6 +4081,10 @@ export {
   TextVariableRenderer,
   Textarea,
   Theme3 as Theme,
+  UniformMeshLocationContext,
+  UniformMeshLocationContextProvider,
+  UniformMeshSdkContext,
+  UniformMeshSdkContextProvider,
   VariableEditor,
   VariablesList,
   VariablesProvider,
@@ -4116,6 +4153,7 @@ export {
   selectedItemTitle,
   urlEncodeRequestParameter,
   urlEncodeRequestUrl,
+  useInitializeUniformMeshSdk,
   useMeshLocation,
   useParameterShell,
   useProductQueryContext,
@@ -4123,7 +4161,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.33.1-alpha.7+7127237a1",
+  "version": "18.34.0",
   "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.33.1-alpha.7+7127237a1",
-    "@uniformdev/mesh-sdk": "18.33.1-alpha.7+7127237a1",
+    "@uniformdev/design-system": "18.34.0",
+    "@uniformdev/mesh-sdk": "18.34.0",
     "formik": "^2.2.9",
     "react-beautiful-dnd": "13.1.1",
     "react-icons": "4.8.0",
@@ -73,5 +73,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7127237a1e099d2a11fa8c06d49cb01cf16c0852"
+  "gitHead": "563ab31aa4308102c988bea321028e73efe836d0"
 }