@blaze-cms/react-page-builder 0.131.0-core-styles.0 → 0.131.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.131.0-core-styles.0",
+  "version": "0.131.0",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,15 +27,15 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "0.131.0-core-styles.0",
-    "@blaze-cms/core-errors": "^0.127.0",
-    "@blaze-cms/core-errors-ui": "0.131.0-core-styles.0",
+    "@blaze-cms/core-auth-ui": "^0.131.0",
+    "@blaze-cms/core-errors": "^0.131.0",
+    "@blaze-cms/core-errors-ui": "^0.131.0",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.5",
-    "@blaze-cms/nextjs-components": "0.131.0-core-styles.0",
-    "@blaze-cms/plugin-search-ui": "0.131.0-core-styles.0",
-    "@blaze-cms/setup-ui": "0.131.0-core-styles.0",
-    "@blaze-cms/utils": "0.131.0-core-styles.0",
-    "@blaze-cms/utils-handlebars": "0.131.0-core-styles.0",
+    "@blaze-cms/nextjs-components": "^0.131.0",
+    "@blaze-cms/plugin-search-ui": "^0.131.0",
+    "@blaze-cms/setup-ui": "^0.131.0",
+    "@blaze-cms/utils": "^0.131.0",
+    "@blaze-cms/utils-handlebars": "^0.131.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/checkboxes": "0.5.31",
@@ -89,5 +89,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "26ae4df0bb1e46c0f621ad906a164d07055465a1"
+  "gitHead": "8448393caa59dd524bd263a07d7bb263550cda13"
 }

package/src/HOC/recreateOnNavigation.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { useRouter } from 'next/router';
+
+const recreateOnNavigation = Component => {
+  const InnerComponent = props => {
+    const { name } = props;
+    const router = useRouter();
+    const key = `${router.asPath}:${name}`;
+    return <Component {...props} key={key} />;
+  };
+
+  InnerComponent.WrappedComponent = Component;
+
+  InnerComponent.displayName = `recreateOnNavigation(${Component.displayName ||
+    Component.name ||
+    'Component'})`;
+
+  return InnerComponent;
+};
+
+export default recreateOnNavigation;

package/src/components/Button.js

@@ -59,8 +59,7 @@ const Button = props => {
 
   const logout = () => {
     handleLogout(client);
-    if (hasChildren(children)) return setShowChildren(true);
-    return url ? router.reload(urlToUse) : router.reload();
+    url ? router.reload(urlToUse) : router.reload();
   };
 
   const handleClick = () => {

package/src/components/Card/CardsRender.js

@@ -22,8 +22,7 @@ import {
   filterQuerySetup,
   shouldSkipSingleQuery,
   shouldReturn,
-  getUpdatedSortProperties,
-  getUpdatedItemsToDisplay
+  getUpdatedSortProperties
 } from './helpers';
 
 const CardsContainer = dynamic(() => import('./CardsContainer'));
@@ -96,7 +95,6 @@ const CardsRender = ({
     isPreview,
     itemEntityUpdated: unpublishedParentEntityName
   });
-
   const {
     data: { entityData: parentEntityData = {} } = {},
     error: _err,
@@ -124,13 +122,6 @@ const CardsRender = ({
     variableProps
   );
 
-  const updatedItemsToDisplay = getUpdatedItemsToDisplay({
-    itemsToDisplay,
-    inheritedFilters,
-    parentSchema,
-    parentEntityData
-  });
-
   const { limit, variables } = filterQuerySetup({
     getEntitySchemas: Object.values(requiredSchema),
     entity: primaryEntityToUse,
@@ -139,33 +130,22 @@ const CardsRender = ({
     docType: docTypes,
     filterOperator,
     filterEntityRelations,
-    itemsToDisplay: updatedItemsToDisplay,
+    itemsToDisplay,
     entitySameAsCurrentItemEntity,
     useRandomSort
   });
-
-  const hasNoFiltersOrItemsToDisplay = !updatedItemsToDisplay.length && !updatedFilterBy;
-
   const { data: cardData, error: cardsError, loading: cardsLoading } = useQuery(action, {
     variables,
     fetchPolicy: useRandomSort ? 'cache-and-network' : 'cache-first',
-    skip: shouldReturn(
-      hasNoFiltersOrItemsToDisplay,
-      _loading,
-      _load,
-      schemaLoading,
-      _error,
-      _err,
-      schemaError
-    )
+    skip: shouldReturn(!updatedFilterBy, _loading, _load, schemaLoading, _error, _err, schemaError)
   });
 
-  const imageIds = updatedItemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);
+  const imageIds = itemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);
   const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);
   const isLoading = shouldReturn(_loading, _load, schemaLoading, cardsLoading, imagesLoading);
   const hasError = shouldReturn(_error, _err, schemaError);
 
-  if (hasNoFiltersOrItemsToDisplay) return null;
+  if (!updatedFilterBy) return null;
   if (isLoading) return null;
   if (hasError) return null;
   if (cardsError) return cardsError.message;
@@ -180,7 +160,7 @@ const CardsRender = ({
 
   const orderedData = useRandomSort
     ? cardDataResults
-    : sortResponseData(cardDataResults, updatedItemsToDisplay);
+    : sortResponseData(cardDataResults, itemsToDisplay);
   const { regularChildren, gtmChildren } = splitChildren(
     children,
     cardDataResults,
@@ -189,7 +169,7 @@ const CardsRender = ({
       name: variableProps.name
     }
   );
-  const updatedCards = appendImages(imagesData, orderedData, updatedItemsToDisplay);
+  const updatedCards = appendImages(imagesData, orderedData, itemsToDisplay);
 
   return (
     <>

package/src/components/Card/helpers/index.js

@@ -6,4 +6,3 @@ export { default as filterQuerySetup } from './filter-query-setup';
 export { default as shouldReturn } from './should-return';
 export { default as shouldSkipSingleQuery } from './should-skip-single-query';
 export { default as getUpdatedSortProperties } from './get-updated-sort-properties';
-export { default as getUpdatedItemsToDisplay } from './get-updated-items-to-display';

package/src/components/Code/Code.js

@@ -7,30 +7,26 @@ import { getClassModifiers } from '../../utils';
 import { CODE } from '../../constants';
 import { wrapScriptTags } from './helpers';
 
-const Code = memo(({ code: embedCode, parserOptions, disableWrapper, ...otherProps }) => {
+const Code = memo(({ code: embedCode, parserOptions, ...otherProps }) => {
   if (!embedCode) return null;
 
   const parsedCode = parseHTML(embedCode, parserOptions);
   const wrappedCode = wrapScriptTags(parsedCode);
   const modifiers = getClassModifiers(CODE, { ...otherProps });
 
-  if (disableWrapper) return wrappedCode;
-
   return <Wrapper modifiers={modifiers}>{wrappedCode}</Wrapper>;
 });
 
 Code.propTypes = {
   code: PropTypes.string,
   modifier: PropTypes.string,
-  parserOptions: PropTypes.object,
-  disableWrapper: PropTypes.bool
+  parserOptions: PropTypes.object
 };
 
 Code.defaultProps = {
   code: '',
   modifier: '',
-  parserOptions: {},
-  disableWrapper: false
+  parserOptions: {}
 };
 
 export default withTitle(Code);

package/src/components/DataSummary/helpers/build-loop-props-content.js

@@ -3,7 +3,6 @@ import flatten from 'lodash.flatten';
 import getLinkToPublishedContent from './get-link-to-published-content';
 import getLoopPropsLimit from './get-loop-props-limit';
 import getPropValue from './get-prop-value';
-import { processDataSummaryValue } from '../../../helpers';
 
 const getLoopValue = value => {
   const { keyField } = value;
@@ -47,10 +46,8 @@ const buildLoopPropsContent = (loopProps = [], propsToDisplay = [], limit = 0, d
           const loopValue = loopValues[key];
           const propValue = loopValue ? getLoopValue(loopValue[i]) : regularValues[key];
           if (!propValue) return null;
-
-          const processedValue = processDataSummaryValue(propValue, options);
           const linkToPublishedContent = getLinkToPublishedContent(key, data);
-          return [upperFirst(label), processedValue, linkToPublishedContent, modifier];
+          return [upperFirst(label), propValue, linkToPublishedContent, modifier];
         });
       })
     ).filter(Boolean);

package/src/components/DataSummary/helpers/build-props-to-display-with-content.js

@@ -1,6 +1,6 @@
 import upperFirst from 'lodash.upperfirst';
 import flatten from 'lodash.flatten';
-import { isObject, processDataSummaryValue } from '../../../helpers';
+import { isObject } from '../../../helpers';
 import getLinkToPublishedContent from './get-link-to-published-content';
 import getPropValue from './get-prop-value';
 import getLinkBasedOnValue from './get-link-based-on-value';
@@ -27,18 +27,15 @@ const buildPropsToDisplayWithContent = (props, propsToDisplay = []) => {
         const objPropValue = getPropValue(key, props, options);
         if (!objPropValue) return null;
 
-        const processedValue = processDataSummaryValue(objPropValue, options);
+        const link = getLink(enableLink, key, props, objPropValue);
 
-        const link = getLink(enableLink, key, props, processedValue);
-
-        return [upperFirst(label), processedValue, link, modifier];
+        return [upperFirst(label), objPropValue, link, modifier];
       });
     })
   ).filter(Boolean);
 };
 
 export default buildPropsToDisplayWithContent;
-
 function getLink(enableLink, key, props, objPropValue) {
   let link = '';
   if (enableLink) {

package/src/components/Layout/Layout.js

@@ -7,43 +7,40 @@ import { getStylesToUpdate, checkIfRowHasColumns } from './helpers';
 import { renderChildren, hasChildren } from '../../helpers';
 import { COLUMN } from '../../constants';
 
-const Layout = ({
-  type,
-  children,
-  settings,
-  modifier,
-  backgroundImage,
-  tagType,
-  dataNoSnippet,
-  ...otherProps
-}) => {
-  const {
-    data: { getFile: { url = null } = {} }
-  } = useGetImages(backgroundImage);
+const Layout = React.forwardRef(
+  (
+    { type, children, settings, modifier, backgroundImage, tagType, dataNoSnippet, ...otherProps },
+    ref
+  ) => {
+    const {
+      data: { getFile: { url = null } = {} }
+    } = useGetImages(backgroundImage);
 
-  const style = getStylesToUpdate({ backgroundImage: url });
-  const { title } = settings;
+    const style = getStylesToUpdate({ backgroundImage: url });
+    const { title } = settings;
 
-  const classModifiers = getClassModifiers(type, { modifier, ...otherProps });
-  const additionalRowModifier = checkIfRowHasColumns(type, children) ? ' display-row' : '';
+    const classModifiers = getClassModifiers(type, { modifier, ...otherProps });
+    const additionalRowModifier = checkIfRowHasColumns(type, children) ? ' display-row' : '';
 
-  if (type === COLUMN && !hasChildren(children)) return null;
+    if (type === COLUMN && !hasChildren(children)) return null;
 
-  const otherWrapperProps = {};
-  if (dataNoSnippet) otherWrapperProps['data-nosnippet'] = true;
+    const otherWrapperProps = {};
+    if (dataNoSnippet) otherWrapperProps['data-nosnippet'] = true;
 
-  return (
-    <Wrapper
-      tagType={tagType}
-      className={type}
-      modifiers={`${classModifiers}${additionalRowModifier}`}
-      style={style}
-      {...otherWrapperProps}>
-      {title && <h2 className="heading heading--section">{title}</h2>}
-      {renderChildren(children, otherProps)}
-    </Wrapper>
-  );
-};
+    return (
+      <Wrapper
+        ref={ref}
+        tagType={tagType}
+        className={type}
+        modifiers={`${classModifiers}${additionalRowModifier}`}
+        style={style}
+        {...otherWrapperProps}>
+        {title && <h2 className="heading heading--section">{title}</h2>}
+        {renderChildren(children, otherProps)}
+      </Wrapper>
+    );
+  }
+);
 
 Layout.propTypes = {
   type: PropTypes.string.isRequired,

package/src/components/Layout/LayoutFactory.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import dynamic from 'next/dynamic';
+import Layout from './Layout';
+
+const LayoutWithStickyTimer = dynamic(() =>
+  import(/* webpackChunkName: "blazePbLayoutWithStickyTimer" */ './LayoutWithStickyTimer')
+);
+
+const LayoutFactory = props => {
+  const { sticky, stickyTimer } = props;
+
+  if (sticky && stickyTimer) return <LayoutWithStickyTimer {...props} />;
+
+  return <Layout {...props} />;
+};
+
+export default LayoutFactory;

package/src/components/Layout/LayoutWithStickyTimer.js

@@ -0,0 +1,40 @@
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { useInView } from '@blaze-react/utils/lib/customHooks';
+import recreateOnNavigation from '../../HOC/recreateOnNavigation';
+import Layout from './Layout';
+
+const LayoutWithStickyTimer = ({ sticky, stickyTimer, ...otherProps }) => {
+  const [isIntersecting, outerRef] = useInView({});
+  const [isSticky, setIsSticky] = useState(sticky);
+
+  useEffect(
+    () => {
+      if (isIntersecting && sticky && !!stickyTimer) {
+        setIsSticky(true);
+        const timer = setTimeout(() => {
+          setIsSticky(false);
+        }, stickyTimer);
+
+        return () => {
+          clearTimeout(timer);
+        };
+      }
+    },
+    [isIntersecting, stickyTimer, sticky]
+  );
+
+  return <Layout {...otherProps} sticky={isSticky} ref={sticky ? outerRef : null} />;
+};
+
+LayoutWithStickyTimer.propTypes = {
+  sticky: PropTypes.bool,
+  stickyTimer: PropTypes.number
+};
+
+LayoutWithStickyTimer.defaultProps = {
+  sticky: false,
+  stickyTimer: 0
+};
+
+export default recreateOnNavigation(LayoutWithStickyTimer);

package/src/components/Layout/index.js

@@ -1,3 +1,3 @@
-import Layout from './Layout';
+import LayoutFactory from './LayoutFactory';
 
-export default Layout;
+export default LayoutFactory;

package/src/components/List/ListFactory.js

@@ -7,13 +7,7 @@ import { MainContext } from '@blaze-cms/nextjs-components';
 import { generateSingleItemQuery, getItemList } from '../../application/query';
 import ListBuilder from './ListBuilder';
 import { AZ_LIST_TYPE } from './constants';
-import {
-  getAzQueryFilter,
-  getSortProps,
-  hasRequiredItemListDetails,
-  getListSpecificSearchFilter,
-  getListQuery
-} from './helpers';
+import { getAzQueryFilter, getSortProps, hasRequiredItemListDetails } from './helpers';
 import {
   getGenericProps,
   getRequiredSchemas,
@@ -43,7 +37,7 @@ const ListFactory = props => {
     type,
     sortby: defaultSortBy,
     sort: defaultSort,
-    allSearchFilters,
+    searchFilter,
     operator: filterOperator,
     sortProperties,
     itemListName
@@ -52,13 +46,11 @@ const ListFactory = props => {
   const router = useRouter();
   const { asPath } = router;
   const parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');
-  const [searchFilter, hasListSpecificFilters] = getListSpecificSearchFilter(
-    allSearchFilters,
-    name
-  );
-  const { query, url, query: { itemListId: queryItemListId } = {} } = parseUrl(parsedQuery);
-  const updatedQuery = getListQuery(query, hasListSpecificFilters, name);
-  const { sort: querySort, sortby: querySortBy } = updatedQuery;
+  const {
+    query,
+    url,
+    query: { sort: querySort, sortby: querySortBy, itemListId: queryItemListId } = {}
+  } = parseUrl(parsedQuery);
   const { sortbyFilters, updatedSortProperties } = getSortProps({
     querySort,
     sortProperties,
@@ -70,8 +62,8 @@ const ListFactory = props => {
   const itemListId = getItemListId(itemListName, queryItemListId);
   const { itemEntity: parentEntity, itemId: parentId } = parent;
   const updatedParentEntity = getUnpublishedEntityName(parentEntity);
-  const paginationIndex = getPaginationIndex(updatedQuery, name);
-  const azFilter = getAzQueryFilter(updatedQuery, name);
+  const paginationIndex = getPaginationIndex(query, name);
+  const azFilter = getAzQueryFilter(query, name);
 
   const entitiesToUse = entities && entities.length ? entities : [legacyEntity];
   const [filterEntity] = entitiesToUse;
@@ -131,12 +123,10 @@ const ListFactory = props => {
   const [textFilter] = getSearchFilterType(searchFilter, TEXT_SEARCH);
   const shouldApplyTextFilter = textFilter && textFilter.propsToDisplay.length;
   const operator = shouldApplyTextFilter ? getElasticsearchOperator(textFilter) : AND_OPERATOR;
-  const valuesText = shouldApplyTextFilter
-    ? buildSearchValuesText(textFilter, updatedQuery, name)
-    : [];
-  const { valuesAnd, valuesOr } = getQueryFilters(searchFilter, updatedQuery, name);
+  const valuesText = shouldApplyTextFilter ? buildSearchValuesText(textFilter, query) : [];
+  const { valuesAnd, valuesOr } = getQueryFilters(searchFilter, query);
   const isTextSearchFilterApplied = !!(
-    updatedQuery.search_term &&
+    query.search_term &&
     searchFilter &&
     getSearchFilterType(searchFilter, TEXT_SEARCH).length
   );
@@ -149,7 +139,7 @@ const ListFactory = props => {
   const listProps = {
     ...props,
     ...genericProps,
-    query: updatedQuery,
+    query,
     url,
     isCard,
     isAZ,
@@ -189,7 +179,7 @@ ListFactory.propTypes = {
   name: PropTypes.string,
   sortby: PropTypes.array,
   sort: PropTypes.string,
-  allSearchFilters: PropTypes.array,
+  searchFilter: PropTypes.object,
   sortProperties: PropTypes.array,
   itemListName: PropTypes.string
 };
@@ -205,7 +195,7 @@ ListFactory.defaultProps = {
   sortProperties: [],
   sort: '',
   operator: AND,
-  allSearchFilters: [],
+  searchFilter: {},
   itemListName: ''
 };
 

package/src/components/List/helpers/index.js

@@ -7,5 +7,3 @@ export { default as getItemsPerPageToUse } from './get-items-per-page-to-use';
 export { default as getSortProps } from './get-sort-props';
 export { default as hasRequiredItemListDetails } from './has-required-item-list-details';
 export { default as getListComponent } from './get-list-component';
-export { default as getListQuery } from './get-list-query';
-export { default as getListSpecificSearchFilter } from './get-list-specific-search-filter';

package/src/components/SearchContent/SearchContent.js

@@ -10,12 +10,12 @@ const SearchContent = ({
   searchInputAlignment,
   searchInputWrapperMobile,
   searchInputWrapperDesktop,
+  collapsible,
   isMobile,
   placeholder,
-  modifier,
-  collapsedSearch
+  modifier
 }) => {
-  const [collapsed, setCollapsed] = useState(collapsedSearch);
+  const [collapsed, setCollapsed] = useState(collapsible);
   const router = useRouter();
 
   const { results, searchTerm, setSearchTerm, debouncedSearchTerm } = useDebounceSearch({
@@ -50,7 +50,7 @@ const SearchContent = ({
   };
 
   const handleOnBlur = () => {
-    if (!collapsedSearch) return;
+    if (!collapsible) return;
     if (!debouncedSearchTerm || debouncedSearchTerm === '') setCollapsed(true);
   };
 
@@ -120,8 +120,7 @@ SearchContent.propTypes = {
   isMobile: PropTypes.bool,
   collapsible: PropTypes.bool,
   entities: PropTypes.array.isRequired,
-  modifier: PropTypes.string,
-  collapsedSearch: PropTypes.bool
+  modifier: PropTypes.string
 };
 
 SearchContent.defaultProps = {
@@ -131,8 +130,7 @@ SearchContent.defaultProps = {
   placeholder: '',
   isMobile: false,
   collapsible: false,
-  modifier: '',
-  collapsedSearch: false
+  modifier: ''
 };
 
 export default SearchContent;

package/src/components/SearchFilter/SearchFilter/SearchFilter.js

@@ -5,8 +5,8 @@ import debounce from 'lodash.debounce';
 import FiltersList from './FiltersList';
 import {
   isDeviceDesktop,
-  buildUrlQuery,
-  getFilterValues,
+  buildQuery,
+  getInitialFilterValues,
   getResponsiveFilterClassnames
 } from '../helpers';
 import CloseMobileForm from './CloseMobileForm';
@@ -16,7 +16,6 @@ import { SEARCH, REFINE, MORE_FILTERS_CLASSES } from '../constants';
 
 const SearchFilter = ({
   searchFilterRef,
-  listComponentName,
   data,
   filters,
   hasUrl,
@@ -29,14 +28,13 @@ const SearchFilter = ({
   groupAfterDesktop,
   groupAfterMobile,
   filterValues,
-  setAppliedFilters,
-  query
+  setAppliedFilters
 }) => {
   const [moreFiltersMobileCollapsed, setMoreFiltersMobileCollapsed] = useState(true);
   const [moreFiltersDesktopCollapsed, setMoreFiltersDesktopCollapsed] = useState(true);
 
-  const doSubmit = newValues => {
-    const newQuery = buildUrlQuery(newValues, filters, listComponentName, query);
+  const doSubmit = (newValues = filterValues) => {
+    const newQuery = buildQuery(newValues, filters);
     handleSearch(newQuery);
     setMoreFiltersDesktopCollapsed(true);
     setMoreFiltersMobileCollapsed(true);
@@ -71,7 +69,7 @@ const SearchFilter = ({
   const formId = `filter-${name}-form`;
 
   const handleReset = () => {
-    const newValues = getFilterValues(null, filters, {});
+    const newValues = getInitialFilterValues(null, filters, {});
     setAppliedFilters({ newValues, type: 'reset' });
     doSubmit(newValues);
   };
@@ -81,7 +79,7 @@ const SearchFilter = ({
   };
 
   const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);
-
+  const shouldSearch = !hasUrl;
   return (
     <>
       <form
@@ -91,7 +89,7 @@ const SearchFilter = ({
         id={formId}
         onSubmit={e => {
           e.preventDefault();
-          doSubmit(filterValues);
+          doSubmit();
         }}>
         {displaySearchFilter && (
           <CloseMobileForm handleClose={() => setDisplaySearchFilter(false)} />
@@ -103,7 +101,7 @@ const SearchFilter = ({
           <div className="filter__wrapper filter__wrapper--search-refine">
             {!shouldGroup && (
               <FiltersList
-                shouldSearch={!hasUrl}
+                shouldSearch={shouldSearch}
                 data={data}
                 filters={filters}
                 hasUrl={hasUrl}
@@ -116,7 +114,7 @@ const SearchFilter = ({
             {shouldGroup && (
               <>
                 <FiltersList
-                  shouldSearch={!hasUrl}
+                  shouldSearch={shouldSearch}
                   data={data}
                   filters={filters.slice(0, groupAfterMobile)}
                   hasUrl={hasUrl}
@@ -138,7 +136,7 @@ const SearchFilter = ({
                 <div className={moreFiltersMobileWrapperClass}>
                   <div className={MORE_FILTERS_CLASSES.MOBILE_CONTENT}>
                     <FiltersList
-                      shouldSearch={!hasUrl && isDeviceDesktop()}
+                      shouldSearch={shouldSearch && isDeviceDesktop()}
                       data={data}
                       filters={filters.slice(
                         groupAfterMobile,
@@ -235,14 +233,7 @@ SearchFilter.propTypes = {
   groupAfterDesktop: PropTypes.number.isRequired,
   groupAfterMobile: PropTypes.number.isRequired,
   filterValues: PropTypes.object.isRequired,
-  setAppliedFilters: PropTypes.func.isRequired,
-  listComponentName: PropTypes.string,
-  query: PropTypes.object
-};
-
-SearchFilter.defaultProps = {
-  listComponentName: '',
-  query: {}
+  setAppliedFilters: PropTypes.func.isRequired
 };
 
 export default SearchFilter;