@uniformdev/mesh-sdk-react 19.61.1-alpha.10 → 19.61.1-alpha.18

package/dist/index.d.mts

@@ -437,6 +437,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
     type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
+    type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
@@ -454,6 +456,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
+        type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
@@ -470,6 +474,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
+        type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
@@ -592,6 +598,10 @@ type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
      * If not passed, defaults to helpText.
      */
     tooltip?: string;
+    /**
+     If true the variable will be shown only in menus.
+     */
+    system?: boolean;
 };
 /**
  * Provides information for an undefined variable that might be referenced in data,
@@ -801,6 +811,8 @@ type InputVariablesProps<TEditorContext = unknown> = {
     warningMessage?: string;
     /** (optional) sets and shows the the info message value */
     infoMessage?: string;
+    /** (optional) sets placeholder when there is no value */
+    placeholder?: string;
     /** (optional) sets caption text value */
     caption?: string;
     /** Disables editing the value of the input, editing variables, and adding variables */

package/dist/index.d.ts

@@ -437,6 +437,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
     type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
+    type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
@@ -454,6 +456,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
+        type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
@@ -470,6 +474,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataResourceLocation, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.AIPromptMetadataLocation, {
+        type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeLocation<TLocationValue, unknown, TLocationSetValue, unknown>, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.ParamTypeConfigLocation<TLocationValue, unknown>, {
@@ -592,6 +598,10 @@ type MeshDataVariableDefinition = Omit<DataVariableDefinition, 'default'> & {
      * If not passed, defaults to helpText.
      */
     tooltip?: string;
+    /**
+     If true the variable will be shown only in menus.
+     */
+    system?: boolean;
 };
 /**
  * Provides information for an undefined variable that might be referenced in data,
@@ -801,6 +811,8 @@ type InputVariablesProps<TEditorContext = unknown> = {
     warningMessage?: string;
     /** (optional) sets and shows the the info message value */
     infoMessage?: string;
+    /** (optional) sets placeholder when there is no value */
+    placeholder?: string;
     /** (optional) sets caption text value */
     caption?: string;
     /** Disables editing the value of the input, editing variables, and adding variables */

package/dist/index.esm.js

@@ -3002,7 +3002,7 @@ import {
 import { mergeRegister } from "@lexical/utils";
 import { AiFillPlusCircle } from "@react-icons/all-files/ai/AiFillPlusCircle";
 import { createVariableReference } from "@uniformdev/canvas";
-import { HorizontalRhythm as HorizontalRhythm2, MenuGroup, MenuItem as MenuItem2, MenuItemSeparator } from "@uniformdev/design-system";
+import { HorizontalRhythm as HorizontalRhythm2, MenuGroup, MenuItemInner, MenuItemSeparator } from "@uniformdev/design-system";
 import { dequal as dequal2 } from "dequal/lite";
 import {
   $createTextNode,
@@ -3766,7 +3766,7 @@ function VariablesPlugin({
                     currentCumulativeMenuIndex++;
                     const myCumulativeIndex = currentCumulativeMenuIndex;
                     return /* @__PURE__ */ jsx32(
-                      MenuItem2,
+                      MenuItemInner,
                       {
                         active: selectedIndex === myCumulativeIndex,
                         onClick: () => {
@@ -4083,6 +4083,18 @@ var inputCompact = css21`
   padding-block: var(--spacing-sm);
   font-size: var(--fs-sm);
 `;
+var placeholderCaption = css21`
+  position: absolute;
+  color: var(--gray-400);
+  inset: var(--spacing-base) var(--spacing-lg) var(--spacing-base) var(--spacing-base);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  pointer-events: none;
+`;
+var placeholderCompact = css21`
+  inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
+`;
 
 // src/components/Variables/toolbox/InputVariablesProvider.tsx
 import * as React10 from "react";
@@ -4201,7 +4213,7 @@ import { CLEAR_EDITOR_COMMAND } from "lexical";
 // src/components/Variables/toolbox/SelectVariableMenu.tsx
 import { BsFillPlusCircleFill } from "@react-icons/all-files/bs/BsFillPlusCircleFill";
 import { CgUsbC } from "@react-icons/all-files/cg/CgUsbC";
-import { HorizontalRhythm as HorizontalRhythm3, Menu as Menu2, MenuGroup as MenuGroup2, MenuItem as MenuItem3, MenuItemSeparator as MenuItemSeparator2 } from "@uniformdev/design-system";
+import { HorizontalRhythm as HorizontalRhythm3, Menu as Menu2, MenuGroup as MenuGroup2, MenuItem as MenuItem2, MenuItemSeparator as MenuItemSeparator2 } from "@uniformdev/design-system";
 import { useRef as useRef11 } from "react";
 import { Fragment as Fragment7, jsx as jsx34, jsxs as jsxs19 } from "@emotion/react/jsx-runtime";
 function SelectVariableMenu({
@@ -4244,7 +4256,7 @@ function SelectVariableMenu({
       menuLabel: menuTooltip,
       children: [
         showAddVariableMenuOptionForReals ? /* @__PURE__ */ jsx34(
-          MenuItem3,
+          MenuItem2,
           {
             onClick: async () => {
               const result = await editVariable("", getEditorContext == null ? void 0 : getEditorContext());
@@ -4266,7 +4278,7 @@ function SelectVariableMenu({
           return /* @__PURE__ */ jsx34(MenuGroup2, { title: (_a = group.name) != null ? _a : "", children: group.variables.map((variable) => {
             const { name, displayName, helpText } = variable;
             return /* @__PURE__ */ jsxs19(
-              MenuItem3,
+              MenuItem2,
               {
                 id: name,
                 css: menuItemTextGroup,
@@ -4281,7 +4293,7 @@ function SelectVariableMenu({
           }) }, group.name);
         }),
         menuHasVariableOptions && onResetVariables ? /* @__PURE__ */ jsx34(MenuItemSeparator2, {}) : null,
-        onResetVariables ? /* @__PURE__ */ jsx34(MenuItem3, { onClick: onResetVariables, css: { color: "var(--brand-secondary-5)" }, children: "Reset" }) : null,
+        onResetVariables ? /* @__PURE__ */ jsx34(MenuItem2, { onClick: onResetVariables, css: { color: "var(--brand-secondary-5)" }, children: "Reset" }) : null,
         tip && (menuHasVariableOptions || onResetVariables) ? /* @__PURE__ */ jsx34(MenuItemSeparator2, {}) : null,
         tip ? /* @__PURE__ */ jsx34("i", { css: variablesTipText, children: tip }) : null
       ]
@@ -4491,14 +4503,18 @@ import {
   PASTE_COMMAND as PASTE_COMMAND2
 } from "lexical";
 import { useEffect as useEffect13 } from "react";
-import { jsx as jsx38, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
-function VariablesComposerInput({ css: css37, ...contentEditableProps }) {
+import { Fragment as Fragment9, jsx as jsx38, jsxs as jsxs22 } from "@emotion/react/jsx-runtime";
+function VariablesComposerInput({
+  css: css37,
+  placeholder,
+  ...contentEditableProps
+}) {
   return /* @__PURE__ */ jsxs22("div", { children: [
     /* @__PURE__ */ jsx38(
       PlainTextPlugin,
       {
         contentEditable: /* @__PURE__ */ jsx38(ContentEditable, { ...contentEditableProps }),
-        placeholder: null,
+        placeholder: placeholder ? /* @__PURE__ */ jsx38(Fragment9, { children: placeholder }) : null,
         ErrorBoundary: LexicalErrorBoundary
       }
     ),
@@ -4583,7 +4599,7 @@ function RichishCopyAndPastePlugin() {
 }
 
 // src/components/Variables/InputVariables.tsx
-import { Fragment as Fragment9, jsx as jsx39, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx39, jsxs as jsxs23 } from "@emotion/react/jsx-runtime";
 function InputVariables(props) {
   const {
     id,
@@ -4596,6 +4612,7 @@ function InputVariables(props) {
     transformPaste,
     showAddVariableMenuOption,
     inputWhenNoVariables,
+    placeholder,
     caption,
     errorMessage,
     warningMessage,
@@ -4636,7 +4653,17 @@ function InputVariables(props) {
                 "aria-label": ariaLabel,
                 "data-testid": dataTestId ? dataTestId : "input-container",
                 "data-text-value": value,
-                css: [input, styleVariant === "compact" ? inputCompact : null]
+                css: [input, styleVariant === "compact" ? inputCompact : null],
+                placeholder: placeholder ? /* @__PURE__ */ jsx39(
+                  Caption,
+                  {
+                    css: [
+                      placeholderCaption,
+                      styleVariant === "compact" ? placeholderCompact : null
+                    ],
+                    children: placeholder
+                  }
+                ) : void 0
               }
             )
           }
@@ -4695,7 +4722,7 @@ function InputVariablesOverlayMenu({
   ...props
 }) {
   if (disabled) {
-    return /* @__PURE__ */ jsx39(Fragment9, { children });
+    return /* @__PURE__ */ jsx39(Fragment10, { children });
   }
   return /* @__PURE__ */ jsxs23("div", { css: menuContainer, children: [
     children,
@@ -4718,6 +4745,7 @@ import { useMemo as useMemo11 } from "react";
 
 // src/components/Variables/styles/ParameterVariables.styles.ts
 import { css as css23 } from "@emotion/react";
+import { scrollbarStyles as scrollbarStyles3 } from "@uniformdev/design-system";
 var variableBindButton2 = css23`
   align-items: center;
   border: none;
@@ -4797,8 +4825,10 @@ var input2 = css23`
   }
 `;
 var inputMultiLine = (lines) => css23`
-  // 1.5 = line height, spacing-md = top and bottom padding
-  height: calc(${lines * 1.5}em + var(--spacing-md));
+  ${scrollbarStyles3}
+  // 1.5 = line height, spacing-sm = top and bottom padding + spacing-xs to give a slight increase in height
+  // as the text looked to close to the bottom of the input
+  height: calc(${lines * 1.5}em + var(--spacing-sm) + var(--spacing-xs));
   resize: vertical;
   overflow: auto;
 `;
@@ -5020,7 +5050,7 @@ 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(2) : css24``,
                     inputCss != null ? inputCss : css24``
                   ]
                 }
@@ -5118,10 +5148,10 @@ var variableValue = css25`
 `;
 
 // src/components/Variables/VariablesList.tsx
-import { Fragment as Fragment10, jsx as jsx43, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs27 } from "@emotion/react/jsx-runtime";
 function VariablesList() {
   const { variables, dispatch } = useVariables();
-  const sorted = variablesToList(variables);
+  const sorted = variablesToList(variables).filter((variable) => !variable.system);
   const onDragEnd = (res) => {
     var _a, _b;
     if (res.destination && res.source.droppableId === ((_a = res.destination) == null ? void 0 : _a.droppableId)) {
@@ -5139,7 +5169,7 @@ function VariablesList() {
       return result;
     }
   };
-  return /* @__PURE__ */ jsxs27(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs27(Fragment11, { children: [
     /* @__PURE__ */ jsx43(DragDropContext2, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx43(Droppable2, { droppableId: "variables-table", children: (provided) => /* @__PURE__ */ jsxs27(Table, { ...provided.droppableProps, ref: provided.innerRef, children: [
       /* @__PURE__ */ jsx43(TableHead, { children: /* @__PURE__ */ jsxs27(TableRow, { children: [
         /* @__PURE__ */ jsx43(TableCellHead, { children: "Name" }),
@@ -5767,7 +5797,7 @@ function decodeVariablesInUrlEncodedString(string, varValues) {
 }
 
 // src/components/Request/RequestUrl.tsx
-import { Fragment as Fragment11, jsx as jsx52, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx52, jsxs as jsxs31 } from "@emotion/react/jsx-runtime";
 function RequestUrl() {
   var _a, _b;
   const { variables } = useVariables();
@@ -5791,7 +5821,7 @@ function RequestUrl() {
         request.baseRequest ? /* @__PURE__ */ jsx52("span", { children: (_b = request.baseRequest) == null ? void 0 : _b.baseUrl }) : null,
         /* @__PURE__ */ jsxs31("span", { css: { fontWeight: request.baseRequest ? "bold" : "inherit" }, children: [
           urlEncodeRequestUrl(request.relativeUrl, variables),
-          mergedParameters.length > 0 ? /* @__PURE__ */ jsxs31(Fragment11, { children: [
+          mergedParameters.length > 0 ? /* @__PURE__ */ jsxs31(Fragment12, { children: [
             "?",
             mergedParameters.map((param, index) => {
               const encoded = urlEncodeRequestParameter(param, variables);
@@ -6746,7 +6776,7 @@ var ObjectSearchResultListTitle = css36`
 `;
 
 // src/components/ObjectSearch/ObjectSearchResultList.tsx
-import { Fragment as Fragment12, jsx as jsx65, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx65, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
 function ObjectSearchResultList({
   resultLabelText = "Selected",
   removeButtonText = "Remove all",
@@ -6773,7 +6803,7 @@ function ObjectSearchResultList({
       return result;
     }
   };
-  return /* @__PURE__ */ jsxs40(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs40(Fragment13, { children: [
     /* @__PURE__ */ jsxs40("div", { role: "group", css: ObjectSearchResultListContainer, children: [
       /* @__PURE__ */ jsxs40("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
         /* @__PURE__ */ jsx65("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
@@ -7091,7 +7121,7 @@ import {
   LoadingIndicator as LoadingIndicator5,
   LoadingOverlay as LoadingOverlay2,
   Menu as Menu4,
-  MenuItem as MenuItem4,
+  MenuItem as MenuItem3,
   ParameterGroup,
   ParameterImage,
   ParameterImageInner,
@@ -7147,7 +7177,7 @@ export {
   LoadingIndicator5 as LoadingIndicator,
   LoadingOverlay2 as LoadingOverlay,
   Menu4 as Menu,
-  MenuItem4 as MenuItem,
+  MenuItem3 as MenuItem,
   MeshApp,
   OPEN_INSERT_VARIABLE_COMMAND,
   ObjectSearchContainer,