@uniformdev/mesh-sdk-react 20.8.1 → 20.8.2-alpha.21

package/dist/index.d.mts

@@ -96,6 +96,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
     type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.PersonalizationCriteriaLocation<TLocationValue, unknown>, {
+    type: TLocationType;
 }>, "setValue"> & {
     setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
         type: TLocationType;
@@ -121,6 +123,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.PersonalizationCriteriaLocation<TLocationValue, unknown>, {
+        type: TLocationType;
     }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AssetParameterLocation, {
@@ -145,6 +149,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.PersonalizationCriteriaLocation<TLocationValue, unknown>, {
+        type: TLocationType;
     }>)["setValue"]>[0]>;
 };
 type SetLocationValueDispatch<TValue, TSetValue = TValue> = (dispatch: SetLocationValueFunction<TValue, TSetValue>) => Promise<void> | void;
@@ -966,12 +972,13 @@ type ObjectSearchResultItemProps = SelectedItemProps & {
      * @default false
      */
     disableDnD?: boolean;
+    onClick?: () => void;
 };
 /**
  * @description An opinionated result item, best used for selected results
  * @example <ObjectSearchResultItem id="my-result" title="title" />
  */
-declare const ObjectSearchResultItem: ({ id, title, contentType, popoverData, publishStatus, editLinkIcon, editLink, imageUrl, onRemove, createdAt, publishedAt, hideRemoveButton, disableDnD, children, }: ObjectSearchResultItemProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ObjectSearchResultItem: ({ id, title, contentType, popoverData, publishStatus, editLinkIcon, editLink, imageUrl, onRemove, createdAt, publishedAt, hideRemoveButton, disableDnD, children, onClick, }: ObjectSearchResultItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type SearchQueryProps<TExtraFilters = unknown> = {
     /** sets the content type in the search context */
@@ -1681,6 +1688,8 @@ type SearchAndFilterProviderProps = {
     resetFilterValues?: Filter[];
     /** sets the list of filter options for each filter row */
     filterOptions: FilterOptionGroup[];
+    /** optional function that is used instead of the default reset filter functionality */
+    onResetFilterValues?: () => void;
     /** the total number of results */
     totalResults?: number;
     /** the filter mapper function */
@@ -1725,7 +1734,7 @@ declare const SearchAndFilterContext: React$1.Context<SearchAndFilterContextProp
  * Search and filter provider
  * @example <SearchAndFilterProvider filters={filters} filterOptions={filterOptions} onSearchChange={onSearchChange} onChange={onChange}>Children</SearchAndFilterProvider>
  * */
-declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, alwaysVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, totalResults, filterMapper, children, allowBindingSearchTerm, }: SearchAndFilterProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, alwaysVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, onResetFilterValues, totalResults, filterMapper, children, allowBindingSearchTerm, }: SearchAndFilterProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
 /** Search and filter hook
  * @example const { searchTerm, setSearchTerm, filterVisibility, setFilterVisibility, filters, setFilters, handleAddFilter, handleResetFilters, handleDeleteFilter, filterOptions, validFilterQuery } = useSearchAndFilter();
  */
@@ -1788,7 +1797,7 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
  * Search and filter component
  * @example <SearchAndFilter filters={filters} filterOptions={filterOptions} onChange={onChange} onSearchChange={onSearchChange} onSearchReset={onSearchReset} totalResults={totalResults} />
  * */
-declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, allowBindingSearchTerm, resetFilterValues, }: SearchAndFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, allowBindingSearchTerm, resetFilterValues, onResetFilterValues, }: SearchAndFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type FilterItemsProps = {
     /** The text for the add button */

package/dist/index.d.ts

@@ -96,6 +96,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
     type: TLocationType;
 }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
     type: TLocationType;
+}> | Extract<_uniformdev_mesh_sdk.PersonalizationCriteriaLocation<TLocationValue, unknown>, {
+    type: TLocationType;
 }>, "setValue"> & {
     setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
         type: TLocationType;
@@ -121,6 +123,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.PersonalizationCriteriaLocation<TLocationValue, unknown>, {
+        type: TLocationType;
     }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AssetParameterLocation, {
@@ -145,6 +149,8 @@ declare function useMeshLocation<TLocationType extends MeshLocation['type'], TLo
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AIGenerateLocation<TLocationValue>, {
         type: TLocationType;
+    }> | Extract<_uniformdev_mesh_sdk.PersonalizationCriteriaLocation<TLocationValue, unknown>, {
+        type: TLocationType;
     }>)["setValue"]>[0]>;
 };
 type SetLocationValueDispatch<TValue, TSetValue = TValue> = (dispatch: SetLocationValueFunction<TValue, TSetValue>) => Promise<void> | void;
@@ -966,12 +972,13 @@ type ObjectSearchResultItemProps = SelectedItemProps & {
      * @default false
      */
     disableDnD?: boolean;
+    onClick?: () => void;
 };
 /**
  * @description An opinionated result item, best used for selected results
  * @example <ObjectSearchResultItem id="my-result" title="title" />
  */
-declare const ObjectSearchResultItem: ({ id, title, contentType, popoverData, publishStatus, editLinkIcon, editLink, imageUrl, onRemove, createdAt, publishedAt, hideRemoveButton, disableDnD, children, }: ObjectSearchResultItemProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ObjectSearchResultItem: ({ id, title, contentType, popoverData, publishStatus, editLinkIcon, editLink, imageUrl, onRemove, createdAt, publishedAt, hideRemoveButton, disableDnD, children, onClick, }: ObjectSearchResultItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type SearchQueryProps<TExtraFilters = unknown> = {
     /** sets the content type in the search context */
@@ -1681,6 +1688,8 @@ type SearchAndFilterProviderProps = {
     resetFilterValues?: Filter[];
     /** sets the list of filter options for each filter row */
     filterOptions: FilterOptionGroup[];
+    /** optional function that is used instead of the default reset filter functionality */
+    onResetFilterValues?: () => void;
     /** the total number of results */
     totalResults?: number;
     /** the filter mapper function */
@@ -1725,7 +1734,7 @@ declare const SearchAndFilterContext: React$1.Context<SearchAndFilterContextProp
  * Search and filter provider
  * @example <SearchAndFilterProvider filters={filters} filterOptions={filterOptions} onSearchChange={onSearchChange} onChange={onChange}>Children</SearchAndFilterProvider>
  * */
-declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, alwaysVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, totalResults, filterMapper, children, allowBindingSearchTerm, }: SearchAndFilterProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SearchAndFilterProvider: ({ filters, filterOptions, filterVisible, alwaysVisible, defaultSearchTerm, onSearchChange, onChange, resetFilterValues, onResetFilterValues, totalResults, filterMapper, children, allowBindingSearchTerm, }: SearchAndFilterProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
 /** Search and filter hook
  * @example const { searchTerm, setSearchTerm, filterVisibility, setFilterVisibility, filters, setFilters, handleAddFilter, handleResetFilters, handleDeleteFilter, filterOptions, validFilterQuery } = useSearchAndFilter();
  */
@@ -1788,7 +1797,7 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
  * Search and filter component
  * @example <SearchAndFilter filters={filters} filterOptions={filterOptions} onChange={onChange} onSearchChange={onSearchChange} onSearchReset={onSearchReset} totalResults={totalResults} />
  * */
-declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, allowBindingSearchTerm, resetFilterValues, }: SearchAndFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SearchAndFilter: ({ filters, filterOptions, filterVisible, filterControls, viewSwitchControls, resultsContainerView, filterMapper, additionalFiltersContainer, onChange, defaultSearchTerm, onSearchChange, totalResults, allowBindingSearchTerm, resetFilterValues, onResetFilterValues, }: SearchAndFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type FilterItemsProps = {
     /** The text for the add button */

package/dist/index.esm.js

@@ -3928,7 +3928,7 @@ var DataRefreshButton = ({
   onRefreshData,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs22(Button2, { buttonType: "primaryInvert", onClick: onRefreshData, disabled: isLoading, ...props, children: [
+  return /* @__PURE__ */ jsxs22(Button2, { buttonType: "ghost", onClick: onRefreshData, disabled: isLoading, ...props, children: [
     !isLoading ? null : /* @__PURE__ */ jsx47(
       LoadingIndicator3,
       {
@@ -4398,7 +4398,7 @@ var ObjectSearchFilterContainer2 = ({ children }) => {
 };
 
 // src/components/ObjectSearch/ObjectSearchResultItem.tsx
-import { Button as Button3, Chip as Chip2, Popover as Popover2 } from "@uniformdev/design-system";
+import { Button as Button3, Chip as Chip2, Link, Popover as Popover2 } from "@uniformdev/design-system";
 import { format as timeagoFormat } from "timeago.js";
 
 // src/components/Image/Image.tsx
@@ -4510,6 +4510,11 @@ var ObjectSearchResultItemTimeStamp = css19`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
+var ObjectSearchResultItemTitleLink = css19`
+  text-decoration: none;
+  color: var(--primary-action-default);
+  font-size: var(--fs-sm);
+`;
 var ObjectSearchAuthorStateGroup = css19`
   align-items: center;
   display: flex;
@@ -4544,7 +4549,8 @@ var ObjectSearchResultItem = ({
   publishedAt,
   hideRemoveButton = false,
   disableDnD = false,
-  children
+  children,
+  onClick
 }) => {
   const { onSelectItem } = useObjectSearchContext();
   const formatedContentType = Array.isArray(contentType) ? contentType.join(", ") : contentType;
@@ -4567,7 +4573,19 @@ var ObjectSearchResultItem = ({
       /* @__PURE__ */ jsxs27("div", { children: [
         /* @__PURE__ */ jsx55("span", { css: ObjectSearchResultItemSubtitle, "data-testid": "sub-title", children: formatedContentType }),
         /* @__PURE__ */ jsxs27("span", { role: "heading", css: ObjectSearchResultItemTitle, "data-testid": "title", children: [
-          title != null ? title : name,
+          onClick ? /* @__PURE__ */ jsx55(
+            Link,
+            {
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                onClick();
+              },
+              href: editLink,
+              text: title != null ? title : name,
+              css: ObjectSearchResultItemTitleLink
+            }
+          ) : /* @__PURE__ */ jsx55("span", { children: title != null ? title : name }),
           !popoverData ? null : /* @__PURE__ */ jsx55(Popover2, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
         ] }),
         !createdAt && !publishStatus ? null : /* @__PURE__ */ jsxs27("div", { css: ObjectSearchAuthorStateGroup, children: [
@@ -6214,8 +6232,6 @@ var SearchAndFilterOptionsContainer = css21`
   gap: var(--spacing-sm);
   padding: var(--spacing-md) 0 var(--spacing-base);
   will-change: height;
-  position: relative;
-  z-index: 2;
 `;
 var SearchAndFilterOptionsInnerContainer = css21`
   display: flex;
@@ -6234,8 +6250,6 @@ var SearchAndFilterAdditionalContainer = css21`
   flex-wrap: nowrap;
   gap: var(--spacing-base);
   padding: var(--spacing-base) var(--spacing-md) 0;
-  position: relative;
-  z-index: 0;
 `;
 
 // src/components/SearchAndFilter/FilterButton.tsx
@@ -6394,6 +6408,7 @@ var SearchAndFilterProvider = ({
   onSearchChange,
   onChange,
   resetFilterValues = [{ field: "", operator: "", value: "" }],
+  onResetFilterValues,
   totalResults,
   filterMapper: filterMapper2 = filterMapper,
   children,
@@ -6422,9 +6437,12 @@ var SearchAndFilterProvider = ({
     onChange([...filters, { field: "", operator: "", value: "" }]);
   }, [filters, onChange]);
   const handleResetFilters = useCallback6(() => {
+    if (onResetFilterValues) {
+      return onResetFilterValues();
+    }
     onSearchChange == null ? void 0 : onSearchChange("");
     onChange(resetFilterValues);
-  }, [onChange, resetFilterValues, onSearchChange]);
+  }, [onChange, resetFilterValues, onSearchChange, onResetFilterValues]);
   const handleDeleteFilter = useCallback6(
     (index) => {
       const remainingFilters = filters.filter((_, i) => i !== index);
@@ -7051,7 +7069,8 @@ var SearchAndFilter = ({
   onSearchChange,
   totalResults,
   allowBindingSearchTerm = false,
-  resetFilterValues = []
+  resetFilterValues = [],
+  onResetFilterValues
 }) => {
   return /* @__PURE__ */ jsx79(
     SearchAndFilterProvider,
@@ -7066,6 +7085,7 @@ var SearchAndFilter = ({
       resetFilterValues,
       filterMapper: filterMapper2,
       allowBindingSearchTerm,
+      onResetFilterValues,
       children: /* @__PURE__ */ jsxs38(VerticalRhythm7, { "data-testid": "search-and-filter", children: [
         /* @__PURE__ */ jsxs38("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
           /* @__PURE__ */ jsx79(

package/dist/index.js

@@ -4026,7 +4026,7 @@ var DataRefreshButton = ({
   onRefreshData,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_design_system20.Button, { buttonType: "primaryInvert", onClick: onRefreshData, disabled: isLoading, ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_design_system20.Button, { buttonType: "ghost", onClick: onRefreshData, disabled: isLoading, ...props, children: [
     !isLoading ? null : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       import_design_system20.LoadingIndicator,
       {
@@ -4601,6 +4601,11 @@ var ObjectSearchResultItemTimeStamp = import_react49.css`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
+var ObjectSearchResultItemTitleLink = import_react49.css`
+  text-decoration: none;
+  color: var(--primary-action-default);
+  font-size: var(--fs-sm);
+`;
 var ObjectSearchAuthorStateGroup = import_react49.css`
   align-items: center;
   display: flex;
@@ -4635,7 +4640,8 @@ var ObjectSearchResultItem = ({
   publishedAt,
   hideRemoveButton = false,
   disableDnD = false,
-  children
+  children,
+  onClick
 }) => {
   const { onSelectItem } = useObjectSearchContext();
   const formatedContentType = Array.isArray(contentType) ? contentType.join(", ") : contentType;
@@ -4658,7 +4664,19 @@ var ObjectSearchResultItem = ({
       /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { css: ObjectSearchResultItemSubtitle, "data-testid": "sub-title", children: formatedContentType }),
         /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { role: "heading", css: ObjectSearchResultItemTitle, "data-testid": "title", children: [
-          title != null ? title : name,
+          onClick ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+            import_design_system26.Link,
+            {
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                onClick();
+              },
+              href: editLink,
+              text: title != null ? title : name,
+              css: ObjectSearchResultItemTitleLink
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: title != null ? title : name }),
           !popoverData ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_design_system26.Popover, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
         ] }),
         !createdAt && !publishStatus ? null : /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { css: ObjectSearchAuthorStateGroup, children: [
@@ -6287,8 +6305,6 @@ var SearchAndFilterOptionsContainer = import_react63.css`
   gap: var(--spacing-sm);
   padding: var(--spacing-md) 0 var(--spacing-base);
   will-change: height;
-  position: relative;
-  z-index: 2;
 `;
 var SearchAndFilterOptionsInnerContainer = import_react63.css`
   display: flex;
@@ -6307,8 +6323,6 @@ var SearchAndFilterAdditionalContainer = import_react63.css`
   flex-wrap: nowrap;
   gap: var(--spacing-base);
   padding: var(--spacing-base) var(--spacing-md) 0;
-  position: relative;
-  z-index: 0;
 `;
 
 // src/components/SearchAndFilter/FilterButton.tsx
@@ -6459,6 +6473,7 @@ var SearchAndFilterProvider = ({
   onSearchChange,
   onChange,
   resetFilterValues = [{ field: "", operator: "", value: "" }],
+  onResetFilterValues,
   totalResults,
   filterMapper: filterMapper2 = filterMapper,
   children,
@@ -6487,9 +6502,12 @@ var SearchAndFilterProvider = ({
     onChange([...filters, { field: "", operator: "", value: "" }]);
   }, [filters, onChange]);
   const handleResetFilters = (0, import_react64.useCallback)(() => {
+    if (onResetFilterValues) {
+      return onResetFilterValues();
+    }
     onSearchChange == null ? void 0 : onSearchChange("");
     onChange(resetFilterValues);
-  }, [onChange, resetFilterValues, onSearchChange]);
+  }, [onChange, resetFilterValues, onSearchChange, onResetFilterValues]);
   const handleDeleteFilter = (0, import_react64.useCallback)(
     (index) => {
       const remainingFilters = filters.filter((_, i) => i !== index);
@@ -7116,7 +7134,8 @@ var SearchAndFilter = ({
   onSearchChange,
   totalResults,
   allowBindingSearchTerm = false,
-  resetFilterValues = []
+  resetFilterValues = [],
+  onResetFilterValues
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     SearchAndFilterProvider,
@@ -7131,6 +7150,7 @@ var SearchAndFilter = ({
       resetFilterValues,
       filterMapper: filterMapper2,
       allowBindingSearchTerm,
+      onResetFilterValues,
       children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_design_system49.VerticalRhythm, { "data-testid": "search-and-filter", children: [
         /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
           /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(

package/dist/index.mjs

@@ -3928,7 +3928,7 @@ var DataRefreshButton = ({
   onRefreshData,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs22(Button2, { buttonType: "primaryInvert", onClick: onRefreshData, disabled: isLoading, ...props, children: [
+  return /* @__PURE__ */ jsxs22(Button2, { buttonType: "ghost", onClick: onRefreshData, disabled: isLoading, ...props, children: [
     !isLoading ? null : /* @__PURE__ */ jsx47(
       LoadingIndicator3,
       {
@@ -4398,7 +4398,7 @@ var ObjectSearchFilterContainer2 = ({ children }) => {
 };
 
 // src/components/ObjectSearch/ObjectSearchResultItem.tsx
-import { Button as Button3, Chip as Chip2, Popover as Popover2 } from "@uniformdev/design-system";
+import { Button as Button3, Chip as Chip2, Link, Popover as Popover2 } from "@uniformdev/design-system";
 import { format as timeagoFormat } from "timeago.js";
 
 // src/components/Image/Image.tsx
@@ -4510,6 +4510,11 @@ var ObjectSearchResultItemTimeStamp = css19`
   color: var(--gray-500);
   font-size: var(--fs-xs);
 `;
+var ObjectSearchResultItemTitleLink = css19`
+  text-decoration: none;
+  color: var(--primary-action-default);
+  font-size: var(--fs-sm);
+`;
 var ObjectSearchAuthorStateGroup = css19`
   align-items: center;
   display: flex;
@@ -4544,7 +4549,8 @@ var ObjectSearchResultItem = ({
   publishedAt,
   hideRemoveButton = false,
   disableDnD = false,
-  children
+  children,
+  onClick
 }) => {
   const { onSelectItem } = useObjectSearchContext();
   const formatedContentType = Array.isArray(contentType) ? contentType.join(", ") : contentType;
@@ -4567,7 +4573,19 @@ var ObjectSearchResultItem = ({
       /* @__PURE__ */ jsxs27("div", { children: [
         /* @__PURE__ */ jsx55("span", { css: ObjectSearchResultItemSubtitle, "data-testid": "sub-title", children: formatedContentType }),
         /* @__PURE__ */ jsxs27("span", { role: "heading", css: ObjectSearchResultItemTitle, "data-testid": "title", children: [
-          title != null ? title : name,
+          onClick ? /* @__PURE__ */ jsx55(
+            Link,
+            {
+              onClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                onClick();
+              },
+              href: editLink,
+              text: title != null ? title : name,
+              css: ObjectSearchResultItemTitleLink
+            }
+          ) : /* @__PURE__ */ jsx55("span", { children: title != null ? title : name }),
           !popoverData ? null : /* @__PURE__ */ jsx55(Popover2, { ariaLabel: title, buttonText: `See ${title} details`, children: popoverData })
         ] }),
         !createdAt && !publishStatus ? null : /* @__PURE__ */ jsxs27("div", { css: ObjectSearchAuthorStateGroup, children: [
@@ -6214,8 +6232,6 @@ var SearchAndFilterOptionsContainer = css21`
   gap: var(--spacing-sm);
   padding: var(--spacing-md) 0 var(--spacing-base);
   will-change: height;
-  position: relative;
-  z-index: 2;
 `;
 var SearchAndFilterOptionsInnerContainer = css21`
   display: flex;
@@ -6234,8 +6250,6 @@ var SearchAndFilterAdditionalContainer = css21`
   flex-wrap: nowrap;
   gap: var(--spacing-base);
   padding: var(--spacing-base) var(--spacing-md) 0;
-  position: relative;
-  z-index: 0;
 `;
 
 // src/components/SearchAndFilter/FilterButton.tsx
@@ -6394,6 +6408,7 @@ var SearchAndFilterProvider = ({
   onSearchChange,
   onChange,
   resetFilterValues = [{ field: "", operator: "", value: "" }],
+  onResetFilterValues,
   totalResults,
   filterMapper: filterMapper2 = filterMapper,
   children,
@@ -6422,9 +6437,12 @@ var SearchAndFilterProvider = ({
     onChange([...filters, { field: "", operator: "", value: "" }]);
   }, [filters, onChange]);
   const handleResetFilters = useCallback6(() => {
+    if (onResetFilterValues) {
+      return onResetFilterValues();
+    }
     onSearchChange == null ? void 0 : onSearchChange("");
     onChange(resetFilterValues);
-  }, [onChange, resetFilterValues, onSearchChange]);
+  }, [onChange, resetFilterValues, onSearchChange, onResetFilterValues]);
   const handleDeleteFilter = useCallback6(
     (index) => {
       const remainingFilters = filters.filter((_, i) => i !== index);
@@ -7051,7 +7069,8 @@ var SearchAndFilter = ({
   onSearchChange,
   totalResults,
   allowBindingSearchTerm = false,
-  resetFilterValues = []
+  resetFilterValues = [],
+  onResetFilterValues
 }) => {
   return /* @__PURE__ */ jsx79(
     SearchAndFilterProvider,
@@ -7066,6 +7085,7 @@ var SearchAndFilter = ({
       resetFilterValues,
       filterMapper: filterMapper2,
       allowBindingSearchTerm,
+      onResetFilterValues,
       children: /* @__PURE__ */ jsxs38(VerticalRhythm7, { "data-testid": "search-and-filter", children: [
         /* @__PURE__ */ jsxs38("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
           /* @__PURE__ */ jsx79(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/mesh-sdk-react",
-  "version": "20.8.1",
+  "version": "20.8.2-alpha.21+42bfa4ce42",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -50,10 +50,10 @@
     "@lexical/selection": "0.25.0",
     "@lexical/utils": "0.25.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.2.1/react-icons-all-files-5.2.1.tgz",
-    "@uniformdev/canvas": "20.8.1",
-    "@uniformdev/design-system": "20.8.1",
-    "@uniformdev/mesh-sdk": "20.8.1",
-    "@uniformdev/richtext": "20.8.1",
+    "@uniformdev/canvas": "20.8.2-alpha.21+42bfa4ce42",
+    "@uniformdev/design-system": "20.8.2-alpha.21+42bfa4ce42",
+    "@uniformdev/mesh-sdk": "20.8.2-alpha.21+42bfa4ce42",
+    "@uniformdev/richtext": "20.8.2-alpha.21+42bfa4ce42",
     "dequal": "^2.0.3",
     "lexical": "0.25.0",
     "mitt": "3.0.1",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7f4a0fc0650b043561f32bedc6c4cc18683df111"
+  "gitHead": "42bfa4ce42d4efdd35192096f1d4c23577e6cf2b"
 }