@uniformdev/mesh-sdk-react 18.31.1-alpha.22 → 18.32.1-alpha.26

package/dist/index.d.ts

@@ -574,15 +574,11 @@ type EntrySearchContainerProps = {
     resultList?: ReactNode;
     /** allows any child element */
     children?: ReactNode;
-    /** function for the save action */
-    onSave?: () => void;
-    /** function fort he cancel action */
-    onCancel?: () => void;
 };
 /**
  * @description Entry search container is an opinionated layout for search parameters and retrieved results
  * @example  <EntrySearchContainer searchFilters={<>your component</>} resultList={<>your result list component<>} onSave={yourSaveAction} onCancel={yourCancelAction} /> */
-declare const EntrySearchContainer: ({ searchFilters, resultList, onSave, onCancel, children, }: EntrySearchContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const EntrySearchContainer: ({ searchFilters, resultList, children }: EntrySearchContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type EntrySearchFilterProps = {
     /** shows or hides the required content type select option */
@@ -630,7 +626,7 @@ declare const EntrySearchFilterContainer: ({ label, children }: EntrySearchFilte
 
 type SearchQueryProps = {
     /** sets the content type in the search context */
-    contentType: string | undefined;
+    contentType?: string;
     /** sets the keyword search in the search context */
     keyword?: string;
 };
@@ -647,7 +643,7 @@ type SelectedItemProps<TProps extends SelectedItemExtendedProps = SelectedItemEx
     /** sets the subtitle value */
     subtitle?: string;
     /** sets the content type value */
-    contentType?: string;
+    contentType?: string | string[];
     /** sets the created date value using TimeAgo to transform the date */
     createdAt?: TDate;
     /** sets the image src */
@@ -820,6 +816,8 @@ type EntrySearchResultListProps<TRenderComponent extends SelectedItemProps = Sel
      * @default false
      */
     disableDnD?: boolean;
+    /** sets the draggable id value */
+    multiSelectId?: string;
 };
 /**
  * @description An opinionated result list UI component that has built in drag and drop functionality and removal of all selected items from context.
@@ -827,7 +825,7 @@ type EntrySearchResultListProps<TRenderComponent extends SelectedItemProps = Sel
  * maintain drag and drop functionality
  * @example <EntrySearchResultList id="my-id" title="title" renderResultComponent={(values) => <CustomComponent {...values} />} />
  */
-declare const EntrySearchResultList: ({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, additionalButtons, renderResultComponent, disableDnD, }: EntrySearchResultListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const EntrySearchResultList: ({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, additionalButtons, renderResultComponent, multiSelectId, disableDnD, }: EntrySearchResultListProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type QueryFilterSearchProps = {
     /** sets the count value */

package/dist/index.esm.js

@@ -3919,35 +3919,15 @@ var DataRefreshButton = ({
 };
 
 // src/components/EntrySearch/EntrySearchContainer.tsx
-import { Button as Button4, Container, IconsProvider, ScrollableList, VerticalRhythm } from "@uniformdev/design-system";
-
-// src/components/EntrySearch/styles/EntrySearchContainer.styles.ts
-import { css as css26 } from "@emotion/react";
-var EntrySearchBtnGroup = css26`
-  align-items: center;
-  display: flex;
-  gap: var(--spacing-sm);
-`;
-
-// src/components/EntrySearch/EntrySearchContainer.tsx
+import { Container, IconsProvider, ScrollableList, VerticalRhythm } from "@uniformdev/design-system";
 import { jsx as jsx45, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
-var EntrySearchContainer = ({
-  searchFilters,
-  resultList,
-  onSave,
-  onCancel,
-  children
-}) => {
+var EntrySearchContainer = ({ searchFilters, resultList, children }) => {
   return /* @__PURE__ */ jsx45(IconsProvider, { children: /* @__PURE__ */ jsxs26(VerticalRhythm, { children: [
     /* @__PURE__ */ jsx45(Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: /* @__PURE__ */ jsxs26(VerticalRhythm, { children: [
       searchFilters,
       !resultList ? null : /* @__PURE__ */ jsx45(ScrollableList, { role: "list", children: resultList })
     ] }) }),
-    children,
-    !onSave && !onCancel ? null : /* @__PURE__ */ jsxs26("div", { css: EntrySearchBtnGroup, children: [
-      !onSave ? null : /* @__PURE__ */ jsx45(Button4, { buttonType: "primary", onClick: onSave, children: "Save" }),
-      !onCancel ? null : /* @__PURE__ */ jsx45(Button4, { buttonType: "ghostDestructive", onClick: onCancel, children: "Cancel" })
-    ] })
+    children
   ] }) });
 };
 
@@ -3984,7 +3964,13 @@ var EntrySearchProvider = ({ currentlySelectedItems, children }) => {
   const [list, setList] = useState9({});
   const onSetQuery = useCallback(
     (value) => {
-      setQuery(value);
+      if (Array.isArray(value.contentType) && value.contentType.length > 0) {
+        return setQuery({
+          ...value,
+          contentType: value.contentType[0].id
+        });
+      }
+      return setQuery(value);
     },
     [setQuery]
   );
@@ -4033,8 +4019,8 @@ var useEntrySearchContext = () => {
 };
 
 // src/components/EntrySearch/styles/EntrySearchFilterContainer.styles.ts
-import { css as css27 } from "@emotion/react";
-var EntrySearchFilterContainerLabel = css27`
+import { css as css26 } from "@emotion/react";
+var EntrySearchFilterContainerLabel = css26`
   align-items: center;
   display: flex;
   font-size: var(--fs-sm);
@@ -4042,14 +4028,14 @@ var EntrySearchFilterContainerLabel = css27`
   line-height: 1rem;
   margin-bottom: var(--spacing-sm);
 `;
-var EntrySearchFilterContainer = css27`
+var EntrySearchFilterContainer = css26`
   display: grid;
   gap: var(--spacing-base);
 `;
-var EntrySearchFilterDropdownAndTextSearch = css27`
+var EntrySearchFilterDropdownAndTextSearch = css26`
   grid-template-columns: 0.5fr 1fr;
 `;
-var EntrySearchFilterGrid = (gridColumns) => css27`
+var EntrySearchFilterGrid = (gridColumns) => css26`
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-base);
@@ -4067,7 +4053,7 @@ var EntrySearchFilter = ({
 }) => {
   const { query, onSetQuery } = useEntrySearchContext();
   const [searchState, setSearchState] = useState10({
-    contentType: "any",
+    contentType: "",
     keyword: ""
   });
   const handleFilterChange = (value) => {
@@ -4090,7 +4076,7 @@ var EntrySearchFilter = ({
             return { name: option == null ? void 0 : option.name, label: (_a = option.label) != null ? _a : option == null ? void 0 : option.name, id: option.id };
           }) : []
         ],
-        value: searchState.contentType
+        value: query.contentType
       }
     ),
     /* @__PURE__ */ jsx47(
@@ -4120,9 +4106,9 @@ var EntrySearchFilterContainer2 = ({ label, children }) => {
 import { Popover } from "@uniformdev/design-system";
 
 // src/components/EntrySearch/styles/EntrySearchListItem.styles.ts
-import { css as css28 } from "@emotion/react";
+import { css as css27 } from "@emotion/react";
 import { skeletonLoading } from "@uniformdev/design-system";
-var EntryListItemContainer = css28`
+var EntryListItemContainer = css27`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4135,7 +4121,7 @@ var EntryListItemContainer = css28`
     display: none;
   }
 `;
-var EntryListItemLoading = css28`
+var EntryListItemLoading = css27`
   animation: ${skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
   min-height: 42px;
@@ -4159,31 +4145,31 @@ var EntryListItemLoading = css28`
     width: 1rem;
   }
 `;
-var EntryListItemHeadingGroup = css28`
+var EntryListItemHeadingGroup = css27`
   align-items: center;
   display: grid;
 `;
-var EntryListItemTitle = css28`
+var EntryListItemTitle = css27`
   color: var(--brand-secondary-1);
   display: block;
   font-size: var(--fs-sm);
 `;
-var EntryListItemSubtitle = css28`
+var EntryListItemSubtitle = css27`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var EntryListItemInfoContainer = css28`
+var EntryListItemInfoContainer = css27`
   align-items: center;
   display: flex;
   justify-content: center;
 `;
-var EntryListItemControlledContent = css28`
+var EntryListItemControlledContent = css27`
   display: flex;
   gap: var(--spacing-sm);
 `;
-var EntryListItemUnControlledContent = css28`
+var EntryListItemUnControlledContent = css27`
   margin-top: var(--spacing-sm);
   grid-column: 1 / -1;
 `;
@@ -4230,12 +4216,12 @@ var EntrySearchListItemLoadingSkeleton = () => {
 };
 
 // src/components/EntrySearch/EntrySearchResultItem.tsx
-import { Badge, Button as Button5, Popover as Popover2 } from "@uniformdev/design-system";
+import { Badge, Button as Button4, Popover as Popover2 } from "@uniformdev/design-system";
 import { format as timeagoFormat } from "timeago.js";
 
 // src/components/EntrySearch/styles/EntrySearchResultItem.styles.ts
-import { css as css29 } from "@emotion/react";
-var EntrySearchResultItemContainer = css29`
+import { css as css28 } from "@emotion/react";
+var EntrySearchResultItemContainer = css28`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4251,7 +4237,7 @@ var EntrySearchResultItemContainer = css29`
     }
   }
 `;
-var EntrySearchDragHandle = css29`
+var EntrySearchDragHandle = css28`
   border-left: 2px dotted var(--gray-300);
   border-right: 2px dotted var(--gray-300);
   position: absolute;
@@ -4260,35 +4246,35 @@ var EntrySearchDragHandle = css29`
   transition: opacity var(--duration-fast) var(--timing-ease-out);
   opacity: 0;
 `;
-var EntrySearchResultItemSubtitle = css29`
+var EntrySearchResultItemSubtitle = css28`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var EntrySearchResultItemTitle = css29`
+var EntrySearchResultItemTitle = css28`
   align-items: center;
   color: var(--brand-secondary-1);
   display: flex;
   gap: var(--spacing-xs);
 `;
-var EntrySearchResultItemTimeStamp = css29`
+var EntrySearchResultItemTimeStamp = css28`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
-var EntrySearchAuthorStateGroup = css29`
+var EntrySearchAuthorStateGroup = css28`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var EntrySearchUpdateGroup = css29`
+var EntrySearchUpdateGroup = css28`
   display: grid;
 `;
-var EntrySearchContentContainer = css29`
+var EntrySearchContentContainer = css28`
   display: flex;
   gap: var(--spacing-base);
 `;
-var EntrySearchImage = css29`
+var EntrySearchImage = css28`
   width: 56px;
   object-fit: contain;
 `;
@@ -4346,15 +4332,15 @@ var EntrySearchResultItem = ({
     ] }) }),
     !editLink && hideRemoveButton ? null : /* @__PURE__ */ jsxs30("div", { css: EntrySearchAuthorStateGroup, children: [
       !editLink ? null : /* @__PURE__ */ jsx50(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
-      hideRemoveButton ? null : /* @__PURE__ */ jsx50(Button5, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
+      hideRemoveButton ? null : /* @__PURE__ */ jsx50(Button4, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
     ] })
   ] });
 };
 
 // src/components/EntrySearch/styles/EntrySearchResultItemButton.styles.ts
-import { css as css30 } from "@emotion/react";
+import { css as css29 } from "@emotion/react";
 import { button as button2 } from "@uniformdev/design-system";
-var ButtonStyles = css30`
+var ButtonStyles = css29`
   ${button2}
   background: transparent;
   border: 1px solid var(--brand-secondary-1);
@@ -4381,7 +4367,7 @@ var ButtonStyles = css30`
     text-decoration: none;
   }
 `;
-var ButtonIcon = css30`
+var ButtonIcon = css29`
   width: 1rem;
   height: 1rem;
 `;
@@ -4410,23 +4396,31 @@ var LinkButton = ({
 };
 
 // src/components/EntrySearch/EntrySearchResultList.tsx
-import { Button as Button6, Counter, VerticalRhythm as VerticalRhythm2 } from "@uniformdev/design-system";
+import { Button as Button5, Counter } from "@uniformdev/design-system";
 import { DragDropContext as DragDropContext3, Draggable as Draggable3, Droppable as Droppable3 } from "react-beautiful-dnd";
 
 // src/components/EntrySearch/styles/EntrySearchResultList.styles.ts
-import { css as css31 } from "@emotion/react";
-var EntrySearchResultListContainer = css31`
+import { css as css30 } from "@emotion/react";
+var EntrySearchResultListContainer = css30`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: space-between;
 `;
-var EntrySearchResultListCounterContainer = css31`
+var EntrySearchDragContainer = css30`
+  margin: 0 0 var(--spacing-sm);
+
+  // &[data-dragging='true'] {
+  //   left: auto !important;
+  //   top: auto !important;
+  // }
+`;
+var EntrySearchResultListCounterContainer = css30`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var EntrySearchResultListTitle = css31`
+var EntrySearchResultListTitle = css30`
   font-weight: var(--fw-bold);
   line-height: 1;
 `;
@@ -4440,6 +4434,7 @@ var EntrySearchResultList = ({
   hideRemoveButton = false,
   additionalButtons,
   renderResultComponent = (value) => /* @__PURE__ */ jsx52(EntrySearchResultItem, { ...value, disableDnD }),
+  multiSelectId,
   disableDnD = false
 }) => {
   const { selectedListItems, onRemoveAllSelectedItems, onSelectItem } = useEntrySearchContext();
@@ -4467,7 +4462,7 @@ var EntrySearchResultList = ({
       /* @__PURE__ */ jsxs32("div", { css: EntrySearchResultListCounterContainer, children: [
         additionalButtons,
         hideRemoveButton ? null : /* @__PURE__ */ jsx52(
-          Button6,
+          Button5,
           {
             buttonType: "ghostDestructive",
             size: "xs",
@@ -4478,29 +4473,21 @@ var EntrySearchResultList = ({
         )
       ] })
     ] }),
-    !selectedListItems.length ? null : /* @__PURE__ */ jsx52(DragDropContext3, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx52(Droppable3, { droppableId: "canvas-multi-select", children: (provided) => /* @__PURE__ */ jsxs32("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
-      /* @__PURE__ */ jsx52(VerticalRhythm2, { gap: "sm", children: selectedListItems.map((item, i) => {
+    !selectedListItems.length ? null : /* @__PURE__ */ jsx52(DragDropContext3, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx52(Droppable3, { droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select", children: (provided) => /* @__PURE__ */ jsxs32("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
+      selectedListItems.map((item, i) => {
         const renderListItem = renderResultComponent(item);
-        return /* @__PURE__ */ jsx52(
-          Draggable3,
+        return /* @__PURE__ */ jsx52(Draggable3, { draggableId: item.id, index: i, isDragDisabled: disableDnD, children: (provided2, snapshot) => /* @__PURE__ */ jsx52(
+          "div",
           {
-            draggableId: item.title,
-            index: i,
-            isDragDisabled: disableDnD,
-            children: (provided2, snapshot) => /* @__PURE__ */ jsx52(
-              "div",
-              {
-                ref: provided2.innerRef,
-                "data-dragging": snapshot.isDragging,
-                ...provided2.draggableProps,
-                ...provided2.dragHandleProps,
-                children: renderListItem
-              }
-            )
-          },
-          item.title
-        );
-      }) }),
+            css: EntrySearchDragContainer,
+            ref: provided2.innerRef,
+            "data-dragging": snapshot.isDragging,
+            ...provided2.draggableProps,
+            ...provided2.dragHandleProps,
+            children: renderListItem
+          }
+        ) }, item.id);
+      }),
       provided.placeholder
     ] }) }) })
   ] });
@@ -4721,7 +4708,7 @@ function createLocationValidator(setValue, validate) {
 // src/index.ts
 import {
   AddListButton as AddListButton2,
-  Button as Button7,
+  Button as Button6,
   Callout as Callout4,
   Heading,
   Input as Input8,
@@ -4758,7 +4745,7 @@ import {
 export * from "@uniformdev/mesh-sdk";
 export {
   AddListButton2 as AddListButton,
-  Button7 as Button,
+  Button6 as Button,
   Callout4 as Callout,
   DamSelectedItem,
   DataRefreshButton,

package/dist/index.js

@@ -4075,45 +4075,25 @@ var DataRefreshButton = ({
 
 // src/components/EntrySearch/EntrySearchContainer.tsx
 var import_design_system24 = require("@uniformdev/design-system");
-
-// src/components/EntrySearch/styles/EntrySearchContainer.styles.ts
-var import_react39 = require("@emotion/react");
-var EntrySearchBtnGroup = import_react39.css`
-  align-items: center;
-  display: flex;
-  gap: var(--spacing-sm);
-`;
-
-// src/components/EntrySearch/EntrySearchContainer.tsx
 var import_jsx_runtime45 = require("@emotion/react/jsx-runtime");
-var EntrySearchContainer = ({
-  searchFilters,
-  resultList,
-  onSave,
-  onCancel,
-  children
-}) => {
+var EntrySearchContainer = ({ searchFilters, resultList, children }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system24.IconsProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_design_system24.VerticalRhythm, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system24.Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_design_system24.VerticalRhythm, { children: [
       searchFilters,
       !resultList ? null : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system24.ScrollableList, { role: "list", children: resultList })
     ] }) }),
-    children,
-    !onSave && !onCancel ? null : /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { css: EntrySearchBtnGroup, children: [
-      !onSave ? null : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system24.Button, { buttonType: "primary", onClick: onSave, children: "Save" }),
-      !onCancel ? null : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_design_system24.Button, { buttonType: "ghostDestructive", onClick: onCancel, children: "Cancel" })
-    ] })
+    children
   ] }) });
 };
 
 // src/components/EntrySearch/EntrySearchFilter.tsx
 var import_design_system25 = require("@uniformdev/design-system");
-var import_react42 = require("react");
+var import_react41 = require("react");
 
 // src/components/EntrySearch/hooks/EntrySearchContext.tsx
-var import_react40 = require("react");
+var import_react39 = require("react");
 var import_jsx_runtime46 = require("@emotion/react/jsx-runtime");
-var EntrySearchContext = (0, import_react40.createContext)({
+var EntrySearchContext = (0, import_react39.createContext)({
   onSetQuery: () => {
   },
   onSelectItem: () => {
@@ -4130,20 +4110,26 @@ var EntrySearchContext = (0, import_react40.createContext)({
   }
 });
 var EntrySearchProvider = ({ currentlySelectedItems, children }) => {
-  const [query, setQuery] = (0, import_react40.useState)({
+  const [query, setQuery] = (0, import_react39.useState)({
     contentType: "",
     keyword: ""
   });
-  const querySearchDeferred = (0, import_react40.useDeferredValue)(query);
-  const [selectedItems, setSelectedItems] = (0, import_react40.useState)(currentlySelectedItems != null ? currentlySelectedItems : []);
-  const [list, setList] = (0, import_react40.useState)({});
-  const onSetQuery = (0, import_react40.useCallback)(
+  const querySearchDeferred = (0, import_react39.useDeferredValue)(query);
+  const [selectedItems, setSelectedItems] = (0, import_react39.useState)(currentlySelectedItems != null ? currentlySelectedItems : []);
+  const [list, setList] = (0, import_react39.useState)({});
+  const onSetQuery = (0, import_react39.useCallback)(
     (value) => {
-      setQuery(value);
+      if (Array.isArray(value.contentType) && value.contentType.length > 0) {
+        return setQuery({
+          ...value,
+          contentType: value.contentType[0].id
+        });
+      }
+      return setQuery(value);
     },
     [setQuery]
   );
-  const onSelectItem = (0, import_react40.useCallback)(
+  const onSelectItem = (0, import_react39.useCallback)(
     (selectedResult) => {
       if (Array.isArray(selectedResult)) {
         setSelectedItems(selectedResult);
@@ -4157,10 +4143,10 @@ var EntrySearchProvider = ({ currentlySelectedItems, children }) => {
     },
     [setSelectedItems, selectedItems]
   );
-  const onRemoveAllSelectedItems = (0, import_react40.useCallback)(() => {
+  const onRemoveAllSelectedItems = (0, import_react39.useCallback)(() => {
     setSelectedItems([]);
   }, [setSelectedItems]);
-  const onSetList = (0, import_react40.useCallback)(
+  const onSetList = (0, import_react39.useCallback)(
     (value) => {
       setList(value);
     },
@@ -4183,13 +4169,13 @@ var EntrySearchProvider = ({ currentlySelectedItems, children }) => {
   );
 };
 var useEntrySearchContext = () => {
-  const contextValues = (0, import_react40.useContext)(EntrySearchContext);
+  const contextValues = (0, import_react39.useContext)(EntrySearchContext);
   return { ...contextValues };
 };
 
 // src/components/EntrySearch/styles/EntrySearchFilterContainer.styles.ts
-var import_react41 = require("@emotion/react");
-var EntrySearchFilterContainerLabel = import_react41.css`
+var import_react40 = require("@emotion/react");
+var EntrySearchFilterContainerLabel = import_react40.css`
   align-items: center;
   display: flex;
   font-size: var(--fs-sm);
@@ -4197,14 +4183,14 @@ var EntrySearchFilterContainerLabel = import_react41.css`
   line-height: 1rem;
   margin-bottom: var(--spacing-sm);
 `;
-var EntrySearchFilterContainer = import_react41.css`
+var EntrySearchFilterContainer = import_react40.css`
   display: grid;
   gap: var(--spacing-base);
 `;
-var EntrySearchFilterDropdownAndTextSearch = import_react41.css`
+var EntrySearchFilterDropdownAndTextSearch = import_react40.css`
   grid-template-columns: 0.5fr 1fr;
 `;
-var EntrySearchFilterGrid = (gridColumns) => import_react41.css`
+var EntrySearchFilterGrid = (gridColumns) => import_react40.css`
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-base);
@@ -4221,8 +4207,8 @@ var EntrySearchFilter = ({
   selectOptions
 }) => {
   const { query, onSetQuery } = useEntrySearchContext();
-  const [searchState, setSearchState] = (0, import_react42.useState)({
-    contentType: "any",
+  const [searchState, setSearchState] = (0, import_react41.useState)({
+    contentType: "",
     keyword: ""
   });
   const handleFilterChange = (value) => {
@@ -4245,7 +4231,7 @@ var EntrySearchFilter = ({
             return { name: option == null ? void 0 : option.name, label: (_a = option.label) != null ? _a : option == null ? void 0 : option.name, id: option.id };
           }) : []
         ],
-        value: searchState.contentType
+        value: query.contentType
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
@@ -4275,9 +4261,9 @@ var EntrySearchFilterContainer2 = ({ label, children }) => {
 var import_design_system27 = require("@uniformdev/design-system");
 
 // src/components/EntrySearch/styles/EntrySearchListItem.styles.ts
-var import_react43 = require("@emotion/react");
+var import_react42 = require("@emotion/react");
 var import_design_system26 = require("@uniformdev/design-system");
-var EntryListItemContainer = import_react43.css`
+var EntryListItemContainer = import_react42.css`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4290,7 +4276,7 @@ var EntryListItemContainer = import_react43.css`
     display: none;
   }
 `;
-var EntryListItemLoading = import_react43.css`
+var EntryListItemLoading = import_react42.css`
   animation: ${import_design_system26.skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
   min-height: 42px;
@@ -4314,31 +4300,31 @@ var EntryListItemLoading = import_react43.css`
     width: 1rem;
   }
 `;
-var EntryListItemHeadingGroup = import_react43.css`
+var EntryListItemHeadingGroup = import_react42.css`
   align-items: center;
   display: grid;
 `;
-var EntryListItemTitle = import_react43.css`
+var EntryListItemTitle = import_react42.css`
   color: var(--brand-secondary-1);
   display: block;
   font-size: var(--fs-sm);
 `;
-var EntryListItemSubtitle = import_react43.css`
+var EntryListItemSubtitle = import_react42.css`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var EntryListItemInfoContainer = import_react43.css`
+var EntryListItemInfoContainer = import_react42.css`
   align-items: center;
   display: flex;
   justify-content: center;
 `;
-var EntryListItemControlledContent = import_react43.css`
+var EntryListItemControlledContent = import_react42.css`
   display: flex;
   gap: var(--spacing-sm);
 `;
-var EntryListItemUnControlledContent = import_react43.css`
+var EntryListItemUnControlledContent = import_react42.css`
   margin-top: var(--spacing-sm);
   grid-column: 1 / -1;
 `;
@@ -4389,8 +4375,8 @@ var import_design_system28 = require("@uniformdev/design-system");
 var import_timeago3 = require("timeago.js");
 
 // src/components/EntrySearch/styles/EntrySearchResultItem.styles.ts
-var import_react44 = require("@emotion/react");
-var EntrySearchResultItemContainer = import_react44.css`
+var import_react43 = require("@emotion/react");
+var EntrySearchResultItemContainer = import_react43.css`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4406,7 +4392,7 @@ var EntrySearchResultItemContainer = import_react44.css`
     }
   }
 `;
-var EntrySearchDragHandle = import_react44.css`
+var EntrySearchDragHandle = import_react43.css`
   border-left: 2px dotted var(--gray-300);
   border-right: 2px dotted var(--gray-300);
   position: absolute;
@@ -4415,35 +4401,35 @@ var EntrySearchDragHandle = import_react44.css`
   transition: opacity var(--duration-fast) var(--timing-ease-out);
   opacity: 0;
 `;
-var EntrySearchResultItemSubtitle = import_react44.css`
+var EntrySearchResultItemSubtitle = import_react43.css`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var EntrySearchResultItemTitle = import_react44.css`
+var EntrySearchResultItemTitle = import_react43.css`
   align-items: center;
   color: var(--brand-secondary-1);
   display: flex;
   gap: var(--spacing-xs);
 `;
-var EntrySearchResultItemTimeStamp = import_react44.css`
+var EntrySearchResultItemTimeStamp = import_react43.css`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
-var EntrySearchAuthorStateGroup = import_react44.css`
+var EntrySearchAuthorStateGroup = import_react43.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var EntrySearchUpdateGroup = import_react44.css`
+var EntrySearchUpdateGroup = import_react43.css`
   display: grid;
 `;
-var EntrySearchContentContainer = import_react44.css`
+var EntrySearchContentContainer = import_react43.css`
   display: flex;
   gap: var(--spacing-base);
 `;
-var EntrySearchImage = import_react44.css`
+var EntrySearchImage = import_react43.css`
   width: 56px;
   object-fit: contain;
 `;
@@ -4507,9 +4493,9 @@ var EntrySearchResultItem = ({
 };
 
 // src/components/EntrySearch/styles/EntrySearchResultItemButton.styles.ts
-var import_react45 = require("@emotion/react");
+var import_react44 = require("@emotion/react");
 var import_design_system29 = require("@uniformdev/design-system");
-var ButtonStyles = import_react45.css`
+var ButtonStyles = import_react44.css`
   ${import_design_system29.button}
   background: transparent;
   border: 1px solid var(--brand-secondary-1);
@@ -4536,7 +4522,7 @@ var ButtonStyles = import_react45.css`
     text-decoration: none;
   }
 `;
-var ButtonIcon = import_react45.css`
+var ButtonIcon = import_react44.css`
   width: 1rem;
   height: 1rem;
 `;
@@ -4569,19 +4555,27 @@ var import_design_system30 = require("@uniformdev/design-system");
 var import_react_beautiful_dnd3 = require("react-beautiful-dnd");
 
 // src/components/EntrySearch/styles/EntrySearchResultList.styles.ts
-var import_react46 = require("@emotion/react");
-var EntrySearchResultListContainer = import_react46.css`
+var import_react45 = require("@emotion/react");
+var EntrySearchResultListContainer = import_react45.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: space-between;
 `;
-var EntrySearchResultListCounterContainer = import_react46.css`
+var EntrySearchDragContainer = import_react45.css`
+  margin: 0 0 var(--spacing-sm);
+
+  // &[data-dragging='true'] {
+  //   left: auto !important;
+  //   top: auto !important;
+  // }
+`;
+var EntrySearchResultListCounterContainer = import_react45.css`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var EntrySearchResultListTitle = import_react46.css`
+var EntrySearchResultListTitle = import_react45.css`
   font-weight: var(--fw-bold);
   line-height: 1;
 `;
@@ -4595,6 +4589,7 @@ var EntrySearchResultList = ({
   hideRemoveButton = false,
   additionalButtons,
   renderResultComponent = (value) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(EntrySearchResultItem, { ...value, disableDnD }),
+  multiSelectId,
   disableDnD = false
 }) => {
   const { selectedListItems, onRemoveAllSelectedItems, onSelectItem } = useEntrySearchContext();
@@ -4633,29 +4628,21 @@ var EntrySearchResultList = ({
         )
       ] })
     ] }),
-    !selectedListItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_beautiful_dnd3.DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_beautiful_dnd3.Droppable, { droppableId: "canvas-multi-select", children: (provided) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_design_system30.VerticalRhythm, { gap: "sm", children: selectedListItems.map((item, i) => {
+    !selectedListItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_beautiful_dnd3.DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_beautiful_dnd3.Droppable, { droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select", children: (provided) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
+      selectedListItems.map((item, i) => {
         const renderListItem = renderResultComponent(item);
-        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-          import_react_beautiful_dnd3.Draggable,
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_beautiful_dnd3.Draggable, { draggableId: item.id, index: i, isDragDisabled: disableDnD, children: (provided2, snapshot) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          "div",
           {
-            draggableId: item.title,
-            index: i,
-            isDragDisabled: disableDnD,
-            children: (provided2, snapshot) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-              "div",
-              {
-                ref: provided2.innerRef,
-                "data-dragging": snapshot.isDragging,
-                ...provided2.draggableProps,
-                ...provided2.dragHandleProps,
-                children: renderListItem
-              }
-            )
-          },
-          item.title
-        );
-      }) }),
+            css: EntrySearchDragContainer,
+            ref: provided2.innerRef,
+            "data-dragging": snapshot.isDragging,
+            ...provided2.draggableProps,
+            ...provided2.dragHandleProps,
+            children: renderListItem
+          }
+        ) }, item.id);
+      }),
       provided.placeholder
     ] }) }) })
   ] });
@@ -4663,7 +4650,7 @@ var EntrySearchResultList = ({
 
 // src/components/EntrySearch/QueryFilter.tsx
 var import_design_system31 = require("@uniformdev/design-system");
-var import_react47 = require("react");
+var import_react46 = require("react");
 var import_jsx_runtime53 = require("@emotion/react/jsx-runtime");
 var QueryFilter = ({
   requireContentType,
@@ -4694,7 +4681,7 @@ var QueryFilter = ({
 }) => {
   var _a, _b;
   const { query, onSetQuery } = useEntrySearchContext();
-  const [queryState, setQueryState] = (0, import_react47.useState)({
+  const [queryState, setQueryState] = (0, import_react46.useState)({
     contentType: "",
     keyword: "",
     count: countValue != null ? countValue : 5,
@@ -4705,7 +4692,7 @@ var QueryFilter = ({
     setQueryState((prev) => ({ ...prev, ...value }));
     onSetQuery({ ...query, ...value });
   };
-  (0, import_react47.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     onSetQuery(queryState);
   }, [onSetQuery, queryState]);
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("fieldset", { children: [
@@ -4794,12 +4781,12 @@ var import_design_system32 = require("@uniformdev/design-system");
 
 // src/hooks/useInitializeUniformMeshSdk.ts
 var import_mesh_sdk = require("@uniformdev/mesh-sdk");
-var import_react48 = require("react");
+var import_react47 = require("react");
 var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
-  const [error, setError] = (0, import_react48.useState)();
-  const [sdk, setSdk] = (0, import_react48.useState)();
-  const initializationInProgress = (0, import_react48.useRef)(false);
-  (0, import_react48.useEffect)(
+  const [error, setError] = (0, import_react47.useState)();
+  const [sdk, setSdk] = (0, import_react47.useState)();
+  const initializationInProgress = (0, import_react47.useRef)(false);
+  (0, import_react47.useEffect)(
     () => {
       if (typeof window === "undefined" || sdk) {
         return;

package/dist/index.mjs

@@ -3919,35 +3919,15 @@ var DataRefreshButton = ({
 };
 
 // src/components/EntrySearch/EntrySearchContainer.tsx
-import { Button as Button4, Container, IconsProvider, ScrollableList, VerticalRhythm } from "@uniformdev/design-system";
-
-// src/components/EntrySearch/styles/EntrySearchContainer.styles.ts
-import { css as css26 } from "@emotion/react";
-var EntrySearchBtnGroup = css26`
-  align-items: center;
-  display: flex;
-  gap: var(--spacing-sm);
-`;
-
-// src/components/EntrySearch/EntrySearchContainer.tsx
+import { Container, IconsProvider, ScrollableList, VerticalRhythm } from "@uniformdev/design-system";
 import { jsx as jsx45, jsxs as jsxs26 } from "@emotion/react/jsx-runtime";
-var EntrySearchContainer = ({
-  searchFilters,
-  resultList,
-  onSave,
-  onCancel,
-  children
-}) => {
+var EntrySearchContainer = ({ searchFilters, resultList, children }) => {
   return /* @__PURE__ */ jsx45(IconsProvider, { children: /* @__PURE__ */ jsxs26(VerticalRhythm, { children: [
     /* @__PURE__ */ jsx45(Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: /* @__PURE__ */ jsxs26(VerticalRhythm, { children: [
       searchFilters,
       !resultList ? null : /* @__PURE__ */ jsx45(ScrollableList, { role: "list", children: resultList })
     ] }) }),
-    children,
-    !onSave && !onCancel ? null : /* @__PURE__ */ jsxs26("div", { css: EntrySearchBtnGroup, children: [
-      !onSave ? null : /* @__PURE__ */ jsx45(Button4, { buttonType: "primary", onClick: onSave, children: "Save" }),
-      !onCancel ? null : /* @__PURE__ */ jsx45(Button4, { buttonType: "ghostDestructive", onClick: onCancel, children: "Cancel" })
-    ] })
+    children
   ] }) });
 };
 
@@ -3984,7 +3964,13 @@ var EntrySearchProvider = ({ currentlySelectedItems, children }) => {
   const [list, setList] = useState9({});
   const onSetQuery = useCallback(
     (value) => {
-      setQuery(value);
+      if (Array.isArray(value.contentType) && value.contentType.length > 0) {
+        return setQuery({
+          ...value,
+          contentType: value.contentType[0].id
+        });
+      }
+      return setQuery(value);
     },
     [setQuery]
   );
@@ -4033,8 +4019,8 @@ var useEntrySearchContext = () => {
 };
 
 // src/components/EntrySearch/styles/EntrySearchFilterContainer.styles.ts
-import { css as css27 } from "@emotion/react";
-var EntrySearchFilterContainerLabel = css27`
+import { css as css26 } from "@emotion/react";
+var EntrySearchFilterContainerLabel = css26`
   align-items: center;
   display: flex;
   font-size: var(--fs-sm);
@@ -4042,14 +4028,14 @@ var EntrySearchFilterContainerLabel = css27`
   line-height: 1rem;
   margin-bottom: var(--spacing-sm);
 `;
-var EntrySearchFilterContainer = css27`
+var EntrySearchFilterContainer = css26`
   display: grid;
   gap: var(--spacing-base);
 `;
-var EntrySearchFilterDropdownAndTextSearch = css27`
+var EntrySearchFilterDropdownAndTextSearch = css26`
   grid-template-columns: 0.5fr 1fr;
 `;
-var EntrySearchFilterGrid = (gridColumns) => css27`
+var EntrySearchFilterGrid = (gridColumns) => css26`
   display: grid;
   grid-template-columns: ${gridColumns};
   gap: var(--spacing-base);
@@ -4067,7 +4053,7 @@ var EntrySearchFilter = ({
 }) => {
   const { query, onSetQuery } = useEntrySearchContext();
   const [searchState, setSearchState] = useState10({
-    contentType: "any",
+    contentType: "",
     keyword: ""
   });
   const handleFilterChange = (value) => {
@@ -4090,7 +4076,7 @@ var EntrySearchFilter = ({
             return { name: option == null ? void 0 : option.name, label: (_a = option.label) != null ? _a : option == null ? void 0 : option.name, id: option.id };
           }) : []
         ],
-        value: searchState.contentType
+        value: query.contentType
       }
     ),
     /* @__PURE__ */ jsx47(
@@ -4120,9 +4106,9 @@ var EntrySearchFilterContainer2 = ({ label, children }) => {
 import { Popover } from "@uniformdev/design-system";
 
 // src/components/EntrySearch/styles/EntrySearchListItem.styles.ts
-import { css as css28 } from "@emotion/react";
+import { css as css27 } from "@emotion/react";
 import { skeletonLoading } from "@uniformdev/design-system";
-var EntryListItemContainer = css28`
+var EntryListItemContainer = css27`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4135,7 +4121,7 @@ var EntryListItemContainer = css28`
     display: none;
   }
 `;
-var EntryListItemLoading = css28`
+var EntryListItemLoading = css27`
   animation: ${skeletonLoading} 1s linear infinite alternate;
   border-color: transparent;
   min-height: 42px;
@@ -4159,31 +4145,31 @@ var EntryListItemLoading = css28`
     width: 1rem;
   }
 `;
-var EntryListItemHeadingGroup = css28`
+var EntryListItemHeadingGroup = css27`
   align-items: center;
   display: grid;
 `;
-var EntryListItemTitle = css28`
+var EntryListItemTitle = css27`
   color: var(--brand-secondary-1);
   display: block;
   font-size: var(--fs-sm);
 `;
-var EntryListItemSubtitle = css28`
+var EntryListItemSubtitle = css27`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var EntryListItemInfoContainer = css28`
+var EntryListItemInfoContainer = css27`
   align-items: center;
   display: flex;
   justify-content: center;
 `;
-var EntryListItemControlledContent = css28`
+var EntryListItemControlledContent = css27`
   display: flex;
   gap: var(--spacing-sm);
 `;
-var EntryListItemUnControlledContent = css28`
+var EntryListItemUnControlledContent = css27`
   margin-top: var(--spacing-sm);
   grid-column: 1 / -1;
 `;
@@ -4230,12 +4216,12 @@ var EntrySearchListItemLoadingSkeleton = () => {
 };
 
 // src/components/EntrySearch/EntrySearchResultItem.tsx
-import { Badge, Button as Button5, Popover as Popover2 } from "@uniformdev/design-system";
+import { Badge, Button as Button4, Popover as Popover2 } from "@uniformdev/design-system";
 import { format as timeagoFormat } from "timeago.js";
 
 // src/components/EntrySearch/styles/EntrySearchResultItem.styles.ts
-import { css as css29 } from "@emotion/react";
-var EntrySearchResultItemContainer = css29`
+import { css as css28 } from "@emotion/react";
+var EntrySearchResultItemContainer = css28`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -4251,7 +4237,7 @@ var EntrySearchResultItemContainer = css29`
     }
   }
 `;
-var EntrySearchDragHandle = css29`
+var EntrySearchDragHandle = css28`
   border-left: 2px dotted var(--gray-300);
   border-right: 2px dotted var(--gray-300);
   position: absolute;
@@ -4260,35 +4246,35 @@ var EntrySearchDragHandle = css29`
   transition: opacity var(--duration-fast) var(--timing-ease-out);
   opacity: 0;
 `;
-var EntrySearchResultItemSubtitle = css29`
+var EntrySearchResultItemSubtitle = css28`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var EntrySearchResultItemTitle = css29`
+var EntrySearchResultItemTitle = css28`
   align-items: center;
   color: var(--brand-secondary-1);
   display: flex;
   gap: var(--spacing-xs);
 `;
-var EntrySearchResultItemTimeStamp = css29`
+var EntrySearchResultItemTimeStamp = css28`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
-var EntrySearchAuthorStateGroup = css29`
+var EntrySearchAuthorStateGroup = css28`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var EntrySearchUpdateGroup = css29`
+var EntrySearchUpdateGroup = css28`
   display: grid;
 `;
-var EntrySearchContentContainer = css29`
+var EntrySearchContentContainer = css28`
   display: flex;
   gap: var(--spacing-base);
 `;
-var EntrySearchImage = css29`
+var EntrySearchImage = css28`
   width: 56px;
   object-fit: contain;
 `;
@@ -4346,15 +4332,15 @@ var EntrySearchResultItem = ({
     ] }) }),
     !editLink && hideRemoveButton ? null : /* @__PURE__ */ jsxs30("div", { css: EntrySearchAuthorStateGroup, children: [
       !editLink ? null : /* @__PURE__ */ jsx50(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
-      hideRemoveButton ? null : /* @__PURE__ */ jsx50(Button5, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
+      hideRemoveButton ? null : /* @__PURE__ */ jsx50(Button4, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
     ] })
   ] });
 };
 
 // src/components/EntrySearch/styles/EntrySearchResultItemButton.styles.ts
-import { css as css30 } from "@emotion/react";
+import { css as css29 } from "@emotion/react";
 import { button as button2 } from "@uniformdev/design-system";
-var ButtonStyles = css30`
+var ButtonStyles = css29`
   ${button2}
   background: transparent;
   border: 1px solid var(--brand-secondary-1);
@@ -4381,7 +4367,7 @@ var ButtonStyles = css30`
     text-decoration: none;
   }
 `;
-var ButtonIcon = css30`
+var ButtonIcon = css29`
   width: 1rem;
   height: 1rem;
 `;
@@ -4410,23 +4396,31 @@ var LinkButton = ({
 };
 
 // src/components/EntrySearch/EntrySearchResultList.tsx
-import { Button as Button6, Counter, VerticalRhythm as VerticalRhythm2 } from "@uniformdev/design-system";
+import { Button as Button5, Counter } from "@uniformdev/design-system";
 import { DragDropContext as DragDropContext3, Draggable as Draggable3, Droppable as Droppable3 } from "react-beautiful-dnd";
 
 // src/components/EntrySearch/styles/EntrySearchResultList.styles.ts
-import { css as css31 } from "@emotion/react";
-var EntrySearchResultListContainer = css31`
+import { css as css30 } from "@emotion/react";
+var EntrySearchResultListContainer = css30`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: space-between;
 `;
-var EntrySearchResultListCounterContainer = css31`
+var EntrySearchDragContainer = css30`
+  margin: 0 0 var(--spacing-sm);
+
+  // &[data-dragging='true'] {
+  //   left: auto !important;
+  //   top: auto !important;
+  // }
+`;
+var EntrySearchResultListCounterContainer = css30`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var EntrySearchResultListTitle = css31`
+var EntrySearchResultListTitle = css30`
   font-weight: var(--fw-bold);
   line-height: 1;
 `;
@@ -4440,6 +4434,7 @@ var EntrySearchResultList = ({
   hideRemoveButton = false,
   additionalButtons,
   renderResultComponent = (value) => /* @__PURE__ */ jsx52(EntrySearchResultItem, { ...value, disableDnD }),
+  multiSelectId,
   disableDnD = false
 }) => {
   const { selectedListItems, onRemoveAllSelectedItems, onSelectItem } = useEntrySearchContext();
@@ -4467,7 +4462,7 @@ var EntrySearchResultList = ({
       /* @__PURE__ */ jsxs32("div", { css: EntrySearchResultListCounterContainer, children: [
         additionalButtons,
         hideRemoveButton ? null : /* @__PURE__ */ jsx52(
-          Button6,
+          Button5,
           {
             buttonType: "ghostDestructive",
             size: "xs",
@@ -4478,29 +4473,21 @@ var EntrySearchResultList = ({
         )
       ] })
     ] }),
-    !selectedListItems.length ? null : /* @__PURE__ */ jsx52(DragDropContext3, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx52(Droppable3, { droppableId: "canvas-multi-select", children: (provided) => /* @__PURE__ */ jsxs32("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
-      /* @__PURE__ */ jsx52(VerticalRhythm2, { gap: "sm", children: selectedListItems.map((item, i) => {
+    !selectedListItems.length ? null : /* @__PURE__ */ jsx52(DragDropContext3, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx52(Droppable3, { droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select", children: (provided) => /* @__PURE__ */ jsxs32("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
+      selectedListItems.map((item, i) => {
         const renderListItem = renderResultComponent(item);
-        return /* @__PURE__ */ jsx52(
-          Draggable3,
+        return /* @__PURE__ */ jsx52(Draggable3, { draggableId: item.id, index: i, isDragDisabled: disableDnD, children: (provided2, snapshot) => /* @__PURE__ */ jsx52(
+          "div",
           {
-            draggableId: item.title,
-            index: i,
-            isDragDisabled: disableDnD,
-            children: (provided2, snapshot) => /* @__PURE__ */ jsx52(
-              "div",
-              {
-                ref: provided2.innerRef,
-                "data-dragging": snapshot.isDragging,
-                ...provided2.draggableProps,
-                ...provided2.dragHandleProps,
-                children: renderListItem
-              }
-            )
-          },
-          item.title
-        );
-      }) }),
+            css: EntrySearchDragContainer,
+            ref: provided2.innerRef,
+            "data-dragging": snapshot.isDragging,
+            ...provided2.draggableProps,
+            ...provided2.dragHandleProps,
+            children: renderListItem
+          }
+        ) }, item.id);
+      }),
       provided.placeholder
     ] }) }) })
   ] });
@@ -4721,7 +4708,7 @@ function createLocationValidator(setValue, validate) {
 // src/index.ts
 import {
   AddListButton as AddListButton2,
-  Button as Button7,
+  Button as Button6,
   Callout as Callout4,
   Heading,
   Input as Input8,
@@ -4758,7 +4745,7 @@ import {
 export * from "@uniformdev/mesh-sdk";
 export {
   AddListButton2 as AddListButton,
-  Button7 as Button,
+  Button6 as Button,
   Callout4 as Callout,
   DamSelectedItem,
   DataRefreshButton,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "18.31.1-alpha.22+342a682db",
+  "version": "18.32.1-alpha.26+371f15eeb",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -43,8 +43,8 @@
     "document": "api-extractor run --local"
   },
   "dependencies": {
-    "@uniformdev/design-system": "18.31.1-alpha.22+342a682db",
-    "@uniformdev/mesh-sdk": "18.31.1-alpha.22+342a682db",
+    "@uniformdev/design-system": "18.32.1-alpha.26+371f15eeb",
+    "@uniformdev/mesh-sdk": "18.32.1-alpha.26+371f15eeb",
     "formik": "^2.2.9",
     "react-beautiful-dnd": "13.1.1",
     "react-icons": "4.8.0",
@@ -73,5 +73,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "342a682dbc05a6b97b4d529b7604daa62f7d1066"
+  "gitHead": "371f15eeb2def5acf3000d0e6efb6567c1ec3395"
 }