@griddo/ax 1.69.8 → 1.72.0

package/src/components/TableFilters/DateFilter/index.tsx

@@ -4,7 +4,7 @@ import { Icon, FloatingMenu, ListTitle, ListItem } from "@ax/components";
 
 import * as S from "./style";
 
-const DateFilter = (props: IStatusFilterProps): JSX.Element => {
+const DateFilter = (props: IDateFilterProps): JSX.Element => {
   const { sortItems, sortedState } = props;
   const { isAscending, sortedByDate } = sortedState;
   const sortByModifiedDate = (isAscending: boolean) => sortItems("date", isAscending);
@@ -16,13 +16,13 @@ const DateFilter = (props: IStatusFilterProps): JSX.Element => {
     isAscending ? <Icon name="FullArrowUp" size="16" /> : <Icon name="FullArrowDown" size="16" />;
 
   const Header = () => (
-    <S.Date isActive={sortedByDate}>
+    <S.Date isActive={sortedByDate} data-testid="date-filter">
       Date
       <S.IconsWrapper>
         {sortedByDate ? (
           <SortedStateArrow />
         ) : (
-          <S.InteractiveArrow>
+          <S.InteractiveArrow data-testid="date-filter-interactive-arrow">
             <Icon name="DownArrow" size="16" />
           </S.InteractiveArrow>
         )}
@@ -43,7 +43,7 @@ const DateFilter = (props: IStatusFilterProps): JSX.Element => {
   );
 };
 
-interface IStatusFilterProps {
+export interface IDateFilterProps {
   sortedState: any;
   sortItems(orderPointer: string, isAscendent: boolean): any;
 }

package/src/components/TableFilters/LiveFilter/index.tsx

@@ -104,7 +104,7 @@ const LiveFilter = (props: ILiveFilterProps): JSX.Element => {
   );
 };
 
-interface ILiveFilterProps {
+export interface ILiveFilterProps {
   filterItems(pointer: string, filter: string): void;
   value: string;
   isStructuredData?: boolean;

package/src/components/TableFilters/LiveFilter/style.tsx

@@ -19,15 +19,6 @@ const IconsWrapper = styled.div`
   }
 `;
 
-const InteractiveArrow = styled.div`
-  display: flex;
-  svg {
-    path {
-      fill: ${(p) => p.theme.color.interactive01};
-    }
-  }
-`;
-
 const ChecksWrapper = styled.div`
   padding: ${(p) => p.theme.spacing.xs} ${(p) => p.theme.spacing.s} 0;
 `;
@@ -35,4 +26,5 @@ const ChecksWrapper = styled.div`
 const MenuWrapper = styled.div`
   position: relative;
 `;
-export { LiveOptions, IconsWrapper, InteractiveArrow, ChecksWrapper, MenuWrapper };
+
+export { LiveOptions, IconsWrapper, ChecksWrapper, MenuWrapper };

package/src/components/TableFilters/NameFilter/index.tsx

@@ -20,13 +20,13 @@ const NameFilter = (props: INameFilterProps): JSX.Element => {
   const title = urlSorting ? "Name & URL" : "Name";
 
   const Header = () => (
-    <S.NameHeader isActive={isActive}>
+    <S.NameHeader isActive={isActive} data-testid="name-filter-header">
       {title}
       <S.IconsWrapper>
         {isActive ? (
           <SortedStateArrow />
         ) : (
-          <S.InteractiveArrow>
+          <S.InteractiveArrow data-testid="name-filter-interactive-arrow">
             <Icon name="DownArrow" size="16" />
           </S.InteractiveArrow>
         )}
@@ -46,7 +46,7 @@ const NameFilter = (props: INameFilterProps): JSX.Element => {
       {urlSorting && (
         <>
           <ListTitle>URL Sorting</ListTitle>
-          <ListItem isSelected={sortedByURL} onClick={sortAscendingURL}>
+          <ListItem isSelected={sortedByURL} onClick={sortAscendingURL} >
             Ascendent
           </ListItem>
         </>
@@ -55,7 +55,7 @@ const NameFilter = (props: INameFilterProps): JSX.Element => {
   );
 };
 
-interface INameFilterProps {
+export interface INameFilterProps {
   sortedState: any;
   sortItems(orderPointer: string, isAscendent: boolean): void;
   urlSorting?: boolean;

package/src/components/TableFilters/SiteFilter/index.tsx

@@ -48,18 +48,21 @@ const SiteFilter = (props: ISiteFilterProps): JSX.Element => {
   };
 
   useEffect(() => {
-    getSelectSites().then((items) => {
-      items &&
-        items.forEach((item: { value: string; label: string }) => {
-          const newFilter = {
-            name: item.value,
-            value: item.value,
-            title: item.label,
-          };
-          filters.push(newFilter);
-        });
-      setOptions(filters);
-    });
+    getSelectSites()
+      .then((items) => {
+        items &&
+          items.forEach((item: { value: string; label: string }) => {
+            const newFilter = {
+              name: item.value,
+              value: item.value,
+              title: item.label,
+            };
+            filters.push(newFilter);
+          });
+
+        setOptions(filters);
+      })
+      .catch((apiError) => console.log(apiError));
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
@@ -93,7 +96,7 @@ const SiteFilter = (props: ISiteFilterProps): JSX.Element => {
   );
 };
 
-interface ISiteFilterProps {
+export interface ISiteFilterProps {
   filterItems(pointer: string, filter: string): void;
   value: any;
   pointer: string;

package/src/components/TableFilters/SiteFilter/style.tsx

@@ -19,19 +19,10 @@ const IconsWrapper = styled.div`
   }
 `;
 
-const InteractiveArrow = styled.div`
-  display: flex;
-  svg {
-    path {
-      fill: ${(p) => p.theme.color.interactive01};
-    }
-  }
-`;
-
 const ChecksWrapper = styled.div`
   padding: ${(p) => p.theme.spacing.xs} ${(p) => p.theme.spacing.s};
   height: calc(${(p) => p.theme.spacing.xl} * 3.5);
   overflow-y: scroll;
 `;
 
-export { Site, IconsWrapper, InteractiveArrow, ChecksWrapper };
+export { Site, IconsWrapper, ChecksWrapper };

package/src/components/TableFilters/StatusFilter/index.tsx

@@ -17,13 +17,13 @@ const StatusFilter = (props: IStatusFilterProps) => {
     isAscending ? <Icon name="FullArrowUp" size="16" /> : <Icon name="FullArrowDown" size="16" />;
 
   const Header = () => (
-    <S.Status isActive={sortedByDate}>
+    <S.Status isActive={sortedByDate} data-testid="status-filter-header">
       Status
       <S.IconsWrapper>
         {sortedByDate ? (
           <SortedStateArrow />
         ) : (
-          <S.InteractiveArrow>
+          <S.InteractiveArrow data-testid="status-filter-interactive-arrow">
             <Icon name="DownArrow" size="16" />
           </S.InteractiveArrow>
         )}
@@ -44,7 +44,7 @@ const StatusFilter = (props: IStatusFilterProps) => {
   );
 };
 
-interface IStatusFilterProps {
+export interface IStatusFilterProps {
   sortedState: any;
   sortItems(orderPointer: string, isAscendent: boolean): any;
   isStructuredData?: boolean;

package/src/components/TableFilters/TranslationsFilter/index.tsx

@@ -28,9 +28,6 @@ const TranslationsFilter = (props: ITranslationsFilterProps): JSX.Element => {
   const [selectedValue, setSelectedValue] = useState([...initialState]);
 
   const setQuery = (selection: any) => {
-    if (!selection.length) {
-      selection = [selectAllOption];
-    }
     setSelectedValue(selection);
     const queryFilters = selection.join("&");
     const pointer = "translated";
@@ -40,9 +37,9 @@ const TranslationsFilter = (props: ITranslationsFilterProps): JSX.Element => {
   const isActive = !areEquals(selectedValue, selectAllOption);
 
   const Header = () => (
-    <S.Translations isActive={isActive}>
+    <S.Translations isActive={isActive} data-testid="translation-filter-header">
       Trans.
-      <S.IconsWrapper>
+      <S.IconsWrapper data-testid="translation-filter-icons-wrapper">
         {isActive ? <Icon name="Filter" size="16" /> : <Icon name="DownArrow" size="16" />}
       </S.IconsWrapper>
     </S.Translations>
@@ -51,14 +48,14 @@ const TranslationsFilter = (props: ITranslationsFilterProps): JSX.Element => {
   return (
     <FloatingMenu Button={Header} position="left" closeOnSelect={true} isCheckGroup={true}>
       <ListTitle>Filter by translations</ListTitle>
-      <S.ChecksWrapper>
+      <S.ChecksWrapper data-testid="translation-filter-checks-wrapper">
         <CheckGroup options={filters} value={selectedValue} onChange={setQuery} multipleSelection={false} />
       </S.ChecksWrapper>
     </FloatingMenu>
   );
 };
 
-interface ITranslationsFilterProps {
+export interface ITranslationsFilterProps {
   filterItems(pointer: string, filter: string): void;
   value: string;
 }

package/src/components/TableFilters/TranslationsFilter/style.tsx

@@ -19,17 +19,8 @@ const IconsWrapper = styled.div`
   }
 `;
 
-const InteractiveArrow = styled.div`
-  display: flex;
-  svg {
-    path {
-      fill: ${(p) => p.theme.color.interactive01};
-    }
-  }
-`;
-
 const ChecksWrapper = styled.div`
   padding: ${(p) => p.theme.spacing.xs} ${(p) => p.theme.spacing.s};
 `;
 
-export { Translations, IconsWrapper, InteractiveArrow, ChecksWrapper };
+export { Translations, IconsWrapper, ChecksWrapper };

package/src/components/TableFilters/TypeFilter/index.tsx

@@ -37,7 +37,7 @@ const TypeFilter = (props: ITypeFilterProps): JSX.Element => {
 
   return (
     <FloatingMenu Button={Header} position="left" closeOnSelect={true} isCheckGroup={true}>
-      <ListTitle>Filter by type</ListTitle>
+      <ListTitle data-testid="type-filter-title">Filter by type</ListTitle>
       <S.ChecksWrapper>
         <CheckGroup
           options={filters}
@@ -57,7 +57,7 @@ interface IFilter {
   title: string;
 }
 
-interface ITypeFilterProps {
+export interface ITypeFilterProps {
   filterItems(pointer: string, filter: string): void;
   filters: IFilter[];
   pointer: string;

package/src/components/TableFilters/TypeFilter/style.tsx

@@ -19,17 +19,8 @@ const IconsWrapper = styled.div`
   }
 `;
 
-const InteractiveArrow = styled.div`
-  display: flex;
-  svg {
-    path {
-      fill: ${(p) => p.theme.color.interactive01};
-    }
-  }
-`;
-
 const ChecksWrapper = styled.div`
   padding: ${(p) => p.theme.spacing.xs} ${(p) => p.theme.spacing.s};
 `;
 
-export { Types, IconsWrapper, InteractiveArrow, ChecksWrapper };
+export { Types, IconsWrapper, ChecksWrapper };

package/src/components/TableList/index.tsx

@@ -5,7 +5,7 @@ import { Loading, Pagination } from "@ax/components";
 
 import * as S from "./style";
 
-const TableList = (props: IPagesProps): JSX.Element => {
+const TableList = (props: ITableListProps): JSX.Element => {
   const { tableHeader, children, pagination, isLoading, onScroll, hasFixedHeader, tableRef } = props;
 
   const { totalItems, setPage, itemsPerPage, currPage } = pagination;
@@ -13,11 +13,11 @@ const TableList = (props: IPagesProps): JSX.Element => {
   const showPagination = totalItems > itemsPerPage;
 
   return (
-    <S.TableList onScroll={onScroll} ref={tableRef}>
-      <S.Table hasFixedHeader={hasFixedHeader}>
+    <S.TableList onScroll={onScroll} ref={tableRef} data-testid="table-list">
+      <S.Table>
         <>
-          <S.TableHeader hasFixedHeader={hasFixedHeader}>{tableHeader}</S.TableHeader>
-          {isLoading ? <Loading /> : <S.TableBody>{children}</S.TableBody>}
+          <S.TableHeader hasFixedHeader={hasFixedHeader} data-testid="table-list-header">{tableHeader}</S.TableHeader>
+          {isLoading ? <Loading /> : <S.TableBody data-testid="table-body">{children}</S.TableBody>}
         </>
       </S.Table>
       <S.PaginationWrapper>
@@ -33,7 +33,7 @@ const mapStateToProps = (state: IRootState) => ({
   isLoading: state.app.isLoading,
 });
 
-interface IPagesProps {
+export interface ITableListProps {
   tableHeader: JSX.Element | JSX.Element[];
   children: JSX.Element | JSX.Element[];
   pagination: {

package/src/components/TableList/style.tsx

@@ -6,7 +6,7 @@ const TableList = styled.div`
   overflow: auto;
 `;
 
-const Table = styled.div<{hasFixedHeader?: boolean}>`
+const Table = styled.div`
   width: 100%;
   min-height: calc(100% - ${(p) => p.theme.spacing.l} - ${(p) => p.theme.spacing.m});
   padding-bottom: ${(p) => p.theme.spacing.m};

package/src/components/Tabs/index.tsx

@@ -12,11 +12,17 @@ const Tabs = (props: ITabsProps): JSX.Element => {
 
   if (tabs) {
     return (
-      <S.TabsRow isInAppBar={isInAppBar} noMargins={noMargins}>
+      <S.TabsRow isInAppBar={isInAppBar} noMargins={noMargins} data-testid="tabs-row">
         {tabs.map((tab: any) => {
           const handleClick = () => setSelectedTab(tab);
           return (
-            <S.TabItem isInAppBar={isInAppBar} key={tab} active={tab === active} onClick={handleClick}>
+            <S.TabItem
+              isInAppBar={isInAppBar}
+              key={tab}
+              active={tab === active}
+              onClick={handleClick}
+              data-testid="tab"
+            >
               {tab}
             </S.TabItem>
           );
@@ -27,11 +33,17 @@ const Tabs = (props: ITabsProps): JSX.Element => {
 
   if (icons) {
     return (
-      <S.TabsRow icons={true} isInAppBar={isInAppBar}>
+      <S.TabsRow icons={true} isInAppBar={isInAppBar} data-testid="icons-tabs-row">
         {icons.map((tab: ITabIcon) => {
           const handleClick = () => setSelectedTab(tab.name);
           return (
-            <S.TabItem key={tab.name} active={tab.name === active} onClick={handleClick} inversed={inversed}>
+            <S.TabItem
+              key={tab.name}
+              active={tab.name === active}
+              onClick={handleClick}
+              inversed={inversed}
+              data-testid="icon-tab"
+            >
               <S.TabIcon>
                 <Tooltip content={tab.text} bottom>
                   <Icon name={tab.name} />
@@ -44,10 +56,10 @@ const Tabs = (props: ITabsProps): JSX.Element => {
     );
   }
 
-  return <S.TabsRow />;
+  return <S.TabsRow data-testid="empty-tabs-row"/>;
 };
 
-interface ITabsProps {
+export interface ITabsProps {
   tabs?: any[];
   icons?: ITabIcon[];
   isInAppBar?: boolean;
@@ -57,7 +69,7 @@ interface ITabsProps {
   inversed?: boolean;
 }
 
-interface ITabIcon {
+export interface ITabIcon {
   name: string;
   text: string;
 }

package/src/components/Tag/index.tsx

@@ -13,7 +13,7 @@ const Tag = (props: ITagProps): JSX.Element => {
   };
 
   const deleteIcon = onDeleteAction ? (
-    <S.IconWrapper onClick={handleClick} data-testid="tagComponent">
+    <S.IconWrapper onClick={handleClick} data-testid="delete-icon-wrapper">
       <Icon name="close" size="16" />
     </S.IconWrapper>
   ) : null;
@@ -21,18 +21,18 @@ const Tag = (props: ITagProps): JSX.Element => {
   switch (type) {
     case "status":
       return (
-        <S.TagStatus>
+        <S.TagStatus data-testid="tag-status">
           <S.Bullet color={color} />
           {text}
         </S.TagStatus>
       );
     case "square":
-      return <S.TagSquare color={color}>{text}</S.TagSquare>;
+      return <S.TagSquare color={color} data-testid="tag-square">{text}</S.TagSquare>;
     default:
       return (
-        <S.TagFixed color={color}>
+        <S.TagFixed color={color} data-testid="tag-fixed">
           <S.TagText>
-            <S.Title>{text}</S.Title>
+            <S.Title data-testid="tag-fixed-title">{text}</S.Title>
             {deleteIcon}
           </S.TagText>
         </S.TagFixed>
@@ -40,7 +40,7 @@ const Tag = (props: ITagProps): JSX.Element => {
   }
 };
 
-interface ITagProps {
+export interface ITagProps {
   type?: "status" | "fixed" | "interactive" | "square" | undefined;
   text: string;
   color?: string;

package/src/components/Toast/index.tsx

@@ -5,7 +5,7 @@ import { Button, IconAction } from "@ax/components";
 
 import * as S from "./style";
 
-const Toast = (props: IProps) => {
+const Toast = (props: IToastProps) => {
   const { action, message, setIsVisible } = props;
   const toast = useRef<any>(null);
 
@@ -24,8 +24,8 @@ const Toast = (props: IProps) => {
   }, []);
 
   return createPortal(
-    <S.Wrapper ref={toast}>
-      <S.Text data-testid="toastMessage">{message}</S.Text>
+    <S.Wrapper ref={toast} data-testid="toast-wrapper">
+      <S.Text data-testid="toast-message">{message}</S.Text>
       <S.Buttons>
         {action &&
           <Button type="button" buttonStyle="lineInverse" onClick={action}>
@@ -39,7 +39,7 @@ const Toast = (props: IProps) => {
   );
 };
 
-interface IProps {
+export interface IToastProps {
   action?: () => void;
   message: string;
   setIsVisible: (visibility: boolean) => void;

package/src/components/Tooltip/index.tsx

@@ -3,7 +3,7 @@ import { useHandleClickOutside } from "@ax/hooks";
 
 import * as S from "./style";
 
-const Tooltip = (props: IProps): JSX.Element => {
+const Tooltip = (props: ITooltipProps): JSX.Element => {
   const { content, children, hideOnClick = true, bottom, left } = props;
 
   const initialState: IState = {
@@ -64,6 +64,7 @@ const Tooltip = (props: IProps): JSX.Element => {
   useEffect(() => {
     if (active && tipRef.current) {
       const clientRect = tipRef.current.getBoundingClientRect();
+
       const { left, right } = clientRect;
       const windowSize = window.innerWidth;
       if (left < 0) {
@@ -78,9 +79,10 @@ const Tooltip = (props: IProps): JSX.Element => {
   if (!content) return children;
 
   return (
-    <S.Tooltip data-testid="tooltipComponent" onMouseEnter={showTip} onMouseLeave={hideTip} onMouseDown={handleClick}>
+    <S.Tooltip data-testid="tooltip-component" onMouseEnter={showTip} onMouseLeave={hideTip} onMouseDown={handleClick}>
       <div ref={childrenRef}>{children}</div>
       <S.Tip
+        data-testid="tip-component"
         active={active}
         childrenWidth={childrenWidth}
         bottom={bottom}
@@ -101,7 +103,7 @@ interface IState {
   fixOutOfBounds: number;
 }
 
-interface IProps {
+export interface ITooltipProps {
   content: string | boolean | undefined;
   children: any;
   hideOnClick?: boolean;

package/src/components/index.tsx

@@ -23,6 +23,7 @@ import {
   Select,
   TextArea,
   TextField,
+  TimeField,
   ToggleField,
   UniqueCheck,
   UrlField,
@@ -117,6 +118,7 @@ export {
   Select,
   TextArea,
   TextField,
+  TimeField,
   ToggleField,
   UniqueCheck,
   UrlField,

package/src/containers/Navigation/Defaults/actions.tsx

@@ -24,7 +24,7 @@ import {
 
 import { appActions } from "@ax/containers/App";
 
-import { getStateValues } from "./utils";
+import { getFormData, getStateValues } from "./utils";
 
 import {
   SET_EDITOR_CONTENT,
@@ -221,7 +221,7 @@ function getNavigationByType(type: string): (dispatch: Dispatch, getState: any)
   };
 }
 
-function createNavigation(): (dispatch: Dispatch, getState: any) => Promise<boolean> {
+function createNavigation(image: File | null): (dispatch: Dispatch, getState: any) => Promise<boolean> {
   return async (dispatch, getState) => {
     try {
       const {
@@ -237,6 +237,8 @@ function createNavigation(): (dispatch: Dispatch, getState: any) => Promise<bool
       const navigationValues = { ...editorContent, site: currentSiteInfo.id, language: lang.id };
       const cleanValues = removeEditorIds(navigationValues);
 
+      const form = getFormData(cleanValues, image);
+
       const successAction = async (response: any) => {
         const updatedContent = { ...editorContent, ...response };
         generateContent(updatedContent, dispatch, getState);
@@ -248,7 +250,7 @@ function createNavigation(): (dispatch: Dispatch, getState: any) => Promise<bool
         handleError: (response: any) => appActions.handleError(response)(dispatch),
       };
 
-      const callback = async () => navigation.createNavigation(cleanValues);
+      const callback = async () => navigation.createNavigation(form);
 
       return await handleRequest(callback, responseActions, [appActions.setIsSaving])(dispatch);
     } catch (e) {
@@ -261,7 +263,8 @@ function createNavigation(): (dispatch: Dispatch, getState: any) => Promise<bool
 function updateNavigation(
   navID: number,
   data: any,
-  fromEditor?: boolean
+  fromEditor?: boolean,
+  image?: File | null
 ): (dispatch: Dispatch, getState: any) => Promise<boolean> {
   return async (dispatch, getState) => {
     try {
@@ -272,6 +275,8 @@ function updateNavigation(
 
       const cleanValues = removeEditorIds(data);
 
+      const form = getFormData(cleanValues, image);
+
       const successAction = async (response: any) => {
         if (fromEditor) {
           generateContent(response, dispatch, getState);
@@ -284,7 +289,7 @@ function updateNavigation(
         handleError: (response: any) => appActions.handleError(response)(dispatch),
       };
 
-      const callback = async () => navigation.updateNavigation(navID, cleanValues);
+      const callback = async () => navigation.updateNavigation(navID, form);
 
       return await handleRequest(callback, responseActions, [appActions.setIsSaving])(dispatch);
     } catch (e) {

package/src/containers/Navigation/Defaults/utils.tsx

@@ -1,4 +1,4 @@
-export const getStateValues = (getState: any) => {
+const getStateValues = (getState: any) => {
   const {
     sites: { currentSiteInfo },
     navigation: {
@@ -10,9 +10,9 @@ export const getStateValues = (getState: any) => {
       footer,
       isNewTranslation,
       currentDefaultsContent,
-      selectedContent
+      selectedContent,
     },
-    app: { isSaving, isLoading }
+    app: { isSaving, isLoading },
   } = getState();
   const section = editorContent && editorContent[0];
   const { modules } = !!section && section;
@@ -31,6 +31,15 @@ export const getStateValues = (getState: any) => {
     isLoading,
     section,
     modules,
-    selectedContent
+    selectedContent,
   };
 };
+
+const getFormData = (values: any, image?: File | null): FormData => {
+  const form = new FormData();
+  form.append("navigation", JSON.stringify(values));
+  image && form.append("file", image);
+  return form;
+};
+
+export { getStateValues, getFormData };

package/src/containers/Sites/actions.tsx

@@ -10,6 +10,7 @@ import {
   SET_SAVED_SITE_INFO,
   DEFAULT_PARAMS,
   SET_CURRENT_SITE_ERROR_PAGES,
+  SET_CONTENT_FILTERS,
 } from "./constants";
 import {
   ISetSitesAction,
@@ -21,6 +22,7 @@ import {
   ISetCurrentSiteLanguagesAction,
   ISetSavedSiteInfoAction,
   ISetCurrentSiteErrorPages,
+  ISetContentFilters,
 } from "./interfaces";
 
 import { ISite, IGetSitePagesParams, ISettingsForm, IGetGlobalPagesParams, IPage } from "@ax/types";
@@ -77,6 +79,10 @@ function setCurrentSiteErrorPages(currentSiteErrorPages: number[]): ISetCurrentS
   return { type: SET_CURRENT_SITE_ERROR_PAGES, payload: { currentSiteErrorPages } };
 }
 
+function setContentFilters(contentFilters: Record<string, string> | null): ISetContentFilters {
+  return { type: SET_CONTENT_FILTERS, payload: { contentFilters } };
+}
+
 // TODO: hay que controlar que cuando da error la API borrar los sites ya guardados y sacar el error (ver los siguientes FIXME)
 function getSites(): (dispatch: Dispatch) => Promise<void> {
   return async (dispatch) => {
@@ -507,4 +513,5 @@ export {
   removeUsersBulk,
   setCurrentSiteErrorPages,
   resetCurrentSiteErrorPages,
+  setContentFilters,
 };

package/src/containers/Sites/constants.tsx

@@ -10,6 +10,7 @@ export const SET_CURRENT_SITE_LANGUAGES: string | null = `${NAME}/SET_CURRENT_SI
 export const SET_INITIAL_VALUES = `${NAME}/SET_INITIAL_VALUES`;
 export const SET_SAVED_SITE_INFO = `${NAME}/SET_SAVED_SITE_INFO`;
 export const SET_CURRENT_SITE_ERROR_PAGES = `${NAME}/SET_CURRENT_SITE_ERROR_PAGES`;
+export const SET_CONTENT_FILTERS = `${NAME}/SET_CONTENT_FILTERS`;
 
 export const ITEMS_PER_PAGE = 50;