@uniformdev/mesh-sdk-react 19.57.0 → 19.58.1-alpha.16

package/dist/index.d.mts

@@ -3,7 +3,7 @@ import * as React$1 from 'react';
 import React__default, { SVGProps, ReactNode, MutableRefObject, ComponentType, PropsWithChildren, HTMLAttributes, AnchorHTMLAttributes } from 'react';
 import { TDate } from 'timeago.js';
 import * as _emotion_react from '@emotion/react';
-import { Interpolation, Theme } from '@emotion/react';
+import { Interpolation, Theme, SerializedStyles } from '@emotion/react';
 import * as _uniformdev_mesh_sdk from '@uniformdev/mesh-sdk';
 import { DynamicInput, MeshLocation, SetValueOptions, EditConnectedDataResponseCancellationContext, DynamicInputs, DataSourceLocationValue, DataTypeLocationValue, BindableTypes } from '@uniformdev/mesh-sdk';
 export * from '@uniformdev/mesh-sdk';
@@ -596,6 +596,7 @@ type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
 type KnownUndefinedVariableInfo = {
     error?: string;
     info?: string;
+    displayName?: string;
 };
 type DataVariableDefinitionWithName = {
     name: string;
@@ -878,6 +879,7 @@ type ParameterVariablesProps<TEditorContext = unknown> = {
     editorRef?: MutableRefObject<LexicalEditor | null>;
     /** If set the editor will auto-focus on mount */
     autoFocus?: boolean;
+    inputCss?: SerializedStyles;
 } & UseInputVariablesStateProps<TEditorContext>;
 /**
  * An input box that enables insertion of 'variables', provided by VariablesProvider,

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import * as React$1 from 'react';
 import React__default, { SVGProps, ReactNode, MutableRefObject, ComponentType, PropsWithChildren, HTMLAttributes, AnchorHTMLAttributes } from 'react';
 import { TDate } from 'timeago.js';
 import * as _emotion_react from '@emotion/react';
-import { Interpolation, Theme } from '@emotion/react';
+import { Interpolation, Theme, SerializedStyles } from '@emotion/react';
 import * as _uniformdev_mesh_sdk from '@uniformdev/mesh-sdk';
 import { DynamicInput, MeshLocation, SetValueOptions, EditConnectedDataResponseCancellationContext, DynamicInputs, DataSourceLocationValue, DataTypeLocationValue, BindableTypes } from '@uniformdev/mesh-sdk';
 export * from '@uniformdev/mesh-sdk';
@@ -596,6 +596,7 @@ type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
 type KnownUndefinedVariableInfo = {
     error?: string;
     info?: string;
+    displayName?: string;
 };
 type DataVariableDefinitionWithName = {
     name: string;
@@ -878,6 +879,7 @@ type ParameterVariablesProps<TEditorContext = unknown> = {
     editorRef?: MutableRefObject<LexicalEditor | null>;
     /** If set the editor will auto-focus on mount */
     autoFocus?: boolean;
+    inputCss?: SerializedStyles;
 } & UseInputVariablesStateProps<TEditorContext>;
 /**
  * An input box that enables insertion of 'variables', provided by VariablesProvider,

package/dist/index.esm.js

@@ -3691,17 +3691,19 @@ function VariablesPlugin({
       const targetVar = variablesRef.current.variables[variableNode.reference];
       const targetUndefinedVar = variablesRef.current.knownUndefinedValues[variableNode.reference];
       const isLoadingVariables = variablesRef.current.isLoading;
-      const tooltip = (_c = (_b = (_a = targetVar == null ? void 0 : targetVar.tooltip) != null ? _a : targetVar == null ? void 0 : targetVar.helpText) != null ? _b : targetUndefinedVar == null ? void 0 : targetUndefinedVar.error) != null ? _c : targetUndefinedVar == null ? void 0 : targetUndefinedVar.info;
       const currentState = variableNode.getState();
+      if (currentState.isFresh && !targetVar) {
+        return;
+      }
+      const tooltip = (_c = (_b = (_a = targetVar == null ? void 0 : targetVar.tooltip) != null ? _a : targetVar == null ? void 0 : targetVar.helpText) != null ? _b : targetUndefinedVar == null ? void 0 : targetUndefinedVar.error) != null ? _c : targetUndefinedVar == null ? void 0 : targetUndefinedVar.info;
       const newState = {
         ...currentState,
-        // if we lose a display name we 'latch' it to last known (prevents flashes during mesh var updates),
-        // unless we're also loading the whole var state
-        displayName: (targetVar == null ? void 0 : targetVar.displayName) || (isLoadingVariables ? void 0 : currentState.displayName) || variableNode.reference,
+        displayName: (targetVar == null ? void 0 : targetVar.displayName) || (targetUndefinedVar == null ? void 0 : targetUndefinedVar.displayName) || variableNode.reference,
         isLoading: isLoadingVariables && !targetVar && !(targetUndefinedVar == null ? void 0 : targetUndefinedVar.info),
         hasClickEvent: canEditVariable(variableNode.reference, targetVar),
         referenceIsValid: (targetUndefinedVar == null ? void 0 : targetUndefinedVar.info) ? "info" : isLoadingVariables ? true : Boolean(targetVar),
-        tooltip
+        tooltip,
+        isFresh: false
       };
       if (!dequal2(currentState, newState)) {
         variableNode.setState(newState);
@@ -3740,6 +3742,7 @@ function VariablesPlugin({
           /* @__PURE__ */ jsx32(
             "div",
             {
+              "data-auto-resize-opt-in": true,
               css: css20`
               box-shadow: var(--shadow-base);
               border-radius: var(--rounded-base);
@@ -4974,7 +4977,8 @@ function ParameterVariables(props) {
     getEditorContext,
     disabled,
     editorRef,
-    filterVariable
+    filterVariable,
+    inputCss
   } = props;
   const { dispatch, canDispatch, isEditing } = useVariables(true);
   const { disableVariablesForReals, hadVariablesInValue, sharedMenuProps, hasVariablesInValue } = useInputVariablesState(props);
@@ -5016,7 +5020,8 @@ function ParameterVariables(props) {
                   "data-text-value": value,
                   css: [
                     input2,
-                    typeof multiLine === "number" ? inputMultiLine(multiLine) : multiLine === true ? inputMultiLine(4) : css24``
+                    typeof multiLine === "number" ? inputMultiLine(multiLine) : multiLine === true ? inputMultiLine(4) : css24``,
+                    inputCss != null ? inputCss : css24``
                   ]
                 }
               ) }),

package/dist/index.js

@@ -3869,17 +3869,19 @@ function VariablesPlugin({
       const targetVar = variablesRef.current.variables[variableNode.reference];
       const targetUndefinedVar = variablesRef.current.knownUndefinedValues[variableNode.reference];
       const isLoadingVariables = variablesRef.current.isLoading;
-      const tooltip = (_c = (_b = (_a = targetVar == null ? void 0 : targetVar.tooltip) != null ? _a : targetVar == null ? void 0 : targetVar.helpText) != null ? _b : targetUndefinedVar == null ? void 0 : targetUndefinedVar.error) != null ? _c : targetUndefinedVar == null ? void 0 : targetUndefinedVar.info;
       const currentState = variableNode.getState();
+      if (currentState.isFresh && !targetVar) {
+        return;
+      }
+      const tooltip = (_c = (_b = (_a = targetVar == null ? void 0 : targetVar.tooltip) != null ? _a : targetVar == null ? void 0 : targetVar.helpText) != null ? _b : targetUndefinedVar == null ? void 0 : targetUndefinedVar.error) != null ? _c : targetUndefinedVar == null ? void 0 : targetUndefinedVar.info;
       const newState = {
         ...currentState,
-        // if we lose a display name we 'latch' it to last known (prevents flashes during mesh var updates),
-        // unless we're also loading the whole var state
-        displayName: (targetVar == null ? void 0 : targetVar.displayName) || (isLoadingVariables ? void 0 : currentState.displayName) || variableNode.reference,
+        displayName: (targetVar == null ? void 0 : targetVar.displayName) || (targetUndefinedVar == null ? void 0 : targetUndefinedVar.displayName) || variableNode.reference,
         isLoading: isLoadingVariables && !targetVar && !(targetUndefinedVar == null ? void 0 : targetUndefinedVar.info),
         hasClickEvent: canEditVariable(variableNode.reference, targetVar),
         referenceIsValid: (targetUndefinedVar == null ? void 0 : targetUndefinedVar.info) ? "info" : isLoadingVariables ? true : Boolean(targetVar),
-        tooltip
+        tooltip,
+        isFresh: false
       };
       if (!(0, import_lite2.dequal)(currentState, newState)) {
         variableNode.setState(newState);
@@ -3918,6 +3920,7 @@ function VariablesPlugin({
           /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
             "div",
             {
+              "data-auto-resize-opt-in": true,
               css: import_react37.css`
               box-shadow: var(--shadow-base);
               border-radius: var(--rounded-base);
@@ -5140,7 +5143,8 @@ function ParameterVariables(props) {
     getEditorContext,
     disabled,
     editorRef,
-    filterVariable
+    filterVariable,
+    inputCss
   } = props;
   const { dispatch, canDispatch, isEditing } = useVariables(true);
   const { disableVariablesForReals, hadVariablesInValue, sharedMenuProps, hasVariablesInValue } = useInputVariablesState(props);
@@ -5182,7 +5186,8 @@ function ParameterVariables(props) {
                   "data-text-value": value,
                   css: [
                     input2,
-                    typeof multiLine === "number" ? inputMultiLine(multiLine) : multiLine === true ? inputMultiLine(4) : import_react54.css``
+                    typeof multiLine === "number" ? inputMultiLine(multiLine) : multiLine === true ? inputMultiLine(4) : import_react54.css``,
+                    inputCss != null ? inputCss : import_react54.css``
                   ]
                 }
               ) }),

package/dist/index.mjs

@@ -3691,17 +3691,19 @@ function VariablesPlugin({
       const targetVar = variablesRef.current.variables[variableNode.reference];
       const targetUndefinedVar = variablesRef.current.knownUndefinedValues[variableNode.reference];
       const isLoadingVariables = variablesRef.current.isLoading;
-      const tooltip = (_c = (_b = (_a = targetVar == null ? void 0 : targetVar.tooltip) != null ? _a : targetVar == null ? void 0 : targetVar.helpText) != null ? _b : targetUndefinedVar == null ? void 0 : targetUndefinedVar.error) != null ? _c : targetUndefinedVar == null ? void 0 : targetUndefinedVar.info;
       const currentState = variableNode.getState();
+      if (currentState.isFresh && !targetVar) {
+        return;
+      }
+      const tooltip = (_c = (_b = (_a = targetVar == null ? void 0 : targetVar.tooltip) != null ? _a : targetVar == null ? void 0 : targetVar.helpText) != null ? _b : targetUndefinedVar == null ? void 0 : targetUndefinedVar.error) != null ? _c : targetUndefinedVar == null ? void 0 : targetUndefinedVar.info;
       const newState = {
         ...currentState,
-        // if we lose a display name we 'latch' it to last known (prevents flashes during mesh var updates),
-        // unless we're also loading the whole var state
-        displayName: (targetVar == null ? void 0 : targetVar.displayName) || (isLoadingVariables ? void 0 : currentState.displayName) || variableNode.reference,
+        displayName: (targetVar == null ? void 0 : targetVar.displayName) || (targetUndefinedVar == null ? void 0 : targetUndefinedVar.displayName) || variableNode.reference,
         isLoading: isLoadingVariables && !targetVar && !(targetUndefinedVar == null ? void 0 : targetUndefinedVar.info),
         hasClickEvent: canEditVariable(variableNode.reference, targetVar),
         referenceIsValid: (targetUndefinedVar == null ? void 0 : targetUndefinedVar.info) ? "info" : isLoadingVariables ? true : Boolean(targetVar),
-        tooltip
+        tooltip,
+        isFresh: false
       };
       if (!dequal2(currentState, newState)) {
         variableNode.setState(newState);
@@ -3740,6 +3742,7 @@ function VariablesPlugin({
           /* @__PURE__ */ jsx32(
             "div",
             {
+              "data-auto-resize-opt-in": true,
               css: css20`
               box-shadow: var(--shadow-base);
               border-radius: var(--rounded-base);
@@ -4974,7 +4977,8 @@ function ParameterVariables(props) {
     getEditorContext,
     disabled,
     editorRef,
-    filterVariable
+    filterVariable,
+    inputCss
   } = props;
   const { dispatch, canDispatch, isEditing } = useVariables(true);
   const { disableVariablesForReals, hadVariablesInValue, sharedMenuProps, hasVariablesInValue } = useInputVariablesState(props);
@@ -5016,7 +5020,8 @@ function ParameterVariables(props) {
                   "data-text-value": value,
                   css: [
                     input2,
-                    typeof multiLine === "number" ? inputMultiLine(multiLine) : multiLine === true ? inputMultiLine(4) : css24``
+                    typeof multiLine === "number" ? inputMultiLine(multiLine) : multiLine === true ? inputMultiLine(4) : css24``,
+                    inputCss != null ? inputCss : css24``
                   ]
                 }
               ) }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.57.0",
+  "version": "19.58.1-alpha.16+5b13596bc",
   "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.57.0",
-    "@uniformdev/design-system": "19.57.0",
-    "@uniformdev/mesh-sdk": "19.57.0",
+    "@uniformdev/canvas": "19.58.1-alpha.16+5b13596bc",
+    "@uniformdev/design-system": "19.58.1-alpha.16+5b13596bc",
+    "@uniformdev/mesh-sdk": "19.58.1-alpha.16+5b13596bc",
     "dequal": "^2.0.3",
     "lexical": "^0.12.0",
     "mitt": "^3.0.0",
@@ -60,7 +60,7 @@
     "react-hook-form": "^7.43.9",
     "react-use": "17.4.0",
     "timeago.js": "4.0.2",
-    "uuid": "9.0.0",
+    "uuid": "9.0.1",
     "zod": "^3.21.4"
   },
   "peerDependencies": {
@@ -76,7 +76,7 @@
     "@types/react": "18.2.21",
     "@types/react-beautiful-dnd": "13.1.4",
     "@types/react-dom": "18.2.7",
-    "@types/uuid": "9.0.3",
+    "@types/uuid": "9.0.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "34b8d4a74f9029d507640eb8ef52d7bcf7e6d552"
+  "gitHead": "5b13596bc07ad3b8d3809122c9843d17e4a6f413"
 }