@uniformdev/mesh-sdk-react 19.127.0 → 19.128.1-alpha.8

package/dist/index.d.mts

@@ -632,6 +632,8 @@ type SelectVariableMenuProps<TEditorContext = undefined> = {
     menuTooltip?: string;
     /** Filters available variables in menus and auto-completes */
     filterVariable?: (variableName: string, variableDefinition: MeshDataVariableDefinition, context: TEditorContext | undefined) => boolean;
+    /** Sets the menu to be a portal */
+    portal?: boolean;
 };
 
 type VariableSourceGroup = {
@@ -820,6 +822,8 @@ type InputVariablesProps<TEditorContext = unknown> = {
     editorRef?: MutableRefObject<LexicalEditor | null>;
     /** The compact style is similar to the parameters panel */
     styleVariant?: 'default' | 'compact';
+    /** Set the menu dropdown to render in a portal, this helps fix z-indexing issue */
+    renderMenuInPortal?: boolean;
 } & PasteTransformerPluginProps & UseInputVariablesStateProps<TEditorContext>;
 /**
  * An input box that enables insertion of 'variables', provided by VariablesProvider,

package/dist/index.d.ts

@@ -632,6 +632,8 @@ type SelectVariableMenuProps<TEditorContext = undefined> = {
     menuTooltip?: string;
     /** Filters available variables in menus and auto-completes */
     filterVariable?: (variableName: string, variableDefinition: MeshDataVariableDefinition, context: TEditorContext | undefined) => boolean;
+    /** Sets the menu to be a portal */
+    portal?: boolean;
 };
 
 type VariableSourceGroup = {
@@ -820,6 +822,8 @@ type InputVariablesProps<TEditorContext = unknown> = {
     editorRef?: MutableRefObject<LexicalEditor | null>;
     /** The compact style is similar to the parameters panel */
     styleVariant?: 'default' | 'compact';
+    /** Set the menu dropdown to render in a portal, this helps fix z-indexing issue */
+    renderMenuInPortal?: boolean;
 } & PasteTransformerPluginProps & UseInputVariablesStateProps<TEditorContext>;
 /**
  * An input box that enables insertion of 'variables', provided by VariablesProvider,

package/dist/index.esm.js

@@ -4269,6 +4269,7 @@ function SelectVariableMenu({
   tip,
   getEditorContext,
   menuTooltip = "Insert variable",
+  portal,
   filterVariable
 }) {
   const { variables, canDispatch, readOnly } = useVariables(true);
@@ -4283,8 +4284,8 @@ function SelectVariableMenu({
   return /* @__PURE__ */ jsxs19(
     Menu2,
     {
-      placement: "bottom-start",
-      withoutPortal: true,
+      placement: portal ? "bottom-end" : "bottom-start",
+      portal,
       menuTrigger: /* @__PURE__ */ jsx35(
         "button",
         {
@@ -4669,7 +4670,8 @@ function InputVariables(props) {
     disabled,
     editorRef,
     filterVariable,
-    styleVariant = "default"
+    styleVariant = "default",
+    renderMenuInPortal
   } = props;
   const [finalId] = useState13(id != null ? id : () => v42());
   const { dispatch, canDispatch, isEditing } = useVariables(true);
@@ -4690,6 +4692,7 @@ function InputVariables(props) {
           {
             ...sharedMenuProps,
             disabled: disableVariablesForReals || disableInlineMenu === true || disableInlineMenu === "by-input",
+            portal: renderMenuInPortal,
             replaceValueOnVariableInsert: useInputWithNoVariables,
             useInputWhenNoVariables: useInputWithNoVariables,
             children: /* @__PURE__ */ jsx40(
@@ -4765,6 +4768,7 @@ function InputVariablesOverlayMenu({
   children,
   disabled,
   useInputWhenNoVariables,
+  portal,
   ...props
 }) {
   if (disabled) {
@@ -4776,6 +4780,7 @@ function InputVariablesOverlayMenu({
       VariablesComposerVariableMenu,
       {
         ...props,
+        portal,
         tip: useInputWhenNoVariables ? void 0 : "Tip: access this list by typing $$",
         buttonCss: menuBtn2
       }

package/dist/index.js

@@ -4448,6 +4448,7 @@ function SelectVariableMenu({
   tip,
   getEditorContext,
   menuTooltip = "Insert variable",
+  portal,
   filterVariable
 }) {
   const { variables, canDispatch, readOnly } = useVariables(true);
@@ -4462,8 +4463,8 @@ function SelectVariableMenu({
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     import_design_system19.Menu,
     {
-      placement: "bottom-start",
-      withoutPortal: true,
+      placement: portal ? "bottom-end" : "bottom-start",
+      portal,
       menuTrigger: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
         "button",
         {
@@ -4836,7 +4837,8 @@ function InputVariables(props) {
     disabled,
     editorRef,
     filterVariable,
-    styleVariant = "default"
+    styleVariant = "default",
+    renderMenuInPortal
   } = props;
   const [finalId] = (0, import_react50.useState)(id != null ? id : () => (0, import_uuid2.v4)());
   const { dispatch, canDispatch, isEditing } = useVariables(true);
@@ -4857,6 +4859,7 @@ function InputVariables(props) {
           {
             ...sharedMenuProps,
             disabled: disableVariablesForReals || disableInlineMenu === true || disableInlineMenu === "by-input",
+            portal: renderMenuInPortal,
             replaceValueOnVariableInsert: useInputWithNoVariables,
             useInputWhenNoVariables: useInputWithNoVariables,
             children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
@@ -4932,6 +4935,7 @@ function InputVariablesOverlayMenu({
   children,
   disabled,
   useInputWhenNoVariables,
+  portal,
   ...props
 }) {
   if (disabled) {
@@ -4943,6 +4947,7 @@ function InputVariablesOverlayMenu({
       VariablesComposerVariableMenu,
       {
         ...props,
+        portal,
         tip: useInputWhenNoVariables ? void 0 : "Tip: access this list by typing $$",
         buttonCss: menuBtn2
       }

package/dist/index.mjs

@@ -4269,6 +4269,7 @@ function SelectVariableMenu({
   tip,
   getEditorContext,
   menuTooltip = "Insert variable",
+  portal,
   filterVariable
 }) {
   const { variables, canDispatch, readOnly } = useVariables(true);
@@ -4283,8 +4284,8 @@ function SelectVariableMenu({
   return /* @__PURE__ */ jsxs19(
     Menu2,
     {
-      placement: "bottom-start",
-      withoutPortal: true,
+      placement: portal ? "bottom-end" : "bottom-start",
+      portal,
       menuTrigger: /* @__PURE__ */ jsx35(
         "button",
         {
@@ -4669,7 +4670,8 @@ function InputVariables(props) {
     disabled,
     editorRef,
     filterVariable,
-    styleVariant = "default"
+    styleVariant = "default",
+    renderMenuInPortal
   } = props;
   const [finalId] = useState13(id != null ? id : () => v42());
   const { dispatch, canDispatch, isEditing } = useVariables(true);
@@ -4690,6 +4692,7 @@ function InputVariables(props) {
           {
             ...sharedMenuProps,
             disabled: disableVariablesForReals || disableInlineMenu === true || disableInlineMenu === "by-input",
+            portal: renderMenuInPortal,
             replaceValueOnVariableInsert: useInputWithNoVariables,
             useInputWhenNoVariables: useInputWithNoVariables,
             children: /* @__PURE__ */ jsx40(
@@ -4765,6 +4768,7 @@ function InputVariablesOverlayMenu({
   children,
   disabled,
   useInputWhenNoVariables,
+  portal,
   ...props
 }) {
   if (disabled) {
@@ -4776,6 +4780,7 @@ function InputVariablesOverlayMenu({
       VariablesComposerVariableMenu,
       {
         ...props,
+        portal,
         tip: useInputWhenNoVariables ? void 0 : "Tip: access this list by typing $$",
         buttonCss: menuBtn2
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.127.0",
+  "version": "19.128.1-alpha.8+63ab00ff70",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -50,9 +50,9 @@
     "@lexical/selection": "^0.12.0",
     "@lexical/utils": "^0.12.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v4.10.1/react-icons-all-files-4.10.1.tgz",
-    "@uniformdev/canvas": "19.127.0",
-    "@uniformdev/design-system": "19.127.0",
-    "@uniformdev/mesh-sdk": "19.127.0",
+    "@uniformdev/canvas": "19.128.1-alpha.8+63ab00ff70",
+    "@uniformdev/design-system": "19.128.1-alpha.8+63ab00ff70",
+    "@uniformdev/mesh-sdk": "19.128.1-alpha.8+63ab00ff70",
     "dequal": "^2.0.3",
     "lexical": "^0.12.0",
     "mitt": "^3.0.0",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3757cfe081cf40d019cb9f65d0a26e2a4fbdb1f6"
+  "gitHead": "63ab00ff70176d970c6ba1e265c50b9767dcaa9b"
 }