@blaze-cms/react-page-builder 0.129.0 → 0.130.0-structured-data.0

package/src/components/List/helpers/get-list-component.js

@@ -0,0 +1,15 @@
+import {
+  CardRenderWithInfiniteScroll,
+  CardsRender,
+  FullRender,
+  FullRenderWithInfiniteScroll
+} from '../components';
+import { CLASSIC } from '../../../constants';
+
+function getListComponent(isCard, paginationType) {
+  const isNotClassic = paginationType !== CLASSIC;
+  if (isCard) return isNotClassic ? CardRenderWithInfiniteScroll : CardsRender;
+  return isNotClassic ? FullRenderWithInfiniteScroll : FullRender;
+}
+
+export default getListComponent;

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

@@ -6,3 +6,4 @@ export { default as sortAggs } from './sort-aggs';
 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';

package/src/helpers/get-entities-with-banner.js

@@ -1,8 +1,13 @@
 import injectBannersToEntities from './inject-banners-to-entities';
 
-export default function getEntitiesWithBanner(entities, options) {
+export default function getEntitiesWithBanner(entities, options, hasNewBannerSettings) {
   const { hasBanner } = options;
-
+  if (hasNewBannerSettings) {
+    return entities.map(currentEntity => {
+      const { parent, transform, limit } = options;
+      return { ...currentEntity, parent, limit, transform };
+    });
+  }
   if (!hasBanner) return entities;
 
   return injectBannersToEntities(entities, options);

package/tests/unit/src/components/Card/__snapshots__/CardContainer.test.js.snap

@@ -100,6 +100,7 @@ exports[`CardsContainer component should render without throwing error and match
     bannermodifier=""
     class="grid grid-cols-1 "
     itemsperrow="1"
+    numberofcards="2"
   >
     <div
       class="card card--portrait"

package/tests/unit/src/components/CarouselWrapper.test.js

@@ -42,4 +42,13 @@ describe('CarouselWrapper component', () => {
     });
     expect(asFragment()).toMatchSnapshot();
   });
+
+  it('should add smooth-scroll class if prop is true', () => {
+    const { asFragment } = render(CarouselWrapper, {
+      ...mockedProps,
+      enableSmoothScroll: true,
+      itemsPerRow: 3
+    });
+    expect(asFragment()).toMatchSnapshot();
+  });
 });

package/tests/unit/src/components/List/helpers/get-list-component.test.js

@@ -0,0 +1,21 @@
+import getListComponent from '../../../../../../src/components/List/helpers/get-list-component';
+import {
+  CardRenderWithInfiniteScroll,
+  CardsRender,
+  FullRender,
+  FullRenderWithInfiniteScroll
+} from '../../../../../../src/components/List/components';
+import { CLASSIC } from '../../../../../../src/constants';
+
+describe('getListComponent helper function', () => {
+  it('should correct listComponent based on props', () => {
+    const fullAz = getListComponent(false, 'aZ');
+    const cardAz = getListComponent(true, 'aZ');
+    const cardClassic = getListComponent(true, CLASSIC);
+    const fullClassic = getListComponent(false, CLASSIC);
+    expect(fullAz).toEqual(FullRenderWithInfiniteScroll);
+    expect(cardAz).toEqual(CardRenderWithInfiniteScroll);
+    expect(cardClassic).toEqual(CardsRender);
+    expect(fullClassic).toEqual(FullRender);
+  });
+});

package/tests/unit/src/components/__snapshots__/CarouselWrapper.test.js.snap

@@ -72,6 +72,59 @@ exports[`CarouselWrapper component should add modifier bassed on itemsPerRow 1`]
 </DocumentFragment>
 `;
 
+exports[`CarouselWrapper component should add smooth-scroll class if prop is true 1`] = `
+<DocumentFragment>
+  <div
+    class="cards-carousel-smooth"
+  >
+    <div
+      class="cards-carousel--content smooth-scroll items-per-row-3"
+      style="animation-duration: 1s;"
+    >
+      <div>
+        <div>
+          card 1
+        </div>
+        <div>
+          card 2
+        </div>
+        <div>
+          card 3
+        </div>
+        <div>
+          card 4
+        </div>
+        <div>
+          card 5
+        </div>
+      </div>
+    </div>
+    <div
+      class="cards-carousel--content smooth-scroll items-per-row-3"
+      style="animation-duration: 1s;"
+    >
+      <div>
+        <div>
+          card 1
+        </div>
+        <div>
+          card 2
+        </div>
+        <div>
+          card 3
+        </div>
+        <div>
+          card 4
+        </div>
+        <div>
+          card 5
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`CarouselWrapper component should render without throwing an error and match snapshot 1`] = `
 <DocumentFragment>
   <div

package/lib/components/CarouselWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselWrapper.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CarouselWrapper","_ref","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","useRef","_useState","useState","displayLeft","displayRight","_useState2","_slicedToArray2","buttonDisplay","setButtonDisplays","_useState3","_useState4","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","useEffect","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","_ref$current","offsetWidth","scrollWidth","handleScroll","_ref$current2","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","_ref$current3","wrapperClassName","concat","contentClassName","createElement","className","type","onClick","onScroll","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps","_default","exports"],"sources":["../../src/components/CarouselWrapper.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i className=\"cards-carousel--arrow cards-carousel--arrow__left\" />\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i className=\"cards-carousel--arrow cards-carousel--arrow__right\" />\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"CarouselWrapper.js","names":["React","useRef","useState","useEffect","PropTypes","CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","createElement","className","type","onClick","onScroll","propTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"sources":["../../src/components/CarouselWrapper.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i className=\"cards-carousel--arrow cards-carousel--arrow__left\" />\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i className=\"cards-carousel--arrow cards-carousel--arrow__right\" />\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"mappings":"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"}

package/tests/unit/src/components/List/components/Cards/CardRenderWithInfiniteScroll.test.js

@@ -1,12 +0,0 @@
-import CardsRender from '../../../../../../../src/components/List/components/Cards';
-import withInfiniteScroll from '../../../../../../../src/HOC/withInfiniteScroll';
-
-jest.mock('../../../../../../../src/HOC/withInfiniteScroll', () => jest.fn(component => component));
-
-describe('CardRenderWithInfiniteScroll component', () => {
-  it('should wrap FullRender with infinitieScroll HOC', async () => {
-    const CardRenderWithInfiniteScroll = await import('../../../../../../../src/components/List/components/Cards/CardRenderWithInfiniteScroll');
-    expect(CardRenderWithInfiniteScroll.default).toBe(CardsRender);
-    expect(withInfiniteScroll).toHaveBeenCalledWith(CardsRender);
-  });
-});

package/tests/unit/src/components/List/components/Full/FullRenderWithInfiniteScroll.test.js

@@ -1,12 +0,0 @@
-import FullRender from '../../../../../../../src/components/List/components/Full';
-import withInfiniteScroll from '../../../../../../../src/HOC/withInfiniteScroll';
-
-jest.mock('../../../../../../../src/HOC/withInfiniteScroll', () => jest.fn(component => component));
-
-describe('FullRenderWithInfiniteScroll component', () => {
-  it('should wrap FullRender with infinitieScroll HOC', async () => {
-    const FullRenderWithInfiniteScroll = await import('../../../../../../../src/components/List/components/Full/FullRenderWithInfiniteScroll');
-    expect(FullRenderWithInfiniteScroll.default).toBe(FullRender);
-    expect(withInfiniteScroll).toHaveBeenCalledWith(FullRender);
-  });
-});