@uniformdev/mesh-sdk-react 19.170.1 → 19.173.1-alpha.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.d.mts +23 -2
  2. package/dist/index.d.ts +23 -2
  3. package/dist/index.esm.js +45 -38
  4. package/dist/index.js +32 -24
  5. package/dist/index.mjs +45 -38
  6. package/package.json +10 -10
package/dist/index.d.mts CHANGED
@@ -575,6 +575,17 @@ declare class VariableNode extends DecoratorNode<JSX.Element> {
575
575
  declare function $createVariableNode(variableReference: string, state: VariableNodeState): VariableNode;
576
576
  declare function $isVariableNode(node: LexicalNode | null | undefined): node is VariableNode;
577
577
 
578
+ /** Chip to display a reference to a variable in a variables-supporting input or other reference display */
579
+ declare function VariableChip({ displayName, referenceIsValid, tooltip, reference, onClick, clickToEdit, isFresh, selected, disabled, errorMessage, }: Omit<VariableNodeState, 'hasClickEvent' | 'displayName'> & {
580
+ reference: string;
581
+ displayName?: ReactNode;
582
+ clickToEdit?: boolean;
583
+ onClick: (() => void) | undefined;
584
+ selected: boolean;
585
+ disabled?: boolean;
586
+ errorMessage?: string;
587
+ }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
588
+
578
589
  type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
579
590
  /** When used in code, variables may have non-string defaults */
580
591
  default: unknown;
@@ -788,6 +799,11 @@ type UseInputVariablesStateProps<TEditorContext = unknown> = {
788
799
  filterVariable?: SelectVariableMenuProps<TEditorContext>['filterVariable'];
789
800
  /** Sets the tooltip shown on hover over the insert-variable menu */
790
801
  menuTooltip?: string;
802
+ /**
803
+ * @deprecated beta used internally
804
+ * If the menu should be rendered in a portal
805
+ */
806
+ renderMenuInPortal?: boolean;
791
807
  };
792
808
 
793
809
  type InputVariablesProps<TEditorContext = unknown> = {
@@ -882,12 +898,17 @@ type ParameterConnectionIndicatorProps = {
882
898
  * @deprecated beta used internally
883
899
  * Sets margin bottom styles for the menu button, we use margin to allow for negative values */
884
900
  overrideMenuButtonParentMargin?: number | string;
901
+ /**
902
+ * @deprecated beta used internally
903
+ * Set to `true` to render the menu in a portal
904
+ */
905
+ renderMenuInPortal?: boolean;
885
906
  };
886
907
  /**
887
908
  * An input box that enables insertion of 'variables', provided by VariablesProvider,
888
909
  * into its value. Designed specifically for use in the Canvas Parameter Editor.
889
910
  */
890
- declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, overrideMenuButtonParentMargin, }: ParameterConnectionIndicatorProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
911
+ declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, overrideMenuButtonParentMargin, renderMenuInPortal, }: ParameterConnectionIndicatorProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
891
912
 
892
913
  type ParameterOrSingleVariableProps<TEditorContext = unknown> = {
893
914
  disabled?: boolean;
@@ -2239,4 +2260,4 @@ type ContentDataResourceLocaleInfoProps = {
2239
2260
  };
2240
2261
  declare function useContentDataResourceLocaleInfo({ locale, setLocale, dynamicInputs, }: ContentDataResourceLocaleInfoProps): ContentDataResourceLocaleInfoResult;
2241
2262
 
2242
- export { $createVariableNode, $isVariableNode, type BaseRequestData, type Brand, CHECKBOX_OPERATORS, type ContentDataResourceLocaleInfoProps, type ContentDataResourceLocaleInfoResult, ControlledValuePlugin, DATE_OPERATORS, DISCONNECT_VARIABLE_COMMAND, type DamItem, DamSelectedItem, type DamSelectedItemProps, DataRefreshButton, type DataRefreshButtonProps, DataResourceDynamicInputProvider, type DataResourceDynamicInputProviderProps, type DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListExplicit, type DataResourceVariablesListProps, DataSourceEditor, type DataSourceEditorProps, DataTypeEditor, type DataTypeEditorProps, type DataVariableDefinitionWithName, DateEditor, DateRangeEditor, DefaultSearchRow, DefaultSelectedItem, type DisconnectVariableCommandArguments, type DispatchResult, EDIT_VARIABLE_COMMAND, type EditVariableCommandArguments, EntrySearch, type EntrySearchContentType, type EntrySearchProps, type EntrySearchQueryOptions, type EntrySearchResult, type EntrySearchRowProps, type EntrySearchSelectedItemProps, type Filter, FilterButton, type FilterButtonProps, FilterControls, type FilterEditor, FilterEditorRenderer, type FilterEditorRendererProps, FilterItem, FilterItems, type FilterItemsProps, type FilterMapper, FilterMenu, FilterMultiChoiceEditor, type FilterOption, type FilterRowProps, FilterSingleChoiceEditor, type FiltersProps, type GetProductOptions, type GetProductsOptions, INSERT_VARIABLE_COMMAND, index as Icons, type InputOption, type InputOptionGroup, type InputOptionValue, InputVariables, type InputVariablesProps, type InsertVariableCommandArguments, type ItemListProps, type KnownUndefinedVariableInfo, type KnownUndefinedVariableInfoWithName, LinkButton, MULTI_SELECT_OPERATORS, MeshApp, type MeshAppProps, type MeshDataVariableDefinition, NUMBER_OPERATORS, type NoResultsProps, NumberEditor, NumberRangeEditor, OPEN_INSERT_VARIABLE_COMMAND, OPTIONAL_SYSTEM_FIELD_OPERATORS, ObjectSearchContainer, type ObjectSearchContainerProps, type ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, type ObjectSearchFilterContainerProps, type ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, type ObjectSearchListItemProps, ObjectSearchProvider, type ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, type ObjectSearchResultItemButtonProps, type ObjectSearchResultItemProps, ObjectSearchResultList, type ObjectSearchResultListProps, type Operator, type OperatorType, type OperatorValue, type OperatorValueType, PUBLISH_STATUS_FIELD_OPERATORS, ParamTypeDynamicDataProvider, type ParamTypeDynamicDataProviderProps, type ParameterConnectOptions, ParameterConnectionIndicator, type ParameterConnectionIndicatorProps, ParameterOrSingleVariable, type ParameterOrSingleVariableProps, ParameterVariables, type ParameterVariablesProps, type ProductCategory, type ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, type ProductQueryCategory, ProductQueryContext, type ProductQueryContextValue, type ProductQueryProps, ProductSearch, ProductSearchContext, type ProductSearchContextValue, type ProductSearchProps, type ProductSearchResult, type ProductSearchResults, ProductSearchRow, ProductSelectedItem, QueryFilter, type QueryFilterProps, type QueryFilterSearchProps, RICHTEXT_OPERATORS, type RequestAction, RequestBody, type RequestContext, type RequestData, RequestHeaders, RequestMethodSelect, type RequestParameter, RequestParameters, type RequestParametersProps, RequestProvider, type RequestProviderProps, RequestTypeContainer, type RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, SELECT_OPERATORS, SYSTEM_DATE_OPERATORS, SYSTEM_FIELD_OPERATORS, SearchAndFilter, SearchAndFilterContext, type SearchAndFilterContextProps, SearchAndFilterOptionsContainer, type SearchAndFilterOptionsContainerProps, type SearchAndFilterProps, SearchAndFilterProvider, type SearchAndFilterProviderProps, SearchAndFilterResultContainer, type SearchAndFilterResultContainerProps, SearchOnlyContext, SearchOnlyFilter, type SearchOnlyProviderProps, type SearchQueryProps, type SelectedItemProps, SelectionField, type SelectionFieldValue, type SerializedVariableNode, type SetLocationValueDispatch, type SetLocationValueFunction, SortItems, type SortItemsProps, StatusMultiEditor, StatusSingleEditor, TEXTBOX_OPERATORS, TextEditor, TextMultiChoiceEditor, TextVariableRenderer, USER_OPERATORS, type UseVariablesMenu, type UseVariablesMenuInput, VariableEditor, type VariableEditorCompleteEvent, type VariableEditorProps, VariableNode, type VariableNodeState, type VariableSourceGroup, type VariablesAction, type VariablesContext, type VariablesEvents, VariablesList, VariablesPlugin, type VariablesPluginProps, VariablesProvider, type VariablesProviderProps, badgeIcon, bindableFiltersMapper, convertConnectedDataToVariable, 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, filterMapper, hasReferencedVariables, prettifyBindExpression, 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, serializeVariablesEditorState, setVariablesEditorValue, urlEncodeRequestParameter, urlEncodeRequestUrl, useConnectedDataAsVariables, useContentDataResourceLocaleInfo, useDynamicInputsAsVariables, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useSearchAndFilter, useUniformMeshSdk, useVariableEditor, useVariables, useVariablesMenu, variableDefaultTextValue, variablePrefix, variableSuffix, variablesToGroupedList, variablesToList };
2263
+ export { $createVariableNode, $isVariableNode, type BaseRequestData, type Brand, CHECKBOX_OPERATORS, type ContentDataResourceLocaleInfoProps, type ContentDataResourceLocaleInfoResult, ControlledValuePlugin, DATE_OPERATORS, DISCONNECT_VARIABLE_COMMAND, type DamItem, DamSelectedItem, type DamSelectedItemProps, DataRefreshButton, type DataRefreshButtonProps, DataResourceDynamicInputProvider, type DataResourceDynamicInputProviderProps, type DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListExplicit, type DataResourceVariablesListProps, DataSourceEditor, type DataSourceEditorProps, DataTypeEditor, type DataTypeEditorProps, type DataVariableDefinitionWithName, DateEditor, DateRangeEditor, DefaultSearchRow, DefaultSelectedItem, type DisconnectVariableCommandArguments, type DispatchResult, EDIT_VARIABLE_COMMAND, type EditVariableCommandArguments, EntrySearch, type EntrySearchContentType, type EntrySearchProps, type EntrySearchQueryOptions, type EntrySearchResult, type EntrySearchRowProps, type EntrySearchSelectedItemProps, type Filter, FilterButton, type FilterButtonProps, FilterControls, type FilterEditor, FilterEditorRenderer, type FilterEditorRendererProps, FilterItem, FilterItems, type FilterItemsProps, type FilterMapper, FilterMenu, FilterMultiChoiceEditor, type FilterOption, type FilterRowProps, FilterSingleChoiceEditor, type FiltersProps, type GetProductOptions, type GetProductsOptions, INSERT_VARIABLE_COMMAND, index as Icons, type InputOption, type InputOptionGroup, type InputOptionValue, InputVariables, type InputVariablesProps, type InsertVariableCommandArguments, type ItemListProps, type KnownUndefinedVariableInfo, type KnownUndefinedVariableInfoWithName, LinkButton, MULTI_SELECT_OPERATORS, MeshApp, type MeshAppProps, type MeshDataVariableDefinition, NUMBER_OPERATORS, type NoResultsProps, NumberEditor, NumberRangeEditor, OPEN_INSERT_VARIABLE_COMMAND, OPTIONAL_SYSTEM_FIELD_OPERATORS, ObjectSearchContainer, type ObjectSearchContainerProps, type ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, type ObjectSearchFilterContainerProps, type ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, type ObjectSearchListItemProps, ObjectSearchProvider, type ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, type ObjectSearchResultItemButtonProps, type ObjectSearchResultItemProps, ObjectSearchResultList, type ObjectSearchResultListProps, type Operator, type OperatorType, type OperatorValue, type OperatorValueType, PUBLISH_STATUS_FIELD_OPERATORS, ParamTypeDynamicDataProvider, type ParamTypeDynamicDataProviderProps, type ParameterConnectOptions, ParameterConnectionIndicator, type ParameterConnectionIndicatorProps, ParameterOrSingleVariable, type ParameterOrSingleVariableProps, ParameterVariables, type ParameterVariablesProps, type ProductCategory, type ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, type ProductQueryCategory, ProductQueryContext, type ProductQueryContextValue, type ProductQueryProps, ProductSearch, ProductSearchContext, type ProductSearchContextValue, type ProductSearchProps, type ProductSearchResult, type ProductSearchResults, ProductSearchRow, ProductSelectedItem, QueryFilter, type QueryFilterProps, type QueryFilterSearchProps, RICHTEXT_OPERATORS, type RequestAction, RequestBody, type RequestContext, type RequestData, RequestHeaders, RequestMethodSelect, type RequestParameter, RequestParameters, type RequestParametersProps, RequestProvider, type RequestProviderProps, RequestTypeContainer, type RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, SELECT_OPERATORS, SYSTEM_DATE_OPERATORS, SYSTEM_FIELD_OPERATORS, SearchAndFilter, SearchAndFilterContext, type SearchAndFilterContextProps, SearchAndFilterOptionsContainer, type SearchAndFilterOptionsContainerProps, type SearchAndFilterProps, SearchAndFilterProvider, type SearchAndFilterProviderProps, SearchAndFilterResultContainer, type SearchAndFilterResultContainerProps, SearchOnlyContext, SearchOnlyFilter, type SearchOnlyProviderProps, type SearchQueryProps, type SelectedItemProps, SelectionField, type SelectionFieldValue, type SerializedVariableNode, type SetLocationValueDispatch, type SetLocationValueFunction, SortItems, type SortItemsProps, StatusMultiEditor, StatusSingleEditor, TEXTBOX_OPERATORS, TextEditor, TextMultiChoiceEditor, TextVariableRenderer, USER_OPERATORS, type UseVariablesMenu, type UseVariablesMenuInput, VariableChip, VariableEditor, type VariableEditorCompleteEvent, type VariableEditorProps, VariableNode, type VariableNodeState, type VariableSourceGroup, type VariablesAction, type VariablesContext, type VariablesEvents, VariablesList, VariablesPlugin, type VariablesPluginProps, VariablesProvider, type VariablesProviderProps, badgeIcon, bindableFiltersMapper, convertConnectedDataToVariable, 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, filterMapper, hasReferencedVariables, prettifyBindExpression, 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, serializeVariablesEditorState, setVariablesEditorValue, urlEncodeRequestParameter, urlEncodeRequestUrl, useConnectedDataAsVariables, useContentDataResourceLocaleInfo, useDynamicInputsAsVariables, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useSearchAndFilter, useUniformMeshSdk, useVariableEditor, useVariables, useVariablesMenu, variableDefaultTextValue, variablePrefix, variableSuffix, variablesToGroupedList, variablesToList };
package/dist/index.d.ts CHANGED
@@ -575,6 +575,17 @@ declare class VariableNode extends DecoratorNode<JSX.Element> {
575
575
  declare function $createVariableNode(variableReference: string, state: VariableNodeState): VariableNode;
576
576
  declare function $isVariableNode(node: LexicalNode | null | undefined): node is VariableNode;
577
577
 
578
+ /** Chip to display a reference to a variable in a variables-supporting input or other reference display */
579
+ declare function VariableChip({ displayName, referenceIsValid, tooltip, reference, onClick, clickToEdit, isFresh, selected, disabled, errorMessage, }: Omit<VariableNodeState, 'hasClickEvent' | 'displayName'> & {
580
+ reference: string;
581
+ displayName?: ReactNode;
582
+ clickToEdit?: boolean;
583
+ onClick: (() => void) | undefined;
584
+ selected: boolean;
585
+ disabled?: boolean;
586
+ errorMessage?: string;
587
+ }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
588
+
578
589
  type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
579
590
  /** When used in code, variables may have non-string defaults */
580
591
  default: unknown;
@@ -788,6 +799,11 @@ type UseInputVariablesStateProps<TEditorContext = unknown> = {
788
799
  filterVariable?: SelectVariableMenuProps<TEditorContext>['filterVariable'];
789
800
  /** Sets the tooltip shown on hover over the insert-variable menu */
790
801
  menuTooltip?: string;
802
+ /**
803
+ * @deprecated beta used internally
804
+ * If the menu should be rendered in a portal
805
+ */
806
+ renderMenuInPortal?: boolean;
791
807
  };
792
808
 
793
809
  type InputVariablesProps<TEditorContext = unknown> = {
@@ -882,12 +898,17 @@ type ParameterConnectionIndicatorProps = {
882
898
  * @deprecated beta used internally
883
899
  * Sets margin bottom styles for the menu button, we use margin to allow for negative values */
884
900
  overrideMenuButtonParentMargin?: number | string;
901
+ /**
902
+ * @deprecated beta used internally
903
+ * Set to `true` to render the menu in a portal
904
+ */
905
+ renderMenuInPortal?: boolean;
885
906
  };
886
907
  /**
887
908
  * An input box that enables insertion of 'variables', provided by VariablesProvider,
888
909
  * into its value. Designed specifically for use in the Canvas Parameter Editor.
889
910
  */
890
- declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, overrideMenuButtonParentMargin, }: ParameterConnectionIndicatorProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
911
+ declare function ParameterConnectionIndicator({ children, value, menuOptions, disabled, menuTooltip, overrideMenuButtonParentMargin, renderMenuInPortal, }: ParameterConnectionIndicatorProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
891
912
 
892
913
  type ParameterOrSingleVariableProps<TEditorContext = unknown> = {
893
914
  disabled?: boolean;
@@ -2239,4 +2260,4 @@ type ContentDataResourceLocaleInfoProps = {
2239
2260
  };
2240
2261
  declare function useContentDataResourceLocaleInfo({ locale, setLocale, dynamicInputs, }: ContentDataResourceLocaleInfoProps): ContentDataResourceLocaleInfoResult;
2241
2262
 
2242
- export { $createVariableNode, $isVariableNode, type BaseRequestData, type Brand, CHECKBOX_OPERATORS, type ContentDataResourceLocaleInfoProps, type ContentDataResourceLocaleInfoResult, ControlledValuePlugin, DATE_OPERATORS, DISCONNECT_VARIABLE_COMMAND, type DamItem, DamSelectedItem, type DamSelectedItemProps, DataRefreshButton, type DataRefreshButtonProps, DataResourceDynamicInputProvider, type DataResourceDynamicInputProviderProps, type DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListExplicit, type DataResourceVariablesListProps, DataSourceEditor, type DataSourceEditorProps, DataTypeEditor, type DataTypeEditorProps, type DataVariableDefinitionWithName, DateEditor, DateRangeEditor, DefaultSearchRow, DefaultSelectedItem, type DisconnectVariableCommandArguments, type DispatchResult, EDIT_VARIABLE_COMMAND, type EditVariableCommandArguments, EntrySearch, type EntrySearchContentType, type EntrySearchProps, type EntrySearchQueryOptions, type EntrySearchResult, type EntrySearchRowProps, type EntrySearchSelectedItemProps, type Filter, FilterButton, type FilterButtonProps, FilterControls, type FilterEditor, FilterEditorRenderer, type FilterEditorRendererProps, FilterItem, FilterItems, type FilterItemsProps, type FilterMapper, FilterMenu, FilterMultiChoiceEditor, type FilterOption, type FilterRowProps, FilterSingleChoiceEditor, type FiltersProps, type GetProductOptions, type GetProductsOptions, INSERT_VARIABLE_COMMAND, index as Icons, type InputOption, type InputOptionGroup, type InputOptionValue, InputVariables, type InputVariablesProps, type InsertVariableCommandArguments, type ItemListProps, type KnownUndefinedVariableInfo, type KnownUndefinedVariableInfoWithName, LinkButton, MULTI_SELECT_OPERATORS, MeshApp, type MeshAppProps, type MeshDataVariableDefinition, NUMBER_OPERATORS, type NoResultsProps, NumberEditor, NumberRangeEditor, OPEN_INSERT_VARIABLE_COMMAND, OPTIONAL_SYSTEM_FIELD_OPERATORS, ObjectSearchContainer, type ObjectSearchContainerProps, type ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, type ObjectSearchFilterContainerProps, type ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, type ObjectSearchListItemProps, ObjectSearchProvider, type ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, type ObjectSearchResultItemButtonProps, type ObjectSearchResultItemProps, ObjectSearchResultList, type ObjectSearchResultListProps, type Operator, type OperatorType, type OperatorValue, type OperatorValueType, PUBLISH_STATUS_FIELD_OPERATORS, ParamTypeDynamicDataProvider, type ParamTypeDynamicDataProviderProps, type ParameterConnectOptions, ParameterConnectionIndicator, type ParameterConnectionIndicatorProps, ParameterOrSingleVariable, type ParameterOrSingleVariableProps, ParameterVariables, type ParameterVariablesProps, type ProductCategory, type ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, type ProductQueryCategory, ProductQueryContext, type ProductQueryContextValue, type ProductQueryProps, ProductSearch, ProductSearchContext, type ProductSearchContextValue, type ProductSearchProps, type ProductSearchResult, type ProductSearchResults, ProductSearchRow, ProductSelectedItem, QueryFilter, type QueryFilterProps, type QueryFilterSearchProps, RICHTEXT_OPERATORS, type RequestAction, RequestBody, type RequestContext, type RequestData, RequestHeaders, RequestMethodSelect, type RequestParameter, RequestParameters, type RequestParametersProps, RequestProvider, type RequestProviderProps, RequestTypeContainer, type RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, SELECT_OPERATORS, SYSTEM_DATE_OPERATORS, SYSTEM_FIELD_OPERATORS, SearchAndFilter, SearchAndFilterContext, type SearchAndFilterContextProps, SearchAndFilterOptionsContainer, type SearchAndFilterOptionsContainerProps, type SearchAndFilterProps, SearchAndFilterProvider, type SearchAndFilterProviderProps, SearchAndFilterResultContainer, type SearchAndFilterResultContainerProps, SearchOnlyContext, SearchOnlyFilter, type SearchOnlyProviderProps, type SearchQueryProps, type SelectedItemProps, SelectionField, type SelectionFieldValue, type SerializedVariableNode, type SetLocationValueDispatch, type SetLocationValueFunction, SortItems, type SortItemsProps, StatusMultiEditor, StatusSingleEditor, TEXTBOX_OPERATORS, TextEditor, TextMultiChoiceEditor, TextVariableRenderer, USER_OPERATORS, type UseVariablesMenu, type UseVariablesMenuInput, VariableEditor, type VariableEditorCompleteEvent, type VariableEditorProps, VariableNode, type VariableNodeState, type VariableSourceGroup, type VariablesAction, type VariablesContext, type VariablesEvents, VariablesList, VariablesPlugin, type VariablesPluginProps, VariablesProvider, type VariablesProviderProps, badgeIcon, bindableFiltersMapper, convertConnectedDataToVariable, 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, filterMapper, hasReferencedVariables, prettifyBindExpression, 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, serializeVariablesEditorState, setVariablesEditorValue, urlEncodeRequestParameter, urlEncodeRequestUrl, useConnectedDataAsVariables, useContentDataResourceLocaleInfo, useDynamicInputsAsVariables, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useSearchAndFilter, useUniformMeshSdk, useVariableEditor, useVariables, useVariablesMenu, variableDefaultTextValue, variablePrefix, variableSuffix, variablesToGroupedList, variablesToList };
2263
+ export { $createVariableNode, $isVariableNode, type BaseRequestData, type Brand, CHECKBOX_OPERATORS, type ContentDataResourceLocaleInfoProps, type ContentDataResourceLocaleInfoResult, ControlledValuePlugin, DATE_OPERATORS, DISCONNECT_VARIABLE_COMMAND, type DamItem, DamSelectedItem, type DamSelectedItemProps, DataRefreshButton, type DataRefreshButtonProps, DataResourceDynamicInputProvider, type DataResourceDynamicInputProviderProps, type DataResourceVariableRendererProps, DataResourceVariablesList, DataResourceVariablesListExplicit, type DataResourceVariablesListProps, DataSourceEditor, type DataSourceEditorProps, DataTypeEditor, type DataTypeEditorProps, type DataVariableDefinitionWithName, DateEditor, DateRangeEditor, DefaultSearchRow, DefaultSelectedItem, type DisconnectVariableCommandArguments, type DispatchResult, EDIT_VARIABLE_COMMAND, type EditVariableCommandArguments, EntrySearch, type EntrySearchContentType, type EntrySearchProps, type EntrySearchQueryOptions, type EntrySearchResult, type EntrySearchRowProps, type EntrySearchSelectedItemProps, type Filter, FilterButton, type FilterButtonProps, FilterControls, type FilterEditor, FilterEditorRenderer, type FilterEditorRendererProps, FilterItem, FilterItems, type FilterItemsProps, type FilterMapper, FilterMenu, FilterMultiChoiceEditor, type FilterOption, type FilterRowProps, FilterSingleChoiceEditor, type FiltersProps, type GetProductOptions, type GetProductsOptions, INSERT_VARIABLE_COMMAND, index as Icons, type InputOption, type InputOptionGroup, type InputOptionValue, InputVariables, type InputVariablesProps, type InsertVariableCommandArguments, type ItemListProps, type KnownUndefinedVariableInfo, type KnownUndefinedVariableInfoWithName, LinkButton, MULTI_SELECT_OPERATORS, MeshApp, type MeshAppProps, type MeshDataVariableDefinition, NUMBER_OPERATORS, type NoResultsProps, NumberEditor, NumberRangeEditor, OPEN_INSERT_VARIABLE_COMMAND, OPTIONAL_SYSTEM_FIELD_OPERATORS, ObjectSearchContainer, type ObjectSearchContainerProps, type ObjectSearchContextProps, ObjectSearchFilter, ObjectSearchFilterContainer, type ObjectSearchFilterContainerProps, type ObjectSearchFilterProps, ObjectSearchListItem, ObjectSearchListItemLoadingSkeleton, type ObjectSearchListItemProps, ObjectSearchProvider, type ObjectSearchProviderProps, ObjectSearchResultItem, ObjectSearchResultItemButton, type ObjectSearchResultItemButtonProps, type ObjectSearchResultItemProps, ObjectSearchResultList, type ObjectSearchResultListProps, type Operator, type OperatorType, type OperatorValue, type OperatorValueType, PUBLISH_STATUS_FIELD_OPERATORS, ParamTypeDynamicDataProvider, type ParamTypeDynamicDataProviderProps, type ParameterConnectOptions, ParameterConnectionIndicator, type ParameterConnectionIndicatorProps, ParameterOrSingleVariable, type ParameterOrSingleVariableProps, ParameterVariables, type ParameterVariablesProps, type ProductCategory, type ProductDynamicSelectorValue, ProductPreviewList, ProductQuery, type ProductQueryCategory, ProductQueryContext, type ProductQueryContextValue, type ProductQueryProps, ProductSearch, ProductSearchContext, type ProductSearchContextValue, type ProductSearchProps, type ProductSearchResult, type ProductSearchResults, ProductSearchRow, ProductSelectedItem, QueryFilter, type QueryFilterProps, type QueryFilterSearchProps, RICHTEXT_OPERATORS, type RequestAction, RequestBody, type RequestContext, type RequestData, RequestHeaders, RequestMethodSelect, type RequestParameter, RequestParameters, type RequestParametersProps, RequestProvider, type RequestProviderProps, RequestTypeContainer, type RequestTypeContainerProps, RequestUrl, RequestUrlInput, ResolvableLoadingValue, SELECT_OPERATORS, SYSTEM_DATE_OPERATORS, SYSTEM_FIELD_OPERATORS, SearchAndFilter, SearchAndFilterContext, type SearchAndFilterContextProps, SearchAndFilterOptionsContainer, type SearchAndFilterOptionsContainerProps, type SearchAndFilterProps, SearchAndFilterProvider, type SearchAndFilterProviderProps, SearchAndFilterResultContainer, type SearchAndFilterResultContainerProps, SearchOnlyContext, SearchOnlyFilter, type SearchOnlyProviderProps, type SearchQueryProps, type SelectedItemProps, SelectionField, type SelectionFieldValue, type SerializedVariableNode, type SetLocationValueDispatch, type SetLocationValueFunction, SortItems, type SortItemsProps, StatusMultiEditor, StatusSingleEditor, TEXTBOX_OPERATORS, TextEditor, TextMultiChoiceEditor, TextVariableRenderer, USER_OPERATORS, type UseVariablesMenu, type UseVariablesMenuInput, VariableChip, VariableEditor, type VariableEditorCompleteEvent, type VariableEditorProps, VariableNode, type VariableNodeState, type VariableSourceGroup, type VariablesAction, type VariablesContext, type VariablesEvents, VariablesList, VariablesPlugin, type VariablesPluginProps, VariablesProvider, type VariablesProviderProps, badgeIcon, bindableFiltersMapper, convertConnectedDataToVariable, 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, filterMapper, hasReferencedVariables, prettifyBindExpression, 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, serializeVariablesEditorState, setVariablesEditorValue, urlEncodeRequestParameter, urlEncodeRequestUrl, useConnectedDataAsVariables, useContentDataResourceLocaleInfo, useDynamicInputsAsVariables, useMeshLocation, useObjectSearchContext, useProductQueryContext, useProductSearchContext, useRequest, useRequestHeader, useRequestParameter, useSearchAndFilter, useUniformMeshSdk, useVariableEditor, useVariables, useVariablesMenu, variableDefaultTextValue, variablePrefix, variableSuffix, variablesToGroupedList, variablesToList };
package/dist/index.esm.js CHANGED
@@ -2886,7 +2886,8 @@ function setVariablesEditorValue(editor, newValue) {
2886
2886
  format: "start",
2887
2887
  indent: 0,
2888
2888
  direction: null,
2889
- children: []
2889
+ children: [],
2890
+ textFormat: 0
2890
2891
  }
2891
2892
  ]
2892
2893
  }
@@ -2922,36 +2923,6 @@ function ControlledValuePlugin({
2922
2923
  return null;
2923
2924
  }
2924
2925
 
2925
- // src/components/Variables/composer/VariableNode.tsx
2926
- import { useLexicalComposerContext as useLexicalComposerContext3 } from "@lexical/react/LexicalComposerContext";
2927
- import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
2928
- import { $moveCharacter, $shouldOverrideDefaultCharacterSelection } from "@lexical/selection";
2929
- import { mergeRegister as mergeRegister2 } from "@lexical/utils";
2930
- import { createVariableReference as createVariableReference2 } from "@uniformdev/canvas";
2931
- import { LoadingIndicator as LoadingIndicator2 } from "@uniformdev/design-system";
2932
- import {
2933
- $getNearestNodeFromDOMNode,
2934
- $getNodeByKey as $getNodeByKey2,
2935
- $getSelection as $getSelection2,
2936
- $isDecoratorNode,
2937
- $isNodeSelection as $isNodeSelection2,
2938
- $isRangeSelection,
2939
- COMMAND_PRIORITY_EDITOR,
2940
- COMMAND_PRIORITY_LOW,
2941
- DecoratorNode,
2942
- KEY_ARROW_LEFT_COMMAND,
2943
- KEY_ARROW_RIGHT_COMMAND,
2944
- KEY_BACKSPACE_COMMAND,
2945
- KEY_DELETE_COMMAND
2946
- } from "lexical";
2947
- import { useCallback as useCallback3, useEffect as useEffect9 } from "react";
2948
-
2949
- // src/components/Variables/util/prettifyBindExpression.tsx
2950
- function prettifyBindExpression(bindExpression) {
2951
- const [, expression] = bindExpression.split(":");
2952
- return expression;
2953
- }
2954
-
2955
2926
  // src/components/Variables/composer/VariableChip.tsx
2956
2927
  import { MultilineChip, Tooltip, VerticalRhythm } from "@uniformdev/design-system";
2957
2928
  import { Fragment as Fragment5 } from "react";
@@ -2965,12 +2936,13 @@ function VariableChip({
2965
2936
  clickToEdit,
2966
2937
  isFresh,
2967
2938
  selected,
2968
- disabled
2939
+ disabled,
2940
+ errorMessage = `${reference} is not defined.`
2969
2941
  }) {
2970
2942
  const hasClickEvent = !!onClick;
2971
2943
  const referenceIsValidFr = isFresh ? true : referenceIsValid;
2972
2944
  const Wrapper = referenceIsValidFr === "warning" ? WarningVariableReference : referenceIsValidFr === "info" ? InfoVariableReference : referenceIsValidFr ? Fragment5 : UndefinedVariableReference;
2973
- const extraTitle = !referenceIsValidFr ? `${reference} is not defined.` : hasClickEvent && clickToEdit ? "Click to edit" : void 0;
2945
+ const extraTitle = !referenceIsValidFr ? errorMessage : hasClickEvent && clickToEdit ? "Click to edit" : void 0;
2974
2946
  const chippy = /* @__PURE__ */ jsx30(MultilineChip, { onClick, "aria-selected": selected ? true : void 0, "aria-disabled": disabled, children: /* @__PURE__ */ jsx30(Wrapper, { children: displayName || reference }) });
2975
2947
  if (tooltip) {
2976
2948
  const tip = tooltip ? `${tooltip}${extraTitle ? `
@@ -3027,6 +2999,36 @@ function WarningVariableReference({ children }) {
3027
2999
  );
3028
3000
  }
3029
3001
 
3002
+ // src/components/Variables/composer/VariableNode.tsx
3003
+ import { useLexicalComposerContext as useLexicalComposerContext3 } from "@lexical/react/LexicalComposerContext";
3004
+ import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
3005
+ import { $moveCharacter, $shouldOverrideDefaultCharacterSelection } from "@lexical/selection";
3006
+ import { mergeRegister as mergeRegister2 } from "@lexical/utils";
3007
+ import { createVariableReference as createVariableReference2 } from "@uniformdev/canvas";
3008
+ import { LoadingIndicator as LoadingIndicator2 } from "@uniformdev/design-system";
3009
+ import {
3010
+ $getNearestNodeFromDOMNode,
3011
+ $getNodeByKey as $getNodeByKey2,
3012
+ $getSelection as $getSelection2,
3013
+ $isDecoratorNode,
3014
+ $isNodeSelection as $isNodeSelection2,
3015
+ $isRangeSelection,
3016
+ COMMAND_PRIORITY_EDITOR,
3017
+ COMMAND_PRIORITY_LOW,
3018
+ DecoratorNode,
3019
+ KEY_ARROW_LEFT_COMMAND,
3020
+ KEY_ARROW_RIGHT_COMMAND,
3021
+ KEY_BACKSPACE_COMMAND,
3022
+ KEY_DELETE_COMMAND
3023
+ } from "lexical";
3024
+ import { useCallback as useCallback3, useEffect as useEffect9 } from "react";
3025
+
3026
+ // src/components/Variables/util/prettifyBindExpression.tsx
3027
+ function prettifyBindExpression(bindExpression) {
3028
+ const [, expression] = bindExpression.split(":");
3029
+ return expression;
3030
+ }
3031
+
3030
3032
  // src/components/Variables/composer/VariablesPlugin.tsx
3031
3033
  import { css as css20 } from "@emotion/react";
3032
3034
  import { useLexicalComposerContext as useLexicalComposerContext2 } from "@lexical/react/LexicalComposerContext";
@@ -4345,7 +4347,8 @@ function useInputVariablesState({
4345
4347
  valueToResetTo = void 0,
4346
4348
  menuTooltip,
4347
4349
  id,
4348
- filterVariable
4350
+ filterVariable,
4351
+ renderMenuInPortal
4349
4352
  }) {
4350
4353
  const { variables } = useVariables(true);
4351
4354
  const hasVariablesInValue = hasReferencedVariables(value != null ? value : "");
@@ -4373,7 +4376,8 @@ function useInputVariablesState({
4373
4376
  onChange(valueToResetTo);
4374
4377
  },
4375
4378
  getEditorContext,
4376
- filterVariable
4379
+ filterVariable,
4380
+ portal: renderMenuInPortal
4377
4381
  }),
4378
4382
  [
4379
4383
  disableResetForReals,
@@ -4382,7 +4386,8 @@ function useInputVariablesState({
4382
4386
  menuTooltip,
4383
4387
  onChange,
4384
4388
  showAddVariableMenuOption,
4385
- valueToResetTo
4389
+ valueToResetTo,
4390
+ renderMenuInPortal
4386
4391
  ]
4387
4392
  );
4388
4393
  return {
@@ -5003,7 +5008,8 @@ function ParameterConnectionIndicator({
5003
5008
  menuOptions,
5004
5009
  disabled,
5005
5010
  menuTooltip = "Insert variable",
5006
- overrideMenuButtonParentMargin
5011
+ overrideMenuButtonParentMargin,
5012
+ renderMenuInPortal = false
5007
5013
  }) {
5008
5014
  const hasVariablesInValue = useMemo11(() => {
5009
5015
  let result = false;
@@ -5022,7 +5028,7 @@ function ParameterConnectionIndicator({
5022
5028
  Menu3,
5023
5029
  {
5024
5030
  placement: "bottom-start",
5025
- withoutPortal: true,
5031
+ withoutPortal: !renderMenuInPortal,
5026
5032
  menuTrigger: /* @__PURE__ */ jsx41(
5027
5033
  "div",
5028
5034
  {
@@ -9830,6 +9836,7 @@ export {
9830
9836
  Textarea,
9831
9837
  Theme3 as Theme,
9832
9838
  USER_OPERATORS,
9839
+ VariableChip,
9833
9840
  VariableEditor,
9834
9841
  VariableNode,
9835
9842
  VariablesList,
package/dist/index.js CHANGED
@@ -155,6 +155,7 @@ __export(src_exports, {
155
155
  Textarea: () => import_design_system64.Textarea,
156
156
  Theme: () => import_design_system64.Theme,
157
157
  USER_OPERATORS: () => USER_OPERATORS,
158
+ VariableChip: () => VariableChip,
158
159
  VariableEditor: () => VariableEditor,
159
160
  VariableNode: () => VariableNode,
160
161
  VariablesList: () => VariablesList,
@@ -3129,7 +3130,8 @@ function setVariablesEditorValue(editor, newValue) {
3129
3130
  format: "start",
3130
3131
  indent: 0,
3131
3132
  direction: null,
3132
- children: []
3133
+ children: [],
3134
+ textFormat: 0
3133
3135
  }
3134
3136
  ]
3135
3137
  }
@@ -3165,22 +3167,6 @@ function ControlledValuePlugin({
3165
3167
  return null;
3166
3168
  }
3167
3169
 
3168
- // src/components/Variables/composer/VariableNode.tsx
3169
- var import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
3170
- var import_useLexicalNodeSelection = require("@lexical/react/useLexicalNodeSelection");
3171
- var import_selection = require("@lexical/selection");
3172
- var import_utils2 = require("@lexical/utils");
3173
- var import_canvas4 = require("@uniformdev/canvas");
3174
- var import_design_system18 = require("@uniformdev/design-system");
3175
- var import_lexical4 = require("lexical");
3176
- var import_react40 = require("react");
3177
-
3178
- // src/components/Variables/util/prettifyBindExpression.tsx
3179
- function prettifyBindExpression(bindExpression) {
3180
- const [, expression] = bindExpression.split(":");
3181
- return expression;
3182
- }
3183
-
3184
3170
  // src/components/Variables/composer/VariableChip.tsx
3185
3171
  var import_design_system15 = require("@uniformdev/design-system");
3186
3172
  var import_react32 = require("react");
@@ -3194,12 +3180,13 @@ function VariableChip({
3194
3180
  clickToEdit,
3195
3181
  isFresh,
3196
3182
  selected,
3197
- disabled
3183
+ disabled,
3184
+ errorMessage = `${reference} is not defined.`
3198
3185
  }) {
3199
3186
  const hasClickEvent = !!onClick;
3200
3187
  const referenceIsValidFr = isFresh ? true : referenceIsValid;
3201
3188
  const Wrapper = referenceIsValidFr === "warning" ? WarningVariableReference : referenceIsValidFr === "info" ? InfoVariableReference : referenceIsValidFr ? import_react32.Fragment : UndefinedVariableReference;
3202
- const extraTitle = !referenceIsValidFr ? `${reference} is not defined.` : hasClickEvent && clickToEdit ? "Click to edit" : void 0;
3189
+ const extraTitle = !referenceIsValidFr ? errorMessage : hasClickEvent && clickToEdit ? "Click to edit" : void 0;
3203
3190
  const chippy = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_design_system15.MultilineChip, { onClick, "aria-selected": selected ? true : void 0, "aria-disabled": disabled, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Wrapper, { children: displayName || reference }) });
3204
3191
  if (tooltip) {
3205
3192
  const tip = tooltip ? `${tooltip}${extraTitle ? `
@@ -3256,6 +3243,22 @@ function WarningVariableReference({ children }) {
3256
3243
  );
3257
3244
  }
3258
3245
 
3246
+ // src/components/Variables/composer/VariableNode.tsx
3247
+ var import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
3248
+ var import_useLexicalNodeSelection = require("@lexical/react/useLexicalNodeSelection");
3249
+ var import_selection = require("@lexical/selection");
3250
+ var import_utils2 = require("@lexical/utils");
3251
+ var import_canvas4 = require("@uniformdev/canvas");
3252
+ var import_design_system18 = require("@uniformdev/design-system");
3253
+ var import_lexical4 = require("lexical");
3254
+ var import_react40 = require("react");
3255
+
3256
+ // src/components/Variables/util/prettifyBindExpression.tsx
3257
+ function prettifyBindExpression(bindExpression) {
3258
+ const [, expression] = bindExpression.split(":");
3259
+ return expression;
3260
+ }
3261
+
3259
3262
  // src/components/Variables/composer/VariablesPlugin.tsx
3260
3263
  var import_react38 = require("@emotion/react");
3261
3264
  var import_LexicalComposerContext2 = require("@lexical/react/LexicalComposerContext");
@@ -4555,7 +4558,8 @@ function useInputVariablesState({
4555
4558
  valueToResetTo = void 0,
4556
4559
  menuTooltip,
4557
4560
  id,
4558
- filterVariable
4561
+ filterVariable,
4562
+ renderMenuInPortal
4559
4563
  }) {
4560
4564
  const { variables } = useVariables(true);
4561
4565
  const hasVariablesInValue = hasReferencedVariables(value != null ? value : "");
@@ -4583,7 +4587,8 @@ function useInputVariablesState({
4583
4587
  onChange(valueToResetTo);
4584
4588
  },
4585
4589
  getEditorContext,
4586
- filterVariable
4590
+ filterVariable,
4591
+ portal: renderMenuInPortal
4587
4592
  }),
4588
4593
  [
4589
4594
  disableResetForReals,
@@ -4592,7 +4597,8 @@ function useInputVariablesState({
4592
4597
  menuTooltip,
4593
4598
  onChange,
4594
4599
  showAddVariableMenuOption,
4595
- valueToResetTo
4600
+ valueToResetTo,
4601
+ renderMenuInPortal
4596
4602
  ]
4597
4603
  );
4598
4604
  return {
@@ -5201,7 +5207,8 @@ function ParameterConnectionIndicator({
5201
5207
  menuOptions,
5202
5208
  disabled,
5203
5209
  menuTooltip = "Insert variable",
5204
- overrideMenuButtonParentMargin
5210
+ overrideMenuButtonParentMargin,
5211
+ renderMenuInPortal = false
5205
5212
  }) {
5206
5213
  const hasVariablesInValue = (0, import_react53.useMemo)(() => {
5207
5214
  let result = false;
@@ -5220,7 +5227,7 @@ function ParameterConnectionIndicator({
5220
5227
  import_design_system22.Menu,
5221
5228
  {
5222
5229
  placement: "bottom-start",
5223
- withoutPortal: true,
5230
+ withoutPortal: !renderMenuInPortal,
5224
5231
  menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
5225
5232
  "div",
5226
5233
  {
@@ -9930,6 +9937,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
9930
9937
  Textarea,
9931
9938
  Theme,
9932
9939
  USER_OPERATORS,
9940
+ VariableChip,
9933
9941
  VariableEditor,
9934
9942
  VariableNode,
9935
9943
  VariablesList,
package/dist/index.mjs CHANGED
@@ -2886,7 +2886,8 @@ function setVariablesEditorValue(editor, newValue) {
2886
2886
  format: "start",
2887
2887
  indent: 0,
2888
2888
  direction: null,
2889
- children: []
2889
+ children: [],
2890
+ textFormat: 0
2890
2891
  }
2891
2892
  ]
2892
2893
  }
@@ -2922,36 +2923,6 @@ function ControlledValuePlugin({
2922
2923
  return null;
2923
2924
  }
2924
2925
 
2925
- // src/components/Variables/composer/VariableNode.tsx
2926
- import { useLexicalComposerContext as useLexicalComposerContext3 } from "@lexical/react/LexicalComposerContext";
2927
- import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
2928
- import { $moveCharacter, $shouldOverrideDefaultCharacterSelection } from "@lexical/selection";
2929
- import { mergeRegister as mergeRegister2 } from "@lexical/utils";
2930
- import { createVariableReference as createVariableReference2 } from "@uniformdev/canvas";
2931
- import { LoadingIndicator as LoadingIndicator2 } from "@uniformdev/design-system";
2932
- import {
2933
- $getNearestNodeFromDOMNode,
2934
- $getNodeByKey as $getNodeByKey2,
2935
- $getSelection as $getSelection2,
2936
- $isDecoratorNode,
2937
- $isNodeSelection as $isNodeSelection2,
2938
- $isRangeSelection,
2939
- COMMAND_PRIORITY_EDITOR,
2940
- COMMAND_PRIORITY_LOW,
2941
- DecoratorNode,
2942
- KEY_ARROW_LEFT_COMMAND,
2943
- KEY_ARROW_RIGHT_COMMAND,
2944
- KEY_BACKSPACE_COMMAND,
2945
- KEY_DELETE_COMMAND
2946
- } from "lexical";
2947
- import { useCallback as useCallback3, useEffect as useEffect9 } from "react";
2948
-
2949
- // src/components/Variables/util/prettifyBindExpression.tsx
2950
- function prettifyBindExpression(bindExpression) {
2951
- const [, expression] = bindExpression.split(":");
2952
- return expression;
2953
- }
2954
-
2955
2926
  // src/components/Variables/composer/VariableChip.tsx
2956
2927
  import { MultilineChip, Tooltip, VerticalRhythm } from "@uniformdev/design-system";
2957
2928
  import { Fragment as Fragment5 } from "react";
@@ -2965,12 +2936,13 @@ function VariableChip({
2965
2936
  clickToEdit,
2966
2937
  isFresh,
2967
2938
  selected,
2968
- disabled
2939
+ disabled,
2940
+ errorMessage = `${reference} is not defined.`
2969
2941
  }) {
2970
2942
  const hasClickEvent = !!onClick;
2971
2943
  const referenceIsValidFr = isFresh ? true : referenceIsValid;
2972
2944
  const Wrapper = referenceIsValidFr === "warning" ? WarningVariableReference : referenceIsValidFr === "info" ? InfoVariableReference : referenceIsValidFr ? Fragment5 : UndefinedVariableReference;
2973
- const extraTitle = !referenceIsValidFr ? `${reference} is not defined.` : hasClickEvent && clickToEdit ? "Click to edit" : void 0;
2945
+ const extraTitle = !referenceIsValidFr ? errorMessage : hasClickEvent && clickToEdit ? "Click to edit" : void 0;
2974
2946
  const chippy = /* @__PURE__ */ jsx30(MultilineChip, { onClick, "aria-selected": selected ? true : void 0, "aria-disabled": disabled, children: /* @__PURE__ */ jsx30(Wrapper, { children: displayName || reference }) });
2975
2947
  if (tooltip) {
2976
2948
  const tip = tooltip ? `${tooltip}${extraTitle ? `
@@ -3027,6 +2999,36 @@ function WarningVariableReference({ children }) {
3027
2999
  );
3028
3000
  }
3029
3001
 
3002
+ // src/components/Variables/composer/VariableNode.tsx
3003
+ import { useLexicalComposerContext as useLexicalComposerContext3 } from "@lexical/react/LexicalComposerContext";
3004
+ import { useLexicalNodeSelection } from "@lexical/react/useLexicalNodeSelection";
3005
+ import { $moveCharacter, $shouldOverrideDefaultCharacterSelection } from "@lexical/selection";
3006
+ import { mergeRegister as mergeRegister2 } from "@lexical/utils";
3007
+ import { createVariableReference as createVariableReference2 } from "@uniformdev/canvas";
3008
+ import { LoadingIndicator as LoadingIndicator2 } from "@uniformdev/design-system";
3009
+ import {
3010
+ $getNearestNodeFromDOMNode,
3011
+ $getNodeByKey as $getNodeByKey2,
3012
+ $getSelection as $getSelection2,
3013
+ $isDecoratorNode,
3014
+ $isNodeSelection as $isNodeSelection2,
3015
+ $isRangeSelection,
3016
+ COMMAND_PRIORITY_EDITOR,
3017
+ COMMAND_PRIORITY_LOW,
3018
+ DecoratorNode,
3019
+ KEY_ARROW_LEFT_COMMAND,
3020
+ KEY_ARROW_RIGHT_COMMAND,
3021
+ KEY_BACKSPACE_COMMAND,
3022
+ KEY_DELETE_COMMAND
3023
+ } from "lexical";
3024
+ import { useCallback as useCallback3, useEffect as useEffect9 } from "react";
3025
+
3026
+ // src/components/Variables/util/prettifyBindExpression.tsx
3027
+ function prettifyBindExpression(bindExpression) {
3028
+ const [, expression] = bindExpression.split(":");
3029
+ return expression;
3030
+ }
3031
+
3030
3032
  // src/components/Variables/composer/VariablesPlugin.tsx
3031
3033
  import { css as css20 } from "@emotion/react";
3032
3034
  import { useLexicalComposerContext as useLexicalComposerContext2 } from "@lexical/react/LexicalComposerContext";
@@ -4345,7 +4347,8 @@ function useInputVariablesState({
4345
4347
  valueToResetTo = void 0,
4346
4348
  menuTooltip,
4347
4349
  id,
4348
- filterVariable
4350
+ filterVariable,
4351
+ renderMenuInPortal
4349
4352
  }) {
4350
4353
  const { variables } = useVariables(true);
4351
4354
  const hasVariablesInValue = hasReferencedVariables(value != null ? value : "");
@@ -4373,7 +4376,8 @@ function useInputVariablesState({
4373
4376
  onChange(valueToResetTo);
4374
4377
  },
4375
4378
  getEditorContext,
4376
- filterVariable
4379
+ filterVariable,
4380
+ portal: renderMenuInPortal
4377
4381
  }),
4378
4382
  [
4379
4383
  disableResetForReals,
@@ -4382,7 +4386,8 @@ function useInputVariablesState({
4382
4386
  menuTooltip,
4383
4387
  onChange,
4384
4388
  showAddVariableMenuOption,
4385
- valueToResetTo
4389
+ valueToResetTo,
4390
+ renderMenuInPortal
4386
4391
  ]
4387
4392
  );
4388
4393
  return {
@@ -5003,7 +5008,8 @@ function ParameterConnectionIndicator({
5003
5008
  menuOptions,
5004
5009
  disabled,
5005
5010
  menuTooltip = "Insert variable",
5006
- overrideMenuButtonParentMargin
5011
+ overrideMenuButtonParentMargin,
5012
+ renderMenuInPortal = false
5007
5013
  }) {
5008
5014
  const hasVariablesInValue = useMemo11(() => {
5009
5015
  let result = false;
@@ -5022,7 +5028,7 @@ function ParameterConnectionIndicator({
5022
5028
  Menu3,
5023
5029
  {
5024
5030
  placement: "bottom-start",
5025
- withoutPortal: true,
5031
+ withoutPortal: !renderMenuInPortal,
5026
5032
  menuTrigger: /* @__PURE__ */ jsx41(
5027
5033
  "div",
5028
5034
  {
@@ -9830,6 +9836,7 @@ export {
9830
9836
  Textarea,
9831
9837
  Theme3 as Theme,
9832
9838
  USER_OPERATORS,
9839
+ VariableChip,
9833
9840
  VariableEditor,
9834
9841
  VariableNode,
9835
9842
  VariablesList,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/mesh-sdk-react",
3
- "version": "19.170.1",
3
+ "version": "19.173.1-alpha.17+25c1176cea",
4
4
  "description": "Uniform Mesh Framework SDK for React",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -45,16 +45,16 @@
45
45
  },
46
46
  "dependencies": {
47
47
  "@hookform/resolvers": "^3.3.1",
48
- "@lexical/clipboard": "^0.12.0",
49
- "@lexical/react": "^0.12.0",
50
- "@lexical/selection": "^0.12.0",
51
- "@lexical/utils": "^0.12.0",
48
+ "@lexical/clipboard": "0.16.1",
49
+ "@lexical/react": "0.16.1",
50
+ "@lexical/selection": "0.16.1",
51
+ "@lexical/utils": "0.16.1",
52
52
  "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.2.1/react-icons-all-files-5.2.1.tgz",
53
- "@uniformdev/canvas": "19.170.1",
54
- "@uniformdev/design-system": "19.170.1",
55
- "@uniformdev/mesh-sdk": "19.170.1",
53
+ "@uniformdev/canvas": "19.173.1-alpha.17+25c1176cea",
54
+ "@uniformdev/design-system": "19.173.1-alpha.17+25c1176cea",
55
+ "@uniformdev/mesh-sdk": "19.173.1-alpha.17+25c1176cea",
56
56
  "dequal": "^2.0.3",
57
- "lexical": "^0.12.0",
57
+ "lexical": "0.16.1",
58
58
  "mitt": "^3.0.0",
59
59
  "react-beautiful-dnd": "13.1.1",
60
60
  "react-hook-form": "^7.47.0",
@@ -86,5 +86,5 @@
86
86
  "publishConfig": {
87
87
  "access": "public"
88
88
  },
89
- "gitHead": "702c0e149e1470e21ac9a61526c7f2ab668abd84"
89
+ "gitHead": "25c1176cea8d5114b92fc75cdd8bba4aa6463a50"
90
90
  }