@blaze-cms/react-page-builder 0.139.0-project-admin-customisations.0 → 0.139.1-core-styles.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +77 -3
- package/README.md +9 -0
- package/lib/components/Banner/BannerRender.js +2 -2
- package/lib/components/Banner/BannerRender.js.map +1 -1
- package/lib/components/Banner/helpers.js +2 -2
- package/lib/components/Banner/helpers.js.map +1 -1
- package/lib/components/BlazeLink.js +2 -2
- package/lib/components/BlazeLink.js.map +1 -1
- package/lib/components/Button.js +2 -2
- package/lib/components/Button.js.map +1 -1
- package/lib/components/Card/Card.js +5 -3
- package/lib/components/Card/Card.js.map +1 -1
- package/lib/components/Card/CardsContainer.js +3 -6
- package/lib/components/Card/CardsContainer.js.map +1 -1
- package/lib/components/Card/CardsRender.js +3 -4
- package/lib/components/Card/CardsRender.js.map +1 -1
- package/lib/components/Card/helpers/filter-query-setup.js +2 -2
- package/lib/components/Card/helpers/filter-query-setup.js.map +1 -1
- package/lib/components/Carousel/Carousel.js +26 -17
- package/lib/components/Carousel/Carousel.js.map +1 -1
- package/lib/components/Carousel/CarouselRender/CarouselRender.js +34 -60
- package/lib/components/Carousel/CarouselRender/CarouselRender.js.map +1 -1
- package/lib/components/Carousel/hooks/useCarouselNavigation.js +56 -0
- package/lib/components/Carousel/hooks/useCarouselNavigation.js.map +1 -0
- package/lib/components/ClickWrapper.js +2 -2
- package/lib/components/ClickWrapper.js.map +1 -1
- package/lib/components/Code/Code.js +2 -2
- package/lib/components/Code/Code.js.map +1 -1
- package/lib/components/Image/Image.js +2 -2
- package/lib/components/Image/Image.js.map +1 -1
- package/lib/components/Image/ImageFactory.js +20 -8
- package/lib/components/Image/ImageFactory.js.map +1 -1
- package/lib/components/Image/ImageRender.js +8 -2
- package/lib/components/Image/ImageRender.js.map +1 -1
- package/lib/components/Layout/Layout.js +9 -5
- package/lib/components/Layout/Layout.js.map +1 -1
- package/lib/components/List/ListBuilder.js +2 -2
- package/lib/components/List/ListBuilder.js.map +1 -1
- package/lib/components/List/ListFactory.js +2 -2
- package/lib/components/List/ListFactory.js.map +1 -1
- package/lib/components/List/components/Cards/CardsRender.js +2 -2
- package/lib/components/List/components/Cards/CardsRender.js.map +1 -1
- package/lib/components/List/components/Full/FullRender.js +9 -5
- package/lib/components/List/components/Full/FullRender.js.map +1 -1
- package/lib/components/List/components/Full/FullRenderItem.js +2 -2
- package/lib/components/List/components/Full/FullRenderItem.js.map +1 -1
- package/lib/components/List/components/Pagination/ListPagination.js +2 -2
- package/lib/components/List/components/Pagination/ListPagination.js.map +1 -1
- package/lib/components/List/helpers/build-az-url.js +2 -2
- package/lib/components/List/helpers/build-az-url.js.map +1 -1
- package/lib/components/List/helpers/build-pagination-url.js +2 -2
- package/lib/components/List/helpers/build-pagination-url.js.map +1 -1
- package/lib/components/SearchContent/SearchContent.js +55 -52
- package/lib/components/SearchContent/SearchContent.js.map +1 -1
- package/lib/components/SearchContent/SearchContentResults.js +16 -17
- package/lib/components/SearchContent/SearchContentResults.js.map +1 -1
- package/lib/components/SearchContent/SearchContentToggleIcon.js +8 -16
- package/lib/components/SearchContent/SearchContentToggleIcon.js.map +1 -1
- package/lib/components/SearchContent/constants.js +12 -0
- package/lib/components/SearchContent/constants.js.map +1 -0
- package/lib/components/SearchFilter/components/Range.js +2 -2
- package/lib/components/SearchFilter/components/Range.js.map +1 -1
- package/lib/components/SearchFilter/searchFilterReducer.js +2 -2
- package/lib/components/SearchFilterSort/helpers/update-sort.js +2 -2
- package/lib/components/SearchFilterSort/helpers/update-sort.js.map +1 -1
- package/lib/components/TextBlock/index.js +2 -2
- package/lib/components/TextBlock/index.js.map +1 -1
- package/lib/components/Video/Video.js +2 -2
- package/lib/components/Video/Video.js.map +1 -1
- package/lib/components/Video/providers/JWPlayer/JWPlayerProvider.js +2 -2
- package/lib/components/Video/providers/JWPlayer/JWPlayerProvider.js.map +1 -1
- package/lib/helpers/append-images.js +2 -2
- package/lib/helpers/build-raw-query-base.js +2 -2
- package/lib/helpers/build-raw-query-base.js.map +1 -1
- package/lib/helpers/build-raw-query.js +2 -2
- package/lib/helpers/build-raw-query.js.map +1 -1
- package/lib/helpers/get-banner-data.js +2 -2
- package/lib/helpers/get-click-wrapper-options.js +2 -2
- package/lib/helpers/get-click-wrapper-options.js.map +1 -1
- package/lib/helpers/get-entities-with-banner.js +2 -2
- package/lib/helpers/get-entities-with-banner.js.map +1 -1
- package/lib/helpers/get-generic-props.js +2 -2
- package/lib/helpers/get-generic-props.js.map +1 -1
- package/lib/helpers/get-generic-render-variables.js +2 -2
- package/lib/helpers/get-generic-render-variables.js.map +1 -1
- package/lib/helpers/inject-multiple-banners/get-banners-for-nodes/get-banners-for-nodes.js +2 -2
- package/lib/helpers/inject-multiple-banners/get-banners-for-nodes/get-banners-for-nodes.js.map +1 -1
- package/lib/helpers/process-data-summary-value.js +2 -2
- package/lib/helpers/process-data-summary-value.js.map +1 -1
- package/lib/helpers/remove-unwanted-characters.js +2 -2
- package/lib/helpers/render-children.js +2 -2
- package/lib/helpers/render-children.js.map +1 -1
- package/lib/helpers/split-children.js +2 -2
- package/lib/helpers/update-childrens-parent.js +2 -2
- package/lib/hooks/helpers/RenderComponent.js +9 -2
- package/lib/hooks/helpers/RenderComponent.js.map +1 -1
- package/lib/hooks/helpers/append-gtm-classname.js +2 -2
- package/lib/hooks/helpers/append-gtm-classname.js.map +1 -1
- package/lib/hooks/helpers/buildPBComponents.js +2 -2
- package/lib/hooks/helpers/buildPBComponents.js.map +1 -1
- package/lib/hooks/helpers/get-lightbox-images.js +2 -2
- package/lib/hooks/helpers/get-lightbox-images.js.map +1 -1
- package/lib/hooks/helpers/getVariant.js +18 -0
- package/lib/hooks/helpers/getVariant.js.map +1 -0
- package/lib/hooks/helpers/inject-element-banners.js +2 -2
- package/lib/hooks/helpers/inject-element-banners.js.map +1 -1
- package/lib/hooks/helpers/inject-textblock-banners.js +2 -2
- package/lib/hooks/helpers/inject-textblock-banners.js.map +1 -1
- package/lib/hooks/use-get-image-id-from-relation.js +2 -2
- package/lib/hooks/use-get-image-id-from-relation.js.map +1 -1
- package/lib/hooks/use-get-images.js +4 -3
- package/lib/hooks/use-get-images.js.map +1 -1
- package/lib/index.js +13 -0
- package/lib/index.js.map +1 -1
- package/lib/utils/component-map.js +4 -4
- package/lib/utils/component-map.js.map +1 -1
- package/lib/utils/get-class-modifiers.js +2 -2
- package/lib/utils/get-class-modifiers.js.map +1 -1
- package/lib/utils/index.js +7 -0
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/variant-handler.js +40 -0
- package/lib/utils/variant-handler.js.map +1 -0
- package/lib/variants/index.js +10 -0
- package/lib/variants/index.js.map +1 -0
- package/lib-es/components/Banner/BannerRender.js +2 -2
- package/lib-es/components/Banner/helpers.js +2 -2
- package/lib-es/components/BlazeLink.js +2 -2
- package/lib-es/components/Button.js +2 -2
- package/lib-es/components/Card/Card.js +5 -3
- package/lib-es/components/Card/Card.js.map +1 -1
- package/lib-es/components/Card/CardsContainer.js +4 -7
- package/lib-es/components/Card/CardsContainer.js.map +1 -1
- package/lib-es/components/Card/CardsRender.js +3 -4
- package/lib-es/components/Card/CardsRender.js.map +1 -1
- package/lib-es/components/Card/helpers/filter-query-setup.js +2 -2
- package/lib-es/components/Carousel/Carousel.js +27 -17
- package/lib-es/components/Carousel/Carousel.js.map +1 -1
- package/lib-es/components/Carousel/CarouselRender/CarouselRender.js +33 -53
- package/lib-es/components/Carousel/CarouselRender/CarouselRender.js.map +1 -1
- package/lib-es/components/Carousel/hooks/useCarouselNavigation.js +49 -0
- package/lib-es/components/Carousel/hooks/useCarouselNavigation.js.map +1 -0
- package/lib-es/components/ClickWrapper.js +2 -2
- package/lib-es/components/Code/Code.js +2 -2
- package/lib-es/components/Image/Image.js +2 -2
- package/lib-es/components/Image/ImageFactory.js +18 -8
- package/lib-es/components/Image/ImageFactory.js.map +1 -1
- package/lib-es/components/Image/ImageRender.js +9 -3
- package/lib-es/components/Image/ImageRender.js.map +1 -1
- package/lib-es/components/Layout/Layout.js +10 -6
- package/lib-es/components/Layout/Layout.js.map +1 -1
- package/lib-es/components/List/ListBuilder.js +2 -2
- package/lib-es/components/List/ListFactory.js +2 -2
- package/lib-es/components/List/components/Cards/CardsRender.js +2 -2
- package/lib-es/components/List/components/Full/FullRender.js +11 -7
- package/lib-es/components/List/components/Full/FullRender.js.map +1 -1
- package/lib-es/components/List/components/Full/FullRenderItem.js +2 -2
- package/lib-es/components/List/components/Pagination/ListPagination.js +2 -2
- package/lib-es/components/List/helpers/build-az-url.js +2 -2
- package/lib-es/components/List/helpers/build-pagination-url.js +2 -2
- package/lib-es/components/SearchContent/SearchContent.js +53 -49
- package/lib-es/components/SearchContent/SearchContent.js.map +1 -1
- package/lib-es/components/SearchContent/SearchContentResults.js +16 -17
- package/lib-es/components/SearchContent/SearchContentResults.js.map +1 -1
- package/lib-es/components/SearchContent/SearchContentToggleIcon.js +13 -23
- package/lib-es/components/SearchContent/SearchContentToggleIcon.js.map +1 -1
- package/lib-es/components/SearchContent/constants.js +4 -0
- package/lib-es/components/SearchContent/constants.js.map +1 -0
- package/lib-es/components/SearchFilter/components/Range.js +2 -2
- package/lib-es/components/SearchFilter/searchFilterReducer.js +2 -2
- package/lib-es/components/SearchFilterSort/helpers/update-sort.js +2 -2
- package/lib-es/components/TextBlock/index.js +2 -2
- package/lib-es/components/Video/Video.js +2 -2
- package/lib-es/components/Video/providers/JWPlayer/JWPlayerProvider.js +2 -2
- package/lib-es/helpers/append-images.js +2 -2
- package/lib-es/helpers/build-raw-query-base.js +2 -2
- package/lib-es/helpers/build-raw-query.js +2 -2
- package/lib-es/helpers/get-banner-data.js +2 -2
- package/lib-es/helpers/get-click-wrapper-options.js +2 -2
- package/lib-es/helpers/get-entities-with-banner.js +2 -2
- package/lib-es/helpers/get-generic-props.js +2 -2
- package/lib-es/helpers/get-generic-render-variables.js +2 -2
- package/lib-es/helpers/inject-multiple-banners/get-banners-for-nodes/get-banners-for-nodes.js +2 -2
- package/lib-es/helpers/process-data-summary-value.js +2 -2
- package/lib-es/helpers/remove-unwanted-characters.js +2 -2
- package/lib-es/helpers/render-children.js +2 -2
- package/lib-es/helpers/split-children.js +2 -2
- package/lib-es/helpers/update-childrens-parent.js +2 -2
- package/lib-es/hooks/helpers/RenderComponent.js +5 -2
- package/lib-es/hooks/helpers/RenderComponent.js.map +1 -1
- package/lib-es/hooks/helpers/append-gtm-classname.js +2 -2
- package/lib-es/hooks/helpers/buildPBComponents.js +2 -2
- package/lib-es/hooks/helpers/get-lightbox-images.js +2 -2
- package/lib-es/hooks/helpers/getVariant.js +14 -0
- package/lib-es/hooks/helpers/getVariant.js.map +1 -0
- package/lib-es/hooks/helpers/inject-element-banners.js +2 -2
- package/lib-es/hooks/helpers/inject-textblock-banners.js +2 -2
- package/lib-es/hooks/use-get-image-id-from-relation.js +2 -2
- package/lib-es/hooks/use-get-image-id-from-relation.js.map +1 -1
- package/lib-es/hooks/use-get-images.js +4 -4
- package/lib-es/hooks/use-get-images.js.map +1 -1
- package/lib-es/index.js +2 -1
- package/lib-es/index.js.map +1 -1
- package/lib-es/utils/component-map.js +4 -4
- package/lib-es/utils/component-map.js.map +1 -1
- package/lib-es/utils/get-class-modifiers.js +2 -2
- package/lib-es/utils/index.js +2 -1
- package/lib-es/utils/index.js.map +1 -1
- package/lib-es/utils/variant-handler.js +26 -0
- package/lib-es/utils/variant-handler.js.map +1 -0
- package/lib-es/variants/index.js +2 -0
- package/lib-es/variants/index.js.map +1 -0
- package/package.json +11 -11
- package/src/components/Card/Card.js +1 -2
- package/src/components/Card/CardsContainer.js +0 -3
- package/src/components/Card/CardsRender.js +0 -1
- package/src/components/Carousel/Carousel.js +28 -12
- package/src/components/Carousel/CarouselRender/CarouselRender.js +36 -56
- package/src/components/Carousel/hooks/useCarouselNavigation.js +50 -0
- package/src/components/Image/ImageFactory.js +20 -5
- package/src/components/Image/ImageRender.js +14 -8
- package/src/components/Layout/Layout.js +8 -5
- package/src/components/List/components/Full/FullRender.js +11 -3
- package/src/components/SearchContent/SearchContent.js +66 -52
- package/src/components/SearchContent/SearchContentResults.js +17 -17
- package/src/components/SearchContent/SearchContentToggleIcon.js +10 -23
- package/src/components/SearchContent/constants.js +6 -0
- package/src/hooks/helpers/RenderComponent.js +4 -0
- package/src/hooks/helpers/getVariant.js +11 -0
- package/src/hooks/use-get-image-id-from-relation.js +13 -2
- package/src/hooks/use-get-images.js +4 -4
- package/src/index.js +2 -1
- package/src/utils/component-map.js +4 -5
- package/src/utils/index.js +9 -1
- package/src/utils/variant-handler.js +33 -0
- package/src/variants/index.js +1 -0
- package/tests/unit/src/components/Carousel/Carousel.test.js +23 -0
- package/tests/unit/src/components/Carousel/CarouselRender/CarouselRender.test.js +14 -22
- package/tests/unit/src/components/Carousel/__snapshots__/Carousel.test.js.snap +10 -0
- package/tests/unit/src/components/Image/ImageFactory.test.js +20 -3
- package/tests/unit/src/components/Image/ImageRender.test.js +12 -0
- package/tests/unit/src/components/Image/__snapshots__/ImageFactory.test.js.snap +24 -0
- package/tests/unit/src/components/Image/__snapshots__/ImageRender.test.js.snap +9 -0
- package/tests/unit/src/components/Image/mocks.js +49 -1
- package/tests/unit/src/components/Layout/Layout.test.js +11 -0
- package/tests/unit/src/components/List/components/Full/FullRender.test.js +14 -1
- package/tests/unit/src/components/List/components/Full/__snapshots__/FullRender.test.js.snap +24 -6
- package/tests/unit/src/components/List/components/mocks.js +9 -3
- package/tests/unit/src/components/Menu/__snapshots__/Menu.test.js.snap +1 -1
- package/tests/unit/src/components/PlaceholderIcon/__snapshots__/index.test.js.snap +4 -6
- package/tests/unit/src/components/SearchContent/SearchContent.test.js +32 -7
- package/tests/unit/src/components/SearchContent/__snapshots__/SearchContent.test.js.snap +66 -2
- package/tests/unit/src/utils/variant-handler.test.js +41 -0
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { useState, useRef } from 'react';
|
|
2
|
+
export function useCarouselNavigation({
|
|
3
|
+
imageIds,
|
|
4
|
+
displayCount
|
|
5
|
+
}) {
|
|
6
|
+
const [showCount, setShowCount] = useState(displayCount);
|
|
7
|
+
const listRef = useRef(null);
|
|
8
|
+
const getListElement = () => {
|
|
9
|
+
if (!listRef.current) return null;
|
|
10
|
+
return listRef.current;
|
|
11
|
+
};
|
|
12
|
+
const moveScroll = (numberOfPixels, isNext) => {
|
|
13
|
+
const listElement = getListElement();
|
|
14
|
+
if (!listElement) return;
|
|
15
|
+
const totalDistance = listElement.scrollLeft + numberOfPixels;
|
|
16
|
+
const {
|
|
17
|
+
scrollLeft,
|
|
18
|
+
offsetWidth,
|
|
19
|
+
scrollWidth
|
|
20
|
+
} = listElement;
|
|
21
|
+
if (isNext && offsetWidth + scrollLeft >= scrollWidth) return;
|
|
22
|
+
const leftPosition = totalDistance < 0 ? 0 : Math.max(-scrollLeft, totalDistance);
|
|
23
|
+
listElement.scrollTo({
|
|
24
|
+
top: 0,
|
|
25
|
+
left: leftPosition,
|
|
26
|
+
behavior: 'smooth'
|
|
27
|
+
});
|
|
28
|
+
};
|
|
29
|
+
const handleNavigation = direction => {
|
|
30
|
+
setShowCount(false);
|
|
31
|
+
const listElement = getListElement();
|
|
32
|
+
if (!listElement) return;
|
|
33
|
+
const {
|
|
34
|
+
scrollWidth
|
|
35
|
+
} = listElement;
|
|
36
|
+
const offset = scrollWidth / imageIds.length;
|
|
37
|
+
direction ? moveScroll(offset, direction) : moveScroll(-offset, direction);
|
|
38
|
+
};
|
|
39
|
+
return {
|
|
40
|
+
listRef,
|
|
41
|
+
showCount,
|
|
42
|
+
handleNavigation,
|
|
43
|
+
direction: {
|
|
44
|
+
next: true,
|
|
45
|
+
back: false
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=useCarouselNavigation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useCarouselNavigation.js","names":["useState","useRef","useCarouselNavigation","imageIds","displayCount","showCount","setShowCount","listRef","getListElement","current","moveScroll","numberOfPixels","isNext","listElement","totalDistance","scrollLeft","offsetWidth","scrollWidth","leftPosition","Math","max","scrollTo","top","left","behavior","handleNavigation","direction","offset","length","next","back"],"sources":["../../../../src/components/Carousel/hooks/useCarouselNavigation.js"],"sourcesContent":["import { useState, useRef } from 'react';\n\nexport function useCarouselNavigation({ imageIds, displayCount }) {\n const [showCount, setShowCount] = useState(displayCount);\n const listRef = useRef(null);\n\n const getListElement = () => {\n if (!listRef.current) return null;\n return listRef.current;\n };\n\n const moveScroll = (numberOfPixels, isNext) => {\n const listElement = getListElement();\n if (!listElement) return;\n\n const totalDistance = listElement.scrollLeft + numberOfPixels;\n const { scrollLeft, offsetWidth, scrollWidth } = listElement;\n if (isNext && offsetWidth + scrollLeft >= scrollWidth) return;\n\n const leftPosition = totalDistance < 0 ? 0 : Math.max(-scrollLeft, totalDistance);\n\n listElement.scrollTo({\n top: 0,\n left: leftPosition,\n behavior: 'smooth'\n });\n };\n\n const handleNavigation = direction => {\n setShowCount(false);\n\n const listElement = getListElement();\n if (!listElement) return;\n\n const { scrollWidth } = listElement;\n const offset = scrollWidth / imageIds.length;\n\n direction ? moveScroll(offset, direction) : moveScroll(-offset, direction);\n };\n\n return {\n listRef,\n showCount,\n handleNavigation,\n direction: {\n next: true,\n back: false\n }\n };\n}\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AAExC,OAAO,SAASC,qBAAqBA,CAAC;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAE;EAChE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGN,QAAQ,CAACI,YAAY,CAAC;EACxD,MAAMG,OAAO,GAAGN,MAAM,CAAC,IAAI,CAAC;EAE5B,MAAMO,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAACD,OAAO,CAACE,OAAO,EAAE,OAAO,IAAI;IACjC,OAAOF,OAAO,CAACE,OAAO;EACxB,CAAC;EAED,MAAMC,UAAU,GAAGA,CAACC,cAAc,EAAEC,MAAM,KAAK;IAC7C,MAAMC,WAAW,GAAGL,cAAc,CAAC,CAAC;IACpC,IAAI,CAACK,WAAW,EAAE;IAElB,MAAMC,aAAa,GAAGD,WAAW,CAACE,UAAU,GAAGJ,cAAc;IAC7D,MAAM;MAAEI,UAAU;MAAEC,WAAW;MAAEC;IAAY,CAAC,GAAGJ,WAAW;IAC5D,IAAID,MAAM,IAAII,WAAW,GAAGD,UAAU,IAAIE,WAAW,EAAE;IAEvD,MAAMC,YAAY,GAAGJ,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGK,IAAI,CAACC,GAAG,CAAC,CAACL,UAAU,EAAED,aAAa,CAAC;IAEjFD,WAAW,CAACQ,QAAQ,CAAC;MACnBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAEL,YAAY;MAClBM,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ,CAAC;EAED,MAAMC,gBAAgB,GAAGC,SAAS,IAAI;IACpCpB,YAAY,CAAC,KAAK,CAAC;IAEnB,MAAMO,WAAW,GAAGL,cAAc,CAAC,CAAC;IACpC,IAAI,CAACK,WAAW,EAAE;IAElB,MAAM;MAAEI;IAAY,CAAC,GAAGJ,WAAW;IACnC,MAAMc,MAAM,GAAGV,WAAW,GAAGd,QAAQ,CAACyB,MAAM;IAE5CF,SAAS,GAAGhB,UAAU,CAACiB,MAAM,EAAED,SAAS,CAAC,GAAGhB,UAAU,CAAC,CAACiB,MAAM,EAAED,SAAS,CAAC;EAC5E,CAAC;EAED,OAAO;IACLnB,OAAO;IACPF,SAAS;IACToB,gBAAgB;IAChBC,SAAS,EAAE;MACTG,IAAI,EAAE,IAAI;MACVC,IAAI,EAAE;IACR;EACF,CAAC;AACH"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
const _excluded = ["children", "gtmChildren", "id"];
|
|
4
|
-
function ownKeys(
|
|
5
|
-
function _objectSpread(
|
|
4
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
6
|
import React, { useState } from 'react';
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
8
8
|
import { renderChildren } from '../helpers';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
const _excluded = ["code", "parserOptions", "disableWrapper"];
|
|
4
|
-
function ownKeys(
|
|
5
|
-
function _objectSpread(
|
|
4
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
6
|
import React, { memo } from 'react';
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
8
8
|
import parseHTML from 'html-react-parser';
|
|
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
const _excluded = ["url", "modifier", "imageId", "enableLightbox", "name", "toggleModal", "handleSelectedImage", "displayCount", "lightboxImages", "isHero", "priority", "type", "areImageCreditsDisplayed", "isCaptionDisplayed", "images", "imageData", "imageUrl", "elementTitle", "credits", "imageCredits", "children"];
|
|
5
|
-
function ownKeys(
|
|
6
|
-
function _objectSpread(
|
|
5
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7
7
|
import React, { useState } from 'react';
|
|
8
8
|
import PropTypes from 'prop-types';
|
|
9
9
|
import { useInView } from '@blaze-react/utils/lib/customHooks';
|
|
@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import React, { useContext } from 'react';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import { MainContext } from '@blaze-cms/nextjs-components';
|
|
5
|
+
import { useStringTemplate } from '@blaze-cms/utils-handlebars';
|
|
5
6
|
import Image from './Image';
|
|
6
7
|
import { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';
|
|
7
8
|
import { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';
|
|
@@ -11,26 +12,31 @@ const ImageFactory = props => {
|
|
|
11
12
|
parent: {
|
|
12
13
|
itemId
|
|
13
14
|
},
|
|
15
|
+
parent,
|
|
14
16
|
entity,
|
|
15
17
|
fetchFromRelation,
|
|
16
|
-
imageRelation
|
|
18
|
+
imageRelation,
|
|
19
|
+
imgSrc
|
|
17
20
|
} = props;
|
|
18
21
|
const {
|
|
19
22
|
isPreview
|
|
20
23
|
} = useContext(MainContext);
|
|
24
|
+
const {
|
|
25
|
+
data: [imgSrcToUse]
|
|
26
|
+
} = useStringTemplate(parent, [imgSrc]);
|
|
27
|
+
const skipSingleEntitySchema = !entity || !!imgSrcToUse;
|
|
21
28
|
const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);
|
|
22
29
|
const {
|
|
23
30
|
data: {
|
|
24
|
-
getEntitySchema
|
|
31
|
+
getEntitySchema: {
|
|
32
|
+
actions = {}
|
|
33
|
+
} = {}
|
|
25
34
|
} = {}
|
|
26
|
-
} = useGetSingleEntitySchema(entity,
|
|
27
|
-
const {
|
|
28
|
-
actions = {}
|
|
29
|
-
} = getEntitySchema;
|
|
35
|
+
} = useGetSingleEntitySchema(entity, skipSingleEntitySchema);
|
|
30
36
|
const {
|
|
31
37
|
data: relationData,
|
|
32
38
|
loading: relationLoading
|
|
33
|
-
} = useGetImageIdFromRelation(itemId, imageRelation, actions, isUsingRelationImage, isPreview);
|
|
39
|
+
} = useGetImageIdFromRelation(itemId, imageRelation, actions, isUsingRelationImage, isPreview, !!imgSrcToUse);
|
|
34
40
|
const updatedImageIds = relationLoading ? null : getImageIds(imageRelation, relationData, imageId);
|
|
35
41
|
const imageIds = updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;
|
|
36
42
|
const {
|
|
@@ -40,9 +46,13 @@ const ImageFactory = props => {
|
|
|
40
46
|
} = {},
|
|
41
47
|
loading,
|
|
42
48
|
error
|
|
43
|
-
} = useGetImages(imageIds, updatedImageIds && updatedImageIds.length > 1);
|
|
49
|
+
} = useGetImages(imageIds, updatedImageIds && updatedImageIds.length > 1, !!imgSrcToUse);
|
|
44
50
|
if (error) return error.message;
|
|
45
51
|
if (loading) return '';
|
|
52
|
+
if (imgSrcToUse) return /*#__PURE__*/React.createElement(Image, _extends({}, props, {
|
|
53
|
+
imageUrl: imgSrcToUse,
|
|
54
|
+
shouldRenderImgTag: true
|
|
55
|
+
}));
|
|
46
56
|
const files = getFile ? [getFile] : getFiles;
|
|
47
57
|
return files.map(({
|
|
48
58
|
id,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageFactory.js","names":["React","useContext","PropTypes","MainContext","Image","useGetImageIdFromRelation","useGetImages","useGetSingleEntitySchema","getImageIds","isUsingRelationImage","checkIfUsingRelationImage","ImageFactory","props","imageId","parent","itemId","entity","fetchFromRelation","imageRelation","isPreview","data","getEntitySchema","actions","relationData","loading","relationLoading","updatedImageIds","imageIds","length","getFile","getFiles","error","message","
|
|
1
|
+
{"version":3,"file":"ImageFactory.js","names":["React","useContext","PropTypes","MainContext","useStringTemplate","Image","useGetImageIdFromRelation","useGetImages","useGetSingleEntitySchema","getImageIds","isUsingRelationImage","checkIfUsingRelationImage","ImageFactory","props","imageId","parent","itemId","entity","fetchFromRelation","imageRelation","imgSrc","isPreview","data","imgSrcToUse","skipSingleEntitySchema","getEntitySchema","actions","relationData","loading","relationLoading","updatedImageIds","imageIds","length","getFile","getFiles","error","message","createElement","_extends","imageUrl","shouldRenderImgTag","files","map","id","imageData","url","key","propTypes","string","bool","array","object","defaultProps"],"sources":["../../../src/components/Image/ImageFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n const {\n imageId,\n parent: { itemId },\n parent,\n entity,\n fetchFromRelation,\n imageRelation,\n imgSrc\n } = props;\n const { isPreview } = useContext(MainContext);\n const {\n data: [imgSrcToUse]\n } = useStringTemplate(parent, [imgSrc]);\n\n const skipSingleEntitySchema = !entity || !!imgSrcToUse;\n const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n const { data: { getEntitySchema: { actions = {} } = {} } = {} } = useGetSingleEntitySchema(\n entity,\n skipSingleEntitySchema\n );\n const { data: relationData, loading: relationLoading } = useGetImageIdFromRelation(\n itemId,\n imageRelation,\n actions,\n isUsingRelationImage,\n isPreview,\n !!imgSrcToUse\n );\n\n const updatedImageIds = relationLoading\n ? null\n : getImageIds(imageRelation, relationData, imageId);\n const imageIds =\n updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;\n const { data: { getFile, getFiles = [] } = {}, loading, error } = useGetImages(\n imageIds,\n updatedImageIds && updatedImageIds.length > 1,\n !!imgSrcToUse\n );\n if (error) return error.message;\n if (loading) return '';\n\n if (imgSrcToUse) return <Image {...props} imageUrl={imgSrcToUse} shouldRenderImgTag />;\n\n const files = getFile ? [getFile] : getFiles;\n\n return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n if (!imageUrl) return null;\n return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n });\n};\n\nImageFactory.propTypes = {\n entity: PropTypes.string,\n fetchFromRelation: PropTypes.bool,\n imageId: PropTypes.string,\n imageRelation: PropTypes.array,\n parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n entity: '',\n fetchFromRelation: false,\n imageId: '',\n imageRelation: [],\n parent: {}\n};\n\nexport default ImageFactory;\n"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
|
-
const _excluded = ["alt", "imageUrl", "handleEnableLightbox", "toggleLightbox", "displayLightbox", "enableLightbox", "caption", "lightboxImgProps", "name", "metaTitle", "heroModifier", "style", "isHero", "priority", "sizeKey"];
|
|
3
|
+
const _excluded = ["alt", "imageUrl", "handleEnableLightbox", "toggleLightbox", "displayLightbox", "enableLightbox", "caption", "lightboxImgProps", "name", "metaTitle", "heroModifier", "style", "isHero", "priority", "sizeKey", "shouldRenderImgTag"];
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
import Head from 'next/head';
|
|
@@ -22,14 +22,20 @@ const ImageRender = _ref => {
|
|
|
22
22
|
style,
|
|
23
23
|
isHero,
|
|
24
24
|
priority,
|
|
25
|
-
sizeKey
|
|
25
|
+
sizeKey,
|
|
26
|
+
shouldRenderImgTag
|
|
26
27
|
} = _ref,
|
|
27
28
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
28
29
|
const imageStyle = enableLightbox ? {
|
|
29
30
|
cursor: 'pointer'
|
|
30
31
|
} : style;
|
|
31
32
|
const HeadComponent = priority ? Head : null;
|
|
32
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(
|
|
33
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderImgTag ? /*#__PURE__*/React.createElement("img", {
|
|
34
|
+
style: imageStyle,
|
|
35
|
+
src: imageUrl,
|
|
36
|
+
alt: alt,
|
|
37
|
+
onClick: handleEnableLightbox
|
|
38
|
+
}) : /*#__PURE__*/React.createElement(ResponsiveImage, {
|
|
33
39
|
sizeKey: sizeKey,
|
|
34
40
|
alt: alt,
|
|
35
41
|
src: imageUrl,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageRender.js","names":["React","PropTypes","Head","ResponsiveImage","Lightbox","ImageRender","_ref","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","otherProps","_objectWithoutProperties","_excluded","imageStyle","cursor","HeadComponent","createElement","Fragment","src","onClick","_extends","closeModal","imgWrapperProps","propTypes","bool","isRequired","string","func","object","defaultProps"],"sources":["../../../src/components/Image/ImageRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n alt,\n imageUrl,\n handleEnableLightbox,\n toggleLightbox,\n displayLightbox,\n enableLightbox,\n caption,\n lightboxImgProps,\n name,\n metaTitle,\n heroModifier,\n style,\n isHero,\n priority,\n sizeKey,\n ...otherProps\n}) => {\n const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n const HeadComponent = priority ? Head : null;\n\n return (\n <>\n <ResponsiveImage\n
|
|
1
|
+
{"version":3,"file":"ImageRender.js","names":["React","PropTypes","Head","ResponsiveImage","Lightbox","ImageRender","_ref","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","shouldRenderImgTag","otherProps","_objectWithoutProperties","_excluded","imageStyle","cursor","HeadComponent","createElement","Fragment","src","onClick","_extends","closeModal","imgWrapperProps","propTypes","bool","isRequired","string","func","object","defaultProps"],"sources":["../../../src/components/Image/ImageRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n alt,\n imageUrl,\n handleEnableLightbox,\n toggleLightbox,\n displayLightbox,\n enableLightbox,\n caption,\n lightboxImgProps,\n name,\n metaTitle,\n heroModifier,\n style,\n isHero,\n priority,\n sizeKey,\n shouldRenderImgTag,\n ...otherProps\n}) => {\n const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n const HeadComponent = priority ? Head : null;\n\n return (\n <>\n {shouldRenderImgTag ? (\n <img style={imageStyle} src={imageUrl} alt={alt} onClick={handleEnableLightbox} />\n ) : (\n <ResponsiveImage\n sizeKey={sizeKey}\n alt={alt}\n src={imageUrl}\n onClick={handleEnableLightbox}\n style={imageStyle}\n HeadComponent={HeadComponent}\n />\n )}\n\n {displayLightbox && (\n <Lightbox\n imageUrl={imageUrl}\n alt={alt}\n priority={priority}\n closeModal={toggleLightbox}\n caption={caption}\n imgWrapperProps={lightboxImgProps}\n name={metaTitle || name}\n {...otherProps}\n />\n )}\n </>\n );\n};\n\nImageRender.propTypes = {\n displayLightbox: PropTypes.bool.isRequired,\n enableLightbox: PropTypes.bool.isRequired,\n alt: PropTypes.string,\n caption: PropTypes.string,\n imageUrl: PropTypes.string.isRequired,\n name: PropTypes.string,\n heroModifier: PropTypes.string,\n metaTitle: PropTypes.string,\n handleEnableLightbox: PropTypes.func.isRequired,\n toggleLightbox: PropTypes.func.isRequired,\n lightboxImgProps: PropTypes.object.isRequired,\n style: PropTypes.object,\n isHero: PropTypes.bool,\n priority: PropTypes.bool,\n sizeKey: PropTypes.string\n};\n\nImageRender.defaultProps = {\n name: '',\n metaTitle: '',\n heroModifier: '',\n alt: '',\n caption: '',\n isHero: false,\n priority: false,\n style: {},\n sizeKey: ''\n};\n\nexport default ImageRender;\n"],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
const _excluded = ["type", "children", "settings", "modifier", "backgroundImage", "tagType", "dataNoSnippet", "sticky"];
|
|
5
|
-
function ownKeys(
|
|
6
|
-
function _objectSpread(
|
|
4
|
+
const _excluded = ["type", "children", "settings", "modifier", "backgroundImage", "tagType", "dataNoSnippet", "sticky", "VariantComponent"];
|
|
5
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import PropTypes from 'prop-types';
|
|
9
9
|
import Wrapper from '../Wrapper';
|
|
@@ -21,7 +21,8 @@ const Layout = React.forwardRef((_ref, ref) => {
|
|
|
21
21
|
backgroundImage,
|
|
22
22
|
tagType,
|
|
23
23
|
dataNoSnippet,
|
|
24
|
-
sticky
|
|
24
|
+
sticky,
|
|
25
|
+
VariantComponent
|
|
25
26
|
} = _ref,
|
|
26
27
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
27
28
|
const {
|
|
@@ -45,7 +46,8 @@ const Layout = React.forwardRef((_ref, ref) => {
|
|
|
45
46
|
if (type === COLUMN && !hasChildren(children)) return null;
|
|
46
47
|
const otherWrapperProps = {};
|
|
47
48
|
if (dataNoSnippet) otherWrapperProps['data-nosnippet'] = true;
|
|
48
|
-
|
|
49
|
+
const WrapperComponent = VariantComponent || Wrapper;
|
|
50
|
+
return /*#__PURE__*/React.createElement(WrapperComponent, _extends({
|
|
49
51
|
ref: ref,
|
|
50
52
|
tagType: tagType,
|
|
51
53
|
className: type,
|
|
@@ -65,6 +67,7 @@ Layout.propTypes = {
|
|
|
65
67
|
backgroundImage: PropTypes.string,
|
|
66
68
|
tagType: PropTypes.string,
|
|
67
69
|
dataNoSnippet: PropTypes.bool,
|
|
70
|
+
VariantComponent: PropTypes.func,
|
|
68
71
|
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
|
|
69
72
|
};
|
|
70
73
|
Layout.defaultProps = {
|
|
@@ -75,7 +78,8 @@ Layout.defaultProps = {
|
|
|
75
78
|
modifier: '',
|
|
76
79
|
tagType: '',
|
|
77
80
|
dataNoSnippet: false,
|
|
78
|
-
sticky: false
|
|
81
|
+
sticky: false,
|
|
82
|
+
VariantComponent: null
|
|
79
83
|
};
|
|
80
84
|
export default Layout;
|
|
81
85
|
//# sourceMappingURL=Layout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.js","names":["React","PropTypes","Wrapper","getClassModifiers","useGetImages","getStylesToUpdate","checkIfRowHasColumns","renderChildren","hasChildren","COLUMN","Layout","forwardRef","_ref","ref","type","children","settings","modifier","backgroundImage","tagType","dataNoSnippet","sticky","otherProps","_objectWithoutProperties","_excluded","data","getFile","url","style","title","classModifiers","_objectSpread","additionalRowModifier","otherWrapperProps","createElement","_extends","className","modifiers","propTypes","string","isRequired","bool","shape","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\nimport { useGetImages } from '../../hooks';\nimport { getStylesToUpdate, checkIfRowHasColumns } from './helpers';\nimport { renderChildren, hasChildren } from '../../helpers';\nimport { COLUMN } from '../../constants';\n\nconst Layout = React.forwardRef(\n (\n {\n type,\n children,\n settings,\n modifier,\n backgroundImage,\n tagType,\n dataNoSnippet,\n sticky,\n ...otherProps\n },\n ref\n ) => {\n const {\n data: { getFile: { url = null } = {} }\n } = useGetImages(backgroundImage);\n
|
|
1
|
+
{"version":3,"file":"Layout.js","names":["React","PropTypes","Wrapper","getClassModifiers","useGetImages","getStylesToUpdate","checkIfRowHasColumns","renderChildren","hasChildren","COLUMN","Layout","forwardRef","_ref","ref","type","children","settings","modifier","backgroundImage","tagType","dataNoSnippet","sticky","VariantComponent","otherProps","_objectWithoutProperties","_excluded","data","getFile","url","style","title","classModifiers","_objectSpread","additionalRowModifier","otherWrapperProps","WrapperComponent","createElement","_extends","className","modifiers","propTypes","string","isRequired","bool","shape","func","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\nimport { useGetImages } from '../../hooks';\nimport { getStylesToUpdate, checkIfRowHasColumns } from './helpers';\nimport { renderChildren, hasChildren } from '../../helpers';\nimport { COLUMN } from '../../constants';\n\nconst Layout = React.forwardRef(\n (\n {\n type,\n children,\n settings,\n modifier,\n backgroundImage,\n tagType,\n dataNoSnippet,\n sticky,\n VariantComponent,\n ...otherProps\n },\n ref\n ) => {\n const {\n data: { getFile: { url = null } = {} }\n } = useGetImages(backgroundImage);\n const style = getStylesToUpdate({ backgroundImage: url });\n const { title } = settings;\n const classModifiers = getClassModifiers(type, { modifier, sticky, ...otherProps });\n const additionalRowModifier = checkIfRowHasColumns(type, children) ? ' display-row' : '';\n\n if (type === COLUMN && !hasChildren(children)) return null;\n\n const otherWrapperProps = {};\n if (dataNoSnippet) otherWrapperProps['data-nosnippet'] = true;\n\n const WrapperComponent = VariantComponent || Wrapper;\n\n return (\n <WrapperComponent\n ref={ref}\n tagType={tagType}\n className={type}\n modifiers={`${classModifiers}${additionalRowModifier}`}\n style={style}\n {...otherWrapperProps}>\n {title && <h2 className=\"heading heading--section\">{title}</h2>}\n {renderChildren(children, otherProps)}\n </WrapperComponent>\n );\n }\n);\n\nLayout.propTypes = {\n type: PropTypes.string.isRequired,\n sticky: PropTypes.bool,\n settings: PropTypes.shape({\n title: PropTypes.string\n }),\n modifier: PropTypes.string,\n backgroundImage: PropTypes.string,\n tagType: PropTypes.string,\n dataNoSnippet: PropTypes.bool,\n VariantComponent: PropTypes.func,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nLayout.defaultProps = {\n settings: {\n title: ''\n },\n backgroundImage: '',\n modifier: '',\n tagType: '',\n dataNoSnippet: false,\n sticky: false,\n VariantComponent: null\n};\n\nexport default Layout;\n"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
function ownKeys(
|
|
4
|
-
function _objectSpread(
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import { useQuery } from '@apollo/client';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
4
|
import React, { useContext } from 'react';
|
|
5
5
|
import { useQuery } from '@apollo/client';
|
|
6
6
|
import { parseUrl } from 'query-string';
|
|
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
const _excluded = ["orderedListData", "gridModifier", "children", "entity", "banner", "omitWrappers", "propsToDisplay", "paginationType", "parent", "hasBanner", "gtmData", "itemsToDisplay"];
|
|
5
|
-
function ownKeys(
|
|
6
|
-
function _objectSpread(
|
|
5
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7
7
|
import React, { Fragment } from 'react';
|
|
8
8
|
import PropTypes from 'prop-types';
|
|
9
9
|
import CardsRenderWrapper from './CardsRenderWrapper';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
-
const _excluded = ["orderedListData", "omitWrappers", "paginationType"],
|
|
5
|
-
_excluded2 = ["id"];
|
|
6
|
-
function ownKeys(
|
|
7
|
-
function _objectSpread(
|
|
4
|
+
const _excluded = ["orderedListData", "omitWrappers", "paginationType", "graphqlEntityMap"],
|
|
5
|
+
_excluded2 = ["id", "__typename"];
|
|
6
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
7
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
8
|
import React, { Fragment, useContext } from 'react';
|
|
9
9
|
import { MainContext, MainContextProvider } from '@blaze-cms/nextjs-components';
|
|
10
10
|
import PropTypes from 'prop-types';
|
|
@@ -19,7 +19,8 @@ const FullRender = _ref => {
|
|
|
19
19
|
let {
|
|
20
20
|
orderedListData,
|
|
21
21
|
omitWrappers,
|
|
22
|
-
paginationType
|
|
22
|
+
paginationType,
|
|
23
|
+
graphqlEntityMap
|
|
23
24
|
} = _ref,
|
|
24
25
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
25
26
|
const contextProps = useContext(MainContext);
|
|
@@ -49,7 +50,8 @@ const FullRender = _ref => {
|
|
|
49
50
|
className: "list list--full"
|
|
50
51
|
}, orderedListData.map((_ref2, i) => {
|
|
51
52
|
let {
|
|
52
|
-
id
|
|
53
|
+
id,
|
|
54
|
+
__typename: dataEntity
|
|
53
55
|
} = _ref2,
|
|
54
56
|
entityProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
55
57
|
const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(i, bannerProps);
|
|
@@ -57,6 +59,7 @@ const FullRender = _ref => {
|
|
|
57
59
|
return /*#__PURE__*/React.createElement(FullRenderItem, _extends({
|
|
58
60
|
key: id
|
|
59
61
|
}, props, entityProps, {
|
|
62
|
+
entity: graphqlEntityMap[dataEntity],
|
|
60
63
|
index: i,
|
|
61
64
|
itemId: id,
|
|
62
65
|
pageBuilderID: pageBuilderID,
|
|
@@ -77,7 +80,8 @@ FullRender.propTypes = {
|
|
|
77
80
|
entity: PropTypes.string.isRequired,
|
|
78
81
|
omitWrappers: PropTypes.bool,
|
|
79
82
|
hasBanner: PropTypes.bool,
|
|
80
|
-
banner: PropTypes.object
|
|
83
|
+
banner: PropTypes.object,
|
|
84
|
+
graphqlEntityMap: PropTypes.object.isRequired
|
|
81
85
|
};
|
|
82
86
|
FullRender.defaultProps = {
|
|
83
87
|
omitWrappers: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullRender.js","names":["React","Fragment","useContext","MainContext","MainContextProvider","PropTypes","uuid","FullRenderItem","ListPagination","LOAD_MORE","BANNER","Wrapper","checkIfShouldRenderBanner","FullRender","_ref","orderedListData","omitWrappers","paginationType","props","_objectWithoutProperties","_excluded","contextProps","pageBuilderID","parent","entity","propsToDisplay","banner","hasBanner","bannerProps","_objectSpread","type","bannerIndex","WrapperToUse","createElement","value","isPreview","className","map","_ref2","i","id","entityProps","_excluded2","shouldRenderBanner","_extends","key","index","itemId","propTypes","array","isRequired","string","object","bool","defaultProps"],"sources":["../../../../../src/components/List/components/Full/FullRender.js"],"sourcesContent":["import React, { Fragment, useContext } from 'react';\nimport { MainContext, MainContextProvider } from '@blaze-cms/nextjs-components';\nimport PropTypes from 'prop-types';\nimport uuid from 'uuid/v1';\nimport FullRenderItem from './FullRenderItem';\nimport ListPagination from '../Pagination';\nimport { LOAD_MORE } from '../../../../constants';\nimport { BANNER } from '../../constants';\nimport Wrapper from '../../../Wrapper';\nimport { checkIfShouldRenderBanner } from '../helpers';\n\nconst FullRender = ({
|
|
1
|
+
{"version":3,"file":"FullRender.js","names":["React","Fragment","useContext","MainContext","MainContextProvider","PropTypes","uuid","FullRenderItem","ListPagination","LOAD_MORE","BANNER","Wrapper","checkIfShouldRenderBanner","FullRender","_ref","orderedListData","omitWrappers","paginationType","graphqlEntityMap","props","_objectWithoutProperties","_excluded","contextProps","pageBuilderID","parent","entity","propsToDisplay","banner","hasBanner","bannerProps","_objectSpread","type","bannerIndex","WrapperToUse","createElement","value","isPreview","className","map","_ref2","i","id","__typename","dataEntity","entityProps","_excluded2","shouldRenderBanner","_extends","key","index","itemId","propTypes","array","isRequired","string","object","bool","defaultProps"],"sources":["../../../../../src/components/List/components/Full/FullRender.js"],"sourcesContent":["import React, { Fragment, useContext } from 'react';\nimport { MainContext, MainContextProvider } from '@blaze-cms/nextjs-components';\nimport PropTypes from 'prop-types';\nimport uuid from 'uuid/v1';\nimport FullRenderItem from './FullRenderItem';\nimport ListPagination from '../Pagination';\nimport { LOAD_MORE } from '../../../../constants';\nimport { BANNER } from '../../constants';\nimport Wrapper from '../../../Wrapper';\nimport { checkIfShouldRenderBanner } from '../helpers';\n\nconst FullRender = ({\n orderedListData,\n omitWrappers,\n paginationType,\n graphqlEntityMap,\n ...props\n}) => {\n const contextProps = useContext(MainContext);\n const pageBuilderID = uuid();\n const { parent, entity, propsToDisplay, banner, hasBanner } = props;\n const bannerProps = banner\n ? { hasBanner, parent, entity, propsToDisplay, ...banner, type: BANNER }\n : null;\n let bannerIndex = 0;\n const WrapperToUse = omitWrappers ? Fragment : Wrapper;\n\n return (\n <MainContextProvider value={{ ...contextProps, isPreview: false }}>\n <WrapperToUse className=\"list list--full\">\n {orderedListData.map(({ id, __typename: dataEntity, ...entityProps }, i) => {\n const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(i, bannerProps);\n if (shouldRenderBanner) bannerIndex += 1;\n\n return (\n <FullRenderItem\n key={id}\n {...props}\n {...entityProps}\n entity={graphqlEntityMap[dataEntity]}\n index={i}\n itemId={id}\n pageBuilderID={pageBuilderID}\n entityProps={entityProps}\n shouldRenderBanner={shouldRenderBanner}\n bannerProps={bannerProps}\n bannerIndex={bannerIndex}\n />\n );\n })}\n </WrapperToUse>\n\n {paginationType === LOAD_MORE && (\n <ListPagination paginationType={paginationType} {...props} />\n )}\n </MainContextProvider>\n );\n};\n\nFullRender.propTypes = {\n orderedListData: PropTypes.array.isRequired,\n paginationType: PropTypes.string.isRequired,\n parent: PropTypes.object.isRequired,\n propsToDisplay: PropTypes.array.isRequired,\n entity: PropTypes.string.isRequired,\n omitWrappers: PropTypes.bool,\n hasBanner: PropTypes.bool,\n banner: PropTypes.object,\n graphqlEntityMap: PropTypes.object.isRequired\n};\n\nFullRender.defaultProps = {\n omitWrappers: false,\n hasBanner: false,\n banner: null\n};\n\nexport default FullRender;\n"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
function ownKeys(
|
|
4
|
-
function _objectSpread(
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
5
5
|
import React, { useContext } from 'react';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import { Waypoint } from 'react-waypoint';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
const _excluded = ["listTotal", "name", "itemsPerPage", "isInfinite", "limitToUse", "paginationType", "currentPage"];
|
|
4
|
-
function ownKeys(
|
|
5
|
-
function _objectSpread(
|
|
4
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
5
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
6
6
|
import React, { useState, useEffect, useRef } from 'react';
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
8
8
|
import Classic from './Classic';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
4
|
import { stringify } from 'query-string';
|
|
5
5
|
import { isObjectEmpty } from '../../../utils';
|
|
6
6
|
import { PB_QUERY_CONST, AZ_QUERY_CONST, PAGINATION_QUERY_CONST } from '../../../constants';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
4
|
import { stringify } from 'query-string';
|
|
5
5
|
import { PB_QUERY_CONST, PAGINATION_QUERY_CONST } from '../../../constants';
|
|
6
6
|
const buildPaginationUrl = (name, page, query, url) => {
|