@uniformdev/mesh-sdk-react 19.30.1-alpha.0 → 19.32.1-alpha.4

package/dist/index.d.ts

@@ -865,11 +865,13 @@ type ObjectSearchListItemProps = SelectedItemProps & {
      * @default false
      */
     isMulti?: boolean;
+    /** sets disabled state to the interactive element */
+    disabled?: boolean;
 };
 /**
  * @description entry search list item is an opinionated UI component best used for initial retrieved results
  * @example <ObjectSearchListItem  id="my-result-item" title="title" popoverData={<p>some data info</p>}><div>example of uncontrolled content</div></ObjectSearchListItem> */
-declare const ObjectSearchListItem: ({ id, title, contentType, image, popoverData, onSelect, isMulti, children, }: ObjectSearchListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ObjectSearchListItem: ({ id, title, contentType, image, popoverData, onSelect, isMulti, disabled, children, }: ObjectSearchListItemProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 /**
  * An opinionated loading skeleton component best used with ObjectSearchListItem
  * @example <ObjectSearchListItemLoadingSkeleton />

package/dist/index.esm.js

@@ -3786,6 +3786,7 @@ var SelectVariableMenu = ({
           ref: btnRef,
           css: [menuBtn2, buttonCss],
           type: "button",
+          "data-test-id": "insert-variable",
           children: /* @__PURE__ */ jsx32(CgUsbC, { size: "1.4rem" })
         }
       ),
@@ -4427,13 +4428,14 @@ function DataResourceVariablesListExplicit({
 }
 function TextVariableRenderer({ definition, value, setValue }) {
   var _a;
-  return /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx39("div", { "data-test-id": "variable-input-container", children: /* @__PURE__ */ jsx39(
     InputVariables,
     {
       label: definition.displayName || definition.name,
       value: value != null ? value : "",
       caption: (_a = definition.helpText) != null ? _a : definition.default !== "" ? `Default value: ${definition.default}` : void 0,
-      onChange: setValue
+      onChange: setValue,
+      "data-test-id": "variable-input"
     }
   ) });
 }
@@ -6633,6 +6635,10 @@ var ObjectListItemContainer = css31`
   grid-template-columns: 1fr auto;
   padding: var(--spacing-sm);
 `;
+var ObjectListItemContainerDisabled = css31`
+  opacity: var(--opacity-50);
+  pointer-events: none;
+`;
 var ObjectListItemLoading = css31`
   animation: ${skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
@@ -6697,6 +6703,7 @@ var ObjectSearchListItem = ({
   popoverData,
   onSelect,
   isMulti = false,
+  disabled,
   children
 }) => {
   const { onSelectItem, selectedListItems } = useObjectSearchContext();
@@ -6711,20 +6718,36 @@ var ObjectSearchListItem = ({
     return onSelectItem([selectedItem]);
   };
   const selected = selectedListItems.some((item) => item.id === id);
-  return /* @__PURE__ */ jsxs33("div", { role: "listitem", css: ObjectListItemContainer, children: [
-    /* @__PURE__ */ jsxs33("div", { role: "button", onClick: handleSelectItem, css: ObjectListItemControlledContent, children: [
-      !image ? null : /* @__PURE__ */ jsx56("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
-      /* @__PURE__ */ jsxs33("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
-        !contentType ? null : /* @__PURE__ */ jsx56("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
-        /* @__PURE__ */ jsx56("span", { css: ObjectListItemTitle, children: title })
-      ] })
-    ] }),
-    !popoverData ? null : /* @__PURE__ */ jsxs33("div", { css: ObjectListItemInfoContainer, children: [
-      selected ? /* @__PURE__ */ jsx56(Chip2, { text: "selected", size: "xs" }) : null,
-      /* @__PURE__ */ jsx56(Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, iconColor: "default", children: popoverData })
-    ] }),
-    !children ? null : /* @__PURE__ */ jsx56("div", { css: ObjectListItemUnControlledContent, children })
-  ] });
+  return /* @__PURE__ */ jsxs33(
+    "div",
+    {
+      role: "listitem",
+      css: [ObjectListItemContainer, disabled ? ObjectListItemContainerDisabled : void 0],
+      children: [
+        /* @__PURE__ */ jsxs33(
+          "div",
+          {
+            role: "button",
+            onClick: handleSelectItem,
+            css: ObjectListItemControlledContent,
+            "aria-disabled": disabled,
+            children: [
+              !image ? null : /* @__PURE__ */ jsx56("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
+              /* @__PURE__ */ jsxs33("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
+                !contentType ? null : /* @__PURE__ */ jsx56("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
+                /* @__PURE__ */ jsx56("span", { css: ObjectListItemTitle, children: title })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs33("div", { css: ObjectListItemInfoContainer, children: [
+          selected ? /* @__PURE__ */ jsx56(Chip2, { text: "selected", size: "xs" }) : null,
+          !popoverData ? null : /* @__PURE__ */ jsx56(Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, iconColor: "default", children: popoverData })
+        ] }),
+        !children ? null : /* @__PURE__ */ jsx56("div", { css: ObjectListItemUnControlledContent, children })
+      ]
+    }
+  );
 };
 var ObjectSearchListItemLoadingSkeleton = () => {
   return /* @__PURE__ */ jsx56("div", { role: "presentation", css: [ObjectListItemContainer, ObjectListItemLoading] });

package/dist/index.js

@@ -3939,6 +3939,7 @@ var SelectVariableMenu = ({
           ref: btnRef,
           css: [menuBtn2, buttonCss],
           type: "button",
+          "data-test-id": "insert-variable",
           children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_cg5.CgUsbC, { size: "1.4rem" })
         }
       ),
@@ -4567,13 +4568,14 @@ function DataResourceVariablesListExplicit({
 }
 function TextVariableRenderer({ definition, value, setValue }) {
   var _a;
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { "data-test-id": "variable-input-container", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     InputVariables,
     {
       label: definition.displayName || definition.name,
       value: value != null ? value : "",
       caption: (_a = definition.helpText) != null ? _a : definition.default !== "" ? `Default value: ${definition.default}` : void 0,
-      onChange: setValue
+      onChange: setValue,
+      "data-test-id": "variable-input"
     }
   ) });
 }
@@ -6748,6 +6750,10 @@ var ObjectListItemContainer = import_react55.css`
   grid-template-columns: 1fr auto;
   padding: var(--spacing-sm);
 `;
+var ObjectListItemContainerDisabled = import_react55.css`
+  opacity: var(--opacity-50);
+  pointer-events: none;
+`;
 var ObjectListItemLoading = import_react55.css`
   animation: ${import_design_system29.skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
@@ -6812,6 +6818,7 @@ var ObjectSearchListItem = ({
   popoverData,
   onSelect,
   isMulti = false,
+  disabled,
   children
 }) => {
   const { onSelectItem, selectedListItems } = useObjectSearchContext();
@@ -6826,20 +6833,36 @@ var ObjectSearchListItem = ({
     return onSelectItem([selectedItem]);
   };
   const selected = selectedListItems.some((item) => item.id === id);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { role: "listitem", css: ObjectListItemContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { role: "button", onClick: handleSelectItem, css: ObjectListItemControlledContent, children: [
-      !image ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
-        !contentType ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { css: ObjectListItemTitle, children: title })
-      ] })
-    ] }),
-    !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: ObjectListItemInfoContainer, children: [
-      selected ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system30.Chip, { text: "selected", size: "xs" }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system30.Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, iconColor: "default", children: popoverData })
-    ] }),
-    !children ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { css: ObjectListItemUnControlledContent, children })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+    "div",
+    {
+      role: "listitem",
+      css: [ObjectListItemContainer, disabled ? ObjectListItemContainerDisabled : void 0],
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+          "div",
+          {
+            role: "button",
+            onClick: handleSelectItem,
+            css: ObjectListItemControlledContent,
+            "aria-disabled": disabled,
+            children: [
+              !image ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
+              /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
+                !contentType ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
+                /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { css: ObjectListItemTitle, children: title })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { css: ObjectListItemInfoContainer, children: [
+          selected ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system30.Chip, { text: "selected", size: "xs" }) : null,
+          !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system30.Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, iconColor: "default", children: popoverData })
+        ] }),
+        !children ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { css: ObjectListItemUnControlledContent, children })
+      ]
+    }
+  );
 };
 var ObjectSearchListItemLoadingSkeleton = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { role: "presentation", css: [ObjectListItemContainer, ObjectListItemLoading] });

package/dist/index.mjs

@@ -3786,6 +3786,7 @@ var SelectVariableMenu = ({
           ref: btnRef,
           css: [menuBtn2, buttonCss],
           type: "button",
+          "data-test-id": "insert-variable",
           children: /* @__PURE__ */ jsx32(CgUsbC, { size: "1.4rem" })
         }
       ),
@@ -4427,13 +4428,14 @@ function DataResourceVariablesListExplicit({
 }
 function TextVariableRenderer({ definition, value, setValue }) {
   var _a;
-  return /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx39("div", { "data-test-id": "variable-input-container", children: /* @__PURE__ */ jsx39(
     InputVariables,
     {
       label: definition.displayName || definition.name,
       value: value != null ? value : "",
       caption: (_a = definition.helpText) != null ? _a : definition.default !== "" ? `Default value: ${definition.default}` : void 0,
-      onChange: setValue
+      onChange: setValue,
+      "data-test-id": "variable-input"
     }
   ) });
 }
@@ -6633,6 +6635,10 @@ var ObjectListItemContainer = css31`
   grid-template-columns: 1fr auto;
   padding: var(--spacing-sm);
 `;
+var ObjectListItemContainerDisabled = css31`
+  opacity: var(--opacity-50);
+  pointer-events: none;
+`;
 var ObjectListItemLoading = css31`
   animation: ${skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
@@ -6697,6 +6703,7 @@ var ObjectSearchListItem = ({
   popoverData,
   onSelect,
   isMulti = false,
+  disabled,
   children
 }) => {
   const { onSelectItem, selectedListItems } = useObjectSearchContext();
@@ -6711,20 +6718,36 @@ var ObjectSearchListItem = ({
     return onSelectItem([selectedItem]);
   };
   const selected = selectedListItems.some((item) => item.id === id);
-  return /* @__PURE__ */ jsxs33("div", { role: "listitem", css: ObjectListItemContainer, children: [
-    /* @__PURE__ */ jsxs33("div", { role: "button", onClick: handleSelectItem, css: ObjectListItemControlledContent, children: [
-      !image ? null : /* @__PURE__ */ jsx56("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
-      /* @__PURE__ */ jsxs33("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
-        !contentType ? null : /* @__PURE__ */ jsx56("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
-        /* @__PURE__ */ jsx56("span", { css: ObjectListItemTitle, children: title })
-      ] })
-    ] }),
-    !popoverData ? null : /* @__PURE__ */ jsxs33("div", { css: ObjectListItemInfoContainer, children: [
-      selected ? /* @__PURE__ */ jsx56(Chip2, { text: "selected", size: "xs" }) : null,
-      /* @__PURE__ */ jsx56(Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, iconColor: "default", children: popoverData })
-    ] }),
-    !children ? null : /* @__PURE__ */ jsx56("div", { css: ObjectListItemUnControlledContent, children })
-  ] });
+  return /* @__PURE__ */ jsxs33(
+    "div",
+    {
+      role: "listitem",
+      css: [ObjectListItemContainer, disabled ? ObjectListItemContainerDisabled : void 0],
+      children: [
+        /* @__PURE__ */ jsxs33(
+          "div",
+          {
+            role: "button",
+            onClick: handleSelectItem,
+            css: ObjectListItemControlledContent,
+            "aria-disabled": disabled,
+            children: [
+              !image ? null : /* @__PURE__ */ jsx56("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
+              /* @__PURE__ */ jsxs33("div", { role: "heading", css: ObjectListItemHeadingGroup, children: [
+                !contentType ? null : /* @__PURE__ */ jsx56("span", { css: ObjectListItemSubtitle, children: formatedContentType }),
+                /* @__PURE__ */ jsx56("span", { css: ObjectListItemTitle, children: title })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs33("div", { css: ObjectListItemInfoContainer, children: [
+          selected ? /* @__PURE__ */ jsx56(Chip2, { text: "selected", size: "xs" }) : null,
+          !popoverData ? null : /* @__PURE__ */ jsx56(Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, iconColor: "default", children: popoverData })
+        ] }),
+        !children ? null : /* @__PURE__ */ jsx56("div", { css: ObjectListItemUnControlledContent, children })
+      ]
+    }
+  );
 };
 var ObjectSearchListItemLoadingSkeleton = () => {
   return /* @__PURE__ */ jsx56("div", { role: "presentation", css: [ObjectListItemContainer, ObjectListItemLoading] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.30.1-alpha.0+fa7b5018a",
+  "version": "19.32.1-alpha.4+e139d9ab3",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -45,8 +45,8 @@
   "dependencies": {
     "@hookform/resolvers": "^3.0.1",
     "@lexical/react": "^0.11.1",
-    "@uniformdev/design-system": "19.30.1-alpha.0+fa7b5018a",
-    "@uniformdev/mesh-sdk": "19.30.1-alpha.0+fa7b5018a",
+    "@uniformdev/design-system": "19.32.1-alpha.4+e139d9ab3",
+    "@uniformdev/mesh-sdk": "19.32.1-alpha.4+e139d9ab3",
     "lexical": "^0.11.1",
     "mitt": "^3.0.0",
     "react-beautiful-dnd": "13.1.1",
@@ -80,5 +80,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fa7b5018a6723a15f1932d306a1e674e4a8baf5d"
+  "gitHead": "e139d9ab324b00fff68e36751585b829c3bb1fb5"
 }