@griddo/ax 10.6.0 → 10.6.1

package/src/modules/Content/index.tsx

@@ -21,6 +21,7 @@ import {
   ISiteRoles,
   IPageLanguage,
   IQueryValue,
+  IStructuredData,
 } from "@ax/types";
 import {
   MainWrapper,
@@ -70,6 +71,7 @@ const Content = (props: IProps): JSX.Element => {
     filter,
     template,
     currentSitePages,
+    allSitePages,
     totalItems,
     lang,
     siteLanguages,
@@ -79,6 +81,7 @@ const Content = (props: IProps): JSX.Element => {
     setCurrentPageName,
     addTemplate,
     getSitePages,
+    getAllSitePages,
     updatePageStatus,
     deletePage,
     setLanguage,
@@ -160,7 +163,7 @@ const Content = (props: IProps): JSX.Element => {
   const pagesIds = currentSitePages && currentSitePages.map((page: any) => page.id);
   const dataIds = currentDataContent && currentDataContent.map((data: any) => data.id);
   const contentIds = isStructuredData ? dataIds : pagesIds;
-  const currentSitePagesTemplatesIds = currentSitePages && currentSitePages.map((page: any) => page.templateId);
+  const currentSitePagesTemplatesIds = allSitePages && allSitePages.map((page: any) => page.templateId);
   const currentSitesByLang = sitesByLang?.filter((site: ISite) =>
     user?.roles.find((siteRole: ISiteRoles) => siteRole.siteId === site.id || siteRole.siteId === "all")
   );
@@ -236,7 +239,7 @@ const Content = (props: IProps): JSX.Element => {
   } = useToast();
 
   const getParams = useCallback(() => {
-    const siteID = currentSiteInfo ? currentSiteInfo.id : null;
+    const siteID = currentSiteInfo.id;
     const params = isStructuredData
       ? {
           siteID,
@@ -259,7 +262,7 @@ const Content = (props: IProps): JSX.Element => {
         };
 
     return params;
-  }, [filter, currentSiteInfo, isStructuredData, page, currentSearch, lang]);
+  }, [filter, currentSiteInfo, isStructuredData, page, currentSearch]);
 
   const getPages = async (params: any, filterQuery?: any) => {
     const isStructuredDataPage = filter !== "unique-pages";
@@ -361,6 +364,11 @@ const Content = (props: IProps): JSX.Element => {
     }
   }, [error]);
 
+  useEffect(() => {
+    const params = getParams();
+    getAllSitePages(params);
+  }, [lang]);
+
   const bulkFilter = (bulkSelection: number[]) => filterByStatus(bulkSelection, currentSitePages);
 
   const handleAddToBulk = (item: ICheck) => {
@@ -731,7 +739,7 @@ const Content = (props: IProps): JSX.Element => {
 
   const languageActions = isStructuredData ? dataLanguageActions : pageLanguageActions;
 
-  const title = currentSiteInfo ? `${currentSiteInfo.name} - Content` : `Content`;
+  const title = currentSiteInfo ? currentSiteInfo.name : `Site Content`;
 
   const options = {
     filters: getOptionFilters(structuredData, activatedDataPacks),
@@ -819,7 +827,6 @@ const Content = (props: IProps): JSX.Element => {
     "Sorry, this content cannot be edited because it comes from an external source or belongs to a preconfigured system.";
 
   const filterLabels = {
-    type: "Type",
     liveStatus: "Live",
     translated: "Translated",
     categories: "Category",
@@ -837,7 +844,15 @@ const Content = (props: IProps): JSX.Element => {
       searchValue={currentSearch}
     >
       <S.ContentListWrapper>
-        <ContentFilters current={filter} dynamicValues={structuredData} resetFilter={resetFilter} />
+        <ContentFilters
+          current={filter}
+          dynamicValues={structuredData}
+          resetFilter={resetFilter}
+          setFilter={filterItems}
+          isAllowedToCreate={isAllowedToCreatePages}
+          addNew={addNewAction}
+          typeFilters={filterValues.type}
+        />
         <S.TableWrapper>
           <ErrorToast ref={errorRef} />
           {!isDataEditable && (
@@ -926,6 +941,7 @@ const Content = (props: IProps): JSX.Element => {
 const mapStateToProps = (state: IRootState) => ({
   currentSiteInfo: state.sites.currentSiteInfo,
   currentSitePages: state.sites.currentSitePages,
+  allSitePages: state.sites.allSitePages,
   filter: state.sites.currentFilter,
   template: state.pageEditor.template,
   totalItems: state.sites.totalItems,
@@ -958,6 +974,7 @@ interface IDispatchProps {
   setCurrentPageName(currentPageName: string): ISetCurrentPageNameAction;
   addTemplate(template: string): void;
   getSitePages(params: IGetSitePagesParams, structuredData?: string | undefined, filterQuery?: string): Promise<void>;
+  getAllSitePages(params: IGetSitePagesParams): Promise<void>;
   updatePageStatus(ids: number[], status: string, updatePageStatus?: boolean): Promise<boolean>;
   deletePage(params?: ISavePageParams): Promise<boolean>;
   setHistoryPush(page: string, isEditor: boolean): Promise<void>;
@@ -994,6 +1011,7 @@ const mapDispatchToProps = {
   setHistoryPush: appActions.setHistoryPush,
   setLanguage: appActions.setLanguage,
   getSitePages: sitesActions.getSitePages,
+  getAllSitePages: sitesActions.getAllSitePages,
   setCurrentPageID: pageEditorActions.setCurrentPageID,
   setCurrentPageStatus: pageEditorActions.setCurrentPageStatus,
   setCurrentPageName: pageEditorActions.setCurrentPageName,
@@ -1033,6 +1051,7 @@ interface IPagesProps {
   isData: boolean;
   currentSiteInfo: ISite | null;
   currentSitePages: IPage[];
+  allSitePages: IPage[];
   filter: any;
   template: string;
   totalItems: number;
@@ -1041,7 +1060,7 @@ interface IPagesProps {
   pageLanguages: any[];
   errors: IErrorItem[];
   siteLanguages: any[];
-  structuredData: any;
+  structuredData: IStructuredData[];
   currentStructuredData: any;
   currentDataContent: IStructuredDataContent[];
   isFromEditor: boolean;

package/src/modules/Content/utils.tsx

@@ -1,7 +1,7 @@
 import { schemas } from "components";
 import { filterDuplicatedValues, getActivatedDataPacksIds } from "@ax/helpers";
 import { pageStatus } from "@ax/containers/PageEditor/interfaces";
-import { IDataPack, IPage, IStructuredDataContent } from "@ax/types";
+import { IDataPack, IPage, IStructuredData } from "@ax/types";
 
 const getTemplatesFilters = (activatedDataPacks: IDataPack[]) => {
   const filters: { label: string; value: string; mode: string }[] = [];
@@ -52,7 +52,7 @@ const mapStructuredOptions = (options: any[]) => {
   });
 };
 
-const getOptionValues = (options: any) => {
+const getOptionValues = (options: IStructuredData[]) => {
   const templatesOptionsValues: any = [];
   const { templates } = schemas;
 
@@ -76,12 +76,12 @@ const getOptionValues = (options: any) => {
   return [...templatesOptionsValues, ...mapStructuredOptions(options)];
 };
 
-const getOptionFilters = (options: IStructuredDataContent[], activatedDataPacks: IDataPack[]) => {
-  const pureOptions = options.filter((option: IStructuredDataContent) => !option.fromPage);
+const getOptionFilters = (options: IStructuredData[], activatedDataPacks: IDataPack[]) => {
+  const pureOptions = options.filter((option: IStructuredData) => !option.fromPage);
   const templateFilters = getTemplatesFilters(activatedDataPacks);
   const activatedDataPacksIds = getActivatedDataPacksIds(activatedDataPacks);
 
-  const mappedOptions = pureOptions.flatMap((option: IStructuredDataContent) =>
+  const mappedOptions = pureOptions.flatMap((option: IStructuredData) =>
     option.dataPacks.reduce((acc: { label: string; value: string; isData: boolean }[], current: string) => {
       if (activatedDataPacksIds.includes(current)) {
         const currentDataPack = activatedDataPacks.find(

package/src/modules/Navigation/Defaults/Nav/index.tsx

@@ -3,7 +3,7 @@ import { NavLink } from "react-router-dom";
 
 import { SubNav, MenuItem } from "@ax/components";
 
-import * as S from './style';
+import * as S from "./style";
 
 const DefaultNav = (props: IProps): JSX.Element => {
   const { current, defaultTypes, onClick } = props;
@@ -16,11 +16,9 @@ const DefaultNav = (props: IProps): JSX.Element => {
           const selectedClass = isSelected ? "selected" : "";
           const handleClick = () => onClick(type);
           return (
-            <MenuItem key={key} onClick={handleClick}>
-              <NavLink to="#" className={selectedClass}>
-                <S.Link active={isSelected}>
-                  {type}
-                </S.Link>
+            <MenuItem key={key} onClick={handleClick} className={selectedClass}>
+              <NavLink to="#">
+                <S.Link active={isSelected}>{type}</S.Link>
               </NavLink>
             </MenuItem>
           );

package/src/modules/Navigation/Menus/List/Nav/index.tsx

@@ -35,8 +35,8 @@ const Nav = (props: INav): JSX.Element => {
             const selectedClass = isSelected ? "selected" : "";
 
             return (
-              <MenuItem onClick={_handleClick} key={category.name}>
-                <NavLink to="#" className={selectedClass}>
+              <MenuItem onClick={_handleClick} key={category.name} className={selectedClass}>
+                <NavLink to="#">
                   <S.Link active={isSelected}>{category.title}</S.Link>
                 </NavLink>
               </MenuItem>

package/src/modules/Settings/ContentTypes/DataPacks/Nav/index.tsx

@@ -42,11 +42,9 @@ const Nav = (props: IProps): JSX.Element => {
       <SubNav>
         <S.Item>
           <S.Heading>Your packages</S.Heading>
-          <MenuItem onClick={resetFilter}>
-            <NavLink to="#" className={selectedClass}>
-              <S.Link active={!selected}>
-                Activated packages
-              </S.Link>
+          <MenuItem onClick={resetFilter} className={selectedClass}>
+            <NavLink to="#">
+              <S.Link active={!selected}>Activated packages</S.Link>
             </NavLink>
           </MenuItem>
         </S.Item>
@@ -64,12 +62,10 @@ const Nav = (props: IProps): JSX.Element => {
                 isDirty ? toggleModal() : selectPack(id);
               };
               return (
-                <MenuItem key={key} onClick={_handleClick}>
-                  <NavLink to="#" className={selectedClass}>
+                <MenuItem key={key} onClick={_handleClick} className={selectedClass}>
+                  <NavLink to="#">
                     <S.LinkWrapper>
-                      <S.Link active={isSelected}>
-                        {title}
-                      </S.Link>
+                      <S.Link active={isSelected}>{title}</S.Link>
                       {isFromPage && !config && <InformativeMenu {...infoMenuProps} />}
                     </S.LinkWrapper>
                   </NavLink>

package/src/modules/StructuredData/StructuredDataList/BulkHeader/TableHeader/index.tsx

@@ -6,7 +6,6 @@ import {
   CustomizeFilters,
   CategoryFilter,
   NameFilter,
-  TypeFilter,
   StatusFilter,
   SiteFilter,
   LiveFilter,
@@ -70,11 +69,7 @@ const TableHeader = (props: IProps): JSX.Element => {
           <S.NameWrapper>
             <NameFilter sortItems={sortItems} sortedState={sortedListStatus} urlSorting={true} />
           </S.NameWrapper>
-          {isAllPages && activeColumns.includes("type") && (
-            <S.HeaderWrapper>
-              <TypeFilter filterItems={filterItems} filters={typeFilters} value={filterValues.types} pointer="types" />
-            </S.HeaderWrapper>
-          )}
+          {isAllPages && activeColumns.includes("type") && <S.TypeHeader>Type</S.TypeHeader>}
           {!isAllPages && activeColumns.includes("site") && (
             <S.HeaderWrapper>
               <SiteFilter filterItems={filterItems} value={filterValues} pointer="filterSites" />

package/src/modules/StructuredData/StructuredDataList/BulkHeader/TableHeader/style.tsx

@@ -33,6 +33,11 @@ const StatusHeader = styled(Header)`
   justify-content: center;
 `;
 
+const TypeHeader = styled(Header)`
+  width: 170px;
+  justify-content: center;
+`;
+
 const TransHeader = styled(Header)`
   width: 115px;
   justify-content: center;
@@ -70,4 +75,5 @@ export {
   NameWrapper,
   HeaderWrapper,
   SeoHeader,
+  TypeHeader,
 };

package/src/modules/StructuredData/StructuredDataList/ContentFilters/index.tsx

@@ -3,60 +3,52 @@ import { connect } from "react-redux";
 import { NavLink } from "react-router-dom";
 
 import { IStructuredData } from "@ax/types";
-import { deepClone } from "@ax/helpers";
-import { MenuItem, SubNav } from "@ax/components";
+import { MenuGroup, MenuItem, SubNav } from "@ax/components";
 import { pageEditorActions } from "@ax/containers/PageEditor";
 import { structuredDataActions } from "@ax/containers/StructuredData";
 
-import { filterStructure } from "./constants";
 import { getFilters } from "./utils";
 
 import * as S from "./style";
 
 const ContentFilters = (props: IProps): JSX.Element => {
   const { setFilter, current, dynamicValues, onClick, addNew, isAllowedToCreate } = props;
-  const clonedStructure = deepClone(filterStructure);
-  const filters = getFilters(clonedStructure, dynamicValues);
 
-  return (
-    <SubNav>
-      {filters.map((category: any, key: number) => {
-        return (
-          <S.Item key={key}>
-            <S.Heading>{category.title}</S.Heading>
-            {category.filters &&
-              category.filters.map((filter: any, filterKey: number) => {
-                const { name, value, editable } = filter;
-
-                const handleClick = () => {
-                  onClick(value);
-                  setFilter(value);
-                };
+  const filters = getFilters(dynamicValues);
 
-                const isSelected = value === current;
-                const selectedClass = isSelected ? "selected" : "";
+  const handleClick = (value: string) => {
+    onClick(value);
+    setFilter(value);
+  };
 
-                const extendedAction = {
-                  icon: "add",
-                  action: addNew,
-                  onlyOnHover: false,
-                };
+  return (
+    <SubNav>
+      <S.Wrapper>
+        {filters.map((filter) => {
+          const isSelected = filter.value === current;
+          const selectedClass = isSelected ? "selected" : "";
 
-                return (
-                  <MenuItem
-                    key={filterKey}
-                    onClick={handleClick}
-                    extendedAction={isSelected && editable && isAllowedToCreate ? extendedAction : null}
-                  >
-                    <NavLink to="#" className={selectedClass}>
-                      <S.Link active={isSelected}>{name}</S.Link>
-                    </NavLink>
-                  </MenuItem>
-                );
-              })}
-          </S.Item>
-        );
-      })}
+          return (
+            <React.Fragment key={filter.value}>
+              {!filter.items ? (
+                <MenuItem className={selectedClass} onClick={() => handleClick(filter.value)}>
+                  <NavLink to="#">
+                    <S.Link active={isSelected}>{filter.label}</S.Link>
+                  </NavLink>
+                </MenuItem>
+              ) : (
+                <MenuGroup
+                  filter={filter}
+                  current={current}
+                  onClick={handleClick}
+                  addNew={addNew}
+                  isAllowedToCreate={isAllowedToCreate}
+                />
+              )}
+            </React.Fragment>
+          );
+        })}
+      </S.Wrapper>
     </SubNav>
   );
 };

package/src/modules/StructuredData/StructuredDataList/ContentFilters/style.tsx

@@ -1,43 +1,9 @@
 import styled from "styled-components";
 
-export const Heading = styled.div`
-  ${p => p.theme.textStyle.headingXXS};
-  color: ${p => p.theme.color.textLowEmphasis};
-  margin-bottom: ${p => p.theme.spacing.xs};
-  cursor: default;
+const Wrapper = styled.ul``;
 
-  &:empty {
-    display: none;
-  }
+const Link = styled.div<{ active: boolean }>`
+  color: ${(p) => (p.active ? p.theme.color.textHighEmphasis : p.theme.color.textMediumEmphasis)};
 `;
 
-export const SubItem = styled.div`
-  display: block;
-  ${p => p.theme.textStyle.uiM};
-  color: ${p => p.theme.color.textHighEmphasis};
-  clear: both;
-  width: 100%;
-
-  &:hover {
-    cursor: pointer;
-  }
-
-  > a {
-    display: flex;
-    padding: ${p => p.theme.spacing.xs};
-    border-radius: ${p => p.theme.radii.s};
-    color: inherit;
-
-    &:hover {
-      background: ${p => p.theme.color.overlayHoverPrimary};
-    }
-  }
-`;
-
-export const Item = styled.div`
-  margin-bottom: ${p => p.theme.spacing.m};
-`;
-
-export const Link = styled.div<{ active: boolean }>`
-    color: ${p => p.active ? p.theme.color.textHighEmphasis : p.theme.color.textMediumEmphasis};
-`;
+export { Wrapper, Link };

package/src/modules/StructuredData/StructuredDataList/ContentFilters/utils.tsx

@@ -1,21 +1,54 @@
-const getDynamicFilters = (values: any) =>
+import React from "react";
+import { IContentFilter, IDynamicFilter, IStructuredData } from "@ax/types";
+
+const getDynamicFilters = (values: IStructuredData[]): IDynamicFilter[] =>
   values &&
-  values.map((value: any) => ({
-    name: value.title,
+  values.map((value) => ({
+    label: value.title,
     value: value.id,
     fromPage: value.fromPage,
     editable: value.editable ? value.editable : false,
+    firstTemplate: null,
   }));
 
-const getFilters = (staticFilters: any, dynamicValues: any) => {
-  staticFilters &&
-    staticFilters.forEach((item: any) => {
-      if (!item.filters.length) {
-        const dynamicFilters = getDynamicFilters(dynamicValues);
-        item.filters = dynamicFilters.filter((filter: any) => filter.fromPage === item.fromPage);
-      }
+const getFilters = (dynamicValues: IStructuredData[]): IContentFilter[] => {
+  const filters: IContentFilter[] = [{ label: "All Content", value: "all-pages" }];
+
+  const pageTypes = dynamicValues.filter((value) => value.fromPage);
+  const simpleTypes = dynamicValues.filter((value) => !value.fromPage);
+
+  if (pageTypes.length) {
+    filters.push({
+      label: "Page Content Types",
+      value: "pages",
+      items: getDynamicFilters(pageTypes),
+      description: (
+        <>
+          Content shown in a page. Data is filled
+          <br />
+          on a page and has a URL.
+        </>
+      ),
     });
-  return staticFilters;
+  }
+
+  if (simpleTypes.length) {
+    filters.push({
+      label: "Simple Content Types",
+      value: "simple",
+      items: getDynamicFilters(simpleTypes),
+      description: (
+        <>
+          Pageless content. Data is entered on a<br />
+          form and consumed in lists and
+          <br />
+          distributors.
+        </>
+      ),
+    });
+  }
+
+  return filters;
 };
 
 export { getDynamicFilters, getFilters };

package/src/modules/StructuredData/StructuredDataList/OptionTable/index.tsx

@@ -79,8 +79,8 @@ const OptionTable = (props: IOptionTableProps): JSX.Element => {
           const isSelected = item.value === state.selectedType;
           const selectedClass = isSelected ? "selected" : "";
           return (
-            <MenuItem key={`${item.value}${i}`}>
-              <S.NavLink onClick={displayFilteredOptions} className={selectedClass}>
+            <MenuItem key={`${item.value}${i}`} className={selectedClass} onClick={displayFilteredOptions}>
+              <S.NavLink>
                 <S.Link active={isSelected}>{item.label}</S.Link>
               </S.NavLink>
             </MenuItem>
@@ -97,8 +97,8 @@ const OptionTable = (props: IOptionTableProps): JSX.Element => {
           </S.ThumbnailWrapper>
         )}
         <S.Actions>
-          <SecondaryActionButton onClick={secondaryAction.onClick} title={secondaryAction.title}/>
-          <MainActionButton onClick={mainAction.onClick} title={mainAction.title}/>
+          <SecondaryActionButton onClick={secondaryAction.onClick} title={secondaryAction.title} />
+          <MainActionButton onClick={mainAction.onClick} title={mainAction.title} />
         </S.Actions>
       </S.Column>
     </S.Table>
@@ -119,4 +119,4 @@ interface IOptionTableProps {
   secondaryAction: IAction;
 }
 
-export default OptionTable;
+export default OptionTable;

package/src/modules/StructuredData/StructuredDataList/index.tsx

@@ -597,7 +597,6 @@ const StructuredDataList = (props: IProps): JSX.Element => {
   const labelCategory = isStructuredDataFromPage ? { categories: "Category" } : { related: "Category " };
 
   const filterLabels = {
-    types: "Type",
     liveStatus: "Live",
     translated: "Translated",
     filterSites: "Site",
@@ -606,7 +605,7 @@ const StructuredDataList = (props: IProps): JSX.Element => {
 
   return (
     <MainWrapper
-      title="Global Data"
+      title="Global Content"
       rightButton={rightButtonProps}
       availableLanguages={languageProps.globalLangs}
       language={languageProps.lang}

package/src/modules/Users/UserForm/index.tsx

@@ -2,9 +2,9 @@ import React, { useState, useEffect } from "react";
 import { connect } from "react-redux";
 
 import { appActions } from "@ax/containers/App";
-import { Button, ErrorToast, FieldsBehavior, SearchField, Tooltip } from "@ax/components";
+import { Button, ErrorToast, FieldsBehavior, SearchField } from "@ax/components";
 import { IImage, IRootState, IUser, ISite, IRole, ISiteRoles } from "@ax/types";
-import { useModal, usePermission } from "@ax/hooks";
+import { useModal } from "@ax/hooks";
 import { RouteLeavingGuard } from "@ax/guards";
 
 import { timezones } from "../../Settings/Globals/constants";
@@ -45,16 +45,11 @@ const UserForm = (props: IProps) => {
   const [sitesList, setSiteList] = useState(sortedByNameSites);
   const [showMore, setShowMore] = useState(false);
 
-  const isAllowedToAccessSiteGallery = usePermission("mediaGallery.accessToSiteGallery");
-  const isAllowedToAccessGlobalGallery = usePermission("global.mediaGallery.accessToGlobalGallery");
-
   const allowedRoutes = ["/profile"];
   const { isDirty } = shouldBeSaved(user, form);
 
   const isSameUser = currentUser && currentUser.id === user.id;
   const isEditDisabled = currentUser && !currentUser.isSuperAdmin && isSiteView && !isSameUser;
-  const isAvatarDisabled =
-    (isSiteView && !isAllowedToAccessSiteGallery) || (!isSiteView && !isAllowedToAccessGlobalGallery);
 
   useEffect(() => {
     if (form.roles.length === 0) {
@@ -189,19 +184,6 @@ const UserForm = (props: IProps) => {
   const rolesGlobal = form.roles.find((roleSite: ISiteRoles) => roleSite.siteId === "global");
   const globalDescription = "Global data will be accessible to the user based on the permissions assigned to the role.";
 
-  const AvatarField = () => (
-    <FieldsBehavior
-      title="Avatar profile"
-      name="image"
-      value={image}
-      fieldType="ImageField"
-      onChange={handleImageChange}
-      helptext="Customize how people see you."
-      disabled={isEditDisabled || isAvatarDisabled}
-      site={site}
-    />
-  );
-
   return (
     <>
       <RouteLeavingGuard when={isDirty} action={action} text={text} allowedRoutes={allowedRoutes} />
@@ -209,13 +191,17 @@ const UserForm = (props: IProps) => {
       <S.Wrapper>
         <S.SubTitle>USER DATA</S.SubTitle>
         <S.NameTitle>{user.name}</S.NameTitle>
-        {isAvatarDisabled ? (
-          <Tooltip content="You don't have the permissions to access the images gallery." top={10}>
-            <AvatarField />
-          </Tooltip>
-        ) : (
-          <AvatarField />
-        )}
+        <FieldsBehavior
+          title="Avatar profile"
+          name="image"
+          value={image}
+          fieldType="ImageField"
+          onChange={handleImageChange}
+          helptext="Customize how people see you."
+          disabled={isEditDisabled}
+          site={site}
+          noGallery={true}
+        />
         <FieldsBehavior
           title="Name"
           name="name"

package/src/routes/multisite.tsx

@@ -24,7 +24,7 @@ export default [
   {
     path: "/data",
     component: StructuredDataList,
-    name: "Global Data",
+    name: "Global Content",
     showInNav: true,
     icon: "Data",
     permission: "global.globalData.accessToGlobalData",

package/src/routes/site.tsx

@@ -23,7 +23,7 @@ export default [
   {
     path: `${BASE_PATH}/pages`,
     component: Content,
-    name: "Content",
+    name: "Site Content",
     showInNav: true,
     icon: "page",
     permission: "content.accessToPages",

package/src/types/index.tsx

@@ -1044,6 +1044,21 @@ export interface IBulkAction {
   action: () => void;
 }
 
+export interface IContentFilter {
+  label: string;
+  value: string;
+  description?: JSX.Element | string;
+  items?: IDynamicFilter[];
+}
+
+export interface IDynamicFilter {
+  label: string;
+  value: string;
+  fromPage: boolean;
+  firstTemplate: string | null;
+  editable?: boolean;
+}
+
 export interface IGriddoTheme {
   label: string;
   value: string;

package/src/modules/Content/ContentFilters/constants.tsx

@@ -1,15 +0,0 @@
-export const filterStructure = [
-  {
-    title: "Unique pages",
-    filters: [
-      {
-        name: "All",
-        value: "unique-pages"
-      }
-    ]
-  },
-  {
-    title: "Content Types",
-    filters: []
-  }
-];