@uniformdev/mesh-sdk-react 20.7.1-alpha.4 → 20.7.1-alpha.45

package/dist/index.d.mts

@@ -96,6 +96,10 @@ 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;
+}> | Extract<_uniformdev_mesh_sdk.ProjectToolLocation<TLocationValue, unknown>, {
+    type: TLocationType;
 }>, "setValue"> & {
     setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
         type: TLocationType;
@@ -121,6 +125,10 @@ 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;
+    }> | Extract<_uniformdev_mesh_sdk.ProjectToolLocation<TLocationValue, unknown>, {
+        type: TLocationType;
     }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AssetParameterLocation, {
@@ -145,6 +153,10 @@ 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;
+    }> | Extract<_uniformdev_mesh_sdk.ProjectToolLocation<TLocationValue, unknown>, {
+        type: TLocationType;
     }>)["setValue"]>[0]>;
 };
 type SetLocationValueDispatch<TValue, TSetValue = TValue> = (dispatch: SetLocationValueFunction<TValue, TSetValue>) => Promise<void> | void;
@@ -881,7 +893,9 @@ type DataRefreshButtonProps = HTMLAttributes<HTMLButtonElement> & {
 };
 /**
  * @description The data refresh button is a UI component to indicate to users a request for data is taking place
- * @example <DataRefreshButton buttonText="my button" isLoading /> */
+ * @example <DataRefreshButton buttonText="my button" isLoading />
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const DataRefreshButton: ({ buttonText, isLoading, onRefreshData, ...props }: DataRefreshButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ObjectSearchContainerProps = {
@@ -908,7 +922,9 @@ type ObjectSearchContainerProps = {
 };
 /**
  * @description Object search container is an opinionated layout for search parameters and retrieved results
- * @example  <ObjectSearchContainer searchFilters={<>your component</>} resultList={<>your result list component<>} onSave={yourSaveAction} onCancel={yourCancelAction} /> */
+ * @example  <ObjectSearchContainer searchFilters={<>your component</>} resultList={<>your result list component<>} onSave={yourSaveAction} onCancel={yourCancelAction} />
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchContainer: ({ label, enableDynamicInputToResultId, searchFilters, resultList, children, }: ObjectSearchContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ObjectSearchFilterProps = {
@@ -939,7 +955,9 @@ type ObjectSearchFilterProps = {
 /**
  * @description Object search filter is an opinionated filter that has pre-defined query and setQuery functions
  * that can be extended with custom functions
- * @example  <ObjectSearchFilter selectOptions={[{ id: 'id value', name: 'name value'}]} /> */
+ * @example  <ObjectSearchFilter selectOptions={[{ id: 'id value', name: 'name value'}]} />
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchFilter: ({ requireContentType, typeSelectorAllTypesOptionText, searchInputName, searchInputPlaceholderText, selectLabel, selectOptions, }: ObjectSearchFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ObjectSearchFilterContainerProps = {
@@ -949,6 +967,7 @@ type ObjectSearchFilterContainerProps = {
 /**
  * @description an opinionated layout for search filters
  * @example <ObjectSearchFilterContainer label="my label"><input type="text" aria-label="my input" /></ObjectSearchFilterContainer>
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const ObjectSearchFilterContainer: ({ children }: ObjectSearchFilterContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -966,12 +985,14 @@ 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" />
+ * @deprecated this component is not recommended for use in new projects
  */
-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 */
@@ -1049,7 +1070,13 @@ type ObjectSearchProviderProps = {
     isMulti?: boolean;
     defaultQuery?: SearchQueryProps;
 };
+/**
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchProvider: ({ currentlySelectedItems, isMulti, children, defaultQuery, }: ObjectSearchProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare function useObjectSearchContext<TExtraSearchFilters = unknown, TExtraItemProps = unknown>(): ObjectSearchContextProps<TExtraSearchFilters, TExtraItemProps>;
 
 type ObjectSearchListItemProps = SelectedItemProps & {
@@ -1071,7 +1098,9 @@ type ObjectSearchListItemProps = SelectedItemProps & {
 } & React$1.HTMLAttributes<HTMLDivElement>;
 /**
  * @description entry search list item is an opinionated UI component best used for initial retrieved results
- * @example <ObjectSearchListItem  id="my-result-item" title="title" popoverData={<p>some data info</p>}><div>example of uncontrolled content</div></ObjectSearchListItem> */
+ * @example <ObjectSearchListItem  id="my-result-item" title="title" popoverData={<p>some data info</p>}><div>example of uncontrolled content</div></ObjectSearchListItem>
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchListItem: ({ id, title, contentType, imageUrl, popoverData, onSelect, isMulti, disabled, children, ...props }: ObjectSearchListItemProps & React$1.HTMLAttributes<HTMLDivElement>) => _emotion_react_jsx_runtime.JSX.Element;
 /**
  * An opinionated loading skeleton component best used with ObjectSearchListItem
@@ -1090,12 +1119,14 @@ type ObjectSearchResultItemButtonProps<THtml extends HTMLAttributes<HTMLElement>
 /**
  * @description An opinionated button component best used within the ObjectSearchResultItem component
  * @example <ObjectSearchResultItemButton text="button text" icon="/my-image.png" onClick={() => myFunction()} />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const ObjectSearchResultItemButton: ({ text, icon, ...props }: ObjectSearchResultItemButtonProps<HTMLAttributes<HTMLButtonElement>>) => _emotion_react_jsx_runtime.JSX.Element;
 /**
  * @description An opinionated link component styled the same of the ObjectSearchResultItemButton component,
  * that automatically sets the target and rel attributes. Best used within the ObjectSearchResultItem component
  * @example <LinkButton text="link text" icon="/my-image.png" />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const LinkButton: ({ text, icon, ...props }: ObjectSearchResultItemButtonProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "rel">>) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1140,6 +1171,7 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
  * The result item component defaults to <ObjectSearchResultItem {...props} />, however this can be overridden with any other UI component and still
  * maintain drag and drop functionality
  * @example <ObjectSearchResultList id="my-id" title="title" renderResultComponent={(values) => <CustomComponent {...values} />} />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare function ObjectSearchResultList<TRenderComponent extends SelectedItemProps = SelectedItemProps>({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, resultLabelOverride, additionalButtons, renderResultComponent, multiSelectId, disableDnD, getContainerForDnDReparenting, whenNothingSelected, }: ObjectSearchResultListProps<TRenderComponent>): _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1209,6 +1241,7 @@ type QueryFilterProps<TSelectOptions extends QueryFilterSelectionOptionProps = Q
 /**
  * @description An opinionated multi query filter UI component, best used for querying product data or more complex scenarios
  * @example <QueryFilter contentTypeOptions={[{ id: 'id', name: 'name' }]} sortOptions={[{ id: 'id', name: 'name' }]} sortOrderOptions={[{ id: 'id', name: 'name' }]} />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const QueryFilter: ({ requireContentType, queryFilterTitle, contentTypeLabel, typeSelectorAllTypesOptionText, contentTypeOptions, searchInputName, searchInputPlaceholderText, searchInputLabel, countLabel, sortLabel, sortOptions, sortOrderLabel, sortOrderOptions, children, }: QueryFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1681,6 +1714,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 +1760,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();
  */
@@ -1778,7 +1813,7 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
     /** sets the reset filter values */
     resetFilterValues?: Filter[];
     /** The filter mapper function */
-    filterMapper?: Record<FilterEditor, React$1.ComponentType<any> | null>;
+    filterMapper?: FilterMapper;
     /** Component to render inside filters container right below main Filters widget
      *  that should contain additional controls like filters
      *  which do not fit main structure or sorting */
@@ -1788,7 +1823,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,10 @@ 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;
+}> | Extract<_uniformdev_mesh_sdk.ProjectToolLocation<TLocationValue, unknown>, {
+    type: TLocationType;
 }>, "setValue"> & {
     setValue: SetLocationValueDispatch<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
         type: TLocationType;
@@ -121,6 +125,10 @@ 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;
+    }> | Extract<_uniformdev_mesh_sdk.ProjectToolLocation<TLocationValue, unknown>, {
+        type: TLocationType;
     }>)["value"], Parameters<(Extract<_uniformdev_mesh_sdk.AssetLibraryLocation, {
         type: TLocationType;
     }> | Extract<_uniformdev_mesh_sdk.AssetParameterLocation, {
@@ -145,6 +153,10 @@ 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;
+    }> | Extract<_uniformdev_mesh_sdk.ProjectToolLocation<TLocationValue, unknown>, {
+        type: TLocationType;
     }>)["setValue"]>[0]>;
 };
 type SetLocationValueDispatch<TValue, TSetValue = TValue> = (dispatch: SetLocationValueFunction<TValue, TSetValue>) => Promise<void> | void;
@@ -881,7 +893,9 @@ type DataRefreshButtonProps = HTMLAttributes<HTMLButtonElement> & {
 };
 /**
  * @description The data refresh button is a UI component to indicate to users a request for data is taking place
- * @example <DataRefreshButton buttonText="my button" isLoading /> */
+ * @example <DataRefreshButton buttonText="my button" isLoading />
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const DataRefreshButton: ({ buttonText, isLoading, onRefreshData, ...props }: DataRefreshButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ObjectSearchContainerProps = {
@@ -908,7 +922,9 @@ type ObjectSearchContainerProps = {
 };
 /**
  * @description Object search container is an opinionated layout for search parameters and retrieved results
- * @example  <ObjectSearchContainer searchFilters={<>your component</>} resultList={<>your result list component<>} onSave={yourSaveAction} onCancel={yourCancelAction} /> */
+ * @example  <ObjectSearchContainer searchFilters={<>your component</>} resultList={<>your result list component<>} onSave={yourSaveAction} onCancel={yourCancelAction} />
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchContainer: ({ label, enableDynamicInputToResultId, searchFilters, resultList, children, }: ObjectSearchContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ObjectSearchFilterProps = {
@@ -939,7 +955,9 @@ type ObjectSearchFilterProps = {
 /**
  * @description Object search filter is an opinionated filter that has pre-defined query and setQuery functions
  * that can be extended with custom functions
- * @example  <ObjectSearchFilter selectOptions={[{ id: 'id value', name: 'name value'}]} /> */
+ * @example  <ObjectSearchFilter selectOptions={[{ id: 'id value', name: 'name value'}]} />
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchFilter: ({ requireContentType, typeSelectorAllTypesOptionText, searchInputName, searchInputPlaceholderText, selectLabel, selectOptions, }: ObjectSearchFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type ObjectSearchFilterContainerProps = {
@@ -949,6 +967,7 @@ type ObjectSearchFilterContainerProps = {
 /**
  * @description an opinionated layout for search filters
  * @example <ObjectSearchFilterContainer label="my label"><input type="text" aria-label="my input" /></ObjectSearchFilterContainer>
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const ObjectSearchFilterContainer: ({ children }: ObjectSearchFilterContainerProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -966,12 +985,14 @@ 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" />
+ * @deprecated this component is not recommended for use in new projects
  */
-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 */
@@ -1049,7 +1070,13 @@ type ObjectSearchProviderProps = {
     isMulti?: boolean;
     defaultQuery?: SearchQueryProps;
 };
+/**
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchProvider: ({ currentlySelectedItems, isMulti, children, defaultQuery, }: ObjectSearchProviderProps) => _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare function useObjectSearchContext<TExtraSearchFilters = unknown, TExtraItemProps = unknown>(): ObjectSearchContextProps<TExtraSearchFilters, TExtraItemProps>;
 
 type ObjectSearchListItemProps = SelectedItemProps & {
@@ -1071,7 +1098,9 @@ type ObjectSearchListItemProps = SelectedItemProps & {
 } & React$1.HTMLAttributes<HTMLDivElement>;
 /**
  * @description entry search list item is an opinionated UI component best used for initial retrieved results
- * @example <ObjectSearchListItem  id="my-result-item" title="title" popoverData={<p>some data info</p>}><div>example of uncontrolled content</div></ObjectSearchListItem> */
+ * @example <ObjectSearchListItem  id="my-result-item" title="title" popoverData={<p>some data info</p>}><div>example of uncontrolled content</div></ObjectSearchListItem>
+ * @deprecated this component is not recommended for use in new projects
+ */
 declare const ObjectSearchListItem: ({ id, title, contentType, imageUrl, popoverData, onSelect, isMulti, disabled, children, ...props }: ObjectSearchListItemProps & React$1.HTMLAttributes<HTMLDivElement>) => _emotion_react_jsx_runtime.JSX.Element;
 /**
  * An opinionated loading skeleton component best used with ObjectSearchListItem
@@ -1090,12 +1119,14 @@ type ObjectSearchResultItemButtonProps<THtml extends HTMLAttributes<HTMLElement>
 /**
  * @description An opinionated button component best used within the ObjectSearchResultItem component
  * @example <ObjectSearchResultItemButton text="button text" icon="/my-image.png" onClick={() => myFunction()} />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const ObjectSearchResultItemButton: ({ text, icon, ...props }: ObjectSearchResultItemButtonProps<HTMLAttributes<HTMLButtonElement>>) => _emotion_react_jsx_runtime.JSX.Element;
 /**
  * @description An opinionated link component styled the same of the ObjectSearchResultItemButton component,
  * that automatically sets the target and rel attributes. Best used within the ObjectSearchResultItem component
  * @example <LinkButton text="link text" icon="/my-image.png" />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const LinkButton: ({ text, icon, ...props }: ObjectSearchResultItemButtonProps<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "rel">>) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1140,6 +1171,7 @@ type ObjectSearchResultListProps<TRenderComponent extends SelectedItemProps = Se
  * The result item component defaults to <ObjectSearchResultItem {...props} />, however this can be overridden with any other UI component and still
  * maintain drag and drop functionality
  * @example <ObjectSearchResultList id="my-id" title="title" renderResultComponent={(values) => <CustomComponent {...values} />} />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare function ObjectSearchResultList<TRenderComponent extends SelectedItemProps = SelectedItemProps>({ resultLabelText, removeButtonText, onRemoveAllSelected, hideRemoveButton, resultLabelOverride, additionalButtons, renderResultComponent, multiSelectId, disableDnD, getContainerForDnDReparenting, whenNothingSelected, }: ObjectSearchResultListProps<TRenderComponent>): _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1209,6 +1241,7 @@ type QueryFilterProps<TSelectOptions extends QueryFilterSelectionOptionProps = Q
 /**
  * @description An opinionated multi query filter UI component, best used for querying product data or more complex scenarios
  * @example <QueryFilter contentTypeOptions={[{ id: 'id', name: 'name' }]} sortOptions={[{ id: 'id', name: 'name' }]} sortOrderOptions={[{ id: 'id', name: 'name' }]} />
+ * @deprecated this component is not recommended for use in new projects
  */
 declare const QueryFilter: ({ requireContentType, queryFilterTitle, contentTypeLabel, typeSelectorAllTypesOptionText, contentTypeOptions, searchInputName, searchInputPlaceholderText, searchInputLabel, countLabel, sortLabel, sortOptions, sortOrderLabel, sortOrderOptions, children, }: QueryFilterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -1681,6 +1714,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 +1760,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();
  */
@@ -1778,7 +1813,7 @@ type SearchAndFilterProps = Omit<SearchAndFilterProviderProps, 'children'> & {
     /** sets the reset filter values */
     resetFilterValues?: Filter[];
     /** The filter mapper function */
-    filterMapper?: Record<FilterEditor, React$1.ComponentType<any> | null>;
+    filterMapper?: FilterMapper;
     /** Component to render inside filters container right below main Filters widget
      *  that should contain additional controls like filters
      *  which do not fit main structure or sorting */
@@ -1788,7 +1823,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

@@ -1808,7 +1808,7 @@ var menuBtn2 = css4`
   transform: translateY(-50%);
 `;
 var input = css4`
-  --input-padding: 12px var(--spacing-base) 12px var(--spacing-sm);
+  --input-padding: 12px var(--spacing-lg) 12px var(--spacing-sm);
   appearance: none;
   background-color: var(--white);
   border: 1px solid var(--gray-300);
@@ -2483,7 +2483,7 @@ function InputVariables(props) {
             gap: "xs",
             css: css7`
           position: relative;
-          & > div:first-child {
+          & > div:first-of-type {
             flex-grow: 1;
           }
         `,
@@ -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: [
@@ -5167,18 +5185,6 @@ var DATE_TIME_OPERATORS = [
     value: "sys-date-gte",
     editorType: "date",
     expectedValueType: "single"
-  },
-  {
-    label: "is empty",
-    value: "ndef",
-    editorType: "empty",
-    expectedValueType: "false"
-  },
-  {
-    label: "is not empty",
-    value: "def",
-    editorType: "empty",
-    expectedValueType: "true"
   }
 ];
 var RICHTEXT_OPERATORS = [
@@ -6214,8 +6220,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 +6238,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
@@ -6322,6 +6324,7 @@ function withInputVariables(WrappedComponent, noSwapping = false) {
     return /* @__PURE__ */ jsx72(
       InputVariables,
       {
+        "data-testid": "filter-value",
         disableInlineMenu: true,
         showMenuPosition: "inline-right",
         onChange: (newValue) => props.onChange(newValue != null ? newValue : ""),
@@ -6342,6 +6345,7 @@ function withInputVariablesForMultiValue(WrappedComponent) {
     return /* @__PURE__ */ jsx72(
       InputVariables,
       {
+        "data-testid": "filter-value",
         disableInlineMenu: true,
         showMenuPosition: "inline-right",
         onChange: (newValue) => props.onChange(newValue ? [newValue] : []),
@@ -6394,6 +6398,7 @@ var SearchAndFilterProvider = ({
   onSearchChange,
   onChange,
   resetFilterValues = [{ field: "", operator: "", value: "" }],
+  onResetFilterValues,
   totalResults,
   filterMapper: filterMapper2 = filterMapper,
   children,
@@ -6422,9 +6427,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 +7059,8 @@ var SearchAndFilter = ({
   onSearchChange,
   totalResults,
   allowBindingSearchTerm = false,
-  resetFilterValues = []
+  resetFilterValues = [],
+  onResetFilterValues
 }) => {
   return /* @__PURE__ */ jsx79(
     SearchAndFilterProvider,
@@ -7066,6 +7075,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

@@ -1948,7 +1948,7 @@ var menuBtn2 = import_react18.css`
   transform: translateY(-50%);
 `;
 var input = import_react18.css`
-  --input-padding: 12px var(--spacing-base) 12px var(--spacing-sm);
+  --input-padding: 12px var(--spacing-lg) 12px var(--spacing-sm);
   appearance: none;
   background-color: var(--white);
   border: 1px solid var(--gray-300);
@@ -2611,7 +2611,7 @@ function InputVariables(props) {
             gap: "xs",
             css: import_react27.css`
           position: relative;
-          & > div:first-child {
+          & > div:first-of-type {
             flex-grow: 1;
           }
         `,
@@ -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: [
@@ -5258,18 +5276,6 @@ var DATE_TIME_OPERATORS = [
     value: "sys-date-gte",
     editorType: "date",
     expectedValueType: "single"
-  },
-  {
-    label: "is empty",
-    value: "ndef",
-    editorType: "empty",
-    expectedValueType: "false"
-  },
-  {
-    label: "is not empty",
-    value: "def",
-    editorType: "empty",
-    expectedValueType: "true"
   }
 ];
 var RICHTEXT_OPERATORS = [
@@ -6287,8 +6293,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 +6311,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
@@ -6387,6 +6389,7 @@ function withInputVariables(WrappedComponent, noSwapping = false) {
     return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       InputVariables,
       {
+        "data-testid": "filter-value",
         disableInlineMenu: true,
         showMenuPosition: "inline-right",
         onChange: (newValue) => props.onChange(newValue != null ? newValue : ""),
@@ -6407,6 +6410,7 @@ function withInputVariablesForMultiValue(WrappedComponent) {
     return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       InputVariables,
       {
+        "data-testid": "filter-value",
         disableInlineMenu: true,
         showMenuPosition: "inline-right",
         onChange: (newValue) => props.onChange(newValue ? [newValue] : []),
@@ -6459,6 +6463,7 @@ var SearchAndFilterProvider = ({
   onSearchChange,
   onChange,
   resetFilterValues = [{ field: "", operator: "", value: "" }],
+  onResetFilterValues,
   totalResults,
   filterMapper: filterMapper2 = filterMapper,
   children,
@@ -6487,9 +6492,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 +7124,8 @@ var SearchAndFilter = ({
   onSearchChange,
   totalResults,
   allowBindingSearchTerm = false,
-  resetFilterValues = []
+  resetFilterValues = [],
+  onResetFilterValues
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     SearchAndFilterProvider,
@@ -7131,6 +7140,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

@@ -1808,7 +1808,7 @@ var menuBtn2 = css4`
   transform: translateY(-50%);
 `;
 var input = css4`
-  --input-padding: 12px var(--spacing-base) 12px var(--spacing-sm);
+  --input-padding: 12px var(--spacing-lg) 12px var(--spacing-sm);
   appearance: none;
   background-color: var(--white);
   border: 1px solid var(--gray-300);
@@ -2483,7 +2483,7 @@ function InputVariables(props) {
             gap: "xs",
             css: css7`
           position: relative;
-          & > div:first-child {
+          & > div:first-of-type {
             flex-grow: 1;
           }
         `,
@@ -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: [
@@ -5167,18 +5185,6 @@ var DATE_TIME_OPERATORS = [
     value: "sys-date-gte",
     editorType: "date",
     expectedValueType: "single"
-  },
-  {
-    label: "is empty",
-    value: "ndef",
-    editorType: "empty",
-    expectedValueType: "false"
-  },
-  {
-    label: "is not empty",
-    value: "def",
-    editorType: "empty",
-    expectedValueType: "true"
   }
 ];
 var RICHTEXT_OPERATORS = [
@@ -6214,8 +6220,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 +6238,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
@@ -6322,6 +6324,7 @@ function withInputVariables(WrappedComponent, noSwapping = false) {
     return /* @__PURE__ */ jsx72(
       InputVariables,
       {
+        "data-testid": "filter-value",
         disableInlineMenu: true,
         showMenuPosition: "inline-right",
         onChange: (newValue) => props.onChange(newValue != null ? newValue : ""),
@@ -6342,6 +6345,7 @@ function withInputVariablesForMultiValue(WrappedComponent) {
     return /* @__PURE__ */ jsx72(
       InputVariables,
       {
+        "data-testid": "filter-value",
         disableInlineMenu: true,
         showMenuPosition: "inline-right",
         onChange: (newValue) => props.onChange(newValue ? [newValue] : []),
@@ -6394,6 +6398,7 @@ var SearchAndFilterProvider = ({
   onSearchChange,
   onChange,
   resetFilterValues = [{ field: "", operator: "", value: "" }],
+  onResetFilterValues,
   totalResults,
   filterMapper: filterMapper2 = filterMapper,
   children,
@@ -6422,9 +6427,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 +7059,8 @@ var SearchAndFilter = ({
   onSearchChange,
   totalResults,
   allowBindingSearchTerm = false,
-  resetFilterValues = []
+  resetFilterValues = [],
+  onResetFilterValues
 }) => {
   return /* @__PURE__ */ jsx79(
     SearchAndFilterProvider,
@@ -7066,6 +7075,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.7.1-alpha.4+20185a97ff",
+  "version": "20.7.1-alpha.45+082e9e310e",
   "description": "Uniform Mesh Framework SDK for React",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -41,7 +41,7 @@
     "test": "jest --maxWorkers=1 --passWithNoTests",
     "lint": "eslint \"src/**/*.{js,ts,tsx}\"",
     "format": "prettier --write \"src/**/*.{js,ts,tsx}\"",
-    "document": "api-extractor run --local"
+    "document:prebuild": "api-extractor run --local"
   },
   "dependencies": {
     "@hookform/resolvers": "^3.3.1",
@@ -49,11 +49,11 @@
     "@lexical/react": "0.25.0",
     "@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.7.1-alpha.4+20185a97ff",
-    "@uniformdev/design-system": "20.7.1-alpha.4+20185a97ff",
-    "@uniformdev/mesh-sdk": "20.7.1-alpha.4+20185a97ff",
-    "@uniformdev/richtext": "20.7.1-alpha.4+20185a97ff",
+    "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.5.0/react-icons-all-files-5.5.0.tgz",
+    "@uniformdev/canvas": "20.7.1-alpha.45+082e9e310e",
+    "@uniformdev/design-system": "20.7.1-alpha.45+082e9e310e",
+    "@uniformdev/mesh-sdk": "20.7.1-alpha.45+082e9e310e",
+    "@uniformdev/richtext": "20.7.1-alpha.45+082e9e310e",
     "dequal": "^2.0.3",
     "lexical": "0.25.0",
     "mitt": "3.0.1",
@@ -86,5 +86,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "20185a97ff6c2de2f871223af12d73583fe300af"
+  "gitHead": "082e9e310e3f0a32074da8bc21a928e665041246"
 }