@uniformdev/mesh-sdk-react 18.28.0 → 18.30.1-alpha.15

package/dist/index.js

@@ -31,46 +31,58 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  AddListButton: () => import_design_system25.AddListButton,
-  Button: () => import_design_system25.Button,
-  Callout: () => import_design_system25.Callout,
+  AddListButton: () => import_design_system34.AddListButton,
+  Button: () => import_design_system34.Button,
+  Callout: () => import_design_system34.Callout,
   DamSelectedItem: () => DamSelectedItem,
+  DataRefreshButton: () => DataRefreshButton,
   DataResourceVariablesList: () => DataResourceVariablesList,
   DataSourceEditor: () => DataSourceEditor,
   DataTypeEditor: () => DataTypeEditor,
   DefaultSearchRow: () => DefaultSearchRow,
   DefaultSelectedItem: () => DefaultSelectedItem,
   EntrySearch: () => EntrySearch,
-  Heading: () => import_design_system25.Heading,
+  EntrySearchContainer: () => EntrySearchContainer,
+  EntrySearchContext: () => EntrySearchContext,
+  EntrySearchFilter: () => EntrySearchFilter,
+  EntrySearchFilterContainer: () => EntrySearchFilterContainer2,
+  EntrySearchListItem: () => EntrySearchListItem,
+  EntrySearchListItemLoadingSkeleton: () => EntrySearchListItemLoadingSkeleton,
+  EntrySearchProvider: () => EntrySearchProvider,
+  EntrySearchResultItem: () => EntrySearchResultItem,
+  EntrySearchResultItemButton: () => EntrySearchResultItemButton,
+  EntrySearchResultList: () => EntrySearchResultList,
+  Heading: () => import_design_system34.Heading,
   Icons: () => icons_exports,
-  Input: () => import_design_system25.Input,
-  InputComboBox: () => import_design_system25.InputComboBox,
-  InputKeywordSearch: () => import_design_system25.InputKeywordSearch,
-  InputSelect: () => import_design_system25.InputSelect,
-  InputToggle: () => import_design_system25.InputToggle,
+  Input: () => import_design_system34.Input,
+  InputComboBox: () => import_design_system34.InputComboBox,
+  InputKeywordSearch: () => import_design_system34.InputKeywordSearch,
+  InputSelect: () => import_design_system34.InputSelect,
+  InputToggle: () => import_design_system34.InputToggle,
   InputVariables: () => InputVariables,
-  KeywordSearchInput: () => import_design_system25.InputKeywordSearch,
-  Label: () => import_design_system25.Label,
-  LoadingIndicator: () => import_design_system25.LoadingIndicator,
-  LoadingOverlay: () => import_design_system25.LoadingOverlay,
-  Menu: () => import_design_system25.Menu,
-  MenuItem: () => import_design_system25.MenuItem,
+  KeywordSearchInput: () => import_design_system34.InputKeywordSearch,
+  Label: () => import_design_system34.Label,
+  LinkButton: () => LinkButton,
+  LoadingIndicator: () => import_design_system34.LoadingIndicator,
+  LoadingOverlay: () => import_design_system34.LoadingOverlay,
+  Menu: () => import_design_system34.Menu,
+  MenuItem: () => import_design_system34.MenuItem,
   MeshApp: () => MeshApp,
-  ParameterGroup: () => import_design_system25.ParameterGroup,
-  ParameterImage: () => import_design_system25.ParameterImage,
-  ParameterImageInner: () => import_design_system25.ParameterImageInner,
-  ParameterInput: () => import_design_system25.ParameterInput,
-  ParameterInputInner: () => import_design_system25.ParameterInputInner,
-  ParameterLabel: () => import_design_system25.ParameterLabel,
-  ParameterMenuButton: () => import_design_system25.ParameterMenuButton,
-  ParameterSelect: () => import_design_system25.ParameterSelect,
-  ParameterSelectInner: () => import_design_system25.ParameterSelectInner,
-  ParameterShell: () => import_design_system25.ParameterShell,
-  ParameterShellContext: () => import_design_system24.ParameterShellContext,
-  ParameterTextarea: () => import_design_system25.ParameterTextarea,
-  ParameterTextareaInner: () => import_design_system25.ParameterTextareaInner,
-  ParameterToggle: () => import_design_system25.ParameterToggle,
-  ParameterToggleInner: () => import_design_system25.ParameterToggleInner,
+  ParameterGroup: () => import_design_system34.ParameterGroup,
+  ParameterImage: () => import_design_system34.ParameterImage,
+  ParameterImageInner: () => import_design_system34.ParameterImageInner,
+  ParameterInput: () => import_design_system34.ParameterInput,
+  ParameterInputInner: () => import_design_system34.ParameterInputInner,
+  ParameterLabel: () => import_design_system34.ParameterLabel,
+  ParameterMenuButton: () => import_design_system34.ParameterMenuButton,
+  ParameterSelect: () => import_design_system34.ParameterSelect,
+  ParameterSelectInner: () => import_design_system34.ParameterSelectInner,
+  ParameterShell: () => import_design_system34.ParameterShell,
+  ParameterShellContext: () => import_design_system33.ParameterShellContext,
+  ParameterTextarea: () => import_design_system34.ParameterTextarea,
+  ParameterTextareaInner: () => import_design_system34.ParameterTextareaInner,
+  ParameterToggle: () => import_design_system34.ParameterToggle,
+  ParameterToggleInner: () => import_design_system34.ParameterToggleInner,
   ProductPreviewList: () => ProductPreviewList,
   ProductQuery: () => ProductQuery,
   ProductQueryContext: () => ProductQueryContext,
@@ -78,6 +90,7 @@ __export(src_exports, {
   ProductSearchContext: () => ProductSearchContext,
   ProductSearchRow: () => ProductSearchRow,
   ProductSelectedItem: () => ProductSelectedItem,
+  QueryFilter: () => QueryFilter,
   RequestBody: () => RequestBody,
   RequestHeaders: () => RequestHeaders,
   RequestMethodSelect: () => RequestMethodSelect,
@@ -87,13 +100,13 @@ __export(src_exports, {
   RequestUrl: () => RequestUrl,
   RequestUrlInput: () => RequestUrlInput,
   ResolvableLoadingValue: () => ResolvableLoadingValue,
-  ScrollableList: () => import_design_system25.ScrollableList,
-  ScrollableListItem: () => import_design_system25.ScrollableListItem,
+  ScrollableList: () => import_design_system34.ScrollableList,
+  ScrollableListItem: () => import_design_system34.ScrollableListItem,
   SelectionField: () => SelectionField,
-  Switch: () => import_design_system25.Switch,
+  Switch: () => import_design_system34.Switch,
   TextVariableRenderer: () => TextVariableRenderer,
-  Textarea: () => import_design_system25.Textarea,
-  Theme: () => import_design_system25.Theme,
+  Textarea: () => import_design_system34.Textarea,
+  Theme: () => import_design_system34.Theme,
   UniformMeshLocationContext: () => UniformMeshLocationContext,
   UniformMeshLocationContextProvider: () => UniformMeshLocationContextProvider,
   UniformMeshSdkContext: () => UniformMeshSdkContext,
@@ -166,9 +179,10 @@ __export(src_exports, {
   selectedItemTitle: () => selectedItemTitle,
   urlEncodeRequestParameter: () => urlEncodeRequestParameter,
   urlEncodeRequestUrl: () => urlEncodeRequestUrl,
+  useEntrySearchContext: () => useEntrySearchContext,
   useInitializeUniformMeshSdk: () => useInitializeUniformMeshSdk,
   useMeshLocation: () => useMeshLocation,
-  useParameterShell: () => import_design_system24.useParameterShell,
+  useParameterShell: () => import_design_system33.useParameterShell,
   useProductQueryContext: () => useProductQueryContext,
   useProductSearchContext: () => useProductSearchContext,
   useRequest: () => useRequest,
@@ -1134,12 +1148,12 @@ var import_design_system10 = require("@uniformdev/design-system");
 var import_react21 = __toESM(require("react"));
 var import_react_use3 = require("react-use");
 
-// src/components/EntrySearch/DefaultSearchRow.tsx
+// src/components/legacy/EntrySearch/DefaultSearchRow.tsx
 var import_react9 = require("@emotion/react");
 var import_design_system4 = require("@uniformdev/design-system");
 var import_react10 = require("react");
 
-// src/components/EntrySearch/styles/DefaultSearchRow.styles.ts
+// src/components/legacy/EntrySearch/styles/DefaultSearchRow.styles.ts
 var import_react8 = require("@emotion/react");
 var searchRowContainer = import_react8.css`
   cursor: pointer;
@@ -1180,7 +1194,7 @@ var searchRowBtn = import_react8.css`
   inset: 0 var(--spacing-sm) 0 auto;
 `;
 
-// src/components/EntrySearch/DefaultSearchRow.tsx
+// src/components/legacy/EntrySearch/DefaultSearchRow.tsx
 var import_jsx_runtime19 = require("@emotion/react/jsx-runtime");
 var DefaultSearchRow = ({ result, isSelected, triggerSelection }) => {
   const popoverRef = (0, import_react10.useRef)(null);
@@ -1254,7 +1268,7 @@ var DefaultSearchRow = ({ result, isSelected, triggerSelection }) => {
   );
 };
 
-// src/components/EntrySearch/DefaultSelectedItem.tsx
+// src/components/legacy/EntrySearch/DefaultSelectedItem.tsx
 var import_react12 = require("@emotion/react");
 var import_design_system6 = require("@uniformdev/design-system");
 var import_react13 = require("react");
@@ -1272,7 +1286,7 @@ function openWindowWithCloseCallback(href, callback) {
   }, 500);
 }
 
-// src/components/EntrySearch/styles/DefaultSelectedItem.styles.ts
+// src/components/legacy/EntrySearch/styles/DefaultSelectedItem.styles.ts
 var import_react11 = require("@emotion/react");
 var import_design_system5 = require("@uniformdev/design-system");
 var selectedItemContainer = import_react11.css`
@@ -1356,7 +1370,7 @@ var selectItemLinkBtn = import_react11.css`
   }
 `;
 
-// src/components/EntrySearch/DefaultSelectedItem.tsx
+// src/components/legacy/EntrySearch/DefaultSelectedItem.tsx
 var import_jsx_runtime20 = require("@emotion/react/jsx-runtime");
 var DefaultSelectedItem = ({
   selectedItem,
@@ -1539,7 +1553,7 @@ var DefaultSelectedItem = ({
   ] }) }, selectedItem.id);
 };
 
-// src/components/EntrySearch/EntrySearch.tsx
+// src/components/legacy/EntrySearch/EntrySearch.tsx
 var import_react16 = require("@emotion/react");
 var import_design_system7 = require("@uniformdev/design-system");
 var React5 = __toESM(require("react"));
@@ -1580,7 +1594,7 @@ function useLoadingDelay(loading, { delay = 500, minDuration = 200 } = {
   return state === "DISPLAY" || state === "EXPIRE";
 }
 
-// src/components/EntrySearch/styles/EntrySearch.styles.ts
+// src/components/legacy/EntrySearch/styles/EntrySearch.styles.ts
 var import_react15 = require("@emotion/react");
 var entrySearchWrapper = import_react15.css`
   background: var(--white);
@@ -1691,7 +1705,7 @@ var badgeIcon = import_react15.css`
   height: calc(var(--spacing-lg) + var(--spacing-xs));
 `;
 
-// src/components/EntrySearch/EntrySearch.tsx
+// src/components/legacy/EntrySearch/EntrySearch.tsx
 var import_jsx_runtime21 = require("@emotion/react/jsx-runtime");
 var DefaultNoResults = ({ searchText, selectedContentType }) => {
   let message = "No content found";
@@ -4036,17 +4050,717 @@ function convertRequestDataToDataType(dataType, requestData) {
   };
 }
 
-// src/components/MeshApp.tsx
+// src/components/EntrySearch/DataRefreshButton.tsx
+var import_react38 = require("@emotion/react");
 var import_design_system23 = require("@uniformdev/design-system");
+var import_jsx_runtime44 = require("@emotion/react/jsx-runtime");
+var DataRefreshButton = ({
+  buttonText,
+  isLoading,
+  onRefreshData,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_design_system23.Button, { buttonType: "primaryInvert", onClick: onRefreshData, disabled: isLoading, ...props, children: [
+    !isLoading ? null : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      import_design_system23.LoadingIndicator,
+      {
+        css: import_react38.css`
+            ${isLoading ? "opacity: 0.2;" : void 0}
+          `
+      }
+    ),
+    buttonText
+  ] });
+};
+
+// 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
+}) => {
+  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" })
+    ] })
+  ] }) });
+};
+
+// src/components/EntrySearch/EntrySearchFilter.tsx
+var import_design_system25 = require("@uniformdev/design-system");
+var import_react42 = require("react");
+
+// src/components/EntrySearch/hooks/EntrySearchContext.tsx
+var import_react40 = require("react");
+var import_jsx_runtime46 = require("@emotion/react/jsx-runtime");
+var EntrySearchContext = (0, import_react40.createContext)({
+  onSetQuery: () => {
+  },
+  onSelectItem: () => {
+  },
+  query: {
+    contentType: "",
+    keywordSearch: ""
+  },
+  list: {},
+  onSetList: () => {
+  },
+  selectedListItems: [],
+  onRemoveAllSelectedItems: () => {
+  }
+});
+var EntrySearchProvider = ({ currentlySelectedItems, children }) => {
+  const [query, setQuery] = (0, import_react40.useState)({
+    contentType: "",
+    keywordSearch: ""
+  });
+  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)(
+    (value) => {
+      setQuery(value);
+    },
+    [setQuery]
+  );
+  const onSelectItem = (0, import_react40.useCallback)(
+    (selectedResult) => {
+      if (Array.isArray(selectedResult)) {
+        setSelectedItems(selectedResult);
+      } else {
+        if (selectedItems.some((item) => item.id === selectedResult.id)) {
+          setSelectedItems((prev) => prev.filter((item) => item.id !== selectedResult.id));
+        } else {
+          setSelectedItems((prev) => [...prev, selectedResult]);
+        }
+      }
+    },
+    [setSelectedItems, selectedItems]
+  );
+  const onRemoveAllSelectedItems = (0, import_react40.useCallback)(() => {
+    setSelectedItems([]);
+  }, [setSelectedItems]);
+  const onSetList = (0, import_react40.useCallback)(
+    (value) => {
+      setList(value);
+    },
+    [setList]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    EntrySearchContext.Provider,
+    {
+      value: {
+        onSetQuery,
+        query: querySearchDeferred,
+        onSelectItem,
+        selectedListItems: selectedItems,
+        onRemoveAllSelectedItems,
+        list,
+        onSetList
+      },
+      children
+    }
+  );
+};
+var useEntrySearchContext = () => {
+  const contextValues = (0, import_react40.useContext)(EntrySearchContext);
+  return { ...contextValues };
+};
+
+// src/components/EntrySearch/styles/EntrySearchFilterContainer.styles.ts
+var import_react41 = require("@emotion/react");
+var EntrySearchFilterContainerLabel = import_react41.css`
+  align-items: center;
+  display: flex;
+  font-size: var(--fs-sm);
+  font-weight: var(--fw-bold);
+  line-height: 1rem;
+  margin-bottom: var(--spacing-sm);
+`;
+var EntrySearchFilterContainer = import_react41.css`
+  display: grid;
+  gap: var(--spacing-base);
+`;
+var EntrySearchFilterDropdownAndTextSearch = import_react41.css`
+  grid-template-columns: 0.5fr 1fr;
+`;
+var EntrySearchFilterGrid = (gridColumns) => import_react41.css`
+  display: grid;
+  grid-template-columns: ${gridColumns};
+  gap: var(--spacing-base);
+`;
+
+// src/components/EntrySearch/EntrySearchFilter.tsx
+var import_jsx_runtime47 = require("@emotion/react/jsx-runtime");
+var EntrySearchFilter = ({
+  requireContentType,
+  typeSelectorAllTypesOptionText = "All content types",
+  searchInputName = "searchText",
+  searchInputPlaceholderText = "Enter keyword to narrow your results",
+  selectLabel = "Content Type Select",
+  selectOptions
+}) => {
+  const { query, onSetQuery } = useEntrySearchContext();
+  const [searchState, setSearchState] = (0, import_react42.useState)({
+    contentType: "any",
+    keywordSearch: ""
+  });
+  const handleFilterChange = (value) => {
+    setSearchState((prev) => {
+      return { ...prev, ...value };
+    });
+    onSetQuery({ ...query, ...value });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("fieldset", { css: [EntrySearchFilterContainer, EntrySearchFilterDropdownAndTextSearch], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      import_design_system25.InputSelect,
+      {
+        label: selectLabel,
+        showLabel: false,
+        onChange: (e) => handleFilterChange({ contentType: e.target.value }),
+        options: [
+          ...!requireContentType ? [{ value: "any", label: typeSelectorAllTypesOptionText }] : [],
+          ...selectOptions ? selectOptions.map((option) => {
+            return { value: option.id, label: option.name };
+          }) : []
+        ],
+        value: searchState.contentType
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      import_design_system25.InputKeywordSearch,
+      {
+        inputFieldName: searchInputName,
+        placeholder: searchInputPlaceholderText,
+        onSearchTextChanged: (e) => handleFilterChange({ keywordSearch: e }),
+        disabledFieldSubmission: true,
+        onClear: () => handleFilterChange({ keywordSearch: "" }),
+        value: searchState.keywordSearch
+      }
+    )
+  ] });
+};
+
+// src/components/EntrySearch/EntrySearchFilterContainer.tsx
+var import_jsx_runtime48 = require("@emotion/react/jsx-runtime");
+var EntrySearchFilterContainer2 = ({ label, children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { css: EntrySearchFilterContainerLabel, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { css: EntrySearchFilterContainer, children })
+  ] });
+};
+
+// src/components/EntrySearch/EntrySearchListItem.tsx
+var import_design_system27 = require("@uniformdev/design-system");
+
+// src/components/EntrySearch/styles/EntrySearchListItem.styles.ts
+var import_react43 = require("@emotion/react");
+var import_design_system26 = require("@uniformdev/design-system");
+var EntryListItemContainer = import_react43.css`
+  align-items: center;
+  border: 1px solid var(--gray-300);
+  border-radius: var(--rounded-base);
+  background: var(--white);
+  display: grid;
+  grid-template-columns: 1fr 32px;
+  padding: var(--spacing-sm);
+
+  &[hidden] {
+    display: none;
+  }
+`;
+var EntryListItemLoading = import_react43.css`
+  animation: ${import_design_system26.skeletonLoading} 1s linear infinite alternate;
+  border-color: transparent;
+  min-height: 42px;
+  position: relative;
+
+  &:before,
+  &:after {
+    background: var(--gray-200);
+    content: '';
+    display: block;
+    height: 1rem;
+  }
+
+  &:before {
+    border-radius: var(--rounded-base);
+    width: 10rem;
+  }
+
+  &:after {
+    border-radius: var(--rounded-full);
+    width: 1rem;
+  }
+`;
+var EntryListItemHeadingGroup = import_react43.css`
+  align-items: center;
+  display: grid;
+`;
+var EntryListItemTitle = import_react43.css`
+  color: var(--brand-secondary-1);
+  display: block;
+  font-size: var(--fs-sm);
+`;
+var EntryListItemSubtitle = import_react43.css`
+  color: var(--gray-500);
+  display: block;
+  font-size: var(--fs-xs);
+  line-height: 1;
+`;
+var EntryListItemInfoContainer = import_react43.css`
+  align-items: center;
+  display: flex;
+  justify-content: center;
+`;
+var EntryListItemControlledContent = import_react43.css`
+  display: flex;
+  gap: var(--spacing-sm);
+`;
+var EntryListItemUnControlledContent = import_react43.css`
+  margin-top: var(--spacing-sm);
+  grid-column: 1 / -1;
+`;
+
+// src/components/EntrySearch/EntrySearchListItem.tsx
+var import_jsx_runtime49 = require("@emotion/react/jsx-runtime");
+var EntrySearchListItem = ({
+  id,
+  title,
+  contentType,
+  image,
+  popoverData,
+  onSelect,
+  isMulti = false,
+  children,
+  ...props
+}) => {
+  const { onSelectItem, selectedListItems } = useEntrySearchContext();
+  const formatedContentType = Array.isArray(contentType) ? contentType.join(", ") : contentType;
+  const handleSelectItem = () => {
+    var _a;
+    const extraData = (_a = onSelect == null ? void 0 : onSelect()) != null ? _a : {};
+    const selectedItem = { id, title, contentType, image, popoverData, ...extraData };
+    if (isMulti) {
+      return onSelectItem(selectedItem);
+    }
+    return onSelectItem([selectedItem]);
+  };
+  const hideWhenInSelectedList = selectedListItems.some((item) => item.id === id);
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { role: "listitem", hidden: hideWhenInSelectedList, css: EntryListItemContainer, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { role: "button", onClick: handleSelectItem, css: EntryListItemControlledContent, children: [
+      !image ? null : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("img", { ...image, loading: (image == null ? void 0 : image.width) && image.height ? "lazy" : "eager" }),
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { role: "heading", css: EntryListItemHeadingGroup, children: [
+        !contentType ? null : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { css: EntryListItemSubtitle, children: formatedContentType }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { css: EntryListItemTitle, children: title })
+      ] })
+    ] }),
+    !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { css: EntryListItemInfoContainer, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_design_system27.Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, children: popoverData }) }),
+    !children ? null : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { css: EntryListItemUnControlledContent, children })
+  ] });
+};
+var EntrySearchListItemLoadingSkeleton = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { role: "presentation", css: [EntryListItemContainer, EntryListItemLoading] });
+};
+
+// src/components/EntrySearch/EntrySearchResultItem.tsx
+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`
+  align-items: center;
+  border: 1px solid var(--gray-300);
+  border-radius: var(--rounded-base);
+  background: var(--gray-50);
+  display: grid;
+  grid-template-columns: 1fr auto;
+  padding: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);
+`;
+var EntrySearchResultItemSubtitle = import_react44.css`
+  color: var(--gray-500);
+  display: block;
+  font-size: var(--fs-xs);
+  line-height: 1;
+`;
+var EntrySearchResultItemTitle = import_react44.css`
+  align-items: center;
+  color: var(--brand-secondary-1);
+  display: flex;
+  gap: var(--spacing-xs);
+`;
+var EntrySearchResultItemTimeStamp = import_react44.css`
+  color: var(--gray-500);
+  font-size: var(--fs-xs);
+`;
+var EntrySearchAuthorStateGroup = import_react44.css`
+  align-items: center;
+  display: flex;
+  gap: var(--spacing-sm);
+`;
+var EntrySearchUpdateGroup = import_react44.css`
+  display: grid;
+`;
+var EntrySearchContentContainer = import_react44.css`
+  display: flex;
+  gap: var(--spacing-base);
+`;
+var EntrySearchImage = import_react44.css`
+  width: 56px;
+  object-fit: contain;
+`;
+
+// src/components/EntrySearch/EntrySearchResultItem.tsx
+var import_jsx_runtime50 = require("@emotion/react/jsx-runtime");
+var EntrySearchResultItem = ({
+  id,
+  title,
+  name,
+  contentType,
+  popoverData,
+  publishStatus,
+  editLinkIcon,
+  editLink,
+  imageUrl,
+  onRemove,
+  createdAt,
+  publishedAt,
+  hideRemoveButton = false,
+  children
+}) => {
+  const { onSelectItem } = useEntrySearchContext();
+  const formatedContentType = Array.isArray(contentType) ? contentType.join(", ") : contentType;
+  const onRemoveItem = () => {
+    onSelectItem({ id });
+    onRemove == null ? void 0 : onRemove();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { css: EntrySearchResultItemContainer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { css: EntrySearchContentContainer, children: [
+      !imageUrl ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("img", { src: imageUrl, alt: `Thumbnail for ${title}`, css: EntrySearchImage }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { css: EntrySearchResultItemSubtitle, children: formatedContentType }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { role: "heading", css: EntrySearchResultItemTitle, children: [
+          title != null ? title : name,
+          !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system28.Popover, { baseId: title, ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
+        ] }),
+        !createdAt && !publishStatus ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { css: EntrySearchAuthorStateGroup, children: [
+          !(publishStatus == null ? void 0 : publishStatus.text) ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system28.Badge, { ...publishStatus, size: "sm", uppercaseText: true }),
+          !createdAt && !publishedAt ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { css: EntrySearchUpdateGroup, children: [
+            !createdAt ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("small", { css: EntrySearchResultItemTimeStamp, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("strong", { children: "Last updated: " }),
+              (0, import_timeago3.format)(createdAt)
+            ] }),
+            !publishedAt ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("small", { css: EntrySearchResultItemTimeStamp, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("strong", { children: "Last published: " }),
+              (0, import_timeago3.format)(publishedAt)
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { children })
+      ] })
+    ] }) }),
+    !editLink && hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { css: EntrySearchAuthorStateGroup, children: [
+      !editLink ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(LinkButton, { text: "Edit", href: editLink, icon: editLinkIcon }),
+      hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_design_system28.Button, { buttonType: "ghostDestructive", onClick: onRemoveItem, children: "Remove" })
+    ] })
+  ] });
+};
+
+// src/components/EntrySearch/styles/EntrySearchResultItemButton.styles.ts
+var import_react45 = require("@emotion/react");
+var import_design_system29 = require("@uniformdev/design-system");
+var ButtonStyles = import_react45.css`
+  ${import_design_system29.button}
+  background: transparent;
+  border: 1px solid var(--brand-secondary-1);
+  color: var(--brand-secondary-1);
+  padding: var(--spacing-sm);
+  font-size: var(--fs-sm);
+  line-height: 1;
+  gap: var(--spacing-xs);
+  transition: border-color var(--duration-fast) var(--timing-ease-out),
+    background-color var(--duration-fast) var(--timing-ease-out);
+
+  &:hover {
+    background: var(--gray-100);
+    border-color: var(--gray-300);
+  }
+
+  &:disabled {
+    background: var(--gray-300);
+    border-color: var(--gray-200);
+    color: var(--gray-500);
+  }
+
+  &:link {
+    text-decoration: none;
+  }
+`;
+var ButtonIcon = import_react45.css`
+  width: 1rem;
+  height: 1rem;
+`;
+
+// src/components/EntrySearch/EntrySearchResultItemButton.tsx
+var import_jsx_runtime51 = require("@emotion/react/jsx-runtime");
+var EntrySearchResultItemButton = ({
+  text,
+  icon,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("button", { type: "button", css: ButtonStyles, ...props, children: [
+    !icon ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Image, { src: icon, css: ButtonIcon }),
+    text
+  ] });
+};
+var LinkButton = ({
+  text,
+  icon,
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("a", { ...props, css: ButtonStyles, target: "_blank", rel: "noopener noreferrer", children: [
+    !icon ? null : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Image, { src: icon, css: ButtonIcon }),
+    text
+  ] });
+};
+
+// src/components/EntrySearch/EntrySearchResultList.tsx
+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`
+  align-items: center;
+  display: flex;
+  gap: var(--spacing-sm);
+  justify-content: space-between;
+`;
+var EntrySearchResultListCounterContainer = import_react46.css`
+  align-items: center;
+  display: flex;
+  gap: var(--spacing-sm);
+`;
+var EntrySearchResultListTitle = import_react46.css`
+  font-weight: var(--fw-bold);
+  line-height: 1;
+`;
+
+// src/components/EntrySearch/EntrySearchResultList.tsx
+var import_jsx_runtime52 = require("@emotion/react/jsx-runtime");
+var EntrySearchResultList = ({
+  resultLabelText = "Selected",
+  removeButtonText = "Remove all",
+  onRemoveAllSelected,
+  hideRemoveButton = false,
+  additionalButtons,
+  renderResultComponent = (value) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(EntrySearchResultItem, { ...value }),
+  disableDnD = false
+}) => {
+  const { selectedListItems, onRemoveAllSelectedItems, onSelectItem } = useEntrySearchContext();
+  const handleRemoveAllSelectedItems = () => {
+    onRemoveAllSelectedItems();
+    onRemoveAllSelected == null ? void 0 : onRemoveAllSelected();
+  };
+  const onDragEnd = (res) => {
+    var _a, _b;
+    if (res.destination && res.source.droppableId === ((_a = res.destination) == null ? void 0 : _a.droppableId)) {
+      const result = [...selectedListItems || []];
+      const [removed] = (_b = result == null ? void 0 : result.splice(res.source.index, 1)) != null ? _b : [];
+      result == null ? void 0 : result.splice(res.destination.index, 0, removed);
+      onSelectItem(result);
+      return result;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { role: "group", css: EntrySearchResultListContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { role: "note", css: EntrySearchResultListCounterContainer, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { css: EntrySearchResultListTitle, children: resultLabelText }),
+        " ",
+        !selectedListItems.length ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_design_system30.Counter, { count: selectedListItems.length })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { css: EntrySearchResultListCounterContainer, children: [
+        additionalButtons,
+        hideRemoveButton ? null : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          import_design_system30.Button,
+          {
+            buttonType: "ghostDestructive",
+            size: "xs",
+            disabled: selectedListItems.length === 0,
+            onClick: handleRemoveAllSelectedItems,
+            children: removeButtonText
+          }
+        )
+      ] })
+    ] }),
+    !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) => {
+        const renderListItem = renderResultComponent(item);
+        return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          import_react_beautiful_dnd3.Draggable,
+          {
+            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
+        );
+      }) }),
+      provided.placeholder
+    ] }) }) })
+  ] });
+};
+
+// src/components/EntrySearch/QueryFilter.tsx
+var import_design_system31 = require("@uniformdev/design-system");
+var import_react47 = require("react");
+var import_jsx_runtime53 = require("@emotion/react/jsx-runtime");
+var QueryFilter = ({
+  requireContentType,
+  queryFilterTitle = "Configure Query",
+  contentTypeLabel = "Filter by content type",
+  typeSelectorAllTypesOptionText = "All content types",
+  contentTypeOptions,
+  countLabel = "Count",
+  countValue = 5,
+  sortLabel = "Sort",
+  sortOptions,
+  sortOrderLabel = "Sort Order",
+  sortOrderOptions = [
+    {
+      name: "Ascending",
+      id: "asc"
+    },
+    {
+      name: "Descending",
+      id: "desc"
+    }
+  ],
+  children
+}) => {
+  var _a, _b;
+  const { query, onSetQuery } = useEntrySearchContext();
+  const [queryState, setQueryState] = (0, import_react47.useState)({
+    contentType: "",
+    count: countValue != null ? countValue : 5,
+    sortBy: (_a = sortOptions[0].id) != null ? _a : "",
+    sortOrder: (_b = sortOrderOptions[0].id) != null ? _b : ""
+  });
+  const handleFilterChange = (value) => {
+    setQueryState((prev) => ({ ...prev, ...value }));
+    onSetQuery({ ...query, ...value });
+  };
+  (0, import_react47.useEffect)(() => {
+    onSetQuery(queryState);
+  }, [onSetQuery, queryState]);
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("fieldset", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { css: EntrySearchFilterContainerLabel, children: queryFilterTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { css: EntrySearchFilterContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { css: EntrySearchFilterGrid("1fr minmax(100px, 0.2fr)"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          import_design_system31.InputSelect,
+          {
+            label: contentTypeLabel,
+            options: [
+              ...!requireContentType ? [{ value: "", label: typeSelectorAllTypesOptionText }] : [],
+              ...contentTypeOptions ? contentTypeOptions.map((option) => {
+                return { value: option.id, label: option.name };
+              }) : []
+            ],
+            onChange: (e) => handleFilterChange({ contentType: e.target.value }),
+            value: queryState.contentType
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          import_design_system31.Input,
+          {
+            label: countLabel,
+            type: "number",
+            onChange: (e) => handleFilterChange({ count: e.target.value }),
+            defaultValue: countValue,
+            value: queryState.count
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { css: EntrySearchFilterGrid("repeat(2, 1fr)"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          import_design_system31.InputSelect,
+          {
+            label: sortLabel,
+            options: [
+              {
+                label: "Select a sort",
+                value: ""
+              },
+              ...sortOptions ? sortOptions.map((option) => {
+                return { value: option.id, label: option.name };
+              }) : []
+            ],
+            onChange: (e) => handleFilterChange({ sortBy: e.target.value }),
+            value: queryState.sortBy
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          import_design_system31.InputSelect,
+          {
+            label: sortOrderLabel,
+            options: [
+              ...sortOrderOptions ? sortOrderOptions.map((option) => {
+                return { value: option.id, label: option.name };
+              }) : []
+            ],
+            onChange: (e) => handleFilterChange({ sortOrder: e.target.value }),
+            value: queryState.sortOrder
+          }
+        )
+      ] }),
+      children
+    ] })
+  ] });
+};
+
+// src/components/MeshApp.tsx
+var import_design_system32 = require("@uniformdev/design-system");
 
 // src/hooks/useInitializeUniformMeshSdk.ts
 var import_mesh_sdk = require("@uniformdev/mesh-sdk");
-var import_react38 = require("react");
+var import_react48 = require("react");
 var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
-  const [error, setError] = (0, import_react38.useState)();
-  const [sdk, setSdk] = (0, import_react38.useState)();
-  const initializationInProgress = (0, import_react38.useRef)(false);
-  (0, import_react38.useEffect)(
+  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)(
     () => {
       if (typeof window === "undefined" || sdk) {
         return;
@@ -4079,7 +4793,7 @@ var useInitializeUniformMeshSdk = ({ autoResizingDisabled } = {}) => {
 };
 
 // src/components/MeshApp.tsx
-var import_jsx_runtime44 = require("@emotion/react/jsx-runtime");
+var import_jsx_runtime54 = require("@emotion/react/jsx-runtime");
 var MeshApp = ({
   children,
   loadingComponent,
@@ -4088,18 +4802,18 @@ var MeshApp = ({
   const { initializing, error, sdk } = useInitializeUniformMeshSdk();
   if (initializing || !sdk) {
     const LoadingComponent = loadingComponent;
-    return LoadingComponent ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LoadingComponent, {}) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_design_system23.LoadingIndicator, {});
+    return LoadingComponent ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(LoadingComponent, {}) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_design_system32.LoadingIndicator, {});
   }
   if (error) {
     const ErrorComponent = errorComponent;
     if (ErrorComponent) {
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ErrorComponent, { error });
+      return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ErrorComponent, { error });
     }
     throw error;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_design_system23.Theme, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(UniformMeshLocationContextProvider, { children })
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(UniformMeshSdkContext.Provider, { value: { sdk }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_design_system32.Theme, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(UniformMeshLocationContextProvider, { children })
   ] });
 };
 
@@ -4110,7 +4824,7 @@ function useUniformMeshLocation() {
 }
 
 // src/hooks/index.ts
-var import_design_system24 = require("@uniformdev/design-system");
+var import_design_system33 = require("@uniformdev/design-system");
 
 // src/utils/createLocationValidator.ts
 function createLocationValidator(setValue, validate) {
@@ -4121,7 +4835,7 @@ function createLocationValidator(setValue, validate) {
 }
 
 // src/index.ts
-var import_design_system25 = require("@uniformdev/design-system");
+var import_design_system34 = require("@uniformdev/design-system");
 __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -4129,12 +4843,23 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   Button,
   Callout,
   DamSelectedItem,
+  DataRefreshButton,
   DataResourceVariablesList,
   DataSourceEditor,
   DataTypeEditor,
   DefaultSearchRow,
   DefaultSelectedItem,
   EntrySearch,
+  EntrySearchContainer,
+  EntrySearchContext,
+  EntrySearchFilter,
+  EntrySearchFilterContainer,
+  EntrySearchListItem,
+  EntrySearchListItemLoadingSkeleton,
+  EntrySearchProvider,
+  EntrySearchResultItem,
+  EntrySearchResultItemButton,
+  EntrySearchResultList,
   Heading,
   Icons,
   Input,
@@ -4145,6 +4870,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   InputVariables,
   KeywordSearchInput,
   Label,
+  LinkButton,
   LoadingIndicator,
   LoadingOverlay,
   Menu,
@@ -4172,6 +4898,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   ProductSearchContext,
   ProductSearchRow,
   ProductSelectedItem,
+  QueryFilter,
   RequestBody,
   RequestHeaders,
   RequestMethodSelect,
@@ -4260,6 +4987,7 @@ __reExport(src_exports, require("@uniformdev/mesh-sdk"), module.exports);
   selectedItemTitle,
   urlEncodeRequestParameter,
   urlEncodeRequestUrl,
+  useEntrySearchContext,
   useInitializeUniformMeshSdk,
   useMeshLocation,
   useParameterShell,