@uniformdev/mesh-sdk-react 19.55.1-alpha.8 → 19.55.2-alpha.14

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';
@@ -441,6 +441,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.SettingsLocation<TLocationValue>, {
     type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
+    type: TLocationType;
 }>, "setValue"> & {
     setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
         type: TLocationType;
@@ -454,6 +456,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.SettingsLocation<TLocationValue>, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
+        type: TLocationType;
     }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
@@ -466,6 +470,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.SettingsLocation<TLocationValue>, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
+        type: TLocationType;
     }>)["setValue"]>[0]>;
 };
 type SetLocationValueDispatch<TValue, TSetValue = TValue> = (dispatch: SetLocationValueFunction<TValue, TSetValue>) => Promise<void> | void;
@@ -590,6 +596,7 @@ type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
 type KnownUndefinedVariableInfo = {
     error?: string;
     info?: string;
+    displayName?: string;
 };
 type DataVariableDefinitionWithName = {
     name: string;
@@ -872,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';
@@ -441,6 +441,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.SettingsLocation<TLocationValue>, {
     type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
+    type: TLocationType;
 }>, "setValue"> & {
     setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
         type: TLocationType;
@@ -454,6 +456,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.SettingsLocation<TLocationValue>, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
+        type: TLocationType;
     }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
@@ -466,6 +470,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.SettingsLocation<TLocationValue>, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
+        type: TLocationType;
     }>)["setValue"]>[0]>;
 };
 type SetLocationValueDispatch<TValue, TSetValue = TValue> = (dispatch: SetLocationValueFunction<TValue, TSetValue>) => Promise<void> | void;
@@ -590,6 +596,7 @@ type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
 type KnownUndefinedVariableInfo = {
     error?: string;
     info?: string;
+    displayName?: string;
 };
 type DataVariableDefinitionWithName = {
     name: string;
@@ -872,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``
                   ]
                 }
               ) }),
@@ -6499,6 +6504,7 @@ var ObjectSearchListItem = ({
     {
       role: "listitem",
       css: [ObjectListItemContainer, disabled ? ObjectListItemContainerDisabled : void 0],
+      "data-testid": "list-item",
       children: [
         /* @__PURE__ */ jsxs37(
           "div",
@@ -6512,7 +6518,7 @@ var ObjectSearchListItem = ({
               !image || imageUrl ? null : /* @__PURE__ */ jsx62("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
               /* @__PURE__ */ jsxs37("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
                 !contentType ? null : /* @__PURE__ */ jsx62("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
-                /* @__PURE__ */ jsx62("span", { css: ObjectListItemTitle, children: title })
+                /* @__PURE__ */ jsx62("span", { css: ObjectListItemTitle, "data-testid": "title", children: title })
               ] })
             ]
           }

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``
                   ]
                 }
               ) }),
@@ -6630,6 +6635,7 @@ var ObjectSearchListItem = ({
     {
       role: "listitem",
       css: [ObjectListItemContainer, disabled ? ObjectListItemContainerDisabled : void 0],
+      "data-testid": "list-item",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
           "div",
@@ -6643,7 +6649,7 @@ var ObjectSearchListItem = ({
               !image || imageUrl ? null : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
               /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
                 !contentType ? null : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
-                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { css: ObjectListItemTitle, children: title })
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { css: ObjectListItemTitle, "data-testid": "title", children: title })
               ] })
             ]
           }

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``
                   ]
                 }
               ) }),
@@ -6499,6 +6504,7 @@ var ObjectSearchListItem = ({
     {
       role: "listitem",
       css: [ObjectListItemContainer, disabled ? ObjectListItemContainerDisabled : void 0],
+      "data-testid": "list-item",
       children: [
         /* @__PURE__ */ jsxs37(
           "div",
@@ -6512,7 +6518,7 @@ var ObjectSearchListItem = ({
               !image || imageUrl ? null : /* @__PURE__ */ jsx62("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
               /* @__PURE__ */ jsxs37("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
                 !contentType ? null : /* @__PURE__ */ jsx62("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
-                /* @__PURE__ */ jsx62("span", { css: ObjectListItemTitle, children: title })
+                /* @__PURE__ */ jsx62("span", { css: ObjectListItemTitle, "data-testid": "title", children: title })
               ] })
             ]
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.55.1-alpha.8+02b3f0ddb",
+  "version": "19.55.2-alpha.14+9b75d5322",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -44,24 +44,24 @@
     "document": "api-extractor run --local"
   },
   "dependencies": {
-    "@hookform/resolvers": "^3.0.1",
+    "@hookform/resolvers": "^3.3.1",
     "@lexical/clipboard": "^0.12.0",
     "@lexical/react": "^0.12.0",
     "@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.55.1-alpha.8+02b3f0ddb",
-    "@uniformdev/design-system": "19.55.1-alpha.8+02b3f0ddb",
-    "@uniformdev/mesh-sdk": "19.55.1-alpha.8+02b3f0ddb",
+    "@uniformdev/canvas": "19.55.2-alpha.14+9b75d5322",
+    "@uniformdev/design-system": "19.55.2-alpha.14+9b75d5322",
+    "@uniformdev/mesh-sdk": "19.55.2-alpha.14+9b75d5322",
     "dequal": "^2.0.3",
     "lexical": "^0.12.0",
     "mitt": "^3.0.0",
     "react-beautiful-dnd": "13.1.1",
-    "react-hook-form": "^7.43.9",
+    "react-hook-form": "^7.47.0",
     "react-use": "17.4.0",
     "timeago.js": "4.0.2",
-    "uuid": "9.0.0",
-    "zod": "^3.21.4"
+    "uuid": "9.0.1",
+    "zod": "3.22.3"
   },
   "peerDependencies": {
     "@emotion/react": ">=11.8.0",
@@ -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": "02b3f0ddb80a99d95d2f69cab42013682d763ca8"
+  "gitHead": "9b75d5322988b2a8c59e7e1b641fb0c8cb7ad301"
 }