@blaze-cms/react-page-builder 0.123.0-alpha.9 → 0.123.0

package/lib-es/components/List/components/Cards/CardsRenderItem.js

@@ -22,7 +22,12 @@ const CardsRenderItem = ({
   propsToDisplay,
   shouldRenderBanner,
   bannerIndex,
-  priority
+  priority,
+  enableOverlay,
+  autoScrollTimer,
+  arrowSize,
+  overlayModifier,
+  titleOverlayModifier
 }) => {
   const {
     initialOffset,
@@ -67,7 +72,11 @@ const CardsRenderItem = ({
     cardProps: cardProps,
     gtmId: name,
     gtmChildren: gtmChildren,
-    priority: priority
+    priority: priority,
+    arrowSize: arrowSize,
+    enableOverlay: enableOverlay,
+    overlayModifier: overlayModifier,
+    titleOverlayModifier: titleOverlayModifier
   }, cardProps))), shouldRenderBanner && /*#__PURE__*/React.createElement(Banner, _extends({}, bannerProps, {
     cardBannerIndex: bannerIndex
   })));
@@ -88,7 +97,12 @@ CardsRenderItem.propTypes = {
   modifier: PropTypes.string,
   cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
   gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-  priority: PropTypes.bool
+  priority: PropTypes.bool,
+  enableOverlay: PropTypes.bool,
+  overlayModifier: PropTypes.string,
+  titleOverlayModifier: PropTypes.string,
+  autoScrollTimer: PropTypes.number,
+  arrowSize: PropTypes.string
 };
 CardsRenderItem.defaultProps = {
   priority: false,
@@ -97,7 +111,12 @@ CardsRenderItem.defaultProps = {
   propsToDisplay: [],
   modifier: '',
   cardChildren: [],
-  gtmChildren: []
+  gtmChildren: [],
+  enableOverlay: false,
+  autoScrollTimer: 0,
+  overlayModifier: '',
+  titleOverlayModifier: '',
+  arrowSize: ''
 };
 export default CardsRenderItem;
 //# sourceMappingURL=CardsRenderItem.js.map

package/lib-es/components/List/components/Cards/CardsRenderItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"names":["React","PropTypes","Waypoint","Card","shouldRenderWaypoint","renderChildren","parsePropsToDisplay","checkIfShouldRenderGtm","Banner","CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","priority","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","parsedPropsToDisplay","propTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n  cardProps,\n  listProps,\n  bannerProps,\n  index,\n  entity,\n  currentListLength,\n  cardChildren,\n  gtmChildren,\n  modifier,\n  gridModifier,\n  propsToDisplayModifiers,\n  propsToDisplay,\n  shouldRenderBanner,\n  bannerIndex,\n  priority\n}) => {\n  const {\n    initialOffset,\n    isInfinite,\n    style,\n    name,\n    id,\n    triggerInfiniteScroll,\n    displayCount,\n    displayCategory = true,\n    displayThumbnail = true,\n    displayTitle = true,\n    listTotal,\n    itemsPerPage\n  } = listProps;\n\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  const shouldRenderGtm =\n    gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n\n  const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n  return (\n    <>\n      {shouldRenderGtm && renderChildren(gtmChildren)}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--compact\">\n        {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n        <Card\n          id={id}\n          entity={entity}\n          gridModifier={gridModifier}\n          propsToDisplay={parsedPropsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          modifier={modifier}\n          style={style}\n          cardChildren={cardChildren}\n          displayCategory={displayCategory}\n          displayThumbnail={displayThumbnail}\n          displayTitle={displayTitle}\n          cardProps={cardProps}\n          gtmId={name}\n          gtmChildren={gtmChildren}\n          priority={priority}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n    </>\n  );\n};\n\nCardsRenderItem.propTypes = {\n  cardProps: PropTypes.object.isRequired,\n  listProps: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  propsToDisplayModifiers: PropTypes.array.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  bannerProps: PropTypes.object,\n  gridModifier: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  priority: PropTypes.bool\n};\n\nCardsRenderItem.defaultProps = {\n  priority: false,\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: []\n};\n\nexport default CardsRenderItem;\n"],"file":"CardsRenderItem.js"}
+{"version":3,"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"names":["React","PropTypes","Waypoint","Card","shouldRenderWaypoint","renderChildren","parsePropsToDisplay","checkIfShouldRenderGtm","Banner","CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","priority","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","titleOverlayModifier","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","parsedPropsToDisplay","propTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n  cardProps,\n  listProps,\n  bannerProps,\n  index,\n  entity,\n  currentListLength,\n  cardChildren,\n  gtmChildren,\n  modifier,\n  gridModifier,\n  propsToDisplayModifiers,\n  propsToDisplay,\n  shouldRenderBanner,\n  bannerIndex,\n  priority,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  titleOverlayModifier\n}) => {\n  const {\n    initialOffset,\n    isInfinite,\n    style,\n    name,\n    id,\n    triggerInfiniteScroll,\n    displayCount,\n    displayCategory = true,\n    displayThumbnail = true,\n    displayTitle = true,\n    listTotal,\n    itemsPerPage\n  } = listProps;\n\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  const shouldRenderGtm =\n    gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n\n  const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n  return (\n    <>\n      {shouldRenderGtm && renderChildren(gtmChildren)}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--compact\">\n        {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n        <Card\n          id={id}\n          entity={entity}\n          gridModifier={gridModifier}\n          propsToDisplay={parsedPropsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          modifier={modifier}\n          style={style}\n          cardChildren={cardChildren}\n          displayCategory={displayCategory}\n          displayThumbnail={displayThumbnail}\n          displayTitle={displayTitle}\n          cardProps={cardProps}\n          gtmId={name}\n          gtmChildren={gtmChildren}\n          priority={priority}\n          arrowSize={arrowSize}\n          enableOverlay={enableOverlay}\n          overlayModifier={overlayModifier}\n          titleOverlayModifier={titleOverlayModifier}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n    </>\n  );\n};\n\nCardsRenderItem.propTypes = {\n  cardProps: PropTypes.object.isRequired,\n  listProps: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  propsToDisplayModifiers: PropTypes.array.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  bannerProps: PropTypes.object,\n  gridModifier: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  priority: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardsRenderItem.defaultProps = {\n  priority: false,\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  arrowSize: ''\n};\n\nexport default CardsRenderItem;\n"],"file":"CardsRenderItem.js"}

package/lib-es/components/Menu/Menu.js

@@ -64,7 +64,7 @@ const Menu = _ref => {
     className: isMobile ? childrenMobileModifier : childrenDesktopModifier
   }, logoOnDesktop && logoOnDesktopAlignment === 'left' && /*#__PURE__*/React.createElement("a", {
     href: "/",
-    className: ""
+    className: "menu--desktop__logo-wrapper"
   }, /*#__PURE__*/React.createElement("img", {
     src: logoOnMobileUrl,
     alt: logoOnMobileAlt,
@@ -83,7 +83,7 @@ const Menu = _ref => {
     isMobile: isMobile
   })), logoOnDesktop && logoOnDesktopAlignment === 'right' && /*#__PURE__*/React.createElement("a", {
     href: "/",
-    className: ""
+    className: "menu--desktop__logo-wrapper"
   }, /*#__PURE__*/React.createElement("img", {
     src: logoOnMobileUrl,
     alt: logoOnMobileAlt,
@@ -94,7 +94,7 @@ const Menu = _ref => {
 Menu.propTypes = {
   collapse: PropTypes.bool.isRequired,
   logoOnMobile: PropTypes.bool.isRequired,
-  logoOnDesktop: PropTypes.bool.isRequired,
+  logoOnDesktop: PropTypes.bool,
   logoOnMobileUrl: PropTypes.string,
   logoOnMobileAlt: PropTypes.string,
   logoOnMobileModifier: PropTypes.string,
@@ -114,6 +114,7 @@ Menu.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
 };
 Menu.defaultProps = {
+  logoOnDesktop: false,
   logoOnMobileUrl: '',
   logoOnMobileAlt: '',
   logoOnMobileModifier: '',

package/lib-es/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["React","useState","PropTypes","BlazeButton","MdMenu","MdClose","useCheckMobileScreen","HIDDEN","SearchContent","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","entity","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { useCheckMobileScreen } from '../../hooks';\nimport { HIDDEN } from '../../constants';\nimport SearchContent from '../SearchContent';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  logoOnMobile,\n  logoOnDesktop,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  logoOnDesktopModifier,\n  logoOnDesktopAlignment,\n  closeIconModifier,\n  entity,\n  ...rest\n}) => {\n  const isMobile = useCheckMobileScreen();\n  const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n  const shouldDisplayCollapsed = collapse && isMobile;\n  const mobileButtonClass = shouldDisplayCollapsed && isMobile ? mobileButtonModifier : HIDDEN;\n  const shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;\n  const childrenDesktopModifier =\n    shouldDisplayChildren && !isMobile ? modifier : `${modifier} ${HIDDEN}`;\n\n  const childrenMobileModifier =\n    shouldDisplayChildren && isMobile ? `${mobileMenuChildrenModifier}` : ` ${HIDDEN}`;\n\n  const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n\n  return (\n    <>\n      {collapse && (\n        <div className=\"menu--mobile-wrapper\">\n          <div\n            className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n            <BlazeButton\n              className={mobileButtonClass}\n              onClick={() => setShowMobileMenu(!showMobileMenu)}>\n              <i>\n                {showMobileMenu ? (\n                  <MdClose className={closeIconModifier} />\n                ) : (\n                  <MdMenu className={hamburgerIconModifier} />\n                )}\n              </i>\n            </BlazeButton>\n          </div>\n        </div>\n      )}\n      {logoOnMobile && (\n        <a href=\"/\">\n          <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n        </a>\n      )}\n\n      <div className=\"menu--desktop-wrapper\">\n        <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'left' && (\n              <a href=\"/\" className=\"\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n          {searchInputAlignment === 'left' && (\n            <li>\n              <SearchContent\n                searchInputWrapperMobile={searchInputWrapperMobile}\n                searchInputWrapperDesktop={searchInputWrapperDesktop}\n                searchInputAlignment={searchInputAlignment}\n                entity={entity}\n                isMobile={isMobile}\n              />\n            </li>\n          )}\n          {children}\n          {searchInputAlignment === 'right' && (\n            <li>\n              <SearchContent\n                searchInputWrapperMobile={searchInputWrapperMobile}\n                searchInputWrapperDesktop={searchInputWrapperDesktop}\n                searchInputAlignment={searchInputAlignment}\n                entity={entity}\n                isMobile={isMobile}\n              />\n            </li>\n          )}\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'right' && (\n              <a href=\"/\" className=\"\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n        </ul>\n      </div>\n    </>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\n  logoOnMobile: PropTypes.bool.isRequired,\n  logoOnDesktop: PropTypes.bool.isRequired,\n  logoOnMobileUrl: PropTypes.string,\n  logoOnMobileAlt: PropTypes.string,\n  logoOnMobileModifier: PropTypes.string,\n  logoOnDesktopModifier: PropTypes.string,\n  logoOnDesktopAlignment: PropTypes.string,\n  hamburgerIconModifier: PropTypes.string,\n  closeIconModifier: PropTypes.string,\n  mobileButtonModifier: PropTypes.string,\n  mobileMenuModifier: PropTypes.string,\n  mobileMenuChildrenModifier: PropTypes.string,\n  modifier: PropTypes.string,\n  mobileIconAlignment: PropTypes.string,\n  entity: PropTypes.string,\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  logoOnDesktopModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  logoOnDesktopAlignment: 'left',\n  searchInputAlignment: 'right',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  modifier: '',\n  entity: 'PublishedPage',\n  children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}
+{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["React","useState","PropTypes","BlazeButton","MdMenu","MdClose","useCheckMobileScreen","HIDDEN","SearchContent","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","entity","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","propTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { useCheckMobileScreen } from '../../hooks';\nimport { HIDDEN } from '../../constants';\nimport SearchContent from '../SearchContent';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  logoOnMobile,\n  logoOnDesktop,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  logoOnDesktopModifier,\n  logoOnDesktopAlignment,\n  closeIconModifier,\n  entity,\n  ...rest\n}) => {\n  const isMobile = useCheckMobileScreen();\n  const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n  const shouldDisplayCollapsed = collapse && isMobile;\n  const mobileButtonClass = shouldDisplayCollapsed && isMobile ? mobileButtonModifier : HIDDEN;\n  const shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;\n  const childrenDesktopModifier =\n    shouldDisplayChildren && !isMobile ? modifier : `${modifier} ${HIDDEN}`;\n\n  const childrenMobileModifier =\n    shouldDisplayChildren && isMobile ? `${mobileMenuChildrenModifier}` : ` ${HIDDEN}`;\n\n  const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n\n  return (\n    <>\n      {collapse && (\n        <div className=\"menu--mobile-wrapper\">\n          <div\n            className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n            <BlazeButton\n              className={mobileButtonClass}\n              onClick={() => setShowMobileMenu(!showMobileMenu)}>\n              <i>\n                {showMobileMenu ? (\n                  <MdClose className={closeIconModifier} />\n                ) : (\n                  <MdMenu className={hamburgerIconModifier} />\n                )}\n              </i>\n            </BlazeButton>\n          </div>\n        </div>\n      )}\n      {logoOnMobile && (\n        <a href=\"/\">\n          <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n        </a>\n      )}\n\n      <div className=\"menu--desktop-wrapper\">\n        <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'left' && (\n              <a href=\"/\" className=\"menu--desktop__logo-wrapper\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n          {searchInputAlignment === 'left' && (\n            <li>\n              <SearchContent\n                searchInputWrapperMobile={searchInputWrapperMobile}\n                searchInputWrapperDesktop={searchInputWrapperDesktop}\n                searchInputAlignment={searchInputAlignment}\n                entity={entity}\n                isMobile={isMobile}\n              />\n            </li>\n          )}\n          {children}\n          {searchInputAlignment === 'right' && (\n            <li>\n              <SearchContent\n                searchInputWrapperMobile={searchInputWrapperMobile}\n                searchInputWrapperDesktop={searchInputWrapperDesktop}\n                searchInputAlignment={searchInputAlignment}\n                entity={entity}\n                isMobile={isMobile}\n              />\n            </li>\n          )}\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'right' && (\n              <a href=\"/\" className=\"menu--desktop__logo-wrapper\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n        </ul>\n      </div>\n    </>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\n  logoOnMobile: PropTypes.bool.isRequired,\n  logoOnDesktop: PropTypes.bool,\n  logoOnMobileUrl: PropTypes.string,\n  logoOnMobileAlt: PropTypes.string,\n  logoOnMobileModifier: PropTypes.string,\n  logoOnDesktopModifier: PropTypes.string,\n  logoOnDesktopAlignment: PropTypes.string,\n  hamburgerIconModifier: PropTypes.string,\n  closeIconModifier: PropTypes.string,\n  mobileButtonModifier: PropTypes.string,\n  mobileMenuModifier: PropTypes.string,\n  mobileMenuChildrenModifier: PropTypes.string,\n  modifier: PropTypes.string,\n  mobileIconAlignment: PropTypes.string,\n  entity: PropTypes.string,\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnDesktop: false,\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  logoOnDesktopModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  logoOnDesktopAlignment: 'left',\n  searchInputAlignment: 'right',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  modifier: '',\n  entity: 'PublishedPage',\n  children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}

package/lib-es/components/SearchContent/index.js

@@ -7,6 +7,7 @@ import BlazeLink from '../BlazeLink';
 
 const SearchContent = ({
   entity,
+  searchInputAlignment,
   searchInputWrapperMobile,
   searchInputWrapperDesktop,
   isMobile
@@ -50,13 +51,19 @@ const SearchContent = ({
     }
   });
   if (loading) return null;
-  if (error) return `Error! ${error}`;
+  if (error) return null;
 
   const handleClick = (e, url) => {
     e.preventDefault();
     router.push(url);
   };
 
+  const handleKeyPress = e => {
+    if (e.key === 'Enter' && e.target.value !== '') {
+      router.push(`/search?search_term=${e.target.value}`);
+    }
+  };
+
   const renderResults = () => {
     // eslint-disable-next-line no-undef
     const {
@@ -68,7 +75,7 @@ const SearchContent = ({
         name,
         url
       }) => {
-        if (name.match(searchTerm)) {
+        if (name.includes(searchTerm)) {
           return /*#__PURE__*/React.createElement(BlazeLink, {
             href: url,
             onClick: e => handleClick(e, url)
@@ -86,63 +93,60 @@ const SearchContent = ({
   return collapsed ? /*#__PURE__*/React.createElement("div", {
     className: isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop
   }, /*#__PURE__*/React.createElement("div", {
-    className: "w-11 mx-auto"
+    className: "search-content--collapse__wrapper"
   }, /*#__PURE__*/React.createElement("label", {
-    className: "relative block"
+    className: "search-content--collapse__label"
   }, /*#__PURE__*/React.createElement("span", {
-    className: "absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer"
+    className: "search-content--collapse__icon_wrapper"
   }, /*#__PURE__*/React.createElement("svg", {
-    className: "h-5 w-5 fill-slate-300",
+    className: "search-content--collapse__icon",
     viewBox: "0 0 20 20"
   }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
     clipRule: "evenodd"
-  }))), /*#__PURE__*/React.createElement("span", {
-    className: "sr-only"
-  }, "Search"), /*#__PURE__*/React.createElement("input", {
+  }))), /*#__PURE__*/React.createElement("input", {
     onFocus: () => setCollapsed(false),
     onChange: e => setSearchTerm(e.target.value),
     type: "text",
     name: "search",
     value: "",
-    className: "disabled:bg-white block bg-white w-full rounded-none border-white py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm"
+    className: "search-content--collapse__input"
   })))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: `${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`
   }, /*#__PURE__*/React.createElement("div", {
-    className: "w-96 mx-auto rounded-3xl"
+    className: "search-content--expanded__wrapper"
   }, /*#__PURE__*/React.createElement("label", {
-    className: "relative block"
+    className: "search-content--expanded__label"
   }, /*#__PURE__*/React.createElement("span", {
-    className: "absolute inset-y-0 right-3 flex items-center pl-2"
+    className: "search-content--expanded__icon_wrapper"
   }, /*#__PURE__*/React.createElement("svg", {
-    className: "h-5 w-5 fill-slate-300",
+    className: "search-content--expanded__icon",
     viewBox: "0 0 20 20"
   }, /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
     clipRule: "evenodd"
-  }))), /*#__PURE__*/React.createElement("span", {
-    className: "sr-only"
-  }, "Search"), /*#__PURE__*/React.createElement("input", {
+  }))), /*#__PURE__*/React.createElement("input", {
     type: "text",
     name: "search",
     onChange: e => setSearchTerm(e.target.value),
-    className: "block w-full rounded-full rounded-white py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm",
+    onKeyPress: handleKeyPress,
+    className: "search-content--expanded__input",
     placeholder: "Search for anything...",
     onBlur: () => {
       if (!searchTerm || searchTerm === '') setCollapsed(true);
     }
   }))), data && searchResultsMessage !== '' && /*#__PURE__*/React.createElement("div", {
-    className: "bg-white ml-1 mr-1 rounded rounded-lg absolute top-16 flex flex-col z-50 border-2 border-gray-50 w-96"
+    className: "search-content--results__wrapper"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "px-2"
+    className: "search-content--results__wrapper--message"
   }, /*#__PURE__*/React.createElement("div", {
     className: "text-sm pt-2"
   }, searchResultsMessage), /*#__PURE__*/React.createElement("div", {
-    className: "text-left px-4 py-2"
+    className: "search-content--results__message"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "text-bold"
+    className: "search-content--results__content"
   }, renderResults()))))));
 };
 

package/lib-es/components/SearchContent/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["React","useState","PropTypes","gql","useQuery","useRouter","getPublishedContent","BlazeLink","SearchContent","entity","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","collapsed","setCollapsed","searchTerm","setSearchTerm","router","capitalize","s","charAt","toUpperCase","slice","a","b","split","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","loading","error","data","variables","offset","limit","handleClick","e","url","preventDefault","push","renderResults","results","searchPublishedContent","map","name","searchResultsMessage","target","value","propTypes","searchInputAlignment","string","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContent = ({\n  entity,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  isMobile\n}) => {\n  const [collapsed, setCollapsed] = useState(true);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  const [a, b] = entity.split('_');\n\n  const entityName = capitalize(a) + capitalize(b);\n\n  const rawQueryStringified = JSON.stringify({\n    size: 0,\n    query: {\n      bool: {\n        should: [\n          {\n            match: {\n              docType: entity\n            }\n          }\n        ],\n        minimum_should_match: 1\n      }\n    }\n  });\n\n  const query = gql`\n    ${getPublishedContent(entityName)}\n  `;\n\n  const { loading, error, data } = useQuery(query, {\n    variables: { rawQueryStringified, offset: 0, limit: 5 }\n  });\n\n  if (loading) return null;\n  if (error) return `Error! ${error}`;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.match(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"w-11 mx-auto\">\n        <label className=\"relative block\">\n          <span className=\"absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer\">\n            <svg className=\"h-5 w-5 fill-slate-300\" viewBox=\"0 0 20 20\">\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </span>\n          <span className=\"sr-only\">Search</span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"disabled:bg-white block bg-white w-full rounded-none border-white py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"w-96 mx-auto rounded-3xl\">\n          <label className=\"relative block\">\n            <span className=\"absolute inset-y-0 right-3 flex items-center pl-2\">\n              <svg className=\"h-5 w-5 fill-slate-300\" viewBox=\"0 0 20 20\">\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </span>\n            <span className=\"sr-only\">Search</span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              className=\"block w-full rounded-full rounded-white py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm\"\n              placeholder=\"Search for anything...\"\n              onBlur={() => {\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"bg-white ml-1 mr-1 rounded rounded-lg absolute top-16 flex flex-col z-50 border-2 border-gray-50 w-96\">\n              <div className=\"px-2\">\n                <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n                <div className=\"text-left px-4 py-2\">\n                  <div className=\"text-bold\">{renderResults()}</div>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  isMobile: PropTypes.bool,\n  entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  isMobile: false\n};\n\nexport default SearchContent;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["React","useState","PropTypes","gql","useQuery","useRouter","getPublishedContent","BlazeLink","SearchContent","entity","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","isMobile","collapsed","setCollapsed","searchTerm","setSearchTerm","router","capitalize","s","charAt","toUpperCase","slice","a","b","split","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","loading","error","data","variables","offset","limit","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","renderResults","results","searchPublishedContent","map","name","includes","searchResultsMessage","propTypes","string","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContent = ({\n  entity,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  isMobile\n}) => {\n  const [collapsed, setCollapsed] = useState(true);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  const [a, b] = entity.split('_');\n\n  const entityName = capitalize(a) + capitalize(b);\n\n  const rawQueryStringified = JSON.stringify({\n    size: 0,\n    query: {\n      bool: {\n        should: [\n          {\n            match: {\n              docType: entity\n            }\n          }\n        ],\n        minimum_should_match: 1\n      }\n    }\n  });\n\n  const query = gql`\n    ${getPublishedContent(entityName)}\n  `;\n\n  const { loading, error, data } = useQuery(query, {\n    variables: { rawQueryStringified, offset: 0, limit: 5 }\n  });\n\n  if (loading) return null;\n  if (error) return null;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyPress = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      router.push(`/search?search_term=${e.target.value}`);\n    }\n  };\n\n  const renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.includes(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"search-content--collapse__wrapper\">\n        <label className=\"search-content--collapse__label\">\n          <span className=\"search-content--collapse__icon_wrapper\">\n            <svg className=\"search-content--collapse__icon\" viewBox=\"0 0 20 20\">\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"search-content--collapse__input\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"search-content--expanded__wrapper\">\n          <label className=\"search-content--expanded__label\">\n            <span className=\"search-content--expanded__icon_wrapper\">\n              <svg className=\"search-content--expanded__icon\" viewBox=\"0 0 20 20\">\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyPress={handleKeyPress}\n              className=\"search-content--expanded__input\"\n              placeholder=\"Search for anything...\"\n              onBlur={() => {\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"search-content--results__wrapper\">\n              <div className=\"search-content--results__wrapper--message\">\n                <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n                <div className=\"search-content--results__message\">\n                  <div className=\"search-content--results__content\">{renderResults()}</div>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  isMobile: PropTypes.bool,\n  entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  isMobile: false\n};\n\nexport default SearchContent;\n"],"file":"index.js"}

package/lib-es/components/SearchFilter/SearchFilter/FiltersList.js

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["type", "label", "propsToDisplay", "elementTitle"];
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { MainContext } from '@blaze-cms/nextjs-components';
@@ -16,13 +19,15 @@ const FiltersList = ({
   const {
     itemId
   } = useContext(MainContext);
-  return filters.map(({
-    type,
-    label,
-    propsToDisplay,
-    rangeInterval,
-    elementTitle
-  }, index) => {
+  return filters.map((_ref, index) => {
+    let {
+      type,
+      label,
+      propsToDisplay,
+      elementTitle
+    } = _ref,
+        otherProps = _objectWithoutProperties(_ref, _excluded);
+
     if (!propsToDisplay && !propsToDisplay.length) return null;
     const dynamicKey = [itemId, index].join('-');
     const isDataAvailable = !!data && Object.keys(data).length;
@@ -36,19 +41,19 @@ const FiltersList = ({
         return /*#__PURE__*/React.createElement("div", {
           key: dynamicKey,
           className: "filter__section filter__section--search-refine filter__section--search"
-        }, /*#__PURE__*/React.createElement(TextSearch, {
+        }, /*#__PURE__*/React.createElement(TextSearch, _extends({}, otherProps, {
           label: label,
           elementTitle: elementTitle,
           searchValue: filterValues[SEARCH_TERM],
           updateFilterValues: updateFilterValues,
           filterValues: filterValues
-        }));
+        })));
 
       case CHECKBOX:
         return !!shouldDisplayFilter && /*#__PURE__*/React.createElement("div", {
           key: dynamicKey,
           className: "filter__section filter__section--search-refine filter__section--checkboxes"
-        }, /*#__PURE__*/React.createElement(Checkbox, {
+        }, /*#__PURE__*/React.createElement(Checkbox, _extends({}, otherProps, {
           data: data,
           prop: propsToDisplay[0],
           label: label,
@@ -57,13 +62,13 @@ const FiltersList = ({
           filterValues: filterValues,
           updateFilterValues: updateFilterValues,
           shouldSearch: shouldSearch
-        }));
+        })));
 
       case SELECT:
         return !!shouldDisplayFilter && /*#__PURE__*/React.createElement("div", {
           key: dynamicKey,
           className: "filter__section filter__section--search-refine filter__section--selects"
-        }, /*#__PURE__*/React.createElement(SelectFilter, {
+        }, /*#__PURE__*/React.createElement(SelectFilter, _extends({}, otherProps, {
           data: data,
           prop: propsToDisplay[0],
           label: label,
@@ -72,23 +77,22 @@ const FiltersList = ({
           filterValues: filterValues,
           updateFilterValues: updateFilterValues,
           shouldSearch: shouldSearch
-        }));
+        })));
 
       case RANGE:
         return !!areAggregationsAvailable && /*#__PURE__*/React.createElement("div", {
           key: dynamicKey,
           className: "range-slider__wrapper"
-        }, /*#__PURE__*/React.createElement(Range, {
+        }, /*#__PURE__*/React.createElement(Range, _extends({}, otherProps, {
           dataAggregations: dataAggregations,
           propsToDisplay: propsToDisplay,
-          rangeInterval: rangeInterval,
           label: label,
           elementTitle: elementTitle,
           entity: entity,
           filterValues: filterValues,
           updateFilterValues: updateFilterValues,
           shouldSearch: shouldSearch
-        }));
+        })));
 
       default:
         return null;

package/lib-es/components/SearchFilter/SearchFilter/FiltersList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/FiltersList.js"],"names":["React","useContext","PropTypes","MainContext","TextSearch","Checkbox","SelectFilter","Range","CHECKBOX","SELECT","TEXT_SEARCH","RANGE","SEARCH_TERM","FiltersList","data","filters","hasUrl","entity","filterValues","updateFilterValues","shouldSearch","itemId","map","type","label","propsToDisplay","rangeInterval","elementTitle","index","length","dynamicKey","join","isDataAvailable","Object","keys","dataAggregations","areAggregationsAvailable","results","shouldDisplayFilter","buckets","propTypes","bool","isRequired","string","object","func","array","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { TextSearch, Checkbox, SelectFilter, Range } from '../components';\nimport { CHECKBOX, SELECT, TEXT_SEARCH, RANGE, SEARCH_TERM } from '../constants';\n\nconst FiltersList = ({\n  data,\n  filters,\n  hasUrl,\n  entity,\n  filterValues,\n  updateFilterValues,\n  shouldSearch\n}) => {\n  const { itemId } = useContext(MainContext);\n\n  return filters.map(({ type, label, propsToDisplay, rangeInterval, elementTitle }, index) => {\n    if (!propsToDisplay && !propsToDisplay.length) return null;\n\n    const dynamicKey = [itemId, index].join('-');\n    const isDataAvailable = !!data && Object.keys(data).length;\n    const dataAggregations = isDataAvailable ? data : null;\n    const areAggregationsAvailable = isDataAvailable && !!dataAggregations;\n    const results = areAggregationsAvailable && dataAggregations[propsToDisplay[0]];\n    const shouldDisplayFilter = results && results.buckets && results.buckets.length;\n\n    switch (type) {\n      case TEXT_SEARCH:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--search\">\n            <TextSearch\n              label={label}\n              elementTitle={elementTitle}\n              searchValue={filterValues[SEARCH_TERM]}\n              updateFilterValues={updateFilterValues}\n              filterValues={filterValues}\n            />\n          </div>\n        );\n      case CHECKBOX:\n        return (\n          !!shouldDisplayFilter && (\n            <div\n              key={dynamicKey}\n              className=\"filter__section filter__section--search-refine filter__section--checkboxes\">\n              <Checkbox\n                data={data}\n                prop={propsToDisplay[0]}\n                label={label}\n                elementTitle={elementTitle}\n                hasUrl={hasUrl}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      case SELECT:\n        return (\n          !!shouldDisplayFilter && (\n            <div\n              key={dynamicKey}\n              className=\"filter__section filter__section--search-refine filter__section--selects\">\n              <SelectFilter\n                data={data}\n                prop={propsToDisplay[0]}\n                label={label}\n                elementTitle={elementTitle}\n                hasUrl={hasUrl}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      case RANGE:\n        return (\n          !!areAggregationsAvailable && (\n            <div key={dynamicKey} className=\"range-slider__wrapper\">\n              <Range\n                dataAggregations={dataAggregations}\n                propsToDisplay={propsToDisplay}\n                rangeInterval={rangeInterval}\n                label={label}\n                elementTitle={elementTitle}\n                entity={entity}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      default:\n        return null;\n    }\n  });\n};\n\nFiltersList.propTypes = {\n  hasUrl: PropTypes.bool.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  data: PropTypes.object,\n  filters: PropTypes.array,\n  shouldSearch: PropTypes.bool\n};\n\nFiltersList.defaultProps = {\n  shouldSearch: false,\n  data: {},\n  filters: []\n};\n\nexport default FiltersList;\n"],"file":"FiltersList.js"}
+{"version":3,"sources":["../../../../src/components/SearchFilter/SearchFilter/FiltersList.js"],"names":["React","useContext","PropTypes","MainContext","TextSearch","Checkbox","SelectFilter","Range","CHECKBOX","SELECT","TEXT_SEARCH","RANGE","SEARCH_TERM","FiltersList","data","filters","hasUrl","entity","filterValues","updateFilterValues","shouldSearch","itemId","map","index","type","label","propsToDisplay","elementTitle","otherProps","length","dynamicKey","join","isDataAvailable","Object","keys","dataAggregations","areAggregationsAvailable","results","shouldDisplayFilter","buckets","propTypes","bool","isRequired","string","object","func","array","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { TextSearch, Checkbox, SelectFilter, Range } from '../components';\nimport { CHECKBOX, SELECT, TEXT_SEARCH, RANGE, SEARCH_TERM } from '../constants';\n\nconst FiltersList = ({\n  data,\n  filters,\n  hasUrl,\n  entity,\n  filterValues,\n  updateFilterValues,\n  shouldSearch\n}) => {\n  const { itemId } = useContext(MainContext);\n\n  return filters.map(({ type, label, propsToDisplay, elementTitle, ...otherProps }, index) => {\n    if (!propsToDisplay && !propsToDisplay.length) return null;\n\n    const dynamicKey = [itemId, index].join('-');\n    const isDataAvailable = !!data && Object.keys(data).length;\n    const dataAggregations = isDataAvailable ? data : null;\n    const areAggregationsAvailable = isDataAvailable && !!dataAggregations;\n    const results = areAggregationsAvailable && dataAggregations[propsToDisplay[0]];\n    const shouldDisplayFilter = results && results.buckets && results.buckets.length;\n\n    switch (type) {\n      case TEXT_SEARCH:\n        return (\n          <div\n            key={dynamicKey}\n            className=\"filter__section filter__section--search-refine filter__section--search\">\n            <TextSearch\n              {...otherProps}\n              label={label}\n              elementTitle={elementTitle}\n              searchValue={filterValues[SEARCH_TERM]}\n              updateFilterValues={updateFilterValues}\n              filterValues={filterValues}\n            />\n          </div>\n        );\n      case CHECKBOX:\n        return (\n          !!shouldDisplayFilter && (\n            <div\n              key={dynamicKey}\n              className=\"filter__section filter__section--search-refine filter__section--checkboxes\">\n              <Checkbox\n                {...otherProps}\n                data={data}\n                prop={propsToDisplay[0]}\n                label={label}\n                elementTitle={elementTitle}\n                hasUrl={hasUrl}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      case SELECT:\n        return (\n          !!shouldDisplayFilter && (\n            <div\n              key={dynamicKey}\n              className=\"filter__section filter__section--search-refine filter__section--selects\">\n              <SelectFilter\n                {...otherProps}\n                data={data}\n                prop={propsToDisplay[0]}\n                label={label}\n                elementTitle={elementTitle}\n                hasUrl={hasUrl}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      case RANGE:\n        return (\n          !!areAggregationsAvailable && (\n            <div key={dynamicKey} className=\"range-slider__wrapper\">\n              <Range\n                {...otherProps}\n                dataAggregations={dataAggregations}\n                propsToDisplay={propsToDisplay}\n                label={label}\n                elementTitle={elementTitle}\n                entity={entity}\n                filterValues={filterValues}\n                updateFilterValues={updateFilterValues}\n                shouldSearch={shouldSearch}\n              />\n            </div>\n          )\n        );\n      default:\n        return null;\n    }\n  });\n};\n\nFiltersList.propTypes = {\n  hasUrl: PropTypes.bool.isRequired,\n  entity: PropTypes.string.isRequired,\n  filterValues: PropTypes.object.isRequired,\n  updateFilterValues: PropTypes.func.isRequired,\n  data: PropTypes.object,\n  filters: PropTypes.array,\n  shouldSearch: PropTypes.bool\n};\n\nFiltersList.defaultProps = {\n  shouldSearch: false,\n  data: {},\n  filters: []\n};\n\nexport default FiltersList;\n"],"file":"FiltersList.js"}

package/lib-es/components/SearchFilter/SearchFilter/SearchFilter.js

@@ -58,8 +58,6 @@ const SearchFilter = ({
   groupAfterDesktop,
   groupAfterMobile
 }) => {
-  const [isDesktop, setIsDesktop] = useState(true);
-  const [pageWidth, setPageWidth] = useState(null);
   const [moreFiltersMobileCollapsed, setMoreFiltersMobileCollapsed] = useState(true);
   const [moreFiltersDesktopCollapsed, setMoreFiltersDesktopCollapsed] = useState(true);
   const [filterValues, dispatch] = useReducer(reducer, initialFilterValues);
@@ -67,27 +65,6 @@ const SearchFilter = ({
     const newQuery = buildQuery(newValues, filters);
     handleSearch(newQuery);
   }, 200);
-  useEffect(() => {
-    if (window && !pageWidth) {
-      setPageWidth(window.innerWidth);
-      setIsDesktop(isDeviceDesktop());
-    }
-
-    const handleResize = ({
-      target: {
-        innerWidth
-      }
-    }) => {
-      setIsDesktop(isDeviceDesktop());
-      setPageWidth(innerWidth);
-      if (isDesktop) setDisplaySearchFilter(false);
-    };
-
-    window.addEventListener('resize', handleResize);
-    return () => {
-      window.removeEventListener('resize', handleResize);
-    };
-  }, [isDesktop, pageWidth, setDisplaySearchFilter]);
   useEffect(() => {
     if (filterValues.shouldSearch) {
       handleSubmit(filterValues);
@@ -96,16 +73,9 @@ const SearchFilter = ({
       });
     }
   }, [filterValues, handleSubmit]);
-  let isDesktopFormDisplayed = true;
-  let isMobileFormDisplayed = false;
-
-  if (!isDesktop && isCollapsedOnResponsive) {
-    isMobileFormDisplayed = displaySearchFilter;
-    isDesktopFormDisplayed = false;
-  }
-
-  const formClass = classnames({
-    'filter__form filter__form--mobile': isMobileFormDisplayed
+  const formClass = classnames('filter__form filter__form--initial', {
+    'filter__form--mobile': isCollapsedOnResponsive && displaySearchFilter,
+    'filter__form--collapsible': isCollapsedOnResponsive
   });
   const {
     moreFiltersMobileWrapperClass,
@@ -133,7 +103,7 @@ const SearchFilter = ({
 
   const shouldGroup = !!(groupAfterDesktop || groupAfterMobile);
   const shouldSearch = !hasUrl;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isDesktopFormDisplayed || isMobileFormDisplayed ? /*#__PURE__*/React.createElement("form", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("form", {
     ref: searchFilterRef,
     className: formClass,
     "data-testid": formId,
@@ -143,11 +113,11 @@ const SearchFilter = ({
       const newQuery = buildQuery(filterValues, filters);
       handleSearch(newQuery);
     }
-  }, isMobileFormDisplayed && /*#__PURE__*/React.createElement(CloseMobileForm, {
+  }, displaySearchFilter && /*#__PURE__*/React.createElement(CloseMobileForm, {
     handleClose: () => setDisplaySearchFilter(false)
   }), /*#__PURE__*/React.createElement("div", {
     className: "filter filter--search-refine"
-  }, isDesktopFormDisplayed && /*#__PURE__*/React.createElement(ResetDesktopForm, {
+  }, /*#__PURE__*/React.createElement(ResetDesktopForm, {
     handleReset: handleReset
   }), /*#__PURE__*/React.createElement("div", {
     className: "filter__wrapper filter__wrapper--search-refine"
@@ -213,19 +183,19 @@ const SearchFilter = ({
   }), /*#__PURE__*/React.createElement("button", {
     className: "button button--full-width",
     type: "submit"
-  }, SEARCH)))), /*#__PURE__*/React.createElement("br", null), isDesktopFormDisplayed && /*#__PURE__*/React.createElement("button", {
+  }, SEARCH)))), /*#__PURE__*/React.createElement("br", null), !displaySearchFilter && /*#__PURE__*/React.createElement("button", {
     className: "button button--full-width",
     type: "submit"
-  }, SEARCH))), isMobileFormDisplayed && /*#__PURE__*/React.createElement(MobileFormToolbar, {
+  }, SEARCH))), displaySearchFilter && /*#__PURE__*/React.createElement(MobileFormToolbar, {
     formId: formId,
     handleReset: handleReset
-  })) : /*#__PURE__*/React.createElement(React.Fragment, null, isCollapsedOnResponsive && /*#__PURE__*/React.createElement("div", {
+  })), isCollapsedOnResponsive && !displaySearchFilter && /*#__PURE__*/React.createElement("div", {
     className: "filter__refine filter__refine--mobile-close",
     "data-testid": "refine-mobile"
   }, /*#__PURE__*/React.createElement("div", {
     role: "button",
     onClick: () => setDisplaySearchFilter(true)
-  }, REFINE))));
+  }, REFINE)));
 };
 
 SearchFilter.propTypes = {