@uniformdev/mesh-sdk-react 19.55.2-alpha.48 → 19.55.2-alpha.54

package/dist/index.d.mts

@@ -429,7 +429,9 @@ declare function DataResourceDynamicInputProvider(props: DataResourceDynamicInpu
  *
  * You can also combine (2) and (3) to get both explicit value typing and assertion of the location.
  */
-declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLocationValue = unknown, TLocationSetValue = TLocationValue>(expectedLocation?: TLocationType): Omit<Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
+declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLocationValue = unknown, TLocationSetValue = TLocationValue>(expectedLocation?: TLocationType): Omit<Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
+    type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
     type: TLocationType;
@@ -444,7 +446,9 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
 }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
     type: TLocationType;
 }>, "setValue"> & {
-    setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
+    setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
+        type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
         type: TLocationType;
@@ -458,7 +462,9 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
         type: TLocationType;
-    }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
+    }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
+        type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
         type: TLocationType;
@@ -795,6 +801,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

@@ -429,7 +429,9 @@ declare function DataResourceDynamicInputProvider(props: DataResourceDynamicInpu
  *
  * You can also combine (2) and (3) to get both explicit value typing and assertion of the location.
  */
-declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLocationValue = unknown, TLocationSetValue = TLocationValue>(expectedLocation?: TLocationType): Omit<Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
+declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLocationValue = unknown, TLocationSetValue = TLocationValue>(expectedLocation?: TLocationType): Omit<Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
+    type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
     type: TLocationType;
@@ -444,7 +446,9 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
 }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
     type: TLocationType;
 }>, "setValue"> & {
-    setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
+    setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
+        type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
         type: TLocationType;
@@ -458,7 +462,9 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
         type: TLocationType;
-    }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
+    }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
+        type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.DataSourceLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.DataTypeLocation, {
         type: TLocationType;
@@ -795,6 +801,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

@@ -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";
@@ -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,
@@ -5121,7 +5148,7 @@ 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);
@@ -5142,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" }),
@@ -5770,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();
@@ -5794,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);
@@ -6749,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",
@@ -6776,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 }),

package/dist/index.js

@@ -4261,6 +4261,18 @@ var inputCompact = import_react41.css`
   padding-block: var(--spacing-sm);
   font-size: var(--fs-sm);
 `;
+var placeholderCaption = import_react41.css`
+  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 = import_react41.css`
+  inset: var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base);
+`;
 
 // src/components/Variables/toolbox/InputVariablesProvider.tsx
 var React10 = __toESM(require("react"));
@@ -4658,13 +4670,17 @@ var import_utils4 = require("@lexical/utils");
 var import_lexical9 = require("lexical");
 var import_react48 = require("react");
 var import_jsx_runtime38 = require("@emotion/react/jsx-runtime");
-function VariablesComposerInput({ css: css37, ...contentEditableProps }) {
+function VariablesComposerInput({
+  css: css37,
+  placeholder,
+  ...contentEditableProps
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
     /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       import_LexicalPlainTextPlugin.PlainTextPlugin,
       {
         contentEditable: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_LexicalContentEditable.ContentEditable, { ...contentEditableProps }),
-        placeholder: null,
+        placeholder: placeholder ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_jsx_runtime38.Fragment, { children: placeholder }) : null,
         ErrorBoundary: import_LexicalErrorBoundary.default
       }
     ),
@@ -4762,6 +4778,7 @@ function InputVariables(props) {
     transformPaste,
     showAddVariableMenuOption,
     inputWhenNoVariables,
+    placeholder,
     caption,
     errorMessage,
     warningMessage,
@@ -4802,7 +4819,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__ */ (0, import_jsx_runtime39.jsx)(
+                  import_design_system20.Caption,
+                  {
+                    css: [
+                      placeholderCaption,
+                      styleVariant === "compact" ? placeholderCompact : null
+                    ],
+                    children: placeholder
+                  }
+                ) : void 0
               }
             )
           }

package/dist/index.mjs

@@ -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";
@@ -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,
@@ -5121,7 +5148,7 @@ 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);
@@ -5142,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" }),
@@ -5770,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();
@@ -5794,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);
@@ -6749,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",
@@ -6776,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 }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.55.2-alpha.48+3b4e395a3",
+  "version": "19.55.2-alpha.54+5c0508742",
   "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.55.2-alpha.48+3b4e395a3",
-    "@uniformdev/design-system": "19.55.2-alpha.48+3b4e395a3",
-    "@uniformdev/mesh-sdk": "19.55.2-alpha.48+3b4e395a3",
+    "@uniformdev/canvas": "19.55.2-alpha.54+5c0508742",
+    "@uniformdev/design-system": "19.55.2-alpha.54+5c0508742",
+    "@uniformdev/mesh-sdk": "19.55.2-alpha.54+5c0508742",
     "dequal": "^2.0.3",
     "lexical": "^0.12.0",
     "mitt": "^3.0.0",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3b4e395a30a0c38676df3b030b30337e492d4cc7"
+  "gitHead": "5c0508742475c257e8e24003c4515dd06252045b"
 }