@uniformdev/mesh-sdk-react 19.116.0 → 19.117.0

package/dist/index.d.mts

@@ -903,8 +903,9 @@ type VariableEditorProps<TEditorContext = unknown, TEditVariableCompletedContext
     onCancel: (context: TEditVariableCancelledContext) => void;
     context: TEditorContext | undefined;
     disableAutoFocusOnMount?: boolean;
+    showDisplayName?: boolean;
 };
-declare function VariableEditor({ variable, onSubmit, onCancel, disableMeshTip, }: VariableEditorProps<any, unknown, EditConnectedDataResponseCancellationContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function VariableEditor({ variable, onSubmit, onCancel, showDisplayName, disableMeshTip, }: VariableEditorProps<any, unknown, EditConnectedDataResponseCancellationContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type VariablesProviderProps<TEditVariableContext = unknown, TEditVariableCompletedContext = unknown, TEditVariableCancelledContext = unknown> = React.PropsWithChildren<{
     /**

package/dist/index.d.ts

@@ -903,8 +903,9 @@ type VariableEditorProps<TEditorContext = unknown, TEditVariableCompletedContext
     onCancel: (context: TEditVariableCancelledContext) => void;
     context: TEditorContext | undefined;
     disableAutoFocusOnMount?: boolean;
+    showDisplayName?: boolean;
 };
-declare function VariableEditor({ variable, onSubmit, onCancel, disableMeshTip, }: VariableEditorProps<any, unknown, EditConnectedDataResponseCancellationContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare function VariableEditor({ variable, onSubmit, onCancel, showDisplayName, disableMeshTip, }: VariableEditorProps<any, unknown, EditConnectedDataResponseCancellationContext>): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type VariablesProviderProps<TEditVariableContext = unknown, TEditVariableCompletedContext = unknown, TEditVariableCancelledContext = unknown> = React.PropsWithChildren<{
     /**

package/dist/index.esm.js

@@ -3099,9 +3099,10 @@ function VariableEditor({
   variable,
   onSubmit,
   onCancel,
+  showDisplayName,
   disableMeshTip
 }) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const { variables } = useVariables();
   const currentVariable = variables[variable];
   const { register, handleSubmit, formState } = useForm({
@@ -3156,6 +3157,16 @@ function VariableEditor({
           }
         }
       ),
+      showDisplayName ? /* @__PURE__ */ jsx31(
+        Input2,
+        {
+          ...register("displayName"),
+          label: "Display name",
+          autoComplete: "off",
+          caption: "This is the name that will be displayed in the UI. If not provided, the name will be used.",
+          errorMessage: (_f = formState.errors.helpText) == null ? void 0 : _f.message
+        }
+      ) : null,
       /* @__PURE__ */ jsx31(
         Input2,
         {
@@ -3163,7 +3174,7 @@ function VariableEditor({
           label: "Help Text",
           caption: "Appears when entering a value for this variable.",
           autoComplete: "off",
-          errorMessage: (_f = formState.errors.helpText) == null ? void 0 : _f.message
+          errorMessage: (_g = formState.errors.helpText) == null ? void 0 : _g.message
         }
       ),
       /* @__PURE__ */ jsx31(
@@ -3172,7 +3183,7 @@ function VariableEditor({
           ...register("default"),
           label: "Default Value",
           autoComplete: "off",
-          errorMessage: (_g = formState.errors.default) == null ? void 0 : _g.message
+          errorMessage: (_h = formState.errors.default) == null ? void 0 : _h.message
         }
       ),
       /* @__PURE__ */ jsx31(HorizontalRhythm, { justify: "space-between", children: /* @__PURE__ */ jsxs16(HorizontalRhythm, { gap: "sm", children: [
@@ -7021,6 +7032,7 @@ var QueryFilter = ({
             value: queryState.count.toString(10),
             onChange: (newCount) => handleFilterChange({ count: newCount }),
             disableInlineMenu: true,
+            valueToResetTo: "5",
             inputWhenNoVariables: /* @__PURE__ */ jsx67(
               Input5,
               {

package/dist/index.js

@@ -3278,9 +3278,10 @@ function VariableEditor({
   variable,
   onSubmit,
   onCancel,
+  showDisplayName,
   disableMeshTip
 }) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const { variables } = useVariables();
   const currentVariable = variables[variable];
   const { register, handleSubmit, formState } = (0, import_react_hook_form.useForm)({
@@ -3335,6 +3336,16 @@ function VariableEditor({
           }
         }
       ),
+      showDisplayName ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        import_design_system16.Input,
+        {
+          ...register("displayName"),
+          label: "Display name",
+          autoComplete: "off",
+          caption: "This is the name that will be displayed in the UI. If not provided, the name will be used.",
+          errorMessage: (_f = formState.errors.helpText) == null ? void 0 : _f.message
+        }
+      ) : null,
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         import_design_system16.Input,
         {
@@ -3342,7 +3353,7 @@ function VariableEditor({
           label: "Help Text",
           caption: "Appears when entering a value for this variable.",
           autoComplete: "off",
-          errorMessage: (_f = formState.errors.helpText) == null ? void 0 : _f.message
+          errorMessage: (_g = formState.errors.helpText) == null ? void 0 : _g.message
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
@@ -3351,7 +3362,7 @@ function VariableEditor({
           ...register("default"),
           label: "Default Value",
           autoComplete: "off",
-          errorMessage: (_g = formState.errors.default) == null ? void 0 : _g.message
+          errorMessage: (_h = formState.errors.default) == null ? void 0 : _h.message
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_design_system16.HorizontalRhythm, { justify: "space-between", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_design_system16.HorizontalRhythm, { gap: "sm", children: [
@@ -7153,6 +7164,7 @@ var QueryFilter = ({
             value: queryState.count.toString(10),
             onChange: (newCount) => handleFilterChange({ count: newCount }),
             disableInlineMenu: true,
+            valueToResetTo: "5",
             inputWhenNoVariables: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
               import_design_system40.Input,
               {

package/dist/index.mjs

@@ -3099,9 +3099,10 @@ function VariableEditor({
   variable,
   onSubmit,
   onCancel,
+  showDisplayName,
   disableMeshTip
 }) {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const { variables } = useVariables();
   const currentVariable = variables[variable];
   const { register, handleSubmit, formState } = useForm({
@@ -3156,6 +3157,16 @@ function VariableEditor({
           }
         }
       ),
+      showDisplayName ? /* @__PURE__ */ jsx31(
+        Input2,
+        {
+          ...register("displayName"),
+          label: "Display name",
+          autoComplete: "off",
+          caption: "This is the name that will be displayed in the UI. If not provided, the name will be used.",
+          errorMessage: (_f = formState.errors.helpText) == null ? void 0 : _f.message
+        }
+      ) : null,
       /* @__PURE__ */ jsx31(
         Input2,
         {
@@ -3163,7 +3174,7 @@ function VariableEditor({
           label: "Help Text",
           caption: "Appears when entering a value for this variable.",
           autoComplete: "off",
-          errorMessage: (_f = formState.errors.helpText) == null ? void 0 : _f.message
+          errorMessage: (_g = formState.errors.helpText) == null ? void 0 : _g.message
         }
       ),
       /* @__PURE__ */ jsx31(
@@ -3172,7 +3183,7 @@ function VariableEditor({
           ...register("default"),
           label: "Default Value",
           autoComplete: "off",
-          errorMessage: (_g = formState.errors.default) == null ? void 0 : _g.message
+          errorMessage: (_h = formState.errors.default) == null ? void 0 : _h.message
         }
       ),
       /* @__PURE__ */ jsx31(HorizontalRhythm, { justify: "space-between", children: /* @__PURE__ */ jsxs16(HorizontalRhythm, { gap: "sm", children: [
@@ -7021,6 +7032,7 @@ var QueryFilter = ({
             value: queryState.count.toString(10),
             onChange: (newCount) => handleFilterChange({ count: newCount }),
             disableInlineMenu: true,
+            valueToResetTo: "5",
             inputWhenNoVariables: /* @__PURE__ */ jsx67(
               Input5,
               {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.116.0",
+  "version": "19.117.0",
   "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.116.0",
-    "@uniformdev/design-system": "19.116.0",
-    "@uniformdev/mesh-sdk": "19.116.0",
+    "@uniformdev/canvas": "19.117.0",
+    "@uniformdev/design-system": "19.117.0",
+    "@uniformdev/mesh-sdk": "19.117.0",
     "dequal": "^2.0.3",
     "lexical": "^0.12.0",
     "mitt": "^3.0.0",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eb2d8d8485cd6c1d4cb6ea5ad1d4d230405ede2e"
+  "gitHead": "078ffb99d76951dcfde1855e41d7f3a7a0829769"
 }