@uniformdev/mesh-sdk-react 19.27.1-alpha.3 → 19.29.1-alpha.19

package/dist/index.js

@@ -47,6 +47,7 @@ var init_emotion_jsx_shim = __esm({
 // ../../node_modules/.pnpm/yocto-queue@0.1.0/node_modules/yocto-queue/index.js
 var require_yocto_queue = __commonJS({
   "../../node_modules/.pnpm/yocto-queue@0.1.0/node_modules/yocto-queue/index.js"(exports, module2) {
+    "use strict";
     init_emotion_jsx_shim();
     var Node = class {
       /// value;
@@ -178,6 +179,7 @@ __export(src_exports, {
   DataTypeEditor: () => DataTypeEditor,
   DefaultSearchRow: () => DefaultSearchRow,
   DefaultSelectedItem: () => DefaultSelectedItem,
+  DrawerContent: () => import_design_system36.DrawerContent,
   EntrySearch: () => EntrySearch,
   Heading: () => import_design_system36.Heading,
   Icons: () => icons_exports,
@@ -3567,7 +3569,7 @@ var import_design_system15 = require("@uniformdev/design-system");
 var import_lexical2 = require("lexical");
 var import_react34 = require("react");
 var import_jsx_runtime30 = require("@emotion/react/jsx-runtime");
-var VariableNode = class extends import_lexical2.DecoratorNode {
+var VariableNode = class _VariableNode extends import_lexical2.DecoratorNode {
   constructor(reference, state, key) {
     super(key);
     this.reference = reference;
@@ -3577,7 +3579,7 @@ var VariableNode = class extends import_lexical2.DecoratorNode {
     return "variable";
   }
   static clone(node) {
-    return new VariableNode(node.reference, { ...node.__state }, node.__key);
+    return new _VariableNode(node.reference, { ...node.__state }, node.__key);
   }
   /** Imports the node from serialized JSON (i.e. the data provided to the editor's initial state) */
   static importJSON(serializedNode) {
@@ -3600,7 +3602,7 @@ var VariableNode = class extends import_lexical2.DecoratorNode {
   exportJSON() {
     return {
       reference: this.reference,
-      type: VariableNode.getType(),
+      type: _VariableNode.getType(),
       version: 1
     };
   }
@@ -5307,6 +5309,7 @@ var DataRefreshButton = ({
 
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
 init_emotion_jsx_shim();
+var import_react52 = require("@emotion/react");
 
 // ../canvas/dist/index.mjs
 init_emotion_jsx_shim();
@@ -5334,7 +5337,7 @@ var __privateAdd = (obj, member, value) => {
   member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 };
 var defaultLimitPolicy = (0, import_p_limit.default)(6);
-var ApiClientError = class extends Error {
+var ApiClientError = class _ApiClientError extends Error {
   constructor(errorMessage, fetchMethod, fetchUri, statusCode, statusText, requestId) {
     super(
       `${errorMessage}
@@ -5346,10 +5349,10 @@ var ApiClientError = class extends Error {
     this.statusCode = statusCode;
     this.statusText = statusText;
     this.requestId = requestId;
-    Object.setPrototypeOf(this, ApiClientError.prototype);
+    Object.setPrototypeOf(this, _ApiClientError.prototype);
   }
 };
-var ApiClient = class {
+var ApiClient = class _ApiClient {
   constructor(options) {
     __publicField(this, "options");
     var _a, _b, _c, _d, _e;
@@ -5419,7 +5422,7 @@ var ApiClient = class {
           fetchUri.toString(),
           apiResponse.status,
           apiResponse.statusText,
-          ApiClient.getRequestId(apiResponse)
+          _ApiClient.getRequestId(apiResponse)
         );
       }
       if (options == null ? void 0 : options.expectNoContent) {
@@ -5492,19 +5495,19 @@ async function handleRateLimits(callApi) {
   return response;
 }
 var _url;
-var _AggregateClient = class extends ApiClient {
+var _AggregateClient = class _AggregateClient2 extends ApiClient {
   constructor(options) {
     super(options);
   }
   /** Fetches all aggregates for a project */
   async get(options) {
     const { projectId } = this.options;
-    const fetchUri = this.createUrl(__privateGet(_AggregateClient, _url), { ...options, projectId });
+    const fetchUri = this.createUrl(__privateGet(_AggregateClient2, _url), { ...options, projectId });
     return await this.apiClient(fetchUri);
   }
   /** Updates or creates (based on id) an Aggregate */
   async upsert(body) {
-    const fetchUri = this.createUrl(__privateGet(_AggregateClient, _url));
+    const fetchUri = this.createUrl(__privateGet(_AggregateClient2, _url));
     await this.apiClient(fetchUri, {
       method: "PUT",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -5513,7 +5516,7 @@ var _AggregateClient = class extends ApiClient {
   }
   /** Deletes an Aggregate */
   async remove(body) {
-    const fetchUri = this.createUrl(__privateGet(_AggregateClient, _url));
+    const fetchUri = this.createUrl(__privateGet(_AggregateClient2, _url));
     await this.apiClient(fetchUri, {
       method: "DELETE",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -5521,39 +5524,37 @@ var _AggregateClient = class extends ApiClient {
     });
   }
 };
-var AggregateClient = _AggregateClient;
 _url = /* @__PURE__ */ new WeakMap();
-__privateAdd(AggregateClient, _url, "/api/v2/aggregate");
+__privateAdd(_AggregateClient, _url, "/api/v2/aggregate");
 var _url2;
-var _DimensionClient = class extends ApiClient {
+var _DimensionClient = class _DimensionClient2 extends ApiClient {
   constructor(options) {
     super(options);
   }
   /** Fetches the known score dimensions for a project */
   async get(options) {
     const { projectId } = this.options;
-    const fetchUri = this.createUrl(__privateGet(_DimensionClient, _url2), { ...options, projectId });
+    const fetchUri = this.createUrl(__privateGet(_DimensionClient2, _url2), { ...options, projectId });
     return await this.apiClient(fetchUri);
   }
 };
-var DimensionClient = _DimensionClient;
 _url2 = /* @__PURE__ */ new WeakMap();
-__privateAdd(DimensionClient, _url2, "/api/v2/dimension");
+__privateAdd(_DimensionClient, _url2, "/api/v2/dimension");
 var _url3;
 var _valueUrl;
-var _EnrichmentClient = class extends ApiClient {
+var _EnrichmentClient = class _EnrichmentClient2 extends ApiClient {
   constructor(options) {
     super(options);
   }
   /** Fetches all enrichments and values for a project, grouped by category */
   async get(options) {
     const { projectId } = this.options;
-    const fetchUri = this.createUrl(__privateGet(_EnrichmentClient, _url3), { ...options, projectId });
+    const fetchUri = this.createUrl(__privateGet(_EnrichmentClient2, _url3), { ...options, projectId });
     return await this.apiClient(fetchUri);
   }
   /** Updates or creates (based on id) an enrichment category */
   async upsertCategory(body) {
-    const fetchUri = this.createUrl(__privateGet(_EnrichmentClient, _url3));
+    const fetchUri = this.createUrl(__privateGet(_EnrichmentClient2, _url3));
     await this.apiClient(fetchUri, {
       method: "PUT",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -5562,7 +5563,7 @@ var _EnrichmentClient = class extends ApiClient {
   }
   /** Deletes an enrichment category */
   async removeCategory(body) {
-    const fetchUri = this.createUrl(__privateGet(_EnrichmentClient, _url3));
+    const fetchUri = this.createUrl(__privateGet(_EnrichmentClient2, _url3));
     await this.apiClient(fetchUri, {
       method: "DELETE",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -5571,7 +5572,7 @@ var _EnrichmentClient = class extends ApiClient {
   }
   /** Updates or creates (based on id) an enrichment value within an enrichment category */
   async upsertValue(body) {
-    const fetchUri = this.createUrl(__privateGet(_EnrichmentClient, _valueUrl));
+    const fetchUri = this.createUrl(__privateGet(_EnrichmentClient2, _valueUrl));
     await this.apiClient(fetchUri, {
       method: "PUT",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -5580,7 +5581,7 @@ var _EnrichmentClient = class extends ApiClient {
   }
   /** Deletes an enrichment value within an enrichment category. The category is left alone. */
   async removeValue(body) {
-    const fetchUri = this.createUrl(__privateGet(_EnrichmentClient, _valueUrl));
+    const fetchUri = this.createUrl(__privateGet(_EnrichmentClient2, _valueUrl));
     await this.apiClient(fetchUri, {
       method: "DELETE",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -5588,20 +5589,19 @@ var _EnrichmentClient = class extends ApiClient {
     });
   }
 };
-var EnrichmentClient = _EnrichmentClient;
 _url3 = /* @__PURE__ */ new WeakMap();
 _valueUrl = /* @__PURE__ */ new WeakMap();
-__privateAdd(EnrichmentClient, _url3, "/api/v1/enrichments");
-__privateAdd(EnrichmentClient, _valueUrl, "/api/v1/enrichment-values");
+__privateAdd(_EnrichmentClient, _url3, "/api/v1/enrichments");
+__privateAdd(_EnrichmentClient, _valueUrl, "/api/v1/enrichment-values");
 var _url4;
-var _ManifestClient = class extends ApiClient {
+var _ManifestClient = class _ManifestClient2 extends ApiClient {
   constructor(options) {
     super(options);
   }
   /** Fetches the Context manifest for a project */
   async get(options) {
     const { projectId } = this.options;
-    const fetchUri = this.createUrl(__privateGet(_ManifestClient, _url4), { ...options, projectId });
+    const fetchUri = this.createUrl(__privateGet(_ManifestClient2, _url4), { ...options, projectId });
     return await this.apiClient(fetchUri);
   }
   /** Publishes the Context manifest for a project */
@@ -5614,23 +5614,22 @@ var _ManifestClient = class extends ApiClient {
     });
   }
 };
-var ManifestClient = _ManifestClient;
 _url4 = /* @__PURE__ */ new WeakMap();
-__privateAdd(ManifestClient, _url4, "/api/v2/manifest");
+__privateAdd(_ManifestClient, _url4, "/api/v2/manifest");
 var _url5;
-var _QuirkClient = class extends ApiClient {
+var _QuirkClient = class _QuirkClient2 extends ApiClient {
   constructor(options) {
     super(options);
   }
   /** Fetches all Quirks for a project */
   async get(options) {
     const { projectId } = this.options;
-    const fetchUri = this.createUrl(__privateGet(_QuirkClient, _url5), { ...options, projectId });
+    const fetchUri = this.createUrl(__privateGet(_QuirkClient2, _url5), { ...options, projectId });
     return await this.apiClient(fetchUri);
   }
   /** Updates or creates (based on id) a Quirk */
   async upsert(body) {
-    const fetchUri = this.createUrl(__privateGet(_QuirkClient, _url5));
+    const fetchUri = this.createUrl(__privateGet(_QuirkClient2, _url5));
     await this.apiClient(fetchUri, {
       method: "PUT",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -5639,7 +5638,7 @@ var _QuirkClient = class extends ApiClient {
   }
   /** Deletes a Quirk */
   async remove(body) {
-    const fetchUri = this.createUrl(__privateGet(_QuirkClient, _url5));
+    const fetchUri = this.createUrl(__privateGet(_QuirkClient2, _url5));
     await this.apiClient(fetchUri, {
       method: "DELETE",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -5647,23 +5646,22 @@ var _QuirkClient = class extends ApiClient {
     });
   }
 };
-var QuirkClient = _QuirkClient;
 _url5 = /* @__PURE__ */ new WeakMap();
-__privateAdd(QuirkClient, _url5, "/api/v2/quirk");
+__privateAdd(_QuirkClient, _url5, "/api/v2/quirk");
 var _url6;
-var _SignalClient = class extends ApiClient {
+var _SignalClient = class _SignalClient2 extends ApiClient {
   constructor(options) {
     super(options);
   }
   /** Fetches all Signals for a project */
   async get(options) {
     const { projectId } = this.options;
-    const fetchUri = this.createUrl(__privateGet(_SignalClient, _url6), { ...options, projectId });
+    const fetchUri = this.createUrl(__privateGet(_SignalClient2, _url6), { ...options, projectId });
     return await this.apiClient(fetchUri);
   }
   /** Updates or creates (based on id) a Signal */
   async upsert(body) {
-    const fetchUri = this.createUrl(__privateGet(_SignalClient, _url6));
+    const fetchUri = this.createUrl(__privateGet(_SignalClient2, _url6));
     await this.apiClient(fetchUri, {
       method: "PUT",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -5672,7 +5670,7 @@ var _SignalClient = class extends ApiClient {
   }
   /** Deletes a Signal */
   async remove(body) {
-    const fetchUri = this.createUrl(__privateGet(_SignalClient, _url6));
+    const fetchUri = this.createUrl(__privateGet(_SignalClient2, _url6));
     await this.apiClient(fetchUri, {
       method: "DELETE",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -5680,23 +5678,22 @@ var _SignalClient = class extends ApiClient {
     });
   }
 };
-var SignalClient = _SignalClient;
 _url6 = /* @__PURE__ */ new WeakMap();
-__privateAdd(SignalClient, _url6, "/api/v2/signal");
+__privateAdd(_SignalClient, _url6, "/api/v2/signal");
 var _url7;
-var _TestClient = class extends ApiClient {
+var _TestClient = class _TestClient2 extends ApiClient {
   constructor(options) {
     super(options);
   }
   /** Fetches all Tests for a project */
   async get(options) {
     const { projectId } = this.options;
-    const fetchUri = this.createUrl(__privateGet(_TestClient, _url7), { ...options, projectId });
+    const fetchUri = this.createUrl(__privateGet(_TestClient2, _url7), { ...options, projectId });
     return await this.apiClient(fetchUri);
   }
   /** Updates or creates (based on id) a Test */
   async upsert(body) {
-    const fetchUri = this.createUrl(__privateGet(_TestClient, _url7));
+    const fetchUri = this.createUrl(__privateGet(_TestClient2, _url7));
     await this.apiClient(fetchUri, {
       method: "PUT",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -5705,7 +5702,7 @@ var _TestClient = class extends ApiClient {
   }
   /** Deletes a Test */
   async remove(body) {
-    const fetchUri = this.createUrl(__privateGet(_TestClient, _url7));
+    const fetchUri = this.createUrl(__privateGet(_TestClient2, _url7));
     await this.apiClient(fetchUri, {
       method: "DELETE",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -5713,9 +5710,8 @@ var _TestClient = class extends ApiClient {
     });
   }
 };
-var TestClient = _TestClient;
 _url7 = /* @__PURE__ */ new WeakMap();
-__privateAdd(TestClient, _url7, "/api/v2/test");
+__privateAdd(_TestClient, _url7, "/api/v2/test");
 
 // ../../node_modules/.pnpm/immer@9.0.21/node_modules/immer/dist/immer.esm.mjs
 init_emotion_jsx_shim();
@@ -6142,6 +6138,7 @@ var __privateAdd2 = (obj, member, value) => {
 };
 var require_retry_operation = __commonJS2({
   "../../node_modules/.pnpm/retry@0.13.1/node_modules/retry/lib/retry_operation.js"(exports, module2) {
+    "use strict";
     function RetryOperation(timeouts, options) {
       if (typeof options === "boolean") {
         options = { forever: options };
@@ -6275,6 +6272,7 @@ var require_retry_operation = __commonJS2({
 });
 var require_retry = __commonJS2({
   "../../node_modules/.pnpm/retry@0.13.1/node_modules/retry/lib/retry.js"(exports) {
+    "use strict";
     var RetryOperation = require_retry_operation();
     exports.operation = function(options) {
       var timeouts = exports.timeouts(options);
@@ -6359,24 +6357,25 @@ var require_retry = __commonJS2({
 });
 var require_retry2 = __commonJS2({
   "../../node_modules/.pnpm/retry@0.13.1/node_modules/retry/index.js"(exports, module2) {
+    "use strict";
     module2.exports = require_retry();
   }
 });
 var import_retry = __toESM2(require_retry2(), 1);
 var _url8;
-var _DataTypeClient = class extends ApiClient {
+var _DataTypeClient = class _DataTypeClient2 extends ApiClient {
   constructor(options) {
     super(options);
   }
   /** Fetches all DataTypes for a project */
   async get(options) {
     const { projectId } = this.options;
-    const fetchUri = this.createUrl(__privateGet2(_DataTypeClient, _url8), { ...options, projectId });
+    const fetchUri = this.createUrl(__privateGet2(_DataTypeClient2, _url8), { ...options, projectId });
     return await this.apiClient(fetchUri);
   }
   /** Updates or creates (based on id) a DataType */
   async upsert(body) {
-    const fetchUri = this.createUrl(__privateGet2(_DataTypeClient, _url8));
+    const fetchUri = this.createUrl(__privateGet2(_DataTypeClient2, _url8));
     await this.apiClient(fetchUri, {
       method: "PUT",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -6385,7 +6384,7 @@ var _DataTypeClient = class extends ApiClient {
   }
   /** Deletes a DataType */
   async remove(body) {
-    const fetchUri = this.createUrl(__privateGet2(_DataTypeClient, _url8));
+    const fetchUri = this.createUrl(__privateGet2(_DataTypeClient2, _url8));
     await this.apiClient(fetchUri, {
       method: "DELETE",
       body: JSON.stringify({ ...body, projectId: this.options.projectId }),
@@ -6393,9 +6392,8 @@ var _DataTypeClient = class extends ApiClient {
     });
   }
 };
-var DataTypeClient = _DataTypeClient;
 _url8 = /* @__PURE__ */ new WeakMap();
-__privateAdd2(DataTypeClient, _url8, "/api/v1/data-types");
+__privateAdd2(_DataTypeClient, _url8, "/api/v1/data-types");
 var EDGE_MAX_L2_CACHE_TTL_IN_HOURS = 4 * 7 * 24;
 function bindVariables({
   variables,
@@ -6586,7 +6584,19 @@ var ObjectSearchContainer = ({
   const { flatVariables } = useVariables(true);
   const body = /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_design_system27.VerticalRhythm, { children: [
     searchFilters,
-    !resultList ? null : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_design_system27.ScrollableList, { role: "list", children: resultList })
+    !resultList ? null : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+      import_design_system27.ScrollableList,
+      {
+        role: "list",
+        css: import_react52.css`
+            > div {
+              transition: max-height var(--duration-slow) var(--timing-ease-out);
+              max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
+            }
+          `,
+        children: resultList
+      }
+    )
   ] });
   const handleSelectedVariableChange = (selectedValue) => {
     var _a2;
@@ -6633,12 +6643,12 @@ var ObjectSearchContainer = ({
 // src/components/ObjectSearch/ObjectSearchFilter.tsx
 init_emotion_jsx_shim();
 var import_design_system28 = require("@uniformdev/design-system");
-var import_react53 = require("react");
+var import_react54 = require("react");
 
 // src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
 init_emotion_jsx_shim();
-var import_react52 = require("@emotion/react");
-var ObjectSearchFilterContainerLabel = import_react52.css`
+var import_react53 = require("@emotion/react");
+var ObjectSearchFilterContainerLabel = import_react53.css`
   align-items: center;
   display: flex;
   font-size: var(--fs-sm);
@@ -6646,14 +6656,14 @@ var ObjectSearchFilterContainerLabel = import_react52.css`
   line-height: 1rem;
   margin-bottom: var(--spacing-sm);
 `;
-var ObjectSearchFilterContainer = import_react52.css`
+var ObjectSearchFilterContainer = import_react53.css`
   display: grid;
   gap: var(--spacing-base);
 `;
-var ObjectSearchFilterDropdownAndTextSearch = import_react52.css`
+var ObjectSearchFilterDropdownAndTextSearch = import_react53.css`
   grid-template-columns: 0.5fr 1fr;
 `;
-var ObjectSearchFilterGrid = (gridColumns) => import_react52.css`
+var ObjectSearchFilterGrid = (gridColumns) => import_react53.css`
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-base);
@@ -6670,7 +6680,7 @@ var ObjectSearchFilter = ({
   selectOptions
 }) => {
   const { query, onSetQuery } = useObjectSearchContext();
-  const [searchState, setSearchState] = (0, import_react53.useState)({
+  const [searchState, setSearchState] = (0, import_react54.useState)({
     contentType: "",
     keyword: ""
   });
@@ -6727,22 +6737,18 @@ var import_design_system30 = require("@uniformdev/design-system");
 
 // src/components/ObjectSearch/styles/ObjectSearchListItem.styles.ts
 init_emotion_jsx_shim();
-var import_react54 = require("@emotion/react");
+var import_react55 = require("@emotion/react");
 var import_design_system29 = require("@uniformdev/design-system");
-var ObjectListItemContainer = import_react54.css`
+var ObjectListItemContainer = import_react55.css`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
   background: var(--white);
   display: grid;
-  grid-template-columns: 1fr 32px;
+  grid-template-columns: 1fr auto;
   padding: var(--spacing-sm);
-
-  &[hidden] {
-    display: none;
-  }
 `;
-var ObjectListItemLoading = import_react54.css`
+var ObjectListItemLoading = import_react55.css`
   animation: ${import_design_system29.skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
   min-height: 42px;
@@ -6766,31 +6772,32 @@ var ObjectListItemLoading = import_react54.css`
     width: 1rem;
   }
 `;
-var ObjectListItemHeadingGroup = import_react54.css`
+var ObjectListItemHeadingGroup = import_react55.css`
   align-items: center;
   display: grid;
 `;
-var ObjectListItemTitle = import_react54.css`
+var ObjectListItemTitle = import_react55.css`
   color: var(--brand-secondary-1);
   display: block;
   font-size: var(--fs-sm);
 `;
-var ObjectListItemSubtitle = import_react54.css`
+var ObjectListItemSubtitle = import_react55.css`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectListItemInfoContainer = import_react54.css`
+var ObjectListItemInfoContainer = import_react55.css`
   align-items: center;
   display: flex;
+  gap: var(--spacing-sm);
   justify-content: center;
 `;
-var ObjectListItemControlledContent = import_react54.css`
+var ObjectListItemControlledContent = import_react55.css`
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectListItemUnControlledContent = import_react54.css`
+var ObjectListItemUnControlledContent = import_react55.css`
   margin-top: var(--spacing-sm);
   grid-column: 1 / -1;
 `;
@@ -6818,8 +6825,8 @@ var ObjectSearchListItem = ({
     }
     return onSelectItem([selectedItem]);
   };
-  const hideWhenInSelectedList = selectedListItems.some((item) => item.id === id);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { role: "listitem", hidden: hideWhenInSelectedList, css: ObjectListItemContainer, children: [
+  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: [
@@ -6827,7 +6834,10 @@ var ObjectSearchListItem = ({
         /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { css: ObjectListItemTitle, children: title })
       ] })
     ] }),
-    !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { css: ObjectListItemInfoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_design_system30.Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, children: popoverData }) }),
+    !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 })
   ] });
 };
@@ -6845,9 +6855,9 @@ init_emotion_jsx_shim();
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItemButton.styles.ts
 init_emotion_jsx_shim();
-var import_react55 = require("@emotion/react");
+var import_react56 = require("@emotion/react");
 var import_design_system31 = require("@uniformdev/design-system");
-var ButtonStyles = import_react55.css`
+var ButtonStyles = import_react56.css`
   ${import_design_system31.button}
   background: transparent;
   border: 1px solid var(--brand-secondary-1);
@@ -6874,7 +6884,7 @@ var ButtonStyles = import_react55.css`
     text-decoration: none;
   }
 `;
-var ButtonIcon = import_react55.css`
+var ButtonIcon = import_react56.css`
   width: 1rem;
   height: 1rem;
 `;
@@ -6904,8 +6914,8 @@ var LinkButton = ({
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItem.styles.ts
 init_emotion_jsx_shim();
-var import_react56 = require("@emotion/react");
-var ObjectSearchResultItemContainer = import_react56.css`
+var import_react57 = require("@emotion/react");
+var ObjectSearchResultItemContainer = import_react57.css`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -6921,7 +6931,7 @@ var ObjectSearchResultItemContainer = import_react56.css`
     }
   }
 `;
-var ObjectSearchDragHandle = import_react56.css`
+var ObjectSearchDragHandle = import_react57.css`
   border-left: 2px dotted var(--gray-300);
   border-right: 2px dotted var(--gray-300);
   position: absolute;
@@ -6930,35 +6940,35 @@ var ObjectSearchDragHandle = import_react56.css`
   transition: opacity var(--duration-fast) var(--timing-ease-out);
   opacity: 0;
 `;
-var ObjectSearchResultItemSubtitle = import_react56.css`
+var ObjectSearchResultItemSubtitle = import_react57.css`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectSearchResultItemTitle = import_react56.css`
+var ObjectSearchResultItemTitle = import_react57.css`
   align-items: center;
   color: var(--brand-secondary-1);
   display: flex;
   gap: var(--spacing-xs);
 `;
-var ObjectSearchResultItemTimeStamp = import_react56.css`
+var ObjectSearchResultItemTimeStamp = import_react57.css`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
-var ObjectSearchAuthorStateGroup = import_react56.css`
+var ObjectSearchAuthorStateGroup = import_react57.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchUpdateGroup = import_react56.css`
+var ObjectSearchUpdateGroup = import_react57.css`
   display: grid;
 `;
-var ObjectSearchContentContainer = import_react56.css`
+var ObjectSearchContentContainer = import_react57.css`
   display: flex;
   gap: var(--spacing-base);
 `;
-var ObjectSearchImage = import_react56.css`
+var ObjectSearchImage = import_react57.css`
   width: 56px;
   object-fit: contain;
 `;
@@ -7028,22 +7038,26 @@ var import_react_beautiful_dnd3 = require("react-beautiful-dnd");
 
 // src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
 init_emotion_jsx_shim();
-var import_react57 = require("@emotion/react");
-var ObjectSearchResultListContainer = import_react57.css`
+var import_react58 = require("@emotion/react");
+var ObjectSearchResultListContainer = import_react58.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: space-between;
 `;
-var ObjectSearchDragContainer = import_react57.css`
+var ObjectSearchDragContainer = import_react58.css`
   margin: 0 0 var(--spacing-sm);
 `;
-var ObjectSearchResultListCounterContainer = import_react57.css`
+var ObjectSearchContainerDragging = import_react58.css`
+  box-shadow: var(--shadow-base);
+  opacity: var(--opacity-50);
+`;
+var ObjectSearchResultListCounterContainer = import_react58.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchResultListTitle = import_react57.css`
+var ObjectSearchResultListTitle = import_react58.css`
   font-weight: var(--fw-bold);
   line-height: 1;
 `;
@@ -7056,7 +7070,7 @@ function ObjectSearchResultList({
   onRemoveAllSelected,
   hideRemoveButton = false,
   additionalButtons,
-  renderResultComponent = (value) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ObjectSearchResultItem, { ...value, disableDnD }),
+  renderResultComponent = (value) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ObjectSearchResultItem, { ...value }),
   multiSelectId,
   disableDnD = false,
   whenNothingSelected = null
@@ -7099,18 +7113,31 @@ function ObjectSearchResultList({
     ] }),
     !selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_beautiful_dnd3.DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_beautiful_dnd3.Droppable, { droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select", children: (provided) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
       selectedListItems.map((item, i2) => {
-        const renderListItem = renderResultComponent(item);
-        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_beautiful_dnd3.Draggable, { draggableId: item.id, index: i2, isDragDisabled: disableDnD, children: (provided2, snapshot) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-          "div",
+        const itemValues = selectedListItems.length === 1 ? { ...item, disableDnD: true } : { ...item, disableDnD };
+        const renderListItem = renderResultComponent(itemValues);
+        return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+          import_react_beautiful_dnd3.Draggable,
           {
-            css: ObjectSearchDragContainer,
-            ref: provided2.innerRef,
-            "data-dragging": snapshot.isDragging,
-            ...provided2.draggableProps,
-            ...provided2.dragHandleProps,
-            children: renderListItem
-          }
-        ) }, item.id);
+            draggableId: item.id,
+            index: i2,
+            isDragDisabled: selectedListItems.length === 1 || disableDnD,
+            children: (provided2, snapshot) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+              "div",
+              {
+                css: [
+                  ObjectSearchDragContainer,
+                  snapshot.isDragging ? ObjectSearchContainerDragging : void 0
+                ],
+                ref: provided2.innerRef,
+                "data-dragging": snapshot.isDragging,
+                ...provided2.draggableProps,
+                ...provided2.dragHandleProps,
+                children: renderListItem
+              }
+            )
+          },
+          item.id
+        );
       }),
       provided.placeholder
     ] }) }) })
@@ -7120,7 +7147,7 @@ function ObjectSearchResultList({
 // src/components/ObjectSearch/QueryFilter.tsx
 init_emotion_jsx_shim();
 var import_design_system34 = require("@uniformdev/design-system");
-var import_react58 = require("react");
+var import_react59 = require("react");
 var import_jsx_runtime60 = require("@emotion/react/jsx-runtime");
 var QueryFilter = ({
   requireContentType,
@@ -7152,7 +7179,7 @@ var QueryFilter = ({
 }) => {
   var _a, _b, _c, _d;
   const { query, onSetQuery } = useObjectSearchContext();
-  const [queryState, setQueryState] = (0, import_react58.useState)({
+  const [queryState, setQueryState] = (0, import_react59.useState)({
     contentType: "",
     keyword: "",
     count: countValue != null ? countValue : 5,
@@ -7163,7 +7190,7 @@ var QueryFilter = ({
     setQueryState((prev) => ({ ...prev, ...value }));
     onSetQuery({ ...query, ...value });
   };
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     onSetQuery(queryState);
   }, [onSetQuery, queryState]);
   return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("fieldset", { children: [
@@ -7335,6 +7362,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   DataTypeEditor,
   DefaultSearchRow,
   DefaultSelectedItem,
+  DrawerContent,
   EntrySearch,
   Heading,
   Icons,