@uniformdev/mesh-sdk-react 19.27.0 → 19.29.0

package/dist/index.d.ts

@@ -9,7 +9,7 @@ export * from '@uniformdev/mesh-sdk';
 import { DataVariableDefinition, DataResourceVariables, DataType } from '@uniformdev/canvas';
 import { Emitter } from 'mitt';
 import { BadgeThemeProps, InputSelectProps } from '@uniformdev/design-system';
-export { AddListButton, AddListButtonProps, Button, ButtonProps, Callout, CalloutProps, Heading, HeadingProps, Input, InputComboBox, InputComboBoxProps, InputKeywordSearch, InputProps, InputSelect, InputToggle, InputToggleProps, Label, LabelProps, LoadingIndicator, LoadingOverlay, Menu, MenuItem, MenuItemProps, MenuProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Switch, SwitchProps, Textarea, TextareaProps, Theme, ThemeProps, useParameterShell } from '@uniformdev/design-system';
+export { AddListButton, AddListButtonProps, Button, ButtonProps, Callout, CalloutProps, DrawerContent, Heading, HeadingProps, Input, InputComboBox, InputComboBoxProps, InputKeywordSearch, InputProps, InputSelect, InputToggle, InputToggleProps, Label, LabelProps, LoadingIndicator, LoadingOverlay, Menu, MenuItem, MenuItemProps, MenuProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, Switch, SwitchProps, Textarea, TextareaProps, Theme, ThemeProps, useParameterShell } from '@uniformdev/design-system';
 
 declare const SvgCaution: (props: SVGProps<SVGSVGElement>) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
@@ -802,6 +802,8 @@ type SelectedItemProps<TExtraProps = unknown> = {
     metadata?: Record<string, string>;
     /** allows for child react elements to be nested in the popover */
     popoverData?: ReactNode;
+    /** disable or enable drag and drop functionality */
+    disableDnD?: boolean;
 } & TExtraProps;
 type ItemListProps<TListItemExtraProps = unknown> = {
     items?: Array<SelectedItemProps<TListItemExtraProps>>;

package/dist/index.esm.js

@@ -5186,6 +5186,7 @@ var DataRefreshButton = ({
 
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
 init_emotion_jsx_shim();
+import { css as css29 } from "@emotion/react";
 
 // ../canvas/dist/index.mjs
 init_emotion_jsx_shim();
@@ -6472,7 +6473,19 @@ var ObjectSearchContainer = ({
   const { flatVariables } = useVariables(true);
   const body = /* @__PURE__ */ jsxs30(VerticalRhythm, { children: [
     searchFilters,
-    !resultList ? null : /* @__PURE__ */ jsx53(ScrollableList, { role: "list", children: resultList })
+    !resultList ? null : /* @__PURE__ */ jsx53(
+      ScrollableList,
+      {
+        role: "list",
+        css: css29`
+            > 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;
@@ -6523,8 +6536,8 @@ import { useState as useState15 } from "react";
 
 // src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
 init_emotion_jsx_shim();
-import { css as css29 } from "@emotion/react";
-var ObjectSearchFilterContainerLabel = css29`
+import { css as css30 } from "@emotion/react";
+var ObjectSearchFilterContainerLabel = css30`
   align-items: center;
   display: flex;
   font-size: var(--fs-sm);
@@ -6532,14 +6545,14 @@ var ObjectSearchFilterContainerLabel = css29`
   line-height: 1rem;
   margin-bottom: var(--spacing-sm);
 `;
-var ObjectSearchFilterContainer = css29`
+var ObjectSearchFilterContainer = css30`
   display: grid;
   gap: var(--spacing-base);
 `;
-var ObjectSearchFilterDropdownAndTextSearch = css29`
+var ObjectSearchFilterDropdownAndTextSearch = css30`
   grid-template-columns: 0.5fr 1fr;
 `;
-var ObjectSearchFilterGrid = (gridColumns) => css29`
+var ObjectSearchFilterGrid = (gridColumns) => css30`
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-base);
@@ -6609,26 +6622,22 @@ var ObjectSearchFilterContainer2 = ({ label, children }) => {
 
 // src/components/ObjectSearch/ObjectSearchListItem.tsx
 init_emotion_jsx_shim();
-import { Popover } from "@uniformdev/design-system";
+import { Chip as Chip2, Popover } from "@uniformdev/design-system";
 
 // src/components/ObjectSearch/styles/ObjectSearchListItem.styles.ts
 init_emotion_jsx_shim();
-import { css as css30 } from "@emotion/react";
+import { css as css31 } from "@emotion/react";
 import { skeletonLoading } from "@uniformdev/design-system";
-var ObjectListItemContainer = css30`
+var ObjectListItemContainer = css31`
   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 = css30`
+var ObjectListItemLoading = css31`
   animation: ${skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
   min-height: 42px;
@@ -6652,31 +6661,32 @@ var ObjectListItemLoading = css30`
     width: 1rem;
   }
 `;
-var ObjectListItemHeadingGroup = css30`
+var ObjectListItemHeadingGroup = css31`
   align-items: center;
   display: grid;
 `;
-var ObjectListItemTitle = css30`
+var ObjectListItemTitle = css31`
   color: var(--brand-secondary-1);
   display: block;
   font-size: var(--fs-sm);
 `;
-var ObjectListItemSubtitle = css30`
+var ObjectListItemSubtitle = css31`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectListItemInfoContainer = css30`
+var ObjectListItemInfoContainer = css31`
   align-items: center;
   display: flex;
+  gap: var(--spacing-sm);
   justify-content: center;
 `;
-var ObjectListItemControlledContent = css30`
+var ObjectListItemControlledContent = css31`
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectListItemUnControlledContent = css30`
+var ObjectListItemUnControlledContent = css31`
   margin-top: var(--spacing-sm);
   grid-column: 1 / -1;
 `;
@@ -6704,8 +6714,8 @@ var ObjectSearchListItem = ({
     }
     return onSelectItem([selectedItem]);
   };
-  const hideWhenInSelectedList = selectedListItems.some((item) => item.id === id);
-  return /* @__PURE__ */ jsxs33("div", { role: "listitem", hidden: hideWhenInSelectedList, css: ObjectListItemContainer, children: [
+  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: [
@@ -6713,7 +6723,10 @@ var ObjectSearchListItem = ({
         /* @__PURE__ */ jsx56("span", { css: ObjectListItemTitle, children: title })
       ] })
     ] }),
-    !popoverData ? null : /* @__PURE__ */ jsx56("div", { css: ObjectListItemInfoContainer, children: /* @__PURE__ */ jsx56(Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, children: popoverData }) }),
+    !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 })
   ] });
 };
@@ -6731,9 +6744,9 @@ init_emotion_jsx_shim();
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItemButton.styles.ts
 init_emotion_jsx_shim();
-import { css as css31 } from "@emotion/react";
+import { css as css32 } from "@emotion/react";
 import { button as button2 } from "@uniformdev/design-system";
-var ButtonStyles = css31`
+var ButtonStyles = css32`
   ${button2}
   background: transparent;
   border: 1px solid var(--brand-secondary-1);
@@ -6760,7 +6773,7 @@ var ButtonStyles = css31`
     text-decoration: none;
   }
 `;
-var ButtonIcon = css31`
+var ButtonIcon = css32`
   width: 1rem;
   height: 1rem;
 `;
@@ -6790,8 +6803,8 @@ var LinkButton = ({
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItem.styles.ts
 init_emotion_jsx_shim();
-import { css as css32 } from "@emotion/react";
-var ObjectSearchResultItemContainer = css32`
+import { css as css33 } from "@emotion/react";
+var ObjectSearchResultItemContainer = css33`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -6807,7 +6820,7 @@ var ObjectSearchResultItemContainer = css32`
     }
   }
 `;
-var ObjectSearchDragHandle = css32`
+var ObjectSearchDragHandle = css33`
   border-left: 2px dotted var(--gray-300);
   border-right: 2px dotted var(--gray-300);
   position: absolute;
@@ -6816,35 +6829,35 @@ var ObjectSearchDragHandle = css32`
   transition: opacity var(--duration-fast) var(--timing-ease-out);
   opacity: 0;
 `;
-var ObjectSearchResultItemSubtitle = css32`
+var ObjectSearchResultItemSubtitle = css33`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectSearchResultItemTitle = css32`
+var ObjectSearchResultItemTitle = css33`
   align-items: center;
   color: var(--brand-secondary-1);
   display: flex;
   gap: var(--spacing-xs);
 `;
-var ObjectSearchResultItemTimeStamp = css32`
+var ObjectSearchResultItemTimeStamp = css33`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
-var ObjectSearchAuthorStateGroup = css32`
+var ObjectSearchAuthorStateGroup = css33`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchUpdateGroup = css32`
+var ObjectSearchUpdateGroup = css33`
   display: grid;
 `;
-var ObjectSearchContentContainer = css32`
+var ObjectSearchContentContainer = css33`
   display: flex;
   gap: var(--spacing-base);
 `;
-var ObjectSearchImage = css32`
+var ObjectSearchImage = css33`
   width: 56px;
   object-fit: contain;
 `;
@@ -6914,22 +6927,26 @@ import { DragDropContext as DragDropContext3, Draggable as Draggable3, Droppable
 
 // src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
 init_emotion_jsx_shim();
-import { css as css33 } from "@emotion/react";
-var ObjectSearchResultListContainer = css33`
+import { css as css34 } from "@emotion/react";
+var ObjectSearchResultListContainer = css34`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: space-between;
 `;
-var ObjectSearchDragContainer = css33`
+var ObjectSearchDragContainer = css34`
   margin: 0 0 var(--spacing-sm);
 `;
-var ObjectSearchResultListCounterContainer = css33`
+var ObjectSearchContainerDragging = css34`
+  box-shadow: var(--shadow-base);
+  opacity: var(--opacity-50);
+`;
+var ObjectSearchResultListCounterContainer = css34`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchResultListTitle = css33`
+var ObjectSearchResultListTitle = css34`
   font-weight: var(--fw-bold);
   line-height: 1;
 `;
@@ -6942,7 +6959,7 @@ function ObjectSearchResultList({
   onRemoveAllSelected,
   hideRemoveButton = false,
   additionalButtons,
-  renderResultComponent = (value) => /* @__PURE__ */ jsx59(ObjectSearchResultItem, { ...value, disableDnD }),
+  renderResultComponent = (value) => /* @__PURE__ */ jsx59(ObjectSearchResultItem, { ...value }),
   multiSelectId,
   disableDnD = false,
   whenNothingSelected = null
@@ -6985,18 +7002,31 @@ function ObjectSearchResultList({
     ] }),
     !selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx59(DragDropContext3, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx59(Droppable3, { droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select", children: (provided) => /* @__PURE__ */ jsxs36("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
       selectedListItems.map((item, i2) => {
-        const renderListItem = renderResultComponent(item);
-        return /* @__PURE__ */ jsx59(Draggable3, { draggableId: item.id, index: i2, isDragDisabled: disableDnD, children: (provided2, snapshot) => /* @__PURE__ */ jsx59(
-          "div",
+        const itemValues = selectedListItems.length === 1 ? { ...item, disableDnD: true } : { ...item, disableDnD };
+        const renderListItem = renderResultComponent(itemValues);
+        return /* @__PURE__ */ jsx59(
+          Draggable3,
           {
-            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__ */ jsx59(
+              "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
     ] }) }) })
@@ -7209,6 +7239,7 @@ import {
   AddListButton as AddListButton2,
   Button as Button6,
   Callout as Callout5,
+  DrawerContent,
   Heading,
   Input as Input6,
   InputComboBox,
@@ -7254,6 +7285,7 @@ export {
   DataTypeEditor,
   DefaultSearchRow,
   DefaultSelectedItem,
+  DrawerContent,
   EntrySearch,
   Heading,
   icons_exports as Icons,

package/dist/index.js

@@ -178,6 +178,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,
@@ -5307,6 +5308,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();
@@ -6586,7 +6588,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 +6647,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 +6660,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 +6684,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 +6741,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 +6776,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 +6829,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 +6838,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 +6859,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 +6888,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 +6918,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 +6935,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 +6944,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 +7042,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 +7074,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 +7117,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 +7151,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 +7183,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 +7194,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 +7366,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   DataTypeEditor,
   DefaultSearchRow,
   DefaultSelectedItem,
+  DrawerContent,
   EntrySearch,
   Heading,
   Icons,

package/dist/index.mjs

@@ -5186,6 +5186,7 @@ var DataRefreshButton = ({
 
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
 init_emotion_jsx_shim();
+import { css as css29 } from "@emotion/react";
 
 // ../canvas/dist/index.mjs
 init_emotion_jsx_shim();
@@ -6472,7 +6473,19 @@ var ObjectSearchContainer = ({
   const { flatVariables } = useVariables(true);
   const body = /* @__PURE__ */ jsxs30(VerticalRhythm, { children: [
     searchFilters,
-    !resultList ? null : /* @__PURE__ */ jsx53(ScrollableList, { role: "list", children: resultList })
+    !resultList ? null : /* @__PURE__ */ jsx53(
+      ScrollableList,
+      {
+        role: "list",
+        css: css29`
+            > 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;
@@ -6523,8 +6536,8 @@ import { useState as useState15 } from "react";
 
 // src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
 init_emotion_jsx_shim();
-import { css as css29 } from "@emotion/react";
-var ObjectSearchFilterContainerLabel = css29`
+import { css as css30 } from "@emotion/react";
+var ObjectSearchFilterContainerLabel = css30`
   align-items: center;
   display: flex;
   font-size: var(--fs-sm);
@@ -6532,14 +6545,14 @@ var ObjectSearchFilterContainerLabel = css29`
   line-height: 1rem;
   margin-bottom: var(--spacing-sm);
 `;
-var ObjectSearchFilterContainer = css29`
+var ObjectSearchFilterContainer = css30`
   display: grid;
   gap: var(--spacing-base);
 `;
-var ObjectSearchFilterDropdownAndTextSearch = css29`
+var ObjectSearchFilterDropdownAndTextSearch = css30`
   grid-template-columns: 0.5fr 1fr;
 `;
-var ObjectSearchFilterGrid = (gridColumns) => css29`
+var ObjectSearchFilterGrid = (gridColumns) => css30`
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-base);
@@ -6609,26 +6622,22 @@ var ObjectSearchFilterContainer2 = ({ label, children }) => {
 
 // src/components/ObjectSearch/ObjectSearchListItem.tsx
 init_emotion_jsx_shim();
-import { Popover } from "@uniformdev/design-system";
+import { Chip as Chip2, Popover } from "@uniformdev/design-system";
 
 // src/components/ObjectSearch/styles/ObjectSearchListItem.styles.ts
 init_emotion_jsx_shim();
-import { css as css30 } from "@emotion/react";
+import { css as css31 } from "@emotion/react";
 import { skeletonLoading } from "@uniformdev/design-system";
-var ObjectListItemContainer = css30`
+var ObjectListItemContainer = css31`
   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 = css30`
+var ObjectListItemLoading = css31`
   animation: ${skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
   min-height: 42px;
@@ -6652,31 +6661,32 @@ var ObjectListItemLoading = css30`
     width: 1rem;
   }
 `;
-var ObjectListItemHeadingGroup = css30`
+var ObjectListItemHeadingGroup = css31`
   align-items: center;
   display: grid;
 `;
-var ObjectListItemTitle = css30`
+var ObjectListItemTitle = css31`
   color: var(--brand-secondary-1);
   display: block;
   font-size: var(--fs-sm);
 `;
-var ObjectListItemSubtitle = css30`
+var ObjectListItemSubtitle = css31`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectListItemInfoContainer = css30`
+var ObjectListItemInfoContainer = css31`
   align-items: center;
   display: flex;
+  gap: var(--spacing-sm);
   justify-content: center;
 `;
-var ObjectListItemControlledContent = css30`
+var ObjectListItemControlledContent = css31`
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectListItemUnControlledContent = css30`
+var ObjectListItemUnControlledContent = css31`
   margin-top: var(--spacing-sm);
   grid-column: 1 / -1;
 `;
@@ -6704,8 +6714,8 @@ var ObjectSearchListItem = ({
     }
     return onSelectItem([selectedItem]);
   };
-  const hideWhenInSelectedList = selectedListItems.some((item) => item.id === id);
-  return /* @__PURE__ */ jsxs33("div", { role: "listitem", hidden: hideWhenInSelectedList, css: ObjectListItemContainer, children: [
+  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: [
@@ -6713,7 +6723,10 @@ var ObjectSearchListItem = ({
         /* @__PURE__ */ jsx56("span", { css: ObjectListItemTitle, children: title })
       ] })
     ] }),
-    !popoverData ? null : /* @__PURE__ */ jsx56("div", { css: ObjectListItemInfoContainer, children: /* @__PURE__ */ jsx56(Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, children: popoverData }) }),
+    !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 })
   ] });
 };
@@ -6731,9 +6744,9 @@ init_emotion_jsx_shim();
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItemButton.styles.ts
 init_emotion_jsx_shim();
-import { css as css31 } from "@emotion/react";
+import { css as css32 } from "@emotion/react";
 import { button as button2 } from "@uniformdev/design-system";
-var ButtonStyles = css31`
+var ButtonStyles = css32`
   ${button2}
   background: transparent;
   border: 1px solid var(--brand-secondary-1);
@@ -6760,7 +6773,7 @@ var ButtonStyles = css31`
     text-decoration: none;
   }
 `;
-var ButtonIcon = css31`
+var ButtonIcon = css32`
   width: 1rem;
   height: 1rem;
 `;
@@ -6790,8 +6803,8 @@ var LinkButton = ({
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItem.styles.ts
 init_emotion_jsx_shim();
-import { css as css32 } from "@emotion/react";
-var ObjectSearchResultItemContainer = css32`
+import { css as css33 } from "@emotion/react";
+var ObjectSearchResultItemContainer = css33`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -6807,7 +6820,7 @@ var ObjectSearchResultItemContainer = css32`
     }
   }
 `;
-var ObjectSearchDragHandle = css32`
+var ObjectSearchDragHandle = css33`
   border-left: 2px dotted var(--gray-300);
   border-right: 2px dotted var(--gray-300);
   position: absolute;
@@ -6816,35 +6829,35 @@ var ObjectSearchDragHandle = css32`
   transition: opacity var(--duration-fast) var(--timing-ease-out);
   opacity: 0;
 `;
-var ObjectSearchResultItemSubtitle = css32`
+var ObjectSearchResultItemSubtitle = css33`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectSearchResultItemTitle = css32`
+var ObjectSearchResultItemTitle = css33`
   align-items: center;
   color: var(--brand-secondary-1);
   display: flex;
   gap: var(--spacing-xs);
 `;
-var ObjectSearchResultItemTimeStamp = css32`
+var ObjectSearchResultItemTimeStamp = css33`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
-var ObjectSearchAuthorStateGroup = css32`
+var ObjectSearchAuthorStateGroup = css33`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchUpdateGroup = css32`
+var ObjectSearchUpdateGroup = css33`
   display: grid;
 `;
-var ObjectSearchContentContainer = css32`
+var ObjectSearchContentContainer = css33`
   display: flex;
   gap: var(--spacing-base);
 `;
-var ObjectSearchImage = css32`
+var ObjectSearchImage = css33`
   width: 56px;
   object-fit: contain;
 `;
@@ -6914,22 +6927,26 @@ import { DragDropContext as DragDropContext3, Draggable as Draggable3, Droppable
 
 // src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
 init_emotion_jsx_shim();
-import { css as css33 } from "@emotion/react";
-var ObjectSearchResultListContainer = css33`
+import { css as css34 } from "@emotion/react";
+var ObjectSearchResultListContainer = css34`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: space-between;
 `;
-var ObjectSearchDragContainer = css33`
+var ObjectSearchDragContainer = css34`
   margin: 0 0 var(--spacing-sm);
 `;
-var ObjectSearchResultListCounterContainer = css33`
+var ObjectSearchContainerDragging = css34`
+  box-shadow: var(--shadow-base);
+  opacity: var(--opacity-50);
+`;
+var ObjectSearchResultListCounterContainer = css34`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchResultListTitle = css33`
+var ObjectSearchResultListTitle = css34`
   font-weight: var(--fw-bold);
   line-height: 1;
 `;
@@ -6942,7 +6959,7 @@ function ObjectSearchResultList({
   onRemoveAllSelected,
   hideRemoveButton = false,
   additionalButtons,
-  renderResultComponent = (value) => /* @__PURE__ */ jsx59(ObjectSearchResultItem, { ...value, disableDnD }),
+  renderResultComponent = (value) => /* @__PURE__ */ jsx59(ObjectSearchResultItem, { ...value }),
   multiSelectId,
   disableDnD = false,
   whenNothingSelected = null
@@ -6985,18 +7002,31 @@ function ObjectSearchResultList({
     ] }),
     !selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx59(DragDropContext3, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx59(Droppable3, { droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select", children: (provided) => /* @__PURE__ */ jsxs36("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
       selectedListItems.map((item, i2) => {
-        const renderListItem = renderResultComponent(item);
-        return /* @__PURE__ */ jsx59(Draggable3, { draggableId: item.id, index: i2, isDragDisabled: disableDnD, children: (provided2, snapshot) => /* @__PURE__ */ jsx59(
-          "div",
+        const itemValues = selectedListItems.length === 1 ? { ...item, disableDnD: true } : { ...item, disableDnD };
+        const renderListItem = renderResultComponent(itemValues);
+        return /* @__PURE__ */ jsx59(
+          Draggable3,
           {
-            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__ */ jsx59(
+              "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
     ] }) }) })
@@ -7209,6 +7239,7 @@ import {
   AddListButton as AddListButton2,
   Button as Button6,
   Callout as Callout5,
+  DrawerContent,
   Heading,
   Input as Input6,
   InputComboBox,
@@ -7254,6 +7285,7 @@ export {
   DataTypeEditor,
   DefaultSearchRow,
   DefaultSelectedItem,
+  DrawerContent,
   EntrySearch,
   Heading,
   icons_exports as Icons,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "19.27.0",
+  "version": "19.29.0",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -44,10 +44,10 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.0.1",
-    "@lexical/react": "^0.11.0",
-    "@uniformdev/design-system": "19.27.0",
-    "@uniformdev/mesh-sdk": "19.27.0",
-    "lexical": "^0.11.0",
+    "@lexical/react": "^0.11.1",
+    "@uniformdev/design-system": "19.29.0",
+    "@uniformdev/mesh-sdk": "19.29.0",
+    "lexical": "^0.11.1",
     "mitt": "^3.0.0",
     "react-beautiful-dnd": "13.1.1",
     "react-hook-form": "^7.43.9",
@@ -80,5 +80,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8041631f93aca51a236597c1aea606c6dc8732e8"
+  "gitHead": "f8e9d5f6283fb3d72ba095c0e307907dc591ce4a"
 }