@uniformdev/mesh-sdk-react 19.38.3-alpha.70 → 19.38.3-alpha.78

package/dist/index.d.mts

@@ -59,6 +59,7 @@ declare namespace index {
   };
 }
 
+/** @deprecated please use ObjectSearchListItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-list-item */
 interface EntrySearchSelectedItemProps<TResult extends EntrySearchResult = EntrySearchResult> {
     selectedItem: TResult;
     logoIcon: string | React__default.ComponentType<{
@@ -67,14 +68,17 @@ interface EntrySearchSelectedItemProps<TResult extends EntrySearchResult = Entry
     onDeselect: (item: TResult) => void;
     onEditClosed?: (item: TResult) => void;
 }
+/** @deprecated please use ObjectSearchListItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-list-item */
 declare const DefaultSelectedItem: React__default.FC<EntrySearchSelectedItemProps>;
 
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
 type EntrySearchQueryOptions = {
     count: number;
     offset: number;
     contentType?: string;
     cursor?: string;
 };
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
 type EntrySearchProps<TResult extends EntrySearchResult = EntrySearchResult> = {
     search: (text: string, options: EntrySearchQueryOptions) => void;
     results: TResult[] | undefined;
@@ -108,6 +112,7 @@ type EntrySearchProps<TResult extends EntrySearchResult = EntrySearchResult> = {
      */
     loadingIndicatorDelay?: number;
 };
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
 interface EntrySearchResult {
     id: string;
     title: string | JSX.Element;
@@ -116,21 +121,26 @@ interface EntrySearchResult {
     metadata?: Record<string, string | JSX.Element>;
     popoverData?: Record<string, string | JSX.Element>;
 }
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
 interface EntrySearchContentType {
     id: string;
     name: string;
 }
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
 interface NoResultsProps {
     searchText: string | undefined;
     selectedContentType: string | undefined;
 }
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
 declare const EntrySearch: <TResult extends EntrySearchResult>({ search, results, contentTypes, selectedItems, logoIcon, select, multiSelect, multiSelectId, rowComponent, selectedItemComponent, totalResults, cursor, resultsLoading, requireContentType, onAddNew, onEditClosed, onCancel, noResultsComponent, helpComponent, onSort, typeSelectorLabel, typeSelectorAllTypesOptionText, loadingIndicatorDelay, }: EntrySearchProps<TResult>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item */
 interface EntrySearchRowProps<TResult extends EntrySearchResult = EntrySearchResult> {
     result: TResult;
     isSelected: boolean;
     triggerSelection: () => void;
 }
+/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item */
 declare const DefaultSearchRow: React__default.FC<EntrySearchRowProps>;
 
 declare const searchRowContainer: _emotion_react.SerializedStyles;
@@ -198,10 +208,12 @@ interface ProductCategory {
     children?: ProductCategory[];
 }
 
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 declare const ProductPreviewList: ({ products, }: {
     products: ProductSearchResults['products'] | undefined;
 }) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 interface ProductDynamicSelectorValue {
     count: number;
     categories?: string[];
@@ -210,6 +222,7 @@ interface ProductDynamicSelectorValue {
     sort?: string;
     sortOrder?: string;
 }
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 interface ProductQueryProps<TValue extends ProductDynamicSelectorValue = ProductDynamicSelectorValue> {
     value: TValue | undefined;
     setValue: (value: TValue) => Promise<void>;
@@ -235,21 +248,27 @@ interface ProductQueryProps<TValue extends ProductDynamicSelectorValue = Product
     disableBrands?: boolean;
     restrictToSingleCategory?: boolean;
 }
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 interface ProductQueryCategory {
     id: string;
     name: string;
     children?: ProductQueryCategory[];
 }
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 interface Brand {
     id: string;
     name: string;
 }
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 declare const ProductQuery: ({ value, setValue, brands, categories, loading, categoriesLoading, brandsLoading, logoIcon, onGetProducts, sortOptions, sortOrderOptions, categoryLabel, brandLabel, disableBrands, restrictToSingleCategory, }: ProductQueryProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 interface ProductQueryContextValue {
     categories: ProductQueryProps['categories'];
     logoIcon: ProductQueryProps['logoIcon'];
 }
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 declare const ProductQueryContext: React__default.Context<ProductQueryContextValue | undefined>;
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 declare const useProductQueryContext: () => ProductQueryContextValue;
 
 type ProductSearchProps<TResult extends ProductSearchResult = ProductSearchResult> = Pick<EntrySearchProps<TResult>, 'multiSelect' | 'multiSelectId' | 'logoIcon' | 'rowComponent' | 'selectedItemComponent' | 'helpComponent' | 'noResultsComponent' | 'onSort' | 'typeSelectorAllTypesOptionText' | 'typeSelectorLabel'> & {
@@ -269,12 +288,14 @@ type ProductSearchProps<TResult extends ProductSearchResult = ProductSearchResul
         searchError?: Error;
     }>;
 };
+/** @deprecated */
 interface GetProductOptions {
     limit?: number;
     offset?: number;
     categoryId?: string;
     cursor?: string;
 }
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs for implementation details */
 declare function ProductSearch({ selectedProducts, setSelectedProducts, onGetCategories, onSearchProducts, logoIcon, multiSelect, multiSelectId, selectedItemComponent, rowComponent, errorComponent, helpComponent, noResultsComponent, onSort, typeSelectorAllTypesOptionText, typeSelectorLabel, }: ProductSearchProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 interface ProductSearchContextValue {
     logoIcon: ProductSearchProps['logoIcon'];
@@ -283,20 +304,25 @@ interface ProductSearchContextValue {
 declare const ProductSearchContext: React__default.Context<ProductSearchContextValue | undefined>;
 declare const useProductSearchContext: () => ProductSearchContextValue;
 
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 declare function ProductSearchRow({ result, isSelected, triggerSelection, }: EntrySearchRowProps<ProductSearchResult>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item*/
 declare function ProductSelectedItem({ selectedItem, onDeselect, }: EntrySearchSelectedItemProps<ProductSearchResult>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+/** @deprecated please use DataRefreshButtonProps - https://mesh-design-system.netlify.app/?path=/story/object-search--data-refresh-button */
 declare const ResolvableLoadingValue: ({ value, text, loading, }: {
     value: string;
     text: string | undefined;
     loading: boolean;
 }) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 type SelectionFieldValue = {
     id: string;
     name: string;
 };
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 declare const SelectionField: ({ id, label, loading, selectedValues, values, onAdd, onRemove, }: {
     id: string;
     label: string;
@@ -335,6 +361,7 @@ interface DamItem {
     type: 'image' | 'video' | 'file' | 'other';
 }
 
+/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item */
 interface DamSelectedItemProps<TResult extends DamItem = DamItem> {
     /** The item used for rendering this component. */
     selectedItem: TResult;
@@ -354,6 +381,7 @@ interface DamSelectedItemProps<TResult extends DamItem = DamItem> {
         item: TResult;
     }>;
 }
+/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item */
 declare function DamSelectedItem({ selectedItem, onDeselect, onEditClosed, logoIcon, itemDetailsRendererComponent, }: DamSelectedItemProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare const damSelectedItemContainer: _emotion_react.SerializedStyles;
@@ -484,8 +512,12 @@ type VariableNodeState = {
     isFresh: boolean;
     /** Whether clicking the node has an effect (dispatching an edit event) */
     hasClickEvent: boolean | undefined;
-    /** Tooltip of the node on hove */
+    /** Tooltip of the node on hover */
     tooltip: string | undefined;
+    /**
+     * Disables showing text in the variables node and replaces it with a loading indicator
+     */
+    isLoading: boolean;
 };
 /** Renders a variable reference node within a Lexical editor */
 declare class VariableNode extends DecoratorNode<JSX.Element> {
@@ -740,6 +772,10 @@ type InputVariablesProps<TEditorContext = unknown> = {
      * Note: automatically disabled if `disabled` or `disableVariables` is set
      */
     enableEditingVariables?: boolean;
+    /**
+     * Adds an additional option to omit the variable if it's empty from requests
+     */
+    addOmitIfEmpty?: boolean;
     /** (optional) sets and shows the the error message value */
     errorMessage?: string;
     /** (optional) sets and shows the the warning message value */
@@ -844,7 +880,7 @@ type VariableEditorProps<TEditorContext = unknown> = {
 };
 declare function VariableEditor({ variable, onSubmit, onCancel, disableMeshTip }: VariableEditorProps<any>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-type VariablesProviderProps<TEditVariableContext = unknown> = React$1.PropsWithChildren<{
+type VariablesProviderProps<TEditVariableContext = unknown> = React.PropsWithChildren<{
     /**
      * Signals that components in this variables context are not intended to allow mutation
      * of the variable values (i.e. editing, adding, or deleting variable definitions).
@@ -867,7 +903,13 @@ type VariablesProviderProps<TEditVariableContext = unknown> = React$1.PropsWithC
      * Provide a component to handle editing a variable definition (e.g. a modal wrapper)
      * If not passed, the editor will be rendered inline, with potentially strange results.
      */
-    editVariableComponent?: React$1.ComponentType<VariableEditorProps<TEditVariableContext>>;
+    editVariableComponent?: React.ComponentType<VariableEditorProps<TEditVariableContext>>;
+    /**
+     * Signals to the provider that the variables value is in the process of being loaded.
+     * Variables editors may use this to avoid showing invalid variable states while loading,
+     * or to show a loading indicator.
+     */
+    isLoading?: boolean;
 }>;
 type VariablesAction<TEditVariableContext> = {
     type: 'edit';
@@ -924,8 +966,14 @@ type VariablesContext<TEditVariableContext> = {
      * Used when binding the variables to a value.
      */
     flatVariables: Readonly<Record<string, unknown>>;
+    /**
+     * The variables context value is in the process of being loaded.
+     * Variables editors may use this to avoid showing invalid variable states while loading,
+     * or to show a loading indicator.
+     */
+    isLoading: boolean;
 };
-declare function VariablesProvider<TEditComponentContext = never>({ value, onChange, editVariableComponent, readOnly, children, knownUndefinedValues, }: VariablesProviderProps<TEditComponentContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function VariablesProvider<TEditComponentContext = never>({ value, onChange, editVariableComponent, readOnly, isLoading, children, knownUndefinedValues, }: VariablesProviderProps<TEditComponentContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 declare function useVariables<TEditComponentContext = unknown>(returnEmptyWithoutProvider?: boolean): VariablesContext<TEditComponentContext>;
 
 declare function useOnVariableUpdated(fn: (event: VariablesUpdateEvent) => void, disabled?: boolean): void;
@@ -1433,18 +1481,19 @@ declare function ParamTypeDynamicDataProvider(props: ParamTypeDynamicDataProvide
 declare function RequestBody(): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /** Editor component to manage HTTP headers on a request */
-declare function RequestHeaders({ disableVariables }: Pick<InputVariablesProps, 'disableVariables'>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function RequestHeaders({ disableVariables, addOmitIfEmpty, }: Pick<InputVariablesProps, 'disableVariables' | 'addOmitIfEmpty'>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /** Dropdown to pick a HTTP method for a request */
 declare function RequestMethodSelect(props: Omit<InputSelectProps, 'value' | 'onChange' | 'options'>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type RequestParametersProps = Pick<InputVariablesProps, 'disableVariables'>;
 /** Component to manage query parameters on a request */
-declare function RequestParameters({ disableVariables }: Pick<InputVariablesProps, 'disableVariables'>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function RequestParameters({ disableVariables, addOmitIfEmpty, }: Pick<InputVariablesProps, 'disableVariables' | 'addOmitIfEmpty'>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type RequestParameter = {
     key: string;
     value: string;
+    omitIfEmpty?: boolean;
 };
 type BaseRequestData = {
     baseUrl: string;

package/dist/index.d.ts

@@ -59,6 +59,7 @@ declare namespace index {
   };
 }
 
+/** @deprecated please use ObjectSearchListItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-list-item */
 interface EntrySearchSelectedItemProps<TResult extends EntrySearchResult = EntrySearchResult> {
     selectedItem: TResult;
     logoIcon: string | React__default.ComponentType<{
@@ -67,14 +68,17 @@ interface EntrySearchSelectedItemProps<TResult extends EntrySearchResult = Entry
     onDeselect: (item: TResult) => void;
     onEditClosed?: (item: TResult) => void;
 }
+/** @deprecated please use ObjectSearchListItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-list-item */
 declare const DefaultSelectedItem: React__default.FC<EntrySearchSelectedItemProps>;
 
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
 type EntrySearchQueryOptions = {
     count: number;
     offset: number;
     contentType?: string;
     cursor?: string;
 };
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
 type EntrySearchProps<TResult extends EntrySearchResult = EntrySearchResult> = {
     search: (text: string, options: EntrySearchQueryOptions) => void;
     results: TResult[] | undefined;
@@ -108,6 +112,7 @@ type EntrySearchProps<TResult extends EntrySearchResult = EntrySearchResult> = {
      */
     loadingIndicatorDelay?: number;
 };
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
 interface EntrySearchResult {
     id: string;
     title: string | JSX.Element;
@@ -116,21 +121,26 @@ interface EntrySearchResult {
     metadata?: Record<string, string | JSX.Element>;
     popoverData?: Record<string, string | JSX.Element>;
 }
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
 interface EntrySearchContentType {
     id: string;
     name: string;
 }
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
 interface NoResultsProps {
     searchText: string | undefined;
     selectedContentType: string | undefined;
 }
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-container-with-inputs for implementation details */
 declare const EntrySearch: <TResult extends EntrySearchResult>({ search, results, contentTypes, selectedItems, logoIcon, select, multiSelect, multiSelectId, rowComponent, selectedItemComponent, totalResults, cursor, resultsLoading, requireContentType, onAddNew, onEditClosed, onCancel, noResultsComponent, helpComponent, onSort, typeSelectorLabel, typeSelectorAllTypesOptionText, loadingIndicatorDelay, }: EntrySearchProps<TResult>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item */
 interface EntrySearchRowProps<TResult extends EntrySearchResult = EntrySearchResult> {
     result: TResult;
     isSelected: boolean;
     triggerSelection: () => void;
 }
+/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item */
 declare const DefaultSearchRow: React__default.FC<EntrySearchRowProps>;
 
 declare const searchRowContainer: _emotion_react.SerializedStyles;
@@ -198,10 +208,12 @@ interface ProductCategory {
     children?: ProductCategory[];
 }
 
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 declare const ProductPreviewList: ({ products, }: {
     products: ProductSearchResults['products'] | undefined;
 }) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 interface ProductDynamicSelectorValue {
     count: number;
     categories?: string[];
@@ -210,6 +222,7 @@ interface ProductDynamicSelectorValue {
     sort?: string;
     sortOrder?: string;
 }
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 interface ProductQueryProps<TValue extends ProductDynamicSelectorValue = ProductDynamicSelectorValue> {
     value: TValue | undefined;
     setValue: (value: TValue) => Promise<void>;
@@ -235,21 +248,27 @@ interface ProductQueryProps<TValue extends ProductDynamicSelectorValue = Product
     disableBrands?: boolean;
     restrictToSingleCategory?: boolean;
 }
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 interface ProductQueryCategory {
     id: string;
     name: string;
     children?: ProductQueryCategory[];
 }
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 interface Brand {
     id: string;
     name: string;
 }
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 declare const ProductQuery: ({ value, setValue, brands, categories, loading, categoriesLoading, brandsLoading, logoIcon, onGetProducts, sortOptions, sortOrderOptions, categoryLabel, brandLabel, disableBrands, restrictToSingleCategory, }: ProductQueryProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 interface ProductQueryContextValue {
     categories: ProductQueryProps['categories'];
     logoIcon: ProductQueryProps['logoIcon'];
 }
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 declare const ProductQueryContext: React__default.Context<ProductQueryContextValue | undefined>;
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 declare const useProductQueryContext: () => ProductQueryContextValue;
 
 type ProductSearchProps<TResult extends ProductSearchResult = ProductSearchResult> = Pick<EntrySearchProps<TResult>, 'multiSelect' | 'multiSelectId' | 'logoIcon' | 'rowComponent' | 'selectedItemComponent' | 'helpComponent' | 'noResultsComponent' | 'onSort' | 'typeSelectorAllTypesOptionText' | 'typeSelectorLabel'> & {
@@ -269,12 +288,14 @@ type ProductSearchProps<TResult extends ProductSearchResult = ProductSearchResul
         searchError?: Error;
     }>;
 };
+/** @deprecated */
 interface GetProductOptions {
     limit?: number;
     offset?: number;
     categoryId?: string;
     cursor?: string;
 }
+/** @deprecated in favour of ObjectSearchContainer, see https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs for implementation details */
 declare function ProductSearch({ selectedProducts, setSelectedProducts, onGetCategories, onSearchProducts, logoIcon, multiSelect, multiSelectId, selectedItemComponent, rowComponent, errorComponent, helpComponent, noResultsComponent, onSort, typeSelectorAllTypesOptionText, typeSelectorLabel, }: ProductSearchProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 interface ProductSearchContextValue {
     logoIcon: ProductSearchProps['logoIcon'];
@@ -283,20 +304,25 @@ interface ProductSearchContextValue {
 declare const ProductSearchContext: React__default.Context<ProductSearchContextValue | undefined>;
 declare const useProductSearchContext: () => ProductSearchContextValue;
 
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 declare function ProductSearchRow({ result, isSelected, triggerSelection, }: EntrySearchRowProps<ProductSearchResult>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item*/
 declare function ProductSelectedItem({ selectedItem, onDeselect, }: EntrySearchSelectedItemProps<ProductSearchResult>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+/** @deprecated please use DataRefreshButtonProps - https://mesh-design-system.netlify.app/?path=/story/object-search--data-refresh-button */
 declare const ResolvableLoadingValue: ({ value, text, loading, }: {
     value: string;
     text: string | undefined;
     loading: boolean;
 }) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 type SelectionFieldValue = {
     id: string;
     name: string;
 };
+/** @deprecated please use ObjectSearchContainer - https://mesh-design-system.netlify.app/?path=/story/object-search--query-filter-with-inputs*/
 declare const SelectionField: ({ id, label, loading, selectedValues, values, onAdd, onRemove, }: {
     id: string;
     label: string;
@@ -335,6 +361,7 @@ interface DamItem {
     type: 'image' | 'video' | 'file' | 'other';
 }
 
+/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item */
 interface DamSelectedItemProps<TResult extends DamItem = DamItem> {
     /** The item used for rendering this component. */
     selectedItem: TResult;
@@ -354,6 +381,7 @@ interface DamSelectedItemProps<TResult extends DamItem = DamItem> {
         item: TResult;
     }>;
 }
+/** @deprecated please use ObjectSearchResultItem - https://mesh-design-system.netlify.app/?path=/story/object-search--object-search-result-item */
 declare function DamSelectedItem({ selectedItem, onDeselect, onEditClosed, logoIcon, itemDetailsRendererComponent, }: DamSelectedItemProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare const damSelectedItemContainer: _emotion_react.SerializedStyles;
@@ -484,8 +512,12 @@ type VariableNodeState = {
     isFresh: boolean;
     /** Whether clicking the node has an effect (dispatching an edit event) */
     hasClickEvent: boolean | undefined;
-    /** Tooltip of the node on hove */
+    /** Tooltip of the node on hover */
     tooltip: string | undefined;
+    /**
+     * Disables showing text in the variables node and replaces it with a loading indicator
+     */
+    isLoading: boolean;
 };
 /** Renders a variable reference node within a Lexical editor */
 declare class VariableNode extends DecoratorNode<JSX.Element> {
@@ -740,6 +772,10 @@ type InputVariablesProps<TEditorContext = unknown> = {
      * Note: automatically disabled if `disabled` or `disableVariables` is set
      */
     enableEditingVariables?: boolean;
+    /**
+     * Adds an additional option to omit the variable if it's empty from requests
+     */
+    addOmitIfEmpty?: boolean;
     /** (optional) sets and shows the the error message value */
     errorMessage?: string;
     /** (optional) sets and shows the the warning message value */
@@ -844,7 +880,7 @@ type VariableEditorProps<TEditorContext = unknown> = {
 };
 declare function VariableEditor({ variable, onSubmit, onCancel, disableMeshTip }: VariableEditorProps<any>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-type VariablesProviderProps<TEditVariableContext = unknown> = React$1.PropsWithChildren<{
+type VariablesProviderProps<TEditVariableContext = unknown> = React.PropsWithChildren<{
     /**
      * Signals that components in this variables context are not intended to allow mutation
      * of the variable values (i.e. editing, adding, or deleting variable definitions).
@@ -867,7 +903,13 @@ type VariablesProviderProps<TEditVariableContext = unknown> = React$1.PropsWithC
      * Provide a component to handle editing a variable definition (e.g. a modal wrapper)
      * If not passed, the editor will be rendered inline, with potentially strange results.
      */
-    editVariableComponent?: React$1.ComponentType<VariableEditorProps<TEditVariableContext>>;
+    editVariableComponent?: React.ComponentType<VariableEditorProps<TEditVariableContext>>;
+    /**
+     * Signals to the provider that the variables value is in the process of being loaded.
+     * Variables editors may use this to avoid showing invalid variable states while loading,
+     * or to show a loading indicator.
+     */
+    isLoading?: boolean;
 }>;
 type VariablesAction<TEditVariableContext> = {
     type: 'edit';
@@ -924,8 +966,14 @@ type VariablesContext<TEditVariableContext> = {
      * Used when binding the variables to a value.
      */
     flatVariables: Readonly<Record<string, unknown>>;
+    /**
+     * The variables context value is in the process of being loaded.
+     * Variables editors may use this to avoid showing invalid variable states while loading,
+     * or to show a loading indicator.
+     */
+    isLoading: boolean;
 };
-declare function VariablesProvider<TEditComponentContext = never>({ value, onChange, editVariableComponent, readOnly, children, knownUndefinedValues, }: VariablesProviderProps<TEditComponentContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function VariablesProvider<TEditComponentContext = never>({ value, onChange, editVariableComponent, readOnly, isLoading, children, knownUndefinedValues, }: VariablesProviderProps<TEditComponentContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 declare function useVariables<TEditComponentContext = unknown>(returnEmptyWithoutProvider?: boolean): VariablesContext<TEditComponentContext>;
 
 declare function useOnVariableUpdated(fn: (event: VariablesUpdateEvent) => void, disabled?: boolean): void;
@@ -1433,18 +1481,19 @@ declare function ParamTypeDynamicDataProvider(props: ParamTypeDynamicDataProvide
 declare function RequestBody(): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /** Editor component to manage HTTP headers on a request */
-declare function RequestHeaders({ disableVariables }: Pick<InputVariablesProps, 'disableVariables'>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function RequestHeaders({ disableVariables, addOmitIfEmpty, }: Pick<InputVariablesProps, 'disableVariables' | 'addOmitIfEmpty'>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /** Dropdown to pick a HTTP method for a request */
 declare function RequestMethodSelect(props: Omit<InputSelectProps, 'value' | 'onChange' | 'options'>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type RequestParametersProps = Pick<InputVariablesProps, 'disableVariables'>;
 /** Component to manage query parameters on a request */
-declare function RequestParameters({ disableVariables }: Pick<InputVariablesProps, 'disableVariables'>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function RequestParameters({ disableVariables, addOmitIfEmpty, }: Pick<InputVariablesProps, 'disableVariables' | 'addOmitIfEmpty'>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type RequestParameter = {
     key: string;
     value: string;
+    omitIfEmpty?: boolean;
 };
 type BaseRequestData = {
     baseUrl: string;