@uniformdev/mesh-sdk-react 19.54.0 → 19.54.2-alpha.10

package/dist/index.d.mts

@@ -772,7 +772,7 @@ type InputVariablesProps<TEditorContext = unknown> = {
     /** Enables mutliple lines in the input (\n in the value) */
     multiLine?: boolean;
     /** Disables the inline variable selection menu when rendering a variables input */
-    disableInlineMenu?: boolean;
+    disableInlineMenu?: boolean | 'by-label' | 'by-input';
     /**
      * Enables clicking a variable reference to edit the variable
      * Note: automatically disabled if `disabled` or `disableVariables` is set
@@ -803,6 +803,8 @@ type InputVariablesProps<TEditorContext = unknown> = {
      * * Performing other custom mutations to the variables editor, such as inserting text from a button click.
      */
     editorRef?: MutableRefObject<LexicalEditor | null>;
+    /** The compact style is similar to the parameters panel */
+    styleVariant?: 'default' | 'compact';
 } & PasteTransformerPluginProps & UseInputVariablesStateProps<TEditorContext>;
 /**
  * An input box that enables insertion of 'variables', provided by VariablesProvider,

package/dist/index.d.ts

@@ -772,7 +772,7 @@ type InputVariablesProps<TEditorContext = unknown> = {
     /** Enables mutliple lines in the input (\n in the value) */
     multiLine?: boolean;
     /** Disables the inline variable selection menu when rendering a variables input */
-    disableInlineMenu?: boolean;
+    disableInlineMenu?: boolean | 'by-label' | 'by-input';
     /**
      * Enables clicking a variable reference to edit the variable
      * Note: automatically disabled if `disabled` or `disableVariables` is set
@@ -803,6 +803,8 @@ type InputVariablesProps<TEditorContext = unknown> = {
      * * Performing other custom mutations to the variables editor, such as inserting text from a button click.
      */
     editorRef?: MutableRefObject<LexicalEditor | null>;
+    /** The compact style is similar to the parameters panel */
+    styleVariant?: 'default' | 'compact';
 } & PasteTransformerPluginProps & UseInputVariablesStateProps<TEditorContext>;
 /**
  * An input box that enables insertion of 'variables', provided by VariablesProvider,

package/dist/index.esm.js

@@ -4075,6 +4075,11 @@ var input = css21`
     margin: 0;
   }
 `;
+var inputCompact = css21`
+  border: 1px solid var(--white);
+  padding-block: var(--spacing-sm);
+  font-size: var(--fs-sm);
+`;
 
 // src/components/Variables/toolbox/InputVariablesProvider.tsx
 import * as React10 from "react";
@@ -4598,12 +4603,12 @@ function InputVariables(props) {
     getEditorContext,
     disabled,
     editorRef,
-    filterVariable
+    filterVariable,
+    styleVariant = "default"
   } = props;
   const [finalId] = useState12(id != null ? id : () => v42());
   const { dispatch, canDispatch, isEditing } = useVariables(true);
   const { disableVariablesForReals, hadVariablesInValue, sharedMenuProps } = useInputVariablesState(props);
-  const disableInlineVariablesForReals = disableVariablesForReals || disableInlineMenu;
   const useInputWithNoVariables = Boolean(inputWhenNoVariables && !hadVariablesInValue);
   const input3 = /* @__PURE__ */ jsxs23(
     "div",
@@ -4618,7 +4623,7 @@ function InputVariables(props) {
           InputVariablesOverlayMenu,
           {
             ...sharedMenuProps,
-            disabled: disableInlineVariablesForReals,
+            disabled: disableVariablesForReals || disableInlineMenu === true || disableInlineMenu === "by-input",
             replaceValueOnVariableInsert: useInputWithNoVariables,
             useInputWhenNoVariables: useInputWithNoVariables,
             children: /* @__PURE__ */ jsx39(
@@ -4628,7 +4633,7 @@ function InputVariables(props) {
                 "aria-label": ariaLabel,
                 "data-testid": dataTestId ? dataTestId : "input-container",
                 "data-text-value": value,
-                css: input
+                css: [input, styleVariant === "compact" ? inputCompact : null]
               }
             )
           }
@@ -4652,7 +4657,7 @@ function InputVariables(props) {
         },
         id: finalId,
         isActive: hadVariablesInValue,
-        disableVariables: disableVariablesForReals,
+        disableVariables: disableVariablesForReals || disableInlineMenu === "by-label",
         children: input3
       }
     );

package/dist/index.js

@@ -4253,6 +4253,11 @@ var input = import_react41.css`
     margin: 0;
   }
 `;
+var inputCompact = import_react41.css`
+  border: 1px solid var(--white);
+  padding-block: var(--spacing-sm);
+  font-size: var(--fs-sm);
+`;
 
 // src/components/Variables/toolbox/InputVariablesProvider.tsx
 var React10 = __toESM(require("react"));
@@ -4764,12 +4769,12 @@ function InputVariables(props) {
     getEditorContext,
     disabled,
     editorRef,
-    filterVariable
+    filterVariable,
+    styleVariant = "default"
   } = props;
   const [finalId] = (0, import_react49.useState)(id != null ? id : () => (0, import_uuid2.v4)());
   const { dispatch, canDispatch, isEditing } = useVariables(true);
   const { disableVariablesForReals, hadVariablesInValue, sharedMenuProps } = useInputVariablesState(props);
-  const disableInlineVariablesForReals = disableVariablesForReals || disableInlineMenu;
   const useInputWithNoVariables = Boolean(inputWhenNoVariables && !hadVariablesInValue);
   const input3 = /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "div",
@@ -4784,7 +4789,7 @@ function InputVariables(props) {
           InputVariablesOverlayMenu,
           {
             ...sharedMenuProps,
-            disabled: disableInlineVariablesForReals,
+            disabled: disableVariablesForReals || disableInlineMenu === true || disableInlineMenu === "by-input",
             replaceValueOnVariableInsert: useInputWithNoVariables,
             useInputWhenNoVariables: useInputWithNoVariables,
             children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -4794,7 +4799,7 @@ function InputVariables(props) {
                 "aria-label": ariaLabel,
                 "data-testid": dataTestId ? dataTestId : "input-container",
                 "data-text-value": value,
-                css: input
+                css: [input, styleVariant === "compact" ? inputCompact : null]
               }
             )
           }
@@ -4818,7 +4823,7 @@ function InputVariables(props) {
         },
         id: finalId,
         isActive: hadVariablesInValue,
-        disableVariables: disableVariablesForReals,
+        disableVariables: disableVariablesForReals || disableInlineMenu === "by-label",
         children: input3
       }
     );

package/dist/index.mjs

@@ -4075,6 +4075,11 @@ var input = css21`
     margin: 0;
   }
 `;
+var inputCompact = css21`
+  border: 1px solid var(--white);
+  padding-block: var(--spacing-sm);
+  font-size: var(--fs-sm);
+`;
 
 // src/components/Variables/toolbox/InputVariablesProvider.tsx
 import * as React10 from "react";
@@ -4598,12 +4603,12 @@ function InputVariables(props) {
     getEditorContext,
     disabled,
     editorRef,
-    filterVariable
+    filterVariable,
+    styleVariant = "default"
   } = props;
   const [finalId] = useState12(id != null ? id : () => v42());
   const { dispatch, canDispatch, isEditing } = useVariables(true);
   const { disableVariablesForReals, hadVariablesInValue, sharedMenuProps } = useInputVariablesState(props);
-  const disableInlineVariablesForReals = disableVariablesForReals || disableInlineMenu;
   const useInputWithNoVariables = Boolean(inputWhenNoVariables && !hadVariablesInValue);
   const input3 = /* @__PURE__ */ jsxs23(
     "div",
@@ -4618,7 +4623,7 @@ function InputVariables(props) {
           InputVariablesOverlayMenu,
           {
             ...sharedMenuProps,
-            disabled: disableInlineVariablesForReals,
+            disabled: disableVariablesForReals || disableInlineMenu === true || disableInlineMenu === "by-input",
             replaceValueOnVariableInsert: useInputWithNoVariables,
             useInputWhenNoVariables: useInputWithNoVariables,
             children: /* @__PURE__ */ jsx39(
@@ -4628,7 +4633,7 @@ function InputVariables(props) {
                 "aria-label": ariaLabel,
                 "data-testid": dataTestId ? dataTestId : "input-container",
                 "data-text-value": value,
-                css: input
+                css: [input, styleVariant === "compact" ? inputCompact : null]
               }
             )
           }
@@ -4652,7 +4657,7 @@ function InputVariables(props) {
         },
         id: finalId,
         isActive: hadVariablesInValue,
-        disableVariables: disableVariablesForReals,
+        disableVariables: disableVariablesForReals || disableInlineMenu === "by-label",
         children: input3
       }
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.54.0",
+  "version": "19.54.2-alpha.10+26eb61515",
   "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.54.0",
-    "@uniformdev/design-system": "19.54.0",
-    "@uniformdev/mesh-sdk": "19.54.0",
+    "@uniformdev/canvas": "19.54.2-alpha.10+26eb61515",
+    "@uniformdev/design-system": "19.54.2-alpha.10+26eb61515",
+    "@uniformdev/mesh-sdk": "19.54.2-alpha.10+26eb61515",
     "dequal": "^2.0.3",
     "lexical": "^0.12.0",
     "mitt": "^3.0.0",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e38bb6dd64cb9bc3b281afd9c01a72c1b18dc2b4"
+  "gitHead": "26eb615153bcf5f11deb0beeb0f227accde9ae6f"
 }