@uniformdev/mesh-sdk-react 19.136.1-alpha.4 → 19.138.0

package/dist/index.esm.js

@@ -2652,9 +2652,6 @@ function DefaultDamItemRenderer({ item }) {
   ] }) : null;
 }
 
-// src/components/DataResourceDynamicInputProvider.tsx
-import { createContext as createContext4, useContext as useContext6 } from "react";
-
 // src/hooks/useConnectedDataAsVariables.tsx
 import { useMemo as useMemo3 } from "react";
 function useConnectedDataAsVariables(connectedData) {
@@ -4904,7 +4901,7 @@ function InputVariables(props) {
         },
         id: finalId,
         isActive: hadVariablesInValue,
-        disableVariables: disableVariablesForReals || showMenuPosition && showMenuPosition !== "label" || disableInlineMenu === true || disableInlineMenu === "by-label",
+        disableVariables: disableVariablesForReals || showMenuPosition && showMenuPosition !== "label" || disableInlineMenu === "by-label",
         children: input3
       }
     );
@@ -5377,10 +5374,6 @@ function VariablesList() {
 
 // src/components/DataResourceDynamicInputProvider.tsx
 import { jsx as jsx45 } from "@emotion/react/jsx-runtime";
-var DataResourceInputContext = createContext4(void 0);
-var useDataResourceDynamicInputs = () => {
-  return useContext6(DataResourceInputContext);
-};
 function DataResourceDynamicInputProvider(props) {
   const { children, dynamicInputs } = props;
   if (dynamicInputs) {
@@ -5399,7 +5392,7 @@ function DataResourceDynamicInputProviderRenderer({
   dynamicInputs
 }) {
   const variables = useDynamicInputsAsVariables(dynamicInputs);
-  return /* @__PURE__ */ jsx45(DataResourceInputContext.Provider, { value: dynamicInputs, children: /* @__PURE__ */ jsx45(VariablesProvider, { value: variables, readOnly: true, children }) });
+  return /* @__PURE__ */ jsx45(VariablesProvider, { value: variables, readOnly: true, children });
 }
 
 // src/components/DataResourceVariablesList.tsx
@@ -6266,23 +6259,22 @@ var DataRefreshButton = ({
 };
 
 // src/components/ObjectSearch/ObjectSearchContainer.tsx
-import { css as css36 } from "@emotion/react";
+import { css as css33 } from "@emotion/react";
 import { bindVariables } from "@uniformdev/canvas";
 import { Callout as Callout5, Container, IconsProvider, ScrollableList, VerticalRhythm as VerticalRhythm2 } from "@uniformdev/design-system";
-import React12 from "react";
 
 // src/components/ObjectSearch/hooks/ObjectSearchContext.tsx
 import { bindVariablesToObject as bindVariablesToObject2 } from "@uniformdev/canvas";
 import {
-  createContext as createContext6,
+  createContext as createContext5,
   useCallback as useCallback5,
-  useContext as useContext8,
+  useContext as useContext7,
   useDeferredValue,
   useMemo as useMemo14,
   useState as useState16
 } from "react";
 import { jsx as jsx59 } from "@emotion/react/jsx-runtime";
-var ObjectSearchContext = createContext6({
+var ObjectSearchContext = createContext5({
   onSetQuery: () => {
   },
   onSelectItem: () => {
@@ -6290,6 +6282,8 @@ var ObjectSearchContext = createContext6({
   query: {},
   boundQuery: {},
   list: {},
+  onSetList: () => {
+  },
   selectedListItems: [],
   onRemoveAllSelectedItems: () => {
   },
@@ -6373,7 +6367,7 @@ var ObjectSearchProvider = ({
   return /* @__PURE__ */ jsx59(ObjectSearchContext.Provider, { value, children });
 };
 function useObjectSearchContext() {
-  return useContext8(ObjectSearchContext);
+  return useContext7(ObjectSearchContext);
 }
 function bindQuery(query, inputs) {
   const { result, errors } = bindVariablesToObject2({
@@ -6529,18 +6523,201 @@ var ObjectSearchListItemLoadingSkeleton = () => {
   return /* @__PURE__ */ jsx60("div", { role: "presentation", css: [ObjectListItemContainer, ObjectListItemLoading] });
 };
 
-// src/components/ObjectSearch/ObjectSearchResultList.tsx
-import { Button as Button5, Counter } from "@uniformdev/design-system";
-import { Draggable as Draggable3, Droppable as Droppable3 } from "react-beautiful-dnd";
+// src/components/ObjectSearch/ObjectSearchContainer.tsx
+import { jsx as jsx61, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
+var ObjectSearchContainer = ({
+  label,
+  enableDynamicInputToResultId,
+  searchFilters,
+  resultList,
+  children
+}) => {
+  var _a, _b;
+  const { onSelectItem, selectedListItems, list } = useObjectSearchContext();
+  const { flatVariables } = useVariables(true);
+  const inputValue = (_b = (_a = selectedListItems == null ? void 0 : selectedListItems[0]) == null ? void 0 : _a.id) != null ? _b : "";
+  const listItems = resultList != null ? resultList : /* @__PURE__ */ jsx61(
+    ScrollableList,
+    {
+      role: "list",
+      css: css33`
+        > div {
+          transition: max-height var(--duration-slow) var(--timing-ease-out);
+          max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
+        }
+      `,
+      children: /* @__PURE__ */ jsx61(DefaultResultList, {})
+    }
+  );
+  const body = /* @__PURE__ */ jsxs35(VerticalRhythm2, { children: [
+    searchFilters,
+    listItems
+  ] });
+  const handleSelectedVariableChange = (selectedValue) => {
+    var _a2;
+    if (!selectedValue) {
+      onSelectItem([]);
+      return;
+    }
+    const { result, errors } = bindVariables({
+      value: selectedValue,
+      variables: flatVariables,
+      errorPrefix: "Dynamic input"
+    });
+    if (!result) {
+      onSelectItem([]);
+      return;
+    }
+    const item = (_a2 = list.items) == null ? void 0 : _a2.find((i) => i.id === result);
+    onSelectItem([
+      {
+        title: selectedValue,
+        contentType: (errors == null ? void 0 : errors.length) ? errors[0] instanceof Error ? errors[0].message : errors[0] : `Current dynamic value "${result}" is not an ID in the options`,
+        // spread any matched list item, overriding the above default props
+        ...item,
+        // we want to make sure the ID is our dynamic value
+        id: selectedValue
+      }
+    ]);
+  };
+  return /* @__PURE__ */ jsx61(IconsProvider, { children: /* @__PURE__ */ jsxs35(VerticalRhythm2, { children: [
+    /* @__PURE__ */ jsx61(Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: label ? /* @__PURE__ */ jsx61(
+      InputVariables,
+      {
+        label,
+        value: inputValue,
+        onChange: (value) => {
+          if (value === inputValue) {
+            return;
+          }
+          handleSelectedVariableChange(value);
+        },
+        inputWhenNoVariables: body,
+        disableVariables: !enableDynamicInputToResultId
+      }
+    ) : body }),
+    children
+  ] }) });
+};
+var DefaultResultList = () => {
+  var _a;
+  const { list } = useObjectSearchContext();
+  if (!list.items) {
+    return Array.from(Array(5).keys()).map((i) => /* @__PURE__ */ jsx61(ObjectSearchListItemLoadingSkeleton, {}, i));
+  }
+  if (list.items.length === 0) {
+    return /* @__PURE__ */ jsx61(Callout5, { type: "info", children: "No results were found" });
+  }
+  return (_a = list.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ jsx61(ObjectSearchListItem, { ...item }, item.id));
+};
+
+// src/components/ObjectSearch/ObjectSearchFilter.tsx
+import { DebouncedInputKeywordSearch, InputSelect as InputSelect6 } from "@uniformdev/design-system";
+import { useMemo as useMemo15, useState as useState17 } from "react";
+
+// src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
+import { css as css34 } from "@emotion/react";
+var ObjectSearchFilterContainerLabel = css34`
+  align-items: center;
+  display: flex;
+  font-size: var(--fs-sm);
+  font-weight: var(--fw-bold);
+  line-height: 1rem;
+  margin-bottom: var(--spacing-sm);
+`;
+var ObjectSearchFilterContainer = css34`
+  display: grid;
+  gap: var(--spacing-base);
+`;
+var ObjectSearchFilterGrid = (gridColumns) => css34`
+  display: grid;
+  grid-template-columns: ${gridColumns};
+  gap: var(--spacing-base);
+`;
+
+// src/components/ObjectSearch/ObjectSearchFilter.tsx
+import { jsx as jsx62, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
+var ObjectSearchFilter = ({
+  requireContentType,
+  typeSelectorAllTypesOptionText = "All content types",
+  searchInputName = "searchText",
+  searchInputPlaceholderText = "Enter keyword to narrow your results",
+  selectLabel = "Content Type Select",
+  selectOptions
+}) => {
+  var _a, _b;
+  const { query, onSetQuery } = useObjectSearchContext();
+  const [searchState, setSearchState] = useState17({
+    contentType: (_a = query.contentType) != null ? _a : "",
+    keyword: (_b = query.keyword) != null ? _b : ""
+  });
+  const handleFilterChange = (value) => {
+    setSearchState((prev) => {
+      return { ...prev, ...value };
+    });
+    onSetQuery({ ...query, ...value });
+  };
+  const memoizedSelectOptions = useMemo15(() => {
+    if (!requireContentType && !(selectOptions == null ? void 0 : selectOptions.length)) {
+      return [];
+    }
+    return [
+      ...!requireContentType ? [{ value: "any", label: typeSelectorAllTypesOptionText }] : [],
+      ...selectOptions != null ? selectOptions : []
+    ];
+  }, [requireContentType, typeSelectorAllTypesOptionText, selectOptions]);
+  const shouldRenderSelect = memoizedSelectOptions.length > 0;
+  return /* @__PURE__ */ jsxs36(
+    "fieldset",
+    {
+      css: [
+        ObjectSearchFilterContainer,
+        ObjectSearchFilterGrid(shouldRenderSelect ? "1fr 2fr" : "1fr")
+      ],
+      children: [
+        memoizedSelectOptions.length ? /* @__PURE__ */ jsx62(
+          InputSelect6,
+          {
+            label: selectLabel,
+            showLabel: false,
+            onChange: (e) => handleFilterChange({ contentType: e.target.value }),
+            options: memoizedSelectOptions,
+            value: query.contentType
+          }
+        ) : null,
+        /* @__PURE__ */ jsx62(
+          DebouncedInputKeywordSearch,
+          {
+            inputFieldName: searchInputName,
+            placeholder: searchInputPlaceholderText,
+            onSearchTextChanged: (keyword) => handleFilterChange({ keyword }),
+            disabledFieldSubmission: true,
+            defaultValue: searchState.keyword,
+            delay: 300
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/components/ObjectSearch/ObjectSearchFilterContainer.tsx
+import { jsx as jsx63, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
+var ObjectSearchFilterContainer2 = ({ label, children }) => {
+  return /* @__PURE__ */ jsxs37("div", { children: [
+    label ? /* @__PURE__ */ jsx63("span", { css: ObjectSearchFilterContainerLabel, children: label }) : null,
+    /* @__PURE__ */ jsx63("div", { css: ObjectSearchFilterContainer, children })
+  ] });
+};
 
 // src/components/ObjectSearch/ObjectSearchResultItem.tsx
 import { Badge, Button as Button4, Popover as Popover2 } from "@uniformdev/design-system";
 import { format as timeagoFormat } from "timeago.js";
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItemButton.styles.ts
-import { css as css33 } from "@emotion/react";
+import { css as css35 } from "@emotion/react";
 import { button as button2 } from "@uniformdev/design-system";
-var ButtonStyles = css33`
+var ButtonStyles = css35`
   ${button2}
   background: transparent;
   border: 1px solid var(--typography-base);
@@ -6567,20 +6744,20 @@ var ButtonStyles = css33`
     text-decoration: none;
   }
 `;
-var ButtonIcon = css33`
+var ButtonIcon = css35`
   width: 1rem;
   height: 1rem;
 `;
 
 // src/components/ObjectSearch/ObjectSearchResultItemButton.tsx
-import { jsx as jsx61, jsxs as jsxs35 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
 var ObjectSearchResultItemButton = ({
   text,
   icon,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs35("button", { type: "button", css: ButtonStyles, ...props, children: [
-    !icon ? null : /* @__PURE__ */ jsx61(Image, { src: icon, css: ButtonIcon }),
+  return /* @__PURE__ */ jsxs38("button", { type: "button", css: ButtonStyles, ...props, children: [
+    !icon ? null : /* @__PURE__ */ jsx64(Image, { src: icon, css: ButtonIcon }),
     text
   ] });
 };
@@ -6589,15 +6766,15 @@ var LinkButton = ({
   icon,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs35("a", { ...props, css: ButtonStyles, target: "_blank", rel: "noopener noreferrer", children: [
-    !icon ? null : /* @__PURE__ */ jsx61(Image, { src: icon, css: ButtonIcon }),
+  return /* @__PURE__ */ jsxs38("a", { ...props, css: ButtonStyles, target: "_blank", rel: "noopener noreferrer", children: [
+    !icon ? null : /* @__PURE__ */ jsx64(Image, { src: icon, css: ButtonIcon }),
     text
   ] });
 };
 
 // src/components/ObjectSearch/styles/ObjectSearchResultItem.styles.ts
-import { css as css34 } from "@emotion/react";
-var ObjectSearchResultItemContainer = css34`
+import { css as css36 } from "@emotion/react";
+var ObjectSearchResultItemContainer = css36`
   align-items: center;
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-base);
@@ -6613,7 +6790,7 @@ var ObjectSearchResultItemContainer = css34`
     }
   }
 `;
-var ObjectSearchDragHandle = css34`
+var ObjectSearchDragHandle = css36`
   border-left: 2px dotted var(--gray-300);
   border-right: 2px dotted var(--gray-300);
   position: absolute;
@@ -6622,41 +6799,41 @@ var ObjectSearchDragHandle = css34`
   transition: opacity var(--duration-fast) var(--timing-ease-out);
   opacity: 0;
 `;
-var ObjectSearchResultItemSubtitle = css34`
+var ObjectSearchResultItemSubtitle = css36`
   color: var(--gray-500);
   display: block;
   font-size: var(--fs-xs);
   line-height: 1;
 `;
-var ObjectSearchResultItemTitle = css34`
+var ObjectSearchResultItemTitle = css36`
   align-items: center;
   color: var(--typography-base);
   display: flex;
   gap: var(--spacing-xs);
 `;
-var ObjectSearchResultItemTimeStamp = css34`
+var ObjectSearchResultItemTimeStamp = css36`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
-var ObjectSearchAuthorStateGroup = css34`
+var ObjectSearchAuthorStateGroup = css36`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchUpdateGroup = css34`
+var ObjectSearchUpdateGroup = css36`
   display: grid;
 `;
-var ObjectSearchContentContainer = css34`
+var ObjectSearchContentContainer = css36`
   display: flex;
   gap: var(--spacing-base);
 `;
-var ObjectSearchImage = css34`
+var ObjectSearchImage = css36`
   width: 56px;
   object-fit: contain;
 `;
 
 // src/components/ObjectSearch/ObjectSearchResultItem.tsx
-import { jsx as jsx62, jsxs as jsxs36 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
 var ObjectSearchResultItem = ({
   id,
   title,
@@ -6680,66 +6857,70 @@ var ObjectSearchResultItem = ({
     onSelectItem({ id, title: id });
     onRemove == null ? void 0 : onRemove();
   };
-  return /* @__PURE__ */ jsxs36("div", { css: ObjectSearchResultItemContainer, "data-testid": "search-result-item", children: [
-    disableDnD ? null : /* @__PURE__ */ jsx62("div", { role: "presentation", className: "drag-handle", css: ObjectSearchDragHandle }),
-    /* @__PURE__ */ jsx62("div", { children: /* @__PURE__ */ jsxs36("div", { css: ObjectSearchContentContainer, children: [
-      !imageUrl ? null : /* @__PURE__ */ jsx62("img", { src: imageUrl, alt: `Thumbnail for ${title}`, css: ObjectSearchImage }),
-      /* @__PURE__ */ jsxs36("div", { children: [
-        /* @__PURE__ */ jsx62("span", { css: ObjectSearchResultItemSubtitle, "data-testid": "sub-title", children: formatedContentType }),
-        /* @__PURE__ */ jsxs36("span", { role: "heading", css: ObjectSearchResultItemTitle, "data-testid": "title", children: [
+  return /* @__PURE__ */ jsxs39("div", { css: ObjectSearchResultItemContainer, "data-testid": "search-result-item", children: [
+    disableDnD ? null : /* @__PURE__ */ jsx65("div", { role: "presentation", className: "drag-handle", css: ObjectSearchDragHandle }),
+    /* @__PURE__ */ jsx65("div", { children: /* @__PURE__ */ jsxs39("div", { css: ObjectSearchContentContainer, children: [
+      !imageUrl ? null : /* @__PURE__ */ jsx65("img", { src: imageUrl, alt: `Thumbnail for ${title}`, css: ObjectSearchImage }),
+      /* @__PURE__ */ jsxs39("div", { children: [
+        /* @__PURE__ */ jsx65("span", { css: ObjectSearchResultItemSubtitle, "data-testid": "sub-title", children: formatedContentType }),
+        /* @__PURE__ */ jsxs39("span", { role: "heading", css: ObjectSearchResultItemTitle, "data-testid": "title", children: [
           title != null ? title : name,
-          !popoverData ? null : /* @__PURE__ */ jsx62(Popover2, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
+          !popoverData ? null : /* @__PURE__ */ jsx65(Popover2, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
         ] }),
-        !createdAt && !publishStatus ? null : /* @__PURE__ */ jsxs36("div", { css: ObjectSearchAuthorStateGroup, children: [
-          !(publishStatus == null ? void 0 : publishStatus.text) ? null : /* @__PURE__ */ jsx62(Badge, { ...publishStatus, size: "sm", uppercaseText: true }),
-          !createdAt && !publishedAt ? null : /* @__PURE__ */ jsxs36("div", { css: ObjectSearchUpdateGroup, children: [
-            !createdAt ? null : /* @__PURE__ */ jsxs36("small", { css: ObjectSearchResultItemTimeStamp, children: [
-              /* @__PURE__ */ jsx62("strong", { children: "Last updated: " }),
+        !createdAt && !publishStatus ? null : /* @__PURE__ */ jsxs39("div", { css: ObjectSearchAuthorStateGroup, children: [
+          !(publishStatus == null ? void 0 : publishStatus.text) ? null : /* @__PURE__ */ jsx65(Badge, { ...publishStatus, size: "sm", uppercaseText: true }),
+          !createdAt && !publishedAt ? null : /* @__PURE__ */ jsxs39("div", { css: ObjectSearchUpdateGroup, children: [
+            !createdAt ? null : /* @__PURE__ */ jsxs39("small", { css: ObjectSearchResultItemTimeStamp, children: [
+              /* @__PURE__ */ jsx65("strong", { children: "Last updated: " }),
               timeagoFormat(createdAt)
             ] }),
-            !publishedAt ? null : /* @__PURE__ */ jsxs36("small", { css: ObjectSearchResultItemTimeStamp, children: [
-              /* @__PURE__ */ jsx62("strong", { children: "Last published: " }),
+            !publishedAt ? null : /* @__PURE__ */ jsxs39("small", { css: ObjectSearchResultItemTimeStamp, children: [
+              /* @__PURE__ */ jsx65("strong", { children: "Last published: " }),
               timeagoFormat(publishedAt)
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx62("div", { children })
+        /* @__PURE__ */ jsx65("div", { children })
       ] })
     ] }) }),
-    !editLink && hideRemoveButton ? null : /* @__PURE__ */ jsxs36("div", { css: ObjectSearchAuthorStateGroup, children: [
-      !editLink ? null : /* @__PURE__ */ jsx62(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
-      hideRemoveButton ? null : /* @__PURE__ */ jsx62(Button4, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
+    !editLink && hideRemoveButton ? null : /* @__PURE__ */ jsxs39("div", { css: ObjectSearchAuthorStateGroup, children: [
+      !editLink ? null : /* @__PURE__ */ jsx65(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
+      hideRemoveButton ? null : /* @__PURE__ */ jsx65(Button4, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
     ] })
   ] });
 };
 
+// src/components/ObjectSearch/ObjectSearchResultList.tsx
+import { Button as Button5, Counter } from "@uniformdev/design-system";
+import { Draggable as Draggable3, Droppable as Droppable3 } from "react-beautiful-dnd";
+
 // src/components/ObjectSearch/styles/ObjectSearchResultList.styles.ts
-import { css as css35 } from "@emotion/react";
-var ObjectSearchResultListContainer = css35`
+import { css as css37 } from "@emotion/react";
+var ObjectSearchResultListContainer = css37`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
   justify-content: space-between;
 `;
-var ObjectSearchDragContainer = css35`
+var ObjectSearchDragContainer = css37`
   margin: 0 0 var(--spacing-sm);
 `;
-var ObjectSearchContainerDragging = css35`
+var ObjectSearchContainerDragging = css37`
   box-shadow: var(--shadow-base);
   opacity: var(--opacity-50);
 `;
-var ObjectSearchResultListCounterContainer = css35`
+var ObjectSearchResultListCounterContainer = css37`
   align-items: center;
   display: flex;
   gap: var(--spacing-sm);
 `;
-var ObjectSearchResultListTitle = css35`
+var ObjectSearchResultListTitle = css37`
   font-weight: var(--fw-bold);
   line-height: 1;
 `;
 
 // src/components/ObjectSearch/ObjectSearchResultList.tsx
-import { Fragment as Fragment13, jsx as jsx63, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx66, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
 function ObjectSearchResultList({
   resultLabelText = "Selected",
   removeButtonText = "Remove all",
@@ -6747,7 +6928,7 @@ function ObjectSearchResultList({
   hideRemoveButton = false,
   resultLabelOverride,
   additionalButtons,
-  renderResultComponent = (value) => /* @__PURE__ */ jsx63(ObjectSearchResultItem, { ...value }),
+  renderResultComponent = (value) => /* @__PURE__ */ jsx66(ObjectSearchResultItem, { ...value }),
   multiSelectId,
   disableDnD = false,
   getContainerForDnDReparenting,
@@ -6774,7 +6955,7 @@ function ObjectSearchResultList({
       ...item,
       disableDnD: selectedListItems.length === 1 || disableDnD
     });
-    return /* @__PURE__ */ jsx63(
+    return /* @__PURE__ */ jsx66(
       "div",
       {
         css: [
@@ -6789,16 +6970,16 @@ function ObjectSearchResultList({
       }
     );
   };
-  return /* @__PURE__ */ jsxs37(Fragment13, { children: [
-    /* @__PURE__ */ jsxs37("div", { role: "group", css: ObjectSearchResultListContainer, children: [
-      !resultLabelOverride ? /* @__PURE__ */ jsxs37("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
-        /* @__PURE__ */ jsx63("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
+  return /* @__PURE__ */ jsxs40(Fragment13, { children: [
+    /* @__PURE__ */ jsxs40("div", { role: "group", css: ObjectSearchResultListContainer, children: [
+      !resultLabelOverride ? /* @__PURE__ */ jsxs40("div", { role: "note", css: ObjectSearchResultListCounterContainer, children: [
+        /* @__PURE__ */ jsx66("span", { css: ObjectSearchResultListTitle, children: resultLabelText }),
         " ",
-        !selectedListItems.length ? null : /* @__PURE__ */ jsx63(Counter, { count: selectedListItems.length })
+        !selectedListItems.length ? null : /* @__PURE__ */ jsx66(Counter, { count: selectedListItems.length })
       ] }) : resultLabelOverride,
-      /* @__PURE__ */ jsxs37("div", { css: ObjectSearchResultListCounterContainer, children: [
+      /* @__PURE__ */ jsxs40("div", { css: ObjectSearchResultListCounterContainer, children: [
         additionalButtons,
-        hideRemoveButton ? null : /* @__PURE__ */ jsx63(
+        hideRemoveButton ? null : /* @__PURE__ */ jsx66(
           Button5,
           {
             buttonType: "ghostDestructive",
@@ -6810,15 +6991,15 @@ function ObjectSearchResultList({
         )
       ] })
     ] }),
-    !selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx63(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx63(
+    !selectedListItems.length ? whenNothingSelected : /* @__PURE__ */ jsx66(DragDropContext, { onDragEnd: (res) => onDragEnd(res), children: /* @__PURE__ */ jsx66(
       Droppable3,
       {
         droppableId: multiSelectId != null ? multiSelectId : "canvas-multi-select",
         renderClone: getContainerForDnDReparenting ? getDraggableItem : void 0,
         getContainerForClone: getContainerForDnDReparenting,
-        children: (provided) => /* @__PURE__ */ jsxs37("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
+        children: (provided) => /* @__PURE__ */ jsxs40("div", { ...provided.droppableProps, ref: provided.innerRef, children: [
           selectedListItems.map((item, i) => {
-            return /* @__PURE__ */ jsx63(
+            return /* @__PURE__ */ jsx66(
               Draggable3,
               {
                 draggableId: item.id,
@@ -6836,273 +7017,9 @@ function ObjectSearchResultList({
   ] });
 }
 
-// src/components/ObjectSearch/ObjectSearchContainer.tsx
-import { Fragment as Fragment14, jsx as jsx64, jsxs as jsxs38 } from "@emotion/react/jsx-runtime";
-var ObjectSearchContainer = ({
-  label,
-  enableDynamicInputToResultId,
-  searchFilters,
-  resultList,
-  children = /* @__PURE__ */ jsx64(ObjectSearchResultList, {})
-}) => {
-  var _a, _b;
-  const { onSelectItem, selectedListItems, list, dynamicEntryId, onSetQuery, query } = useObjectSearchContext();
-  const { flatVariables } = useVariables(true);
-  const inputValue = (_b = dynamicEntryId != null ? dynamicEntryId : (_a = selectedListItems[0]) == null ? void 0 : _a.id) != null ? _b : "";
-  const isDynamicEntryIdAvailable = React12.useMemo(
-    () => Boolean(inputValue && hasReferencedVariables(inputValue)),
-    [inputValue]
-  );
-  const listItems = resultList != null ? resultList : /* @__PURE__ */ jsx64(
-    ScrollableList,
-    {
-      role: "list",
-      css: css36`
-        > div {
-          transition: max-height var(--duration-slow) var(--timing-ease-out);
-          max-height: ${selectedListItems.length === 0 ? "50vh" : "184px"};
-        }
-      `,
-      children: /* @__PURE__ */ jsx64(DefaultResultList, {})
-    }
-  );
-  const handleSelectedVariableChange = (selectedValue) => {
-    var _a2;
-    if (!selectedValue) {
-      onSelectItem([]);
-      return;
-    }
-    const { result, errors } = bindVariables({
-      value: selectedValue,
-      variables: flatVariables,
-      errorPrefix: "Dynamic input"
-    });
-    if (!result) {
-      onSelectItem([]);
-      return;
-    }
-    const item = (_a2 = list.items) == null ? void 0 : _a2.find((i) => i.id === result);
-    onSelectItem([
-      {
-        title: selectedValue,
-        contentType: (errors == null ? void 0 : errors.length) ? errors[0] instanceof Error ? errors[0].message : errors[0] : `Current dynamic value "${result}" is not an ID in the options`,
-        // spread any matched list item, overriding the above default props
-        ...item,
-        // we want to make sure the ID is our dynamic value
-        id: selectedValue
-      }
-    ]);
-    if (hasReferencedVariables(selectedValue)) {
-      onSetQuery({ ...query, dynamicEntryId: selectedValue });
-    }
-  };
-  const showSearchList = !label || !isDynamicEntryIdAvailable || !enableDynamicInputToResultId;
-  return /* @__PURE__ */ jsx64(IconsProvider, { children: /* @__PURE__ */ jsxs38(VerticalRhythm2, { children: [
-    /* @__PURE__ */ jsx64(Container, { backgroundColor: "gray-50", padding: "var(--spacing-base)", border: true, children: /* @__PURE__ */ jsxs38(VerticalRhythm2, { children: [
-      label ? /* @__PURE__ */ jsx64(
-        InputVariables,
-        {
-          id: "entryId",
-          label,
-          value: inputValue,
-          onChange: (value) => {
-            if (value === inputValue) {
-              return;
-            }
-            handleSelectedVariableChange(value);
-          },
-          inputWhenNoVariables: /* @__PURE__ */ jsx64(Fragment14, { children: searchFilters }),
-          disableVariables: !enableDynamicInputToResultId
-        }
-      ) : searchFilters,
-      showSearchList ? listItems : null
-    ] }) }),
-    children
-  ] }) });
-};
-var DefaultResultList = () => {
-  var _a, _b;
-  const { list, isListLoading } = useObjectSearchContext();
-  if (isListLoading || !list.items) {
-    return Array.from(Array(5).keys()).map((i) => /* @__PURE__ */ jsx64(ObjectSearchListItemLoadingSkeleton, {}, i));
-  }
-  if (((_a = list.items) == null ? void 0 : _a.length) === 0) {
-    return /* @__PURE__ */ jsx64(Callout5, { type: "info", children: "No results were found" });
-  }
-  return (_b = list.items) == null ? void 0 : _b.map((item) => /* @__PURE__ */ jsx64(ObjectSearchListItem, { ...item }, item.id));
-};
-
-// src/components/ObjectSearch/ObjectSearchFilter.tsx
-import { DebouncedInputKeywordSearch, InputSelect as InputSelect6, VerticalRhythm as VerticalRhythm3 } from "@uniformdev/design-system";
-import { useMemo as useMemo15, useState as useState17 } from "react";
-import { useDebounce as useDebounce4 } from "react-use";
-
-// src/utils/createLocationValidator.ts
-function createLocationValidator(setValue, validate) {
-  return (dispatch) => setValue((previous) => {
-    const { newValue, options } = dispatch(previous);
-    return { newValue, options: validate(newValue, options) };
-  });
-}
-
-// src/utils/useContentDataResourceLocaleInfo.ts
-import { bindVariables as bindVariables2, createVariableReference as createVariableReference4, LOCALE_DYNAMIC_INPUT_NAME as LOCALE_DYNAMIC_INPUT_NAME2 } from "@uniformdev/canvas";
-import { useEffect as useEffect16, useRef as useRef15 } from "react";
-function useContentDataResourceLocaleInfo({
-  locale,
-  setLocale,
-  dynamicInputs
-}) {
-  var _a;
-  const setLocaleRef = useRef15(setLocale);
-  setLocaleRef.current = setLocale;
-  const { flatVariables } = useVariables();
-  const effectiveLocale = locale != null ? locale : dynamicInputs[LOCALE_DYNAMIC_INPUT_NAME2] ? createVariableReference4(LOCALE_DYNAMIC_INPUT_NAME2) : "";
-  const boundLocale = (_a = bindVariables2({ variables: flatVariables, value: effectiveLocale }).result) != null ? _a : effectiveLocale;
-  useEffect16(() => {
-    if (locale === void 0 && effectiveLocale && setLocaleRef.current) {
-      setLocaleRef.current(createVariableReference4(LOCALE_DYNAMIC_INPUT_NAME2));
-    }
-  }, [locale, effectiveLocale]);
-  return { effectiveLocale, boundLocale: boundLocale ? boundLocale : void 0 };
-}
-
-// src/components/ObjectSearch/styles/ObjectSearchFilterContainer.styles.ts
-import { css as css37 } from "@emotion/react";
-var ObjectSearchFilterContainerLabel = css37`
-  align-items: center;
-  display: flex;
-  font-size: var(--fs-sm);
-  font-weight: var(--fw-bold);
-  line-height: 1rem;
-  margin-bottom: var(--spacing-sm);
-`;
-var ObjectSearchFilterContainer = css37`
-  display: grid;
-  gap: var(--spacing-base);
-`;
-var ObjectSearchFilterGrid = (gridColumns) => css37`
-  display: grid;
-  grid-template-columns: ${gridColumns};
-  gap: var(--spacing-base);
-`;
-
-// src/components/ObjectSearch/ObjectSearchFilter.tsx
-import { jsx as jsx65, jsxs as jsxs39 } from "@emotion/react/jsx-runtime";
-var ObjectSearchFilter = ({
-  requireContentType,
-  typeSelectorAllTypesOptionText = "All content types",
-  searchInputName = "searchText",
-  searchInputPlaceholderText = "Enter keyword to narrow your results",
-  selectLabel = "Content Type Select",
-  localeFilterLabel = "Filter by locale",
-  selectOptions
-}) => {
-  var _a, _b, _c;
-  const { query, onSetQuery, localeOptions, enableFilterByLocale } = useObjectSearchContext();
-  const dynamicInputs = useDataResourceDynamicInputs();
-  const { boundLocale = "", effectiveLocale } = useContentDataResourceLocaleInfo({
-    locale: query.locale,
-    dynamicInputs: dynamicInputs != null ? dynamicInputs : {},
-    setLocale: (newLocale) => handleFilterChange({ locale: newLocale != null ? newLocale : "" })
-  });
-  const [searchState, setSearchState] = useState17({
-    keyword: (_a = query.keyword) != null ? _a : "",
-    contentType: (_b = query.contentType) != null ? _b : "",
-    locale: (_c = query.locale) != null ? _c : ""
-  });
-  const handleFilterChange = (value) => {
-    setSearchState((prev) => {
-      return { ...prev, ...value };
-    });
-  };
-  useDebounce4(
-    () => {
-      onSetQuery({ ...query, ...searchState });
-    },
-    500,
-    [searchState]
-  );
-  const memoizedSelectOptions = useMemo15(() => {
-    if (!requireContentType && !(selectOptions == null ? void 0 : selectOptions.length)) {
-      return [];
-    }
-    return [
-      ...!requireContentType ? [{ value: "any", label: typeSelectorAllTypesOptionText }] : [],
-      ...selectOptions != null ? selectOptions : []
-    ];
-  }, [requireContentType, typeSelectorAllTypesOptionText, selectOptions]);
-  const shouldRenderSelect = memoizedSelectOptions.length > 0;
-  return /* @__PURE__ */ jsxs39(VerticalRhythm3, { gap: "base", children: [
-    /* @__PURE__ */ jsxs39(
-      "fieldset",
-      {
-        css: [
-          ObjectSearchFilterContainer,
-          ObjectSearchFilterGrid(shouldRenderSelect ? "1fr 2fr" : "1fr")
-        ],
-        children: [
-          memoizedSelectOptions.length ? /* @__PURE__ */ jsx65(
-            InputSelect6,
-            {
-              label: selectLabel,
-              showLabel: false,
-              onChange: (e) => handleFilterChange({ contentType: e.target.value }),
-              options: memoizedSelectOptions,
-              value: query.contentType,
-              "data-testid": "select-entry"
-            }
-          ) : null,
-          /* @__PURE__ */ jsx65(
-            DebouncedInputKeywordSearch,
-            {
-              inputFieldName: searchInputName,
-              placeholder: searchInputPlaceholderText,
-              onSearchTextChanged: (keyword) => handleFilterChange({ keyword }),
-              disabledFieldSubmission: true,
-              defaultValue: searchState.keyword,
-              delay: 300
-            }
-          )
-        ]
-      }
-    ),
-    enableFilterByLocale && (localeOptions == null ? void 0 : localeOptions.length) && /* @__PURE__ */ jsx65(
-      InputVariables,
-      {
-        label: localeFilterLabel,
-        id: "locale",
-        value: effectiveLocale,
-        onChange: (newLocale) => handleFilterChange({ locale: newLocale != null ? newLocale : "" }),
-        disableInlineMenu: true,
-        inputWhenNoVariables: /* @__PURE__ */ jsx65(
-          InputSelect6,
-          {
-            id: "locale",
-            options: localeOptions,
-            name: "locale",
-            label: "",
-            value: boundLocale,
-            onChange: (e) => handleFilterChange({ locale: e.target.value })
-          }
-        )
-      }
-    )
-  ] });
-};
-
-// src/components/ObjectSearch/ObjectSearchFilterContainer.tsx
-import { jsx as jsx66, jsxs as jsxs40 } from "@emotion/react/jsx-runtime";
-var ObjectSearchFilterContainer2 = ({ label, children }) => {
-  return /* @__PURE__ */ jsxs40("div", { children: [
-    label ? /* @__PURE__ */ jsx66("span", { css: ObjectSearchFilterContainerLabel, children: label }) : null,
-    /* @__PURE__ */ jsx66("div", { css: ObjectSearchFilterContainer, children })
-  ] });
-};
-
 // src/components/ObjectSearch/QueryFilter.tsx
-import { DebouncedInputKeywordSearch as DebouncedInputKeywordSearch2, Input as Input5, InputSelect as InputSelect7, VerticalRhythm as VerticalRhythm4 } from "@uniformdev/design-system";
-import { useEffect as useEffect17, useState as useState18 } from "react";
+import { DebouncedInputKeywordSearch as DebouncedInputKeywordSearch2, Input as Input5, InputSelect as InputSelect7, VerticalRhythm as VerticalRhythm3 } from "@uniformdev/design-system";
+import { useEffect as useEffect16, useState as useState18 } from "react";
 import { jsx as jsx67, jsxs as jsxs41 } from "@emotion/react/jsx-runtime";
 var QueryFilter = ({
   requireContentType,
@@ -7143,12 +7060,12 @@ var QueryFilter = ({
     setQueryState((prev) => ({ ...prev, ...value }));
     onSetQuery({ ...query, ...value });
   };
-  useEffect17(() => {
+  useEffect16(() => {
     onSetQuery(queryState);
   }, []);
   return /* @__PURE__ */ jsxs41("fieldset", { children: [
     /* @__PURE__ */ jsx67("span", { css: ObjectSearchFilterContainerLabel, children: queryFilterTitle }),
-    /* @__PURE__ */ jsx67("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */ jsxs41(VerticalRhythm4, { children: [
+    /* @__PURE__ */ jsx67("div", { css: ObjectSearchFilterContainer, children: /* @__PURE__ */ jsxs41(VerticalRhythm3, { children: [
       /* @__PURE__ */ jsx67(
         InputVariables,
         {
@@ -7268,108 +7185,9 @@ var QueryFilter = ({
   ] });
 };
 
-// src/components/ObjectSearch/ObjectSearchListOfSearchResults.tsx
-import { Callout as Callout6 } from "@uniformdev/design-system";
-import { jsx as jsx68 } from "@emotion/react/jsx-runtime";
-function ObjectSearchListOfSearchResults() {
-  var _a, _b;
-  const { list, isListLoading } = useObjectSearchContext();
-  if (isListLoading) {
-    return Array.from(Array(5).keys()).map((i) => /* @__PURE__ */ jsx68(ObjectSearchListItemLoadingSkeleton, {}, i));
-  }
-  if (((_a = list.items) == null ? void 0 : _a.length) === 0) {
-    return /* @__PURE__ */ jsx68(Callout6, { type: "info", children: "No results were found" });
-  }
-  return (_b = list.items) == null ? void 0 : _b.map((item) => /* @__PURE__ */ jsx68(ObjectSearchListItem, { ...item }, item.id));
-}
-
-// src/components/ObjectSearch/hooks/ControlledObjectSearchProvider.tsx
-import { useCallback as useCallback6, useDeferredValue as useDeferredValue2, useMemo as useMemo16 } from "react";
-import { jsx as jsx69 } from "@emotion/react/jsx-runtime";
-var ControlledObjectSearchProvider = ({
-  selectedItems,
-  searchResultItems,
-  selectedItemsLoading,
-  searchResultListLoading,
-  searchResultItemsLoading,
-  onQueryChange,
-  onSelectItemsChange,
-  isMulti = false,
-  children,
-  query,
-  enableFilterByLocale,
-  localeOptions,
-  dynamicEntryId
-}) => {
-  const { flatVariables } = useVariables(true);
-  const querySearchDeferred = useDeferredValue2(query);
-  const onSetQuery = useCallback6(
-    (value2) => {
-      const newQuery = { ...query, ...value2 };
-      onQueryChange(newQuery);
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [onQueryChange]
-  );
-  const onSelectItem = useCallback6(
-    (selectedResult) => {
-      if (Array.isArray(selectedResult)) {
-        onSelectItemsChange(selectedResult);
-      } else {
-        if (selectedItems == null ? void 0 : selectedItems.some((item) => item.id === selectedResult.id)) {
-          onSelectItemsChange(selectedItems.filter((item) => item.id !== selectedResult.id));
-        } else {
-          onSelectItemsChange([...selectedItems != null ? selectedItems : [], selectedResult]);
-        }
-      }
-    },
-    [onSelectItemsChange, selectedItems]
-  );
-  const onRemoveAllSelectedItems = useCallback6(() => {
-    onSelectItemsChange([]);
-  }, [onSelectItemsChange]);
-  const list = useMemo16(() => ({ items: searchResultItems }), [searchResultItems]);
-  const boundQuery = useMemo16(() => bindQuery(query, flatVariables), [query, flatVariables]);
-  const value = useMemo16(
-    () => ({
-      boundQuery,
-      onSetQuery,
-      query: querySearchDeferred,
-      onSelectItem,
-      selectedListItems: selectedItems != null ? selectedItems : [],
-      onRemoveAllSelectedItems,
-      list,
-      selectedItemsLoading,
-      searchResultItemsLoading,
-      searchResultListLoading,
-      isMulti,
-      localeOptions,
-      enableFilterByLocale,
-      dynamicEntryId
-    }),
-    [
-      boundQuery,
-      onSetQuery,
-      querySearchDeferred,
-      onSelectItem,
-      selectedItems,
-      selectedItemsLoading,
-      searchResultItemsLoading,
-      onRemoveAllSelectedItems,
-      searchResultListLoading,
-      list,
-      isMulti,
-      localeOptions,
-      enableFilterByLocale,
-      dynamicEntryId
-    ]
-  );
-  return /* @__PURE__ */ jsx69(ObjectSearchContext.Provider, { value, children });
-};
-
 // src/components/ParamTypeDynamicDataProvider.tsx
-import { useEffect as useEffect18, useMemo as useMemo17, useRef as useRef16 } from "react";
-import { jsx as jsx70 } from "@emotion/react/jsx-runtime";
+import { useEffect as useEffect17, useMemo as useMemo16, useRef as useRef15 } from "react";
+import { jsx as jsx68 } from "@emotion/react/jsx-runtime";
 function ParamTypeDynamicDataProvider(props) {
   const { children } = props;
   const {
@@ -7377,11 +7195,11 @@ function ParamTypeDynamicDataProvider(props) {
   } = useMeshLocation("paramType");
   const dynamicInputsAsVariables = useDynamicInputsAsVariables(dynamicInputs);
   const connectedDataAsVariables = useConnectedDataAsVariables(connectedData);
-  const variables = useMemo17(
+  const variables = useMemo16(
     () => ({ ...connectedDataAsVariables, ...dynamicInputsAsVariables }),
     [dynamicInputsAsVariables, connectedDataAsVariables]
   );
-  return /* @__PURE__ */ jsx70(VariablesProvider, { value: variables, onChange: () => {
+  return /* @__PURE__ */ jsx68(VariablesProvider, { value: variables, onChange: () => {
   }, editVariableComponent: JsonMeshVariableEditor, children });
 }
 var JsonMeshVariableEditor = ({
@@ -7390,9 +7208,9 @@ var JsonMeshVariableEditor = ({
   variable,
   context
 }) => {
-  const sillyRef = useRef16(false);
+  const sillyRef = useRef15(false);
   const { editConnectedData } = useMeshLocation("paramType");
-  useEffect18(() => {
+  useEffect17(() => {
     if (sillyRef.current) {
       return;
     }
@@ -7426,13 +7244,13 @@ import {
   FilterMultiChoiceEditor
 } from "@uniformdev/design-system";
 import { DateEditor, FilterSingleChoiceEditor, NumberEditor, TextEditor } from "@uniformdev/design-system";
-import { jsx as jsx71 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx69 } from "@emotion/react/jsx-runtime";
 function withInputVariables(WrappedComponent) {
   const WithInputVariables = (props) => {
     if (Array.isArray(props.value) || !props.bindable || props.disabled || props.readOnly) {
-      return /* @__PURE__ */ jsx71(WrappedComponent, { ...props });
+      return /* @__PURE__ */ jsx69(WrappedComponent, { ...props });
     }
-    return /* @__PURE__ */ jsx71(
+    return /* @__PURE__ */ jsx69(
       InputVariables,
       {
         disableInlineMenu: true,
@@ -7440,7 +7258,7 @@ function withInputVariables(WrappedComponent) {
         onChange: (newValue) => props.onChange(newValue != null ? newValue : ""),
         value: props.value,
         disabled: props.disabled,
-        inputWhenNoVariables: /* @__PURE__ */ jsx71(WrappedComponent, { ...props })
+        inputWhenNoVariables: /* @__PURE__ */ jsx69(WrappedComponent, { ...props })
       }
     );
   };
@@ -7450,16 +7268,16 @@ function withInputVariablesForMultiValue(WrappedComponent) {
   const WithInputVariables = (props) => {
     var _a;
     if (!props.bindable || props.disabled || props.readOnly) {
-      return /* @__PURE__ */ jsx71(WrappedComponent, { ...props });
+      return /* @__PURE__ */ jsx69(WrappedComponent, { ...props });
     }
-    return /* @__PURE__ */ jsx71(
+    return /* @__PURE__ */ jsx69(
       InputVariables,
       {
         disableInlineMenu: true,
         showMenuPosition: "inline-right",
         onChange: (newValue) => props.onChange(newValue ? [newValue] : []),
         value: (_a = props.value) == null ? void 0 : _a[0],
-        inputWhenNoVariables: /* @__PURE__ */ jsx71(WrappedComponent, { ...props })
+        inputWhenNoVariables: /* @__PURE__ */ jsx69(WrappedComponent, { ...props })
       }
     );
   };
@@ -7474,11 +7292,41 @@ var bindableFiltersMapper = {
   number: withInputVariables(NumberEditor)
 };
 
+// src/utils/createLocationValidator.ts
+function createLocationValidator(setValue, validate) {
+  return (dispatch) => setValue((previous) => {
+    const { newValue, options } = dispatch(previous);
+    return { newValue, options: validate(newValue, options) };
+  });
+}
+
+// src/utils/useContentDataResourceLocaleInfo.ts
+import { bindVariables as bindVariables2, createVariableReference as createVariableReference4, LOCALE_DYNAMIC_INPUT_NAME as LOCALE_DYNAMIC_INPUT_NAME2 } from "@uniformdev/canvas";
+import { useEffect as useEffect18, useRef as useRef16 } from "react";
+function useContentDataResourceLocaleInfo({
+  locale,
+  setLocale,
+  dynamicInputs
+}) {
+  var _a;
+  const setLocaleRef = useRef16(setLocale);
+  setLocaleRef.current = setLocale;
+  const { flatVariables } = useVariables();
+  const effectiveLocale = locale != null ? locale : dynamicInputs[LOCALE_DYNAMIC_INPUT_NAME2] ? createVariableReference4(LOCALE_DYNAMIC_INPUT_NAME2) : "";
+  const boundLocale = (_a = bindVariables2({ variables: flatVariables, value: effectiveLocale }).result) != null ? _a : effectiveLocale;
+  useEffect18(() => {
+    if (locale === void 0 && effectiveLocale && setLocaleRef.current) {
+      setLocaleRef.current(createVariableReference4(LOCALE_DYNAMIC_INPUT_NAME2));
+    }
+  }, [locale, effectiveLocale]);
+  return { effectiveLocale, boundLocale: boundLocale ? boundLocale : void 0 };
+}
+
 // src/index.ts
 import {
   AddListButton as AddListButton2,
   Button as Button6,
-  Callout as Callout7,
+  Callout as Callout6,
   DrawerContent,
   Heading,
   Input as Input6,
@@ -7517,14 +7365,12 @@ export {
   $isVariableNode,
   AddListButton2 as AddListButton,
   Button6 as Button,
-  Callout7 as Callout,
-  ControlledObjectSearchProvider,
+  Callout6 as Callout,
   ControlledValuePlugin,
   DISCONNECT_VARIABLE_COMMAND,
   DamSelectedItem,
   DataRefreshButton,
   DataResourceDynamicInputProvider,
-  DataResourceInputContext,
   DataResourceVariablesList,
   DataResourceVariablesListExplicit,
   DataSourceEditor,
@@ -7552,12 +7398,10 @@ export {
   MeshApp,
   OPEN_INSERT_VARIABLE_COMMAND,
   ObjectSearchContainer,
-  ObjectSearchContext,
   ObjectSearchFilter,
   ObjectSearchFilterContainer2 as ObjectSearchFilterContainer,
   ObjectSearchListItem,
   ObjectSearchListItemLoadingSkeleton,
-  ObjectSearchListOfSearchResults,
   ObjectSearchProvider,
   ObjectSearchResultItem,
   ObjectSearchResultItemButton,
@@ -7611,7 +7455,6 @@ export {
   VariablesPlugin,
   VariablesProvider,
   badgeIcon,
-  bindQuery,
   bindableFiltersMapper,
   convertConnectedDataToVariable,
   createLocationValidator,
@@ -7684,7 +7527,6 @@ export {
   urlEncodeRequestUrl,
   useConnectedDataAsVariables,
   useContentDataResourceLocaleInfo,
-  useDataResourceDynamicInputs,
   useDynamicInputsAsVariables,
   useMeshLocation,
   useObjectSearchContext,